1

Step 1

HTML - это основа всего

2

Step 2

Никаких стилей в HTML - нам нужен CSS

3

Step 3

Становимся более крутыми - начинаем изучать основы PHP

4

Step 4

Какой современный сайт без штучек? Нам поможет Javascript (JS)

5

Step 5

Итоговое задание для закрепления

1

Step 1

HTML - это основа всего

2

Step 2

Никаких стилей в HTML - нам нужен CSS

3

Step 3

Становимся более крутыми - начинаем изучать основы PHP

4

Step 4

Какой современный сайт без штучек? Нам поможет Javascript (JS)

5

Step 5

Итоговое задание для закрепления

17 June 2014

Goal abandoned

The author does not write in the goal 10 years 2 months 7 days

Education

Познать азы разработки сайтов

"С нуля"

  1. HTML - это основа всего

    Начинаем с самого базового - это HTML код.

    Для этого подойдет очень понятный и легкий в освоении курс от Htmlbook http://htmlbook.ru/samhtml

    С этого этапа вы будете разбираться в теле самого HTML документа, для вас это будет как "хлеб - основа бутерброда".

    Данный этап выполняется локально на вашем компьютере.

  2. Никаких стилей в HTML - нам нужен CSS

    HTML код должен использоваться только как разметка документа, а все стили и красота должны храниться в CSS, причем лучше всего в виде отдельных файлов.

    Самоучитель по нему вы так же найдете на Htmlbook, этот сайт для меня вообще как настольная книга, так как на нем очень хороший справочник по всем тегам. Вот курс для начинающих изучать CSS - http://htmlbook.ru/samcss

    Данный этап выполняется локально на вашем компьютере.

  3. Становимся более крутыми - начинаем изучать основы PHP

    Прежде всего скажу, что PHP не единственный язык программирования, но на сегодняшний день достаточно популярный и учитывая, что большинство CMS работают именно на нем (тот же Wordpress) мы будем изучать именно его.

    Когда вы прошли два первых этапа, то научились создавать простые веб страницы. И теперь надо научиться работать с данными вашего сайта. Например, обрабатывать данные веб форм, или выводить данные из базы данных.

    Для базового уровня вам подойдет вот этот самоучитель - http://www.php5.ru/study/syntax

    Данный этап не получиться выполнять локально без специально установленных программ. Самый простой вариант, дабы пока не углубляться сильно в технологии, купить дешевый хостинг. Например, у Таймвеба есть тариф Year за 120 руб. в месяц. Причем при регистрации у вас будет свой технический домен (#вашлогин#.timeweb.ru) и на нем вы сможете потренироваться и увидеть ваш сайт в сети. Бывает и дешевле хостинг, просто поищите в сети.

  4. Какой современный сайт без штучек? Нам поможет Javascript (JS)

    Да, современные сайты без js очень сложно представить - все эти плавающие окошки, "летающие" элементы, красиво меняющиеся слайдеры - это все Javascript (не путайте только с Java).

    Я его изучал по книге, но так как вам удобнее будет сделать это в онлайне, нашел вот такой простой и понятный самоучитель - http://www.puzzleweb.ru/javascript/00_teacher.php

    Данный этап можно выполнять локально на вашем компьютере или на хостинге, которые вы приобрели на 3-м этапе.

  5. Итоговое задание для закрепления

    Дабы все изученное закрепить, я составил небольшое итоговое задание, которое затронет все изученные вами этапы.

    Задача: Необходимо создать одностраничный сайт по исходнику - http://vj-web.ru/upload/smartprogress/test_ex.zip

    Требования к этому сайту:

    • все стиль в отдельном CSS файле;
    • весь js код в отдельном файле
    • на сайте должна быть работающая форма выбора города (список из любых 5 городов), которая отправляет GET запрос с переменной CITY_ID. То есть должно отправляться в запросе не название города, а его ID - просто цифра (первый город в списке будет с ID 1, второй - ID 2 и т.д.)
    • в коде должна быть обработка полученного GET запроса через php код. То есть, берем переданный $_GET[CITY_ID], сопоставляем этот ID с названием города и выводим выбранное название в список, где пользователь ранее выбирал город (то есть ставим в этот город атрибут selected) и в строке с иконками вместо слова #название_города#
    • при отправки формы, должна быть минимальная проверка средствами HTML, что город выбран
    • при загрузке страницы после выбора города должно всплывать alert окошко Javascript с текстом "Спасибо, что воспользовались формой выбора города". Если же пользователь не выбрал еще город и загрузил страницу впервые - никакого окошка всплывать не должно.

    Памятка: учитывайте тот факт, что раз у нас будет в коде php код, то индексный файл сайта будет index.php, а не index.html

    Если что-то не будет получаться пишите на [email protected] с пометкой "шаблон на smartprogress", проконсультирую вас :)

    "

  • 2481
  • 17 June 2014, 16:44
Sign up

Signup

Уже зарегистрированы?
Quick sign-up through social networks.
Sign in

Sign in.
Allowed.

Not registered yet?
 
Log in through social networks
Forgot your password?