Если вы читаете эту статью, значит у вас установленна специальная программа - броузер. Всего каких то лет 5-6 назад, интернет сообществу было известно 2-3 броузера не более, сейчас же обстановка сильно изменилась и нам уже доступно достаточное разнообразие этих программ, для просмотра интернет страничек, да и вообще какого либо содержимого web ресурса. Каких броузеров только нет, и Opera и Internet Explorer, Mozilla и Google Hrome... список можно продолжать и продолжать, но в чём собственно суть того, что я хочу описать в этой статье о кроссброузерности? Дело в том, что каждый разработчик программ для просмотра интернет страниц, следует своим правилам и своим приоритетам в плане правильной, с точки зрения визуализации интернет содержимого. Не все производители придерживаются одной какой то грамотной линии, действительной для всех разработчиков. Вот отсюда и выходит, что отображает один броузер, другой броузер отображает этот же элемент сайта по своему или не отображает совсем.
И из этого и следует объяснение понятия кроссброузерности - это построение кода сайта, соответствующим правилам всех основных (и наиболее популярных у пользователей глобальной сети) броузеров.
Если какой то элемент или способ вывода той или иной части сайта (страницы) может отображаться не одинаково во всех броузерах, то такой способ вёрстки сайта не применяется, а применяется только те способы, которые выводят визуально содержимое сайта во всех броузерах максимально приближённо к единому "эталону". Надеюсь вы чётко поняли, из моих пояснений, что такое кроссброузерность.
Многие пользователи задаются вопросом, как установить шаблон на ucoz, на эту систему управления сайтами? В ucoz есть удобная фича, это конструктор шаблонов. Смысл этого конструктора таков, для установки шаблонов на все активированные модули достаточно 3х действий - залить рабочие файлы (css, js, jpg, png), залить файл стилей CSS и сам файл конструктора. Я постараюсь вам помочь и рассказать более подробно, на самом деле сложного ни чего нет. Для более лёгкого усваивания материала, я разобью инструкцию по установке по пунктам, выполняя которые вы безошибочно установите ваш шаблон для ucoz.
- Скачать шаблон для ucoz
- Распаковать архив на компьютер
- В архиве с шаблоном должны быть папки типа: img, images, css, js, закачайте их в корень вашего сайта, используя FTP программу (можно напрямую, таким как "файловым менеджером" ucoz)
- Теперь ищем в архиве файл с подобным именем: css.txt, style.txt, css.css. Нам нужен файл CSS стилей шаблона, его заливаем в таблицу стилей CSS шаблона. Чтобы найти в таблицу стилей, пройдите по этому пути: Панель Управления (Админпанель) -> Дизайн (в админбаре) -> Управление дизайном (CSS)
- Затем так же ищем файл типа: html.txt, tpl.txt и т.п. так обычно называют файл для конструктора шаблонов ucoz. Если нашли, то вставляем его содержимое в : Панель Управления (Админпанель) -> Дизайн -> Конструктор шаблонов
- Жмём установить и шаблон автоматически установится на все задействованные модули и форум в том числе (если он был предусмотрен в данном шаблоне ucoz)
На этом установка шаблона на сайт в системе ucoz завершена. Как видите всё предельно просто, а трудно только в первый раз.
Что такое Валидация и для чего она нужна?
Английское слово Validation в различных ключевых моментах переводится по разному. В нашем случае, перевод будет уместен как - сверка, с обязательным и идеальным стандартом и выполнение определённых, заявленных жёстких требований.
В сайтостроении этот термин означает - соответствие созданного web документа, требованиям спецификации и стандартам консорциума W3C (www.w3c.org) при поддержке разработчиков браузеров.
Есть определённые жёсткие стандарты в построении веб документов средствами html и css. Разработчики браузеров иногда пренебрегают этими требованиями и из за этого в разных браузерах, один и тот же элемент сайта, визуально смотрится совершенно по разному.
Сам процесс загрузки страницы браузером происходит приблизительно следующим образом:
- загружается содержимое страницы
- проверяются соответствия элементов html и css кода данного web документа стандартам валидации... этого браузера!
- если есть НЕсоответсвия, браузер исправляет их, подстраивая под свои стандарты, на которые запрограммировали их разработчики. При большом количестве "ошибок" браузер какое то время может быть не доступен, так как в это время он занимаеться исправлением. Это время обычно мгновенно, но всё складывается из мгновений и нарастает как снежный ком в длительные ожидания.
- полученные данные кешируются на компьютере и выводятся на монитор.
И вот что бы не было таких ожиданий и есть стандарт валидации - W3C.
Для того чтобы создать свой сайт в интернет, знание HTML является одним из ключевых факторов. Для начала узнаем, что такое HTML - это определённый язык гипертекстовой разметки файл-документов, на английском языке пишется так: HyperText Markup Language.
Для создания или редактирования документа HTML можно использовать стандартный Notepad или Wordpad, но я использую более удобную программу Notepad++, что и вам советую.Теперь я покажу вам простой пример HTML кода страницы с тегами, которые просто обязательны при вёрстке любого HTML документа или страницы:
<html>
<head>
<title>Урок HTML №1</title>
</head>
<body>
<p>Всем привет!</p>
</body>
</html>
Теперь нужно сохранить этот пример, как документ с расширением .html
Результат задания данного урока, вы можете посмотреть тут СМОТРЕТЬ УРОК №1