1.4 Написание html кода для страницы сайта
Страницы в интернет - в том виде, в котором вы видите их на экране своего браузера, на самом деле - текстовые файлы (наподобие файла редактора Word). Текст, заключенный в них - это собственно текст
вашей страницы плюс информация для браузера - где его размещать и как, где размещать графические изображения, таблицы если они есть, куда и как будет переходить пользователь, нажав на ссылку и т.д. Вся эта дополнительная информация на страницах сайта написана в виде т.н тегов html - основного языка программирования, используемого сегодня для создания веб-страниц. Существуют и получают большое распространие и другие формы представления данных в интернет - но для начинающего пользователя или человека, который создает небольшую личную страницу (сайт), как правило достаточно знакомства с html.
Для начала - перед непосредственно созданием страниц сайта рекомендую ознакомиться с учебником по html - см. раздел литература. Учебник написан простым и понятным языком и все, что Вам потребуется,
в нем есть. Как форматировать текст, как создавать таблицы, помещать графику, организовывать ссылки и меню на сайте.
После того, как немного изучите учебник по коду html, стоит приступать к практике.
Создавать страницы можно в простом текстовом редакторе - например блокноте, но это путь не для начинающего. На сегодня существует масса специальных html-редакторов, которые позволяют сделать процесс создания страниц сайта простым и удобным. Фактически, их можно разбить на две группы: Первые - текстовые редакторы,
наподобие блокнота,
но предназначенные специально для создания веб-страниц. Подробно их разбирать здесь смысла мало, т.к на мой взгляд они скорее легкий инструмент для опытного веб-дизайнера, чем редактор кода html для начинающего. Вторые - визуальные, так называемые WYSIWYG редакторы - от фразы "What you see is what you get" (что видишь - то и получаешь). В них создание страниц напоминает написание и оформление документа Word. Т.е Вы набираете текст, делаете таблицы, вставляете рисунки, выбираете
фон - а редактор за вас пишет
html-текст. Html-текст, само собой, так же возможно редактировать (в том же/отдельном окне/вкладке). Этот тип html редакторов вам и нужен - он позволит существенно упростить задачу создания странички и одновременно позволит укрепить знание основ html.
Наиболее распространенные среди них сегодня - Microsoft FrontPage, Adobe GoLive, Macromedia Dreamweaver, CoffeeCup Html editor. Сравнительно недавно появился, на мой взгляд, очень хороший html-редактор - Namo WebEditor. Каждый из редакторов по-своему интересен, я предпочел изначально Dreamweaver, сейчас пользуюсь Namo WebEditor. Namo показался логичнее
и удобнее. Поэтому советую
попробовать несколько программ и выбрать для себя наиболее понятную и удобную.
Учебники по редакторам HTML находятся здесь (открывается в новом окне).
Остался еще один важный момент при создании страниц сайта - это работа с изображениями. Предположим, что вы выбрали изображения, которые хотите поместить на свой сайт. Но просто так вставить их в html редакторе на страницу нельзя - размер графики, как правило, окажется слишком большим. Кроме того, зачастую необходима коррекция изображения - требуется обрезать края, изменить
яркость, цветовую гамму и пр. Здесь на помощь придет графический редактор. Основы работы с изображениями при создании страниц сайта изложены в этой статье.
При создании страниц очень могут помочь готовые шаблоны для сайта. О них я расскажу дальше.
