История Hyper Text Markup Language, таблицы стилей, уровни Cascading Style Sheets. Описание средств разработки шаблона. Верстка элементов шаблона и создание стилей. Требования к качеству html-верстки и тестирование сайта. Листинг html и css-кода.
Аннотация к работе
Это понятие более широкое, включает в себя Интернет и локальные сети, редакторы, браузеры, разнообразные программные продукты, компакт-диски, обучающие курсы, дизайн и многое другое.html - своеобразная противоположность сложным языкам программирования, известным только специалистам. Такие информационные системы, выполненные в виде набора HTML-страниц, не требует разработки специальных программных средств, так как все необходимые инструменты для работы с данными (WEB-браузеры) стали частью стандартного программного обеспечения большинства персональных компьютеров. От пользователя требуется выполнить только ту работу, которая относится к тематике разрабатываемого продукта: подготовить тексты, нарисовать рисунки, создать HTML-страницы и продумать связь между ними. Практически все современные браузеры поддерживают версию 3.2, поэтому авторы WEB-страниц уверенны в работоспособности всех элементов. Если все стилевые шаблоны для конкретного HTML-документа разместить в одном текстовом файле (с расширением ess), то с помощью специального тега из текущего документа можно сделать ссылку на внешний CSS-файл стилевых шаблонов, например: Браузер, анализируя HTML-код, обратится по указанному пути и, обнаружив указанный файл стилевого оформления, отобразит элементы страницы в соответствии с определенными правилами CSS.сайт шаблон листинг версткаШаблон экранной формы представляет собой web станицу написанную на языке разметки гипертекста. Экранная форма подразумевает наличие всех обязательных полей для создания запроса в будущем web сервисе. Программа разрабатывается на основе учебного плана кафедры 230115 «Программирование в компьютерных системах» Московского колледжа бизнес-технологий. Шаблон предназначен для обеспечения удобной и эффективной работы по отслеживанию ошибок при разработке программного обеспечения. Для работы с экранной формой оператор должен обладать минимальными навыками по работе с компьютером.Функциональная диаграмма Рис. Рис.В качестве текстового редакторадля работы с кодом был выбран sublimetext. Из удобный функций, доступных в этой версии можно назвать Go To Definition, который позволяет с легкостью перемещаться по определениям функций и переменных в рамках текущего проекта, и скорость работы редактора. Так можно отметить графическое исполнения данного редактора, удобный дизайн и изменяемый цветовые схемы позволяют настроить данный инструмент под себя, что бы максимально повысить скорость разработки.Приступая к созданию данного шаблона не обходимо определиться с тем из каких глобальных элементов будет состоять шаблон. Данный шаблон будет состоять из трех глобальных блоков имеющих иерархию. Это блок рабочая области, которая обрамляет все рабочее пространство, в котором пользователь будет производить действия. В блоке рабочая область есть еще два глобальных блока это горизонтальное меню и форма ввода запроса, которые в свою очередь включают в себя боле мелкие блоки, это сделано для возможности более точного редактирования. В целом концепцию верстки шаблона можно описать так: сначала в файле index.html создаются все необходимые для реализации функционала блоки, вводится вся необходимая на странице информация, после чего в файле style.css описываются все графические свойства каждого блока.HTML-шаблон - набор файлов, состоящий из html-страниц(в них определяются правила верстки страницы), файлов картинок, стилей, скриптов, используемых для отображения в интернет. А так как верстка осуществляется поэлементно, то процесс верстки при наличии слоев занимает меньше времени. HTML-верстальщик в процессе создания html-шаблона оперирует не только знанием html-тегов для правильной верстки, а в том числе, должен понимать как правильно оформлять таблицы стилей(CSS), должен понимать как реализовываются интерактивные компоненты (JAVASCRIPT, JQUERY). Качественный html-шаблон должен содержать в себе все ответы на вопрос «Как должна быть представлена информация на сайте?». Относительно верстки сайта существуют очень четкие требования, которым должна соответствовать качественная html-верстка: Быть идентичной предоставленному макету.В этом проекте был рассмотрен язык разметки гипертекстовых документов HTML, его основные функции свойства и параметры.
Введение
Шаблон экранной формы представляет собой web станицу написанную на языке разметки гипертекста. Экранная форма подразумевает наличие всех обязательных полей для создания запроса в будущем web сервисе.
2.Основание для разработки.
Программа разрабатывается на основе учебного плана кафедры 230115 «Программирование в компьютерных системах» Московского колледжа бизнес-технологий.
3.Назначение разработки.
Шаблон предназначен для обеспечения удобной и эффективной работы по отслеживанию ошибок при разработке программного обеспечения.
4.Требования к программе и программному изделию.
4.1 Требования к функциональным характеристикам
Шаблон должен обеспечить: Ввод всех необходимы атрибутов запроса
Адаптивность к серверным приложениям по сбору данных
Функциональный и не нагроможденный интерфейс
Возможность формирования заявки.
Должен включать в себя несколько экранных форм.
4.3 Условия эксплуатации.
4.3.1 Технические условия эксплуатации.
Для корректного отображения экранной формы не обходимо открывать ее в интернет браузере googlechrome версии 30.0 и больше.
4.3.2 Требования к персоналу.
Для работы с экранной формой оператор должен обладать минимальными навыками по работе с компьютером.
4.4 Требования составу и параметрам технических средств.
В состав технических средств должен входить персональный компьютер (ПЭВМ), выполняющий роль клиента, включающий в себя: процессор Pentium-2.0Mz, не менее;
оперативную память объемом, 1Гигабайт, не менее;
HDD, 80 Гигабайт, не менее;
операционную систему Windows 2000 или Windows 2003;
5. Требования к программной документации.
Состав программной документации должен включать в себя: руководство пользователя руководство программиста пояснительная записка
6. Технико-экономические показатели.
Шаблон должен обеспечить быстрый и функциональный процесс регистрации ошибок при разработке стороннего программного обеспечения.
Шаблон повышает скорость разработки внутри организации.
Вывод
В этом проекте был рассмотрен язык разметки гипертекстовых документов HTML, его основные функции свойства и параметры. Сегодня применение HTML практикуется во всех без исключения электронных документах, независимо от тематики, величины и коммерческой направленности Интернет проекта.
В данной работе такие технологии, как CSS были затронуты лишь поверхностно дабы показать эффективность совокупности использования HTML с интерактивными скриптовыми технологиями. Использование последних является отдельной темой, подходящей для отдельного проекта.
Список литературы
1. Айзекс А. DYNAMICHTMLBHV-Санкт-Петербург 1998.
2. Ганчаров А. Самоучитель HTML. Питер 2000.
3. Дарнелл Р.html 4 Энциклопедия пользователя ДИАСОФТ 1999.
4. Денисов INTERNETEXPLORER 5 Справочник Питер 1999.