Главная
События
Проекты
Контакты
Что нужно знать для создания сайта ?
[к содержанию]Итак, Вы решили научиться создавать сайты, чтобы сделать свой собственный или выбрать эту область деятельности как источник заработка, а может быть просто - чтобы узнать что-то новое и интересное.
В любом случае, скажу, что эта тема слишком обширна и здесь мы рассмотрим лишь общие сведения.
Нужно иметь представление об общем устройстве, назначении и функциях сайтов.
Знать 5 языков:
- html;
- css;
- php;
- javascript;
- sql для mysql;
Создание сайта обычно включает следующие шаги:
- планирование задач и общей направленности сайта;
- составление технического задания (тз);
- рисование дизайн-макета в Photoshop или другой программе работы с растровой или векторной графикой;
- верстка шаблона сайта - на чистом html + css или сразу с внедрением в конкретную систему управления сайтом (cms);
- разработка необходимого функционала на html + css + php + javascript + my sql;
- наполнение сайта контентом (статьями, картинками, программами, пользователями) и прочим, что будет составлять полезную основу будущего сайта;
Общее представление о том, с чего можно начать я уже давал в некоторых своих статьях,
например Пишем свою cms, Web технологии, Уроки php
Программные инструменты, которые Вам понадобятся упоминаются здесь - Что нужно для создания собственного сайта.
Теперь давайте постепенно продвигаться вперед - будем шаг за шагом, страница за страницей изучать и рассматривать со всех углов зрения всё то, что Вам потребуется для изучения искусства разработки сайтов.
Глава 1 - первая страница вашего сайта
<html><head>
<title>Моя первая страница</title>
</head>
<body>
Привет! Это текст на моей первой странице.<br><br>
Ура !!! Работает !!!<br><br>
</body>
</html>
Любой сайт, какой бы сложный он не был, имеет одну и ту же структуру страниц, которая показана в данном примере.
Всегда есть <html> и </html> теги, внутри которых заключена вся структура любой страницы любого сайта.
Откройте любой сайт и посмотрите его код в браузере и вы сами убедитесь в этом.
Теги <head> и </head> венчают собой начало и конец заголовочной части страницы сайта.
Всё что описано внутри них - не выводится в видимой части страницы, но влияет на многие особенности отображения этих страниц.
В нашем простейшем примере внутри заголовочной части содержится только код, который задает TITLE - заголовок страницы сайта, выводимый браузером обычно в заголовке окна программы браузера.
И наконец, теги <body> и </body> определяют всю видимую часть страницы сайта, которая будет в том или ином виде показана браузером в области содержимого страницы.
Если эта информация для Вас является новинкой - то советую вам сразу же поэкспериментировать - создать в БЛОКНОТе или другом редакторе текста (например, notepad++), приведенный пример кода, сохранить созданный файл назвав например index.html и попробовать открыть его любым браузером.
Если всё получится - значит Вы сделали свой ПЕРВЫЙ ШАГ в понимании того, как работают сайты.
далее
[к содержанию]