map1 map2 map3 map4 map5 map6 map7 map8 map9 map10 map11 map12 map13 map14 map15 map16 map17 map18 map19 map20 map21 map22 map23 map24 map25 map26 map27 map28 map29 map30 map31 map32 map33 map34 map35 map36 map37 map38 map39 map40 map41 map42
65 годовщина Победы!
Вконтакте
Статистика
Зарегано на сайте:
Всего: 524
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0

Из них:
Модераторов: 0

Администраторов: 0
Проверенных: 67
Обычных: 457

Из них:

Парней: 489
Девушек: 35
OnLine
Юзеры онлайн:
Нас посетили:

Мини чат
календарь
новые файлы

Орел Девятого Легиона
(Кино)
Загрузок: 0
Просмотров: 2553
Добавил: stim
Дата: 05.05.2011

Случайные файлы

adminchatcolor.amxx
(Плагины)
Загрузок: 0
Просмотров: 889
Добавил: stim
Дата: 29.03.2011


Иконки групп для ucoz темно-синие + PSD исходник
(Иконки групп для ucoz)
Загрузок: 0
Просмотров: 621
Добавил: Omon
Дата: 23.03.2011

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Владельцу сайта » Статьи Web-мастеру » Как правильно верстать на HTML
Как правильно верстать на HTML
stimДата: Суббота, 26.03.2011, 22:32 | Сообщение # 1
[table]Просматривая различные сайты в Интернете, мы не смотрим в код HTML. Ну не берём в расчёт верстальщиков, которым интересно посмотреть на чужую работу. Да и совсем не нужно это обычному пользователю? Но достаточно бывает только взглянуть на html код, чтобы составить впечатление о самих создателях сайта. Код HTML страниц - это как зеркало умений веб-мастера, который занимался созданием сайта.

Заглянув на код можно легко узнать о том, как сделана сама страничка: программкой для клепания сайтов пачками или руками html-верстальщика. Программа не обладает человеческой логикой и не заметит эллиментраных ошибок, к тому же засоряя всё своими комментариями, ненужными тегами и конструкциями. А псевдо "мастеру" до этого нет дела, ведь в его браузере все смотрится хорошо, а то, что браузеров существует великое множество ему и дела нет...

Создание минималистичного (чем меньше кода в странице, тем лучше для дальнейшей раскрутки сайта в поисковиках), аккуратного и работающего во всех браузерах - это своеобразное, но искусство. Особенно это заметно, когда вы создаёте сайт не для себя, а для работодателя, который разбирается в html.

Встречаются сайты с очень сложной структурой, в которых работа верстальщика занимает самое большое по времени всего создания сайта. К примеру, сложная вложенность слоёв, абсолютное позиционирование совместно с JavaScript кодом делает html вёрстку одним из сложнейших занятий, без опыта в которых сложно нормально работать и зарабатывать.

Чтобы ваш код страницы выглядел достойно, аккуратно и «неискусственно», вам было легко в нем ориентироваться, то внимательно изучите нижеперечисленные пункты и придерживайтесь их при написании HTML:

* Писать html теги большими прописными буквами является неправильным (TABLE, BODY, IMG) — это первый признак неручной работы и в таком коде тяжело ориентироваться, так как большинство кода в Интернете все-таки написано строчными буквами (table, body, img) и это является стандартом и весь html код, написаный строчными буквами признается html-валидатором невалидным!

* Атрибуты всегда записывайте в кавычки (напр., align="right"), что придаст вашему коду аккуратность и совместимость с языком XML.

* Присваивая какое-либо значение (ширины, высоты) в пикселях, не забывайте это указать, т.е. width="5px". Например, height=23 будет ошибкой, приавльно писать height="23%";

* Есть теги, в которых нет закрывающего тега (img, hr, br), но по стандартам W3C - это те люди, которые диктуют правила написания html кода (да и многого другого). В таких случаях надо закрывать одиночный тег закрывающим слешем

* Лишние комментарии, которыми программы засоряют код, так же, не пойдут на пользу вашему сайту, а вот ваши собственные комментарии помогут разобраться через некоторое время намного быстрее. Тем более, если сайтом станет заниматься другой мастер;

* Старайтесь не оставлять стили и JavaScript код в страничке. Выводите их в отдельный файл — так проще что-либо поменять и код страницы уменьшится (иногда очень заметно);

* У любого символа есть своя замена. В каждом справочнике по HTML есть список этих подстановок. Желательно использовать их, что бы не было проблем с просмотром в некоторых браузерах.

Напоследок скажу, что программами для клипания быстрых сайтов пользоваться не стоит, потому что они очень сильно засоряют код и ничего хорошего из этого никогда не выйдет. Советую использовать специальные редакторы для программистов, в которых вы сами пишете код, но скорость работы увеличивается за счёт специльных возможностей, таких как подсветка кода или проверка на валидность - правильность с точки зрения стандарта html и css. (Как пример, Notepad++)

Чаще всего при создании сайта больше всего сил и времени уделяется визуальному дизайну сайта, с точки зрения дизайнера, это правильно - ведь именно его увидят рядовые посетители сайта. И часто экономия на коде сайта может сыграть медвежью услугу: увеличиваются расходы на раскрутку сайт (в том числе и время), начинают открываться проблемы с кроссбраузерностью (внешним видом в различных браузерах) сайта и в конце-концов, сайт приходиться перевёрстывать.

Как видите, скупой (или ленивый) платит дважды, а то и трижды! Из-за такого отношения в нашем Рунете множество сайтов с замечательным внешним дизайном имеют отвратительный код, сделанный на скорую руку в программе-клепалке, осовенной не полностью. Не повторяйте ошибок таких сайтостроителей, верстайте аккуратно и красиво, выделяйте структуру кода, и всегда помните, что язык HTML — основа сайта.[/table]

Форум » Владельцу сайта » Статьи Web-мастеру » Как правильно верстать на HTML
  • Страница 1 из 1
  • 1
Поиск: