Учебно-методический комплекс дисциплин по дисциплине «Веб-дизайн»
|
Скачать 0.97 Mb.
|
|
Раздел 1. Язык гипертекстовой разметки –HTML (10ч.) Цель: Изучение основ HTML Тема 1. Правила построения HTML-документов (2ч) Учебные вопросы:
Учебная информация: 1. Основные понятия Сегодня Internet используется как источник разносторонней информации по различным областям знаний. Большинство документов, доступных на серверах Internet, имеют гипертекстовый формат. Службу Internet, управляющей передачей таких документов, называют World Wide Web (Web, WWW) – Всемирная Паутина. Среда WWW не имеет централизованной структуры. Она пополняется теми, кто желает разместить в Интернете свои материалы, и может рассматриваться как информационное пространство. Как правило, документы WWW хранятся на постоянно подключенных к Интернету компьютерах – Web-серверах. Группа взаимосвязанных документов представляет собой Web-узел. Размещение подготовленных изданий на Web-узле называется Web-публикацией. Современные модели Web-узлов, позволяющие автоматически в заданное время передавать обновленную информацию на компьютер зарегистрированного клиента, называют Web-каналами. Отдельный документ World Wide Web называют Web-страницей, обычно это комбинированный документ, который может содержать текст, графические иллюстрации, мультимедийные и другие вставные объекты. Для создания Web-страниц используется язык HTML (HyperText Markup Language – язык разметки гипертекста), который при помощи вставленных в документ тегов описывает логическую структуру документа, управляет форматированием текста и размещением вставных объектов. Web-сервер иногда называют хостом (host — хозяин, содержатель), а местоположение Web-страницы - сайтом (site – местонахождение). Сайты, содержащие большой объем информации называют порталами. Отличительной особенностью среды WWW является наличие средств перехода от одного документа к другому, тематически с ним связанному, без явного указания адреса. Связь между документами осуществляется при помощи гипертекстовых ссылок (гиперссылок). Гиперссылка - это выделенный фрагмент документа (текст или иллюстрация), с которым связан адрес другого документа. Механизм гиперссылок позволяет организовать тематическое путешествие по World Wide Web без использования (и даже знания) адресов конкретных страниц. 2. Создание HTML-документов HTML является стандартным языком, предназначенным для создания гипертекстовых документов в среде Web. HTML-документы могут просматриваться различными типами Web-браузеров, которые интерпретируют HTML для выделения различных элементов документа и первичной их обработки. Использование HTML позволяет форматировать документы для их представления с использованием шрифтов, линий и других графических элементов на любой системе, их просматривающей. Размещение собственных материалов в Интернете включает два этапа: подготовку материалов и их публикацию. Подготовка материалов состоит в создании документов, имеющих формат, принятый в Интернете, то есть, Web-страниц, написанных на языке HTML. Разработку документов можно проводить на компьютере, не имеющем выхода в Интернет. Публикация материалов, то есть открытие к ним доступа, осуществляется после решения организационных вопросов, связанных с получением дискового пространства на Web-сервере для их размещения. Чтобы опубликовать документ в Интернет, достаточно поместить его на сервер, постоянно подключенный к Интернет и способный общаться с другими серверами с помощью протокола http:// Первую версию HTML разработал сотрудник Европейской лаборатории физики элементарных частиц Тим Бернерс-Ли. Со времени создания первой версии HTML претерпел некоторые изменения. Как и многое другое в информационных технологиях, версии, или спецификации, HTML оказались пронумерованными. Известны спецификации 2.0, 3.0, 3.2 и 4.0. HTML - язык разметки гипертекста. Под разметкой понимается использование специальных кодов, легко отделяемых от смыслового содержания документа и используемых для реализации гипертекста. Применение этих кодов подчиняется строгим правилам, определяемым спецификацией языка HTML. Особенность описания документа средствами языка HTML связана с принципиальной невозможностью достижения абсолютной точности воспроизведения исходного документа. Предполагается, что документ будет широко доступен в Интернете, и поэтому неизвестно, как будет организовано его воспроизведение. Документ может быть представлен на графическом экране, выведен в чисто текстовом виде или просто «прочитан» программой синтеза речи. Разметка HTML во всех этих случаях должна быть принята во внимание. Поэтому язык HTML предназначен не для форматирования документа, а для его функциональной разметки. 3. Теговая модель HTML За основу модели разметки документов в HTML принята теговая модель, которая описывает документ как совокупность контейнеров, каждый из которых начинается и заканчивается тегами. Большинство документов имеют стандартные элементы, такие, как заголовок, абзацы или списки, пользователь может обозначать данные элементы, обеспечивая Web-браузеры минимальной информацией для их отображения, сохраняя в целом общую структуру и информационную полноту документов. Все что необходимо, чтобы прочитать HTML-документ - это Web-браузер, который интерпретирует теги HTML и воспроизводит на экране документ в том виде, который ему придает автор. В большинстве случаев автор документа строго определяет внешний вид документа. В этом случае HTML читатель (основываясь на возможностях Web-браузера) может в определенной степени управлять внешним видом документа (но не его содержимым). HTML позволяет отметить, где в документе должен быть заголовок или абзац при помощи тега HTML, а затем предоставляет Web-браузеру интерпретировать эти теги. Например, один Web-браузер может распознавать тег начала абзаца и представлять документ в нужном виде, а другой не имеет такой возможности и представляет документ в одну строку. Пользователи некоторых Web-браузеров имеют, также, возможность настраивать размер и вид шрифта, цвет и другие параметры, влияющие на отображение документа. Общая схема построения контейнера в формате HTML может быть записана в следующем виде: <�имя тега атрибуты> содержание контейнера </имя тега> Управляющие конструкции языка HTML называются тегами (дескрипторы) и вставляются непосредственно в текст документа. Все теги заключаются в угловые скобки <...>. Сразу после открывающей скобки помещается ключевое слово, определяющее тег. Теги HTML бывают парными и непарными. Непарные теги оказывают воздействие на весь документ или определяют разовый эффект в месте своего появления. При использовании парных тегов в документ добавляются открывающий и закрывающий теги, которые воздействуют на часть документа, заключенную между ними. Закрывающий тег отличается от открывающего наличием символа «/» (косая черта) перед ключевым словом. При использовании парных тегов должна строго соблюдаться вложенность, например: |
Похожие:
 |
