Основы HTML
Web-страница — это обычный текстовый документ HTML, который может быть написан в любом текстовом редакторе начиная от простейшего блокнота (встроенного в любые ОС), так и в более профессиональных редакторах (SublimeText, Notepad++ и др.), которые могут подсвечивать код и дополнять его.
Любой HTML — документ имеет расширение .html
Для создания и редактирования HTML документов создано огромное количество редакторов кода, как платных так и бесплатных. Редакторы специализированные на HTML документах имеют много преимуществ перед обычными текстовыми редакторами, они позволяют автодополнять код, указывать на ошибки кода, подсвечивать синтаксис не только языка HTML но так же других языков используемых при создании сайтов например JavaScript или CSS.
Текстовые процессоры не подходят для создания веб страниц тем что при сохранении документа они добавляют множество своих значений таких как поля, отступы и тд. в код документа и соответственно страница работать корректно не будет.
Создание сайта делится на несколько этапов, каждый из них по своему важен и необходим для качественного ресурса.
Этапы создания сайта:
- Определение тематики ресурса
- Проработка структуры сайта и связей между страницами
- Подготовка макета сайта (макета страницы или нескольких страниц)
- Верстка сайта по готовому макету
- Заполнение сайта контентом
- Добавление визуальных эффектов и анимации на сайт
- Разработка серверной части сайта
- Публикация сайта в сети
- Продвижение сайта
При разработке сайта необходимо проработать две структуры сайта.
- Физическая структура сайта
- Логическая структура сайта
Физическая структура сайта — это та структура по которой сайт будет храниться в файловой системе, это организация файлов и каталогов на локальном диске или сервере. При создании данной структуры необходимо продумать в каком виду будут храниться ваши файлы и каталоги на локальном диске. В данной структуре определяется например: что все изображения присутствующие на сайте будут храниться в папке Images, а все подключаемые стили CSS в папке style.
Логическая структура сайта предполагает описание возможности переходов между страницами сайта с помощью гиперссылок, существует несколько вариантов логической структуры: древовидная, линейная и смешанная. Каждая из этих структур имеет свои достоинства и недостатки, чаще всего на сайтах используется смешанная структура так она позволяет более удобно устроить навигацию по сайту без много численных переходов по страницам.