Примерно так:
- Прочесть (хотя бы ознакомиться) учебники для вузов Галины Сергеевны Ивановой - "Основы программирования" и "Технология программирования".
- Выписать в одном файле, в свободной форме, все свои пожелания по будущему сайту - что там должно быть.
- Основываясь на п.2, составить техническое задание на сайт.
- Составить блок-схему сайта и отдельных его блоков.
- Выбрать платформу для будущего сайта: ОС, ПО веб-сервера, СУБД.
- Написать сайт на выбранном языке программирования.
- Запустить отладку и тестирование (на друзьях, знакомых, наёмных тестирощиках).
- Исправить все выявленные недостатки.
- Повторять пункты 7 и 8 до уверенности в том, что сайт готов.
Все пункты - обязательны. Можно добавить что-то, но отбросить нельзя.
Важным моментом является составление Технического задания. Многие, по неопытности, пренебрегают им, но из-за этого теряют уйму времени и нервов. Вот ответы на важнейшие вопросы о техзаданиях: http://lukod.ru/faq1.html
Советую изучать PHP, стабильную - 5-ю - версию. Также нужно знать HTML-5, CSS-3 JavaScript, DOM (Document object model), MySQL, WebGL (делать 3D в браузере), SVG (это для особо умных, гениальных, но и результат может быть фантастическим), среды разработки и средства отладки для выбранных языков. Можно дополнительно узнать о SSH, nginx, SSL, DNS, доменах, видах хостинга.
Пожалуй самый популярный ресурс по этой теме - это htmlbook.ru
Могу посоветовать еще Справочник HTML и CSS
Если вам удобнее видео-материалы, то на YouTube такой информации довольно много.
Лично мне, удобнее всего читать книгу по HTML, смотреть эти же примеры на экране монитора
(книги, обычно идут с дисками, или в книге бывает указан адрес сайта, по которому можно найти примеры, описанные в книге)
и здесь же в каком-нибудь HTML-редакторе пробовать различные варианты кода и смотреть результат на экране.
Javascript используется достаточно часто, поэтому все мастера должны знать, как его использовать в своем коде. Для размещения скрипта (будь то Java или любой другой) используется код <script></script>. Если вы прописываете скрипт в коде, он будет располагаться между этими тегами. Если подключаете извне, между скрипт-тегами нужно прописать адрес, по которому браузер сможет найти ваш скрипт.
1) Самый частый случай это когда необходимо в тексте поместить знаки, использующиеся для обозначения тегов (">" и "<"), поэтому если просто написать эти символы в тексте их не будет видно.
Вместо знака ">" можно написать >
вместо знака "<" можно написать <
2) Если страница в кодировке ASCII, в этом случае символы UNICODE можно размещать только через применение CER.
Таблицу символов можно посмотреть здесь
Обычно устанавливается в начале файла, для обозначения именно формата файла HTML. И тогда браузерам дается "приказ" отображать именно этот формат. Далее идут строчки с указанием подключений файлом и (или) скриптов. А затем собственно сам код файла на HTML.