Учебно-методический комплекс по дисциплине сд. 08 Информационные... Учебно-методический комплекс по дисциплине «Информационные технологии в профессиональной деятельности» составлен в соответствии с... |
 |
Учебно-методический комплекс по дисциплине «Маркетинг» Учебно-методический комплекс предназначен для студентов очной формы обучения, содержит план лекционных и практических занятий, рекомендации... |
|
Учебно-методический комплекс по дисциплине «Маркетинг» Учебно-методический комплекс предназначен для студентов заочной формы обучения, содержит план лекционных и практических занятий,... |
|
Учебно-методический комплекс по дисциплине «Языки и среды реализации web -приложений» Учебно-методический комплекс предназначен для студентов заочной формы обучения, содержит план лекционных и практических занятий,... |
|
Учебно-методический комплекс по дисциплине «Деньги, кредит, банки» Учебно-методический комплекс рекомендован к изданию кафедрой «Банковское дело» и утвержден Учебно-методическим советом (протокол... |
|
Учебно-методический комплекс по дисциплине «уголовное право» Учебно-методический комплекс по дисциплине «уголовное право» : учебно-методическое пособие / составитель А. М. Жуков. – Тольятти... |
|
Учебно-методический комплекс по дисциплине «Гештальт-психология» Учебно-методический комплекс предназначен для бакалавров очной формы обучения, содержит учебно-тематический план, учебную программу,... |
|
Учебно-методический комплекс по дисциплине сапр вагоноремонтного производства Дисциплина входит в региональный компонент цикла дисциплин специализации и является обязательной для изучения |
|
Учебно-методический комплекс по дисциплине «Электронный бизнес» Методический комплекс включает учебную программу курса, планы проведения занятий, список основной и дополнительной рекомендуемой... |
|
Учебно-методический комплекс по дисциплине «Программирование на языках высокого уровня (яву)» Учебно-методический комплекс (умк) составлен на основании гос впо и учебного плана Улгту специальности (направления) 23010165 «Вычислительные... |
|
Учебно-методический комплекс по дисциплине «Инструментальные средства в электронном бизнесе» Методический комплекс включает учебную программу курса, планы проведения занятий, список основной и дополнительной рекомендуемой... |
|
Учебно-методический комплекс по дисциплине «Инструментальные средства в электронном бизнесе» Методический комплекс включает учебную программу курса, планы проведения занятий, список основной и дополнительной рекомендуемой... |
|
Учебно-методический комплекс по дисциплине «Уголовное право часть особенная» Учебно–методический комплекс по дисциплине «Уголовное право часть особенная» подготовлены в соответствии с требованиями Государственного... |
|
Учебно-методический комплекс дисциплины по дисциплине «Политология» Учебно-методический комплекс составлен в соответствии с требованиями государственного образовательного стандарта высшего профессионального... |
|
Учебно-методический комплекс по дисциплине опд. В. 01 Современные... Настоящий учебно-методический комплекс разработан для курса по выбору «стфо: профильное обучение литературе», который изучается студентами... |
|
Учебно-методический комплекс по дисциплине «сенсорный анализ продовольственных товаров» Учебно-методический комплекс предназначен для освоения программы по дисциплине «Сенсорный анализ продовольственных товаров» специальности... |