Обоснование выбора средств разработки
При разработке сайта «ООО Центр информатизации» использовалось два языка программирования HTML и каскадные таблицы стилей CSS. Так как они являются самыми популярными и распространенными. Для украшения сайта добавлены несколько анимированных изображений
HTML – это язык гипертекстовой разметки текста. Гипертекстовым HTML называется потому, что с его помощью на странице можно устанавливать ссылки на все прочие web-документы.
Языком разметки он зовется потому, что в его прямые функции входит размещение элементов на странице. Основное предназначение HTML состоит в разработке статических веб-страниц.
HTML – это самый распространенный инструмент создания сайтов, если обратить внимание на исходных код страниц, то можно увидеть, что среди всех онлайн-проектов большинство пишется именно на базе HTML.
Отчасти это связано с тем, что язык гипертекстовой разметки очень просто осваивается за весьма непродолжительное время.
HTML считается самым демократичным языком, так как он оптимальным образом поддерживается и интерпретируется Интернет-проводниками.
Браузеры функционируют по индивидуальным принципам, а HTML позволяет деликатно подстроить представление страниц под условия каждого из них.
Кроме того, HTML никогда не стоит на месте в плане развития, без конца появляются новые версии, которую позволяют оптимизировать и облегчить работу, улучшая при этом общую картину конечного результата. Последняя версия HTML – это HTML 5.
Если рассматривать эту версию в отдельности, то можно выявить следующие плюсы:
Синтаксис: HTML 5 имеет два синтаксиса — «custom» HTML и XML. HTML синтаксис определяет детализированные правила синтаксического анализа (включая «обработку ошибок»).
XML синтаксис совместим с документами XHTML1 и его реализациями. Чтобы использовать этот синтаксис нужно объявить MIME тип XML, а элементы должны быть выстроены согласно спецификации XML.
Для синтаксиса HTML разработчики могут использовать три способа установки кодировки: — на транспортном уровне. При использовании Content-Type HTTP заголовка, например. — используя символ Unicode Byte Order Mark (BOM) в начале файла. Этот символ обеспечивает сигнатуру используемого кодирования. — используя мета тег с атрибутом charset, который должен быть определен как первый дочерний элемент head.
section представляет часть документа или раздел
article представляет независимую часть содержания для включения в документ статей
aside представляет часть содержания, которая только частично связана с остальной страницей
header представляет заголовок section
footer — нижний колонтитул, может содержать информацию об авторе, авторском праве и так далее
nav представляет раздел документа, предназначенный для навигации
dialog может использоваться для выделения диалогов:
audio и video для мультимедиа. Оба обеспечивают соответствующий API. Таким образом разработчики могут писать скрипты собственного пользовательского интерфейса, но также предусмотрен способ вызова стандартного API пользовательского агента. Вместе с этими элементами может быть использован source, если есть возможность организовать параллельные потоки.
embed используется для контента plugin’ов.
meter — для представления единиц измерений.
canvas используется для динамической отрисовки графики.
command представляет команду, которую может вызвать пользователь.
datagrid — интерактивное представление списка типа «дерево» или табличных данных.
details представляет дополнительную информацию, которую пользователь может получить по требованию.
datalist вместе с новым атрибутом list используется чтобы сделать combobox:
HTML 5 вводит несколько новых атрибутов для элементов, которые уже входили в HTML 4:
элементы a и area получили новый признак ping, который определяет список URI адресов, которые должны пропинговаться при переходе по гиперссылке.
Появились также несколько новых глобальных атрибутов:
атрибут contenteditable указывает, что элемент доступен для редактирования
contextmenu может использоваться для указания на контекстное меню, созданное автором
draggable может использоваться вместе с новым drag&drop API
irrelevant указывает, что элемент еще или больше не актуален
Атрибуты для модели повторения (repetition model):
2. Этот код легче поддерживать
4. Он лучше оптимизирован для поисковых систем
5. Правила стиля могут применяться ко множеству страниц
8. Точность контроля (позиционирование, размер, поля и др.)
10. Теги больше не используются не по назначению (например, для форматирования)
Обоснование средств разработки html
В этой главе будут рассмотрены наиболее популярные языки программирования для webсайтов, языки разметки текста, варианты форматирования и стилизации элементов htmlкода и использование таблиц стилей CSS, объектно-ориентированные скриптовые языки программирования, такие как JavaScript, а так же выбор базы данных для хранения информации.
Конечно, сайт можно было бы «сделать» на CMS. ContentManageSystem — это набор файлов, который, после своего размещения на сайте, позволяет изменять содержимое ресурса при помощи браузера.На сегодняшний день во Всемирной Сети существует множество различных систем управления, стоит отметить, что многие из них бесплатны. Если ознакомиться с общим описанием всех этих систем, то создается впечатлении относительно того, что все эти CMS просто идеальны, но это далеко не так.
1. Если нужно написать какой-либо сервис или модуль, которого еще нет для данной cms, то с его написанием под этуcmsи его встраиваемостью, могут возникнуть проблемы.
2. Избыточность кода. Так как cmsвещь универсальная и создается для решения всех на сегодняшний день проблем, с некоторыми из которых никто никогда не встречается, то огромный ненужный код будет тормозить работу ресурса.
3. Проблема оптимизации. При работе с некоторыми системами управления оптимизация ресурсов становится вовсе невозможной, что крайне невыгодно и неудобно.
Итак, для создания сайта РадиоВТУЗ я буду использовать стандартные, универсальные средства разработки, без использования CMS.
HTML и XHTML
HTML (от англ. HyperTextMarkupLanguage — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Любой сайт имеет хотя бы несколько строк HTML (или XHTML) кода. Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме.[1]
HTML — теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками — тегами. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных (например, тег переноса строки
). В этом случае обычно не указывается закрывающий тег. Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства (например, размер шрифта для элемента font). Атрибуты указываются в открывающем теге. [1]
Каждый HTML-документ, отвечающий спецификации HTML какой либо версии, должен начинаться со строки объявления версии HTML , которая обычно выглядит примерно так:
Если эта строка не указана, то добиться корректного отображения документа в браузере становится труднее. Далее обозначается начало и конец документа тегами и соответственно. Внутри этих тегов должны находиться теги заголовка ( ) и тела ( ) документа.
Различия между XHTML и HTML:
· Все элементы должны быть закрыты. Теги, которые не имеют закрывающего тега (например, или
) должны иметь на конце / (например,
).
· Булевы атрибуты записываются в развёрнутой форме. Например, следуетписатьили.
· Имена тегов и атрибутов должны быть записаны строчными буквами (например, вместо ).
· Кодировкой по умолчанию является UTF-8 (в отличие от HTML, где кодировкой по умолчанию является ISO 8859-1).[3]
Итак, XHTML — это более современный стандарт, расширяющий возможности HTML, упрощающий разработку браузеров и призывающий к синтаксической корректности структурной разметки.
На сайте РадиоВТУЗ я использовал тип DTD документов стандарта XHTML 1.0transitional: