Вёрстка сайта


вёрстка сайтаДоброго времени суток уважаемые посетители сайта МОНИМЕЙКЕР точка РУ,сегодня мы с вами разберём тему вёрстка сайта. С чего начинать и самое главное для чего она, ведь могут же задать нам такой вопрос, при нашей идущей семимильными шагами технике может и не нужны нам эти знания ?

Как делается вёрстка сайта

Вёрстка сайта делается при помощи html;xhtml;hml и др. языков разметки.Для начала мы рассмотрим html, он на мой взгляд более понятен для начинающего верстальщика. После того как мы закончили графическую часть приступаем к созданию сайта,или главной его страницы, приступаем к написанию HTML кода.

Я думаю к этому этапу вы уже разобрались с предназначением основных ТЭГОВ, а главное с написанием таблиц. Ведь от этого будет зависеть : сколько,где и какой ширины и высоты колонки будут созданы нами при формировании нашего детища.

Где будут установлены дополнительные графические изображения и ещё куча нужных прибамбасов-счётчиков посетителей, рейтинга в различных поисковых системах и др. Я сознательно не перенаправляю вас к профессионалам, так как это будет неправильно, вы решили создать сайт сами и отправить вот так сразу покупать что-то в лучшем случае нелогично.

Когда вы сделаете это сами, вам в дальнейшем не нужно будет ломать голову, как- же поставить рекламный баннер на сайте, чтобы заработать денежку,то есть чтобы вы имели отдачу от своего предприятия. Если вы читаете эту страницу, уже имея изготовленный самими шаблон,а сделать его можно при помощи программы фотошоп или DreamWeaver , то на вашей страничке уже есть одна табличка. Приглядитесь к ней внимательно из каких составляющих она состоит, это в основными тэги -table- tr- td- в результате получаем:

 написание html кода

Написание HTML кода

Это код таблицы из одной строки- текст пишется между открывающим и закрывающим тэгом -td-. Конечно код который создаёт текстовый редактор или фотошоп на первый взгляд сложноват,но я сейчас научу вас основному правилу ,как не сбиться при чтении таблицы — table-.Сразу ищите начало таблицы и её размеры ,тут главным является- td width-ширина —height- высота. Мысленно выкиньте то что в ней написано, или вставлено и так идите до закрытия ячейки-/td-. Если продолжение открытия -td- следует значит пошла ещё ячейка.И так до закрывающего знака -/tr-.Тут уже всё за ним будет -/table- и всё значит таблица закрылась.Ну и для простого сайта, можно применить вот такую схему построения.

составляем заголовки

Составляем заголовки

Думаю когда вы опишите этот html код в Word Pad-е или Блокноте и сохраните его как page.html, он вам понравится. И вы наполнив ячейки содержимым увидите, что создали свою первую Web страничку.А чтобы не сбиться при написании кода подсматривайте вот сюда

учимся писать html код

Записываем HTML код

P.S.Если вам понравилась статья вёрстка сайта, то уважаемые друзья заходите к нам на сайт Запросто, приводите своих друзей пусть они посмотрят как в три клика мышью, можно создать себе страничку в интернете.

Translate »