«Основы Web мастеринга» icon

«Основы Web мастеринга»



Смотрите также:
Программа учебной дисциплины «Основы Web-дизайна бренд-коммуникаций» Для направления 080507...
Web-страницы и Web-сайты. Структура Web-страницы. Работа с Кимами...
Курсовая работа по дисциплине «Компьютерные сети» на тему “ Технологии программирования Web ”...
Шиндяева Татьяна Николаевна...
Программа дисциплины web-дизайн и Web-программирование дпп. Дс. 02 Для специальности 050202...
Web формите са технология, която съществува от дълго време...
Рабочая программа по дисциплине «Основы композиции...
Web dizains
Концепция www 4 1 Язык html 6 3 Форматирование текста 11...
«Удостоверяющий Центр «КриптоПро уц»...
Тема: ««Сервисы Web 0 Регистрация на СарВики»»...
История развития Интернет...






скачать



Ставропольский государственный

аграрный университет


ОСНОВЫ WEB – МАСТЕРИНГА


Учебное пособие











Ставрополь 2005


Торопцев Е.Л., Харченко М.А, Гунько Т.И., Богомолов С.П., Мараховский А.С., Берулава О.С., Толоконникова Т.А. . Основы Web – мастеринга: Учебное пособие. – Ставрополь: Изд-во АГРУС, 2005.- с.


В учебном пособии «Основы Web – мастеринга» рассмотрены вопросы организации работы в глобальной информационной се­ти Internet.

Отличительной чертой данного пособия является то, что в нем собран объем знаний по HTML, оптимизации графики, уделено вни­мание работе для самостоятельного со­здания несложных Web-сайтов типа "Домашняя страница" или "Электронное представительство фирмы".

Предполагается, что студенты освоят навыки работы с ком­пьютером и приобретут общее представление о работе в Интернете.

Предназначено для студентов экономических специальностей


.


СОДЕРЖАНИЕ

ВВЕДЕНИЕ 5

Глава 1.
Создание WEB -страниц 7


1. Язык разметки гипертекста HTML 7

2. Краткая история HTML 8

3. Основные понятия языка HTML.
Структура документа HTML 10

Лабораторная работа №1. 16

4. Форматирование текста. 17

4.1. Форматирование абзаца 18

4.2. Форматирование шрифта 21

4.3. Горизонтальные линии 30

4.4. Escape последовательности (символьные объекты) 32

Лабораторная работа №2. 34

5. Управление цветом 36

Лабораторная работа №3. 39

6. Гипертекстовые ссылки 39

6.1. Структура гипрессылки 40

6.2. Правила описания гиперссылок 43

Лабораторная работа №4. 46

7. Работа со списками 48

7.1. Маркированный (ненумерованный – Unordered List) список 48

7.2. Нумерованные списки 50

7.3. Вложенный список 53

7.4. Списки определений 54

7.5. Список-меню 56

7.6. Список-указатель (список-индекс) 57

Лабораторная работа №5. 58

8. Вставка графических изображений 61

8.1. Роль графики 61

8.2. Характеристика графических стандартов 62

8.3. Вставка графических изображений 62

8.4. Использование карт изображений 66

8.5. Преимущества и недостатки карт-изображений 66

8.6. Конфигурация карт-изображений 68

8.7. Типы карт-изображений 68

Лабораторная работа №6. 71

9. Таблицы HTML-документов 74

9.1. Основные методы создания таблиц 75

9.2. Цветные таблицы 79

9.3. Основные параметры тегов <ТR>, <ТН> и
81

9.4. Колонтитулы таблицы 88

9.5. Прорисовка структуры таблицы 89

9.6. Вложенные таблицы 91

Лабораторная работа №7. 92


10. Формы HTML-документов 96

10.1. Структура пользовательских форм 99

10.2. Параметры текстовой строки 102

10.3. Параметры опции выбора 102

10.4. Параметры опции переключения 104

10.5. Параметры кнопки с рисунком 107

10.6. Параметры текстового поля 110

Лабораторная работа № 8 113

11. Фреймы HTML-документов 115

11.1. Синтаксис фреймов 115

11.2 Планирование фреймов и взаимодействия между фреймами 121

11.3. Зарезервированные имена фреймов 123

11.4. Бегущая строка (элемент MARQUEE) 125

11.5. Фиксация информации на экране (элемент BANNER) 128

Лабораторная работа № 9 128

^ 12. СОЗДАНИЕ WEB – СТРАНИЦ 130

12. СОЗДАНИЕ WEB – СТРАНИЦ 130

1.1.Виды сайтов и страничек 130

1.2.Создание сайтов и страничек 132

Лабораторная работа № 10 139

ПРИЛОЖЕНИЕ
^ Таблица спецсимволов 150


Литература 156







ВВЕДЕНИЕ



Современное человечество вступило в информационную эпоху своего историческо­го развития. На планете миллионы людей связаны единым каналом общения и передачи информации. Человек получил практически не­ограниченный доступ к библиотекам, книгам - к знаниям всех эпох и культур. Все большее число людей во всем мире и нашей стране начинает понимать, что Интернет — это потребность жизни XXI века, такая же необходимая, как телефон, телевизор, автомобиль.

Численность пользователей Интернета постоянно растет и в ближайшие годы достигнет 1 млд. человек. В первой половине XXI в. по всем прогнозам Интернет станет чрезвычайно разветвленной сетью, к которой подключат самолеты и автомобили, дома и бытовые приборы, в промышленности будет ца­рить автоматическое производство, контроль за качеством и организа­цией производства станет возможным из любой точки земного шара. Считается, что с переходом на новые сетевые технологии, обеспечи­вающие прохождение многих триллионов бит информации в секунду, глобальные сети действительно опутают всю Землю, и вся мировая ин­формация, собранная всеми поколениями людей, станет мгновенно доступной любому жителю нашей планеты. Уже сегодня, имея компь­ютеры с выходом в Интернет дома, многие пользователи могут рабо­тать с этим новым инструментом добывания знаний.

В мире каждые 2-3 года объем передаваемой информации удваи­вается. Не случайно XXI в. называют эрой информационного общества.

Количество пользователей в российском сегменте Сети растет с каждым днем, и уже достигло пяти миллионов человек. Пять миллионов человек, наиболее продвинутых и готовых к жизни в новой информационной цивилизации, ежедневно входят в Сеть, ищут нужную им информацию, друзей, партнеров по биз­несу. Как докричаться до них, как рассказать им о себе, своей фир­ме, своих замыслах и проектах? Ответ прост — нужно просто сде­лать собственный Web-сайт и разместить его в одном из сегментов Интернета.

Вы просто хотите создать собственный Web-сайт, чтобы искать друзей в Сети, или же про­информировать потенциальных партнеров о своей фирме и ее воз­можностях для этого воспользуйтесь информацией изложенной в данном методическом пособии. Это небольшая книга содержит в себе все, что необходимо знать, чтобы самостоятельно создать с нуля и разместить в Сети собствен­ный Web-сайт, который не будет уступать профессиональным разра­боткам.

Без опережающего развития собственной телекоммуникационной от­расли и интеграции в мировую систему инфокоммуникаций, Россия не может рассчитывать на подъем национальной экономики. Базой для обеспечения открытости органов государственной вла­сти, развития дистанционного образования, телемедицины, электрон­ной торговли являются современные телекоммуникационные системы.


^

Глава 1.
Создание WEB -страниц

1. Язык разметки гипертекста HTML



Всемирная паутина (World Wide Web — WWW) состоит из множества свя­занных между собой электронных документов, представляющих кладезь ин­формационных данных, описанных с помощью специальных технологиче­ских правил. Эти правила составляются на языке гипертекстовой разметки HTML (Hypertext Markup Language).

Можно с уверенностью сказать, что сегодня язык разметки HTML является основой всех размещенных в Интернете электронных документов. Он вы­ступает в роли некоего фундамента, на базе которого реализуются прочие сетевые программные технологии, призванные в конечном итоге повысить общую привлекательность, эффективность и интерактивность носителей информационных данных в Сети.

HTML постоянно набирает популярность, причем не только в сфере интер­нет-технологий, но и в области предоставления презентационных услуг, рекламно-выставочной деятельности, внедряется в состав программного обеспечения и пр. Корпоративные клиенты все чаще разрабатывают CD-презентации и демонстрационные ролики, заказывают электронные визитки и рекламные обращения. Частный пользователь все больше склоняется к мысли о составлении интерактивных портфелей и резюме, позволяющих, в отличие от листа бумаги, ярче и привлекательнее преподнести свои зна­ния и умения потенциальному работодателю. Разработчики програм­много обеспечения делают информационные и рекламные вставки спра­вочного характера внутри создаваемых ими программных пакетов. И все это так или иначе реализуется с помощью простого и доступного, но вместе с тем эффективного языка разметки HTML.

Термин HyperText Markup Language (HTML) – означает «язык маркировки гипертекстов» и включает в себя различные способы оформления гипертекстовых документов, дизайн, гипертекстовые редакторы, браузеры и многое другое. Человек, изучивший этот язык, обретает возможность делать сложные вещи простыми способами и, главное, быстро. HTML как основа создания Web-страниц имеет прямое отношение к такому направлению изобразительного искусства, как Web-дизайн. Художнику в Интернете недостаточно просто нарисовать красивые картинки, оригинальный логотип, создать новый фирменный стиль. Он должен разместить все это в Сети, продумать связь между Web-страницами, чтобы все двигалось, откликалось на действия пользователя, поражало воображение неискушенных клиентов, а у приверженцев Сети вызывало желание создать что-нибудь свое, оригинальное в этой области.

HTML дает авторам средства для:

  • публикации электронных документов с заголовками, текстом, таблицами, списками, фотографиями и т.д.

  • загрузки электронной информации с помощью щелчка мыши на гипертекстовой ссылке.

  • разработки форм для выполнения транзакций с удаленными службами, для использования в поиске информации, резервировании, заказе продуктов и т.д.

  • включения электронных таблиц, видеоклипов, звуковых фрагментов и других приложений непосредственно в документы.

Наиболее распространенными браузерами (программами) для просмотра HTML-файлов являются Microsoft Internet Explorer и Netscape Navigator. Открывая в браузере любую Web-страницу, Вы видите текст, картинки, кнопки,таблицы и многое другое. Как создается Web-страница? Для того чтобы создать Web-страницу, можно использовать текстовый редактор Notepad (Блокнот).

Откройте любую Web-страничку. То, что вы видите в браузере, это ее "лицо". Чтобы увидеть "изнанку" Web-страницы, выполните команду View | HTML Code (Вид | Просмотр HTML кода). Откроется текстовый редактор Блокнот, в котором вы увидите "устройство" этой страницы.

^

2. Краткая история HTML



Язык HTML был разработан Тимом Бернерс-Ли сотрудником Европейской лаборатории физики элементарных частиц и распространен браузером Mosaic, разработанным в NCSA. В 1990-х годах он добился особенных успехов благодаря быстрому росту Web. В это время HTML был расширен и дополнен. В Web очень важно использование одних и тех же соглашений HTML авторами Web-страниц и производителями. Это явилось причиной совместной работы над спецификациями языка HTML.

Многие называют HTML языком программирования. Это не совсем верно, так как в традиционном понимании HTML является языком разметки электронных документов, лишь указывающим программам просмотра HTML-страниц (браузерам) форму представления описанной в документе информации. Начиная с середины 90-х годов XX века, HTML претерпел некоторые изме­нения в своей спецификации – варианты используемых инструкций, при­меняемых тегов и модулей горячо обсуждались и изменялись. На сегодня последней версией языка HTML является версия 4.01.

Со времени создания первой версии HTML претерпел некоторые изменения, но если сравнить исходные тексты различных Web-страниц, можно легко увидеть сходство их структур. Это объясняется тем, что документы создаются по определенным правилам. В основу синтаксиса языка HTML лег стандарт ISO 8879:1986 «Information processing. Text and office systems. Standard Generalized Markup Language (SGML)».

Начиная с момента своего возникновения, разработкой спецификации языка HTML стала заниматься организация под названием "Консорциум W3C" (World Wide Web Consortium). Ее основной задачей являлось составление и принятие технических рекомендаций единого стандарта разметки гипер­текстовых документов. Практическая необходимость работы над стандартом была обусловлена постоянным ростом популярности Интернета, в рамках которого производители программ (браузеров) для просмотра Web-докумен­тов выдвигали свои предложения по улучшению правил описания гипертек­стовых данных.

HTML 2.0 (ноябрь 1995) был разработан под эгидой Internet Engineering Task Force (IETF) для упорядочения общепринятых положений в конце 1994 года. HTML+ (1993) и HTML 3.0 (1995) – это более богатые версии языка HTML. Несмотря на то, что в обычных дискуссиях согласие никогда не было достигнуто, эти черновики привели к принятию ряда новых свойств. Усилия Рабочей группы World Wide Web Consortium по HTML в упорядочении общепринятых положений в 1996 привели к версии HTML 3.2 (январь 1997). На сегодняшний день наиболее распространенной является к версии HTML 4.0.

Версия HTML 4.0, выпущенная Консорциумом в середине 1997 года и ставшая признанной спецификацией в конце того же года, является на сего­дня последней номерной версией языка разметки HTML. Некоторые несу­щественные дополнения, внесенные в спецификацию в декабре 1999 года, мало повлияли на структуру самого языка, а версия получила небольшое добавление в виде цифры 1, т. е. стала называться 4.01. Хочется добавить, что деятельность Консорциума по сути призвана регулиро­вать и контролировать развитие и совершенствование языка гипертекстовой разметки HTML, учитывая потребности сферы интернет-технологий и компа­ний-разработчиков, работающих на рынке браузеров. Однако в действительно­сти ситуация не такая однозначная — производители программ для просмотра HTML-документов постоянно предлагают технологические нововведения в спецификацию языка, часть которых получает одобрение Консорциума. Остальная часть инноваций, не вошедшая в состав принятой W3C рекоменда­ции, может, тем не менее, внедряться в программную платформу выпускаемых браузеров, что на практике вызывает проблемы несовместимости электронных документов при их просмотре браузерами разных моделей и версий.

Большинство людей признают, что документы HTML должны работать в различных браузерах и на разных платформах. Достижение совместимости снижает расходы авторов, поскольку они могут разрабатывать только одну версию документа. В противном случае возникает еще больший риск, что Web будет представлять собой смесь личных несовместимых форматов, что в конечном счете приведет к снижению коммерческого потенциала Web для всех участников.

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

Язык HTML разрабатывался с той точки зрения, что все типы устройств должны иметь возможность использовать информацию в Web: персональные компьютеры с графическими дисплеями с различным разрешением и числом цветов, сотовые телефоны, переносные устройства, устройства для вывода и ввода речи, компьютеры с высокой и низкой частотой и т.д.

Существует большое различие между стандартом официальным и стандартом фактическим. HTML постоянно развивается, дополняется новыми элементами, и изучать его надо не по официальным первоисточникам, а на практике, обращаясь к последним разработкам ведущих фирм и специалистов.

^

3. Основные понятия языка HTML.
Структура документа HTML



Основные понятия


Гипертекст – информационная структура, позволяющая устанавливать смысловые связи между элементами текста на экране компьютера таким образом, чтобы можно было легко осуществлять переходы от одного элемента к другому. На практике в гипертексте некоторые слова выделяют путем подчеркивания или окрашивания в другой цвет (гиперссылки). Выделение слова говорит о наличии связи этого слова с некоторым документом, в котором тема, связанная с выделенным словом, рассматривается более подробно.

Отдельный документ, выполненный в формате HTML, называется:

  • HTML-документом;

  • Web-документом;

  • Web-страницей.

Такие страницы, как правило, имеют расширение НТМ или HTML.

Гиперссыпка – фрагмент текста, который является указателем на другой файл или объект. Гиперссылки необходимы для того, чтобы обеспечить возможность перехода от одного документа к другому.

Группа Web-страниц, принадлежащих одному автору или одному издателю и взаимосвязанных общими гиперссылками, образует структуру, которая называется Web-узлом, или Web-сайтом.

Каждая HTML-страница имеет свой уникальный URL-адрес в Интернете.

Фрейм (Frame) – этот термин имеет два значения. Первое – область документа со своими полосами прокрутки. Второе значение – одиночное изображение в анимационном графическом файле (кадр).

Апплет (Applet) – программа, передаваемая на компьютер клиента в виде отдельного файла и запускаемая при просмотре Web-страницы.

^ Скрипт, или сценарий (Script), – программа, включенная в состав Web-страницы для расширения ее возможностей. Браузер Internet Explorer в определенных ситуациях выводит сообщение: "Разрешить выполнение сценариев на странице?" В этом случае имеются в виду скрипты.

CGI (Common Gateway Interface) – общее название программ, которые, работая на сервере, позволяют расширять возможности Web-страниц. Например, без таких программ невозможно создание интерактивных Web-страниц.

Браузер (Browser) – программа для просмотра Web-страниц.

Элемент – конструкция языка HTML. Можно представить его себе как контейнер, содержащий данные и позволяющий отформатировать их определенным образом. Любая Web-страница представляет собой набор элементов. Одна из основных идей гипертекста возможность вложения элементов.

Пример

<Начало элемента> Содержание элемента, данные, которые форматирует элемент Конец элемента>


^ Тэг (по-английски — tag-метка, дескриптор, ярлык)начальный или конечный маркеры элемента. Тэги определяют границы действия элементов и отделяют элементы друг от друга. В тексте Web-страницы тэги заключаются в угловые скобки < >, а конечный тэг всегда снабжается косой чертой. Текст, не находящийся между такими скобками < > – весь виден, при просмотре в браузере.

Пример

<Начальный тэг> Содержание элемента, данные, которые форматирует элемент

Пример

<Р> Этот текст будет расположен в отдельном абзаце


Элемент, содержащий некоторый текст, ограничен начальным тэгом (маркером) <р> и конечным тэгом (маркером) , т. е. текст помещен между тэгами, как в контейнер, а тэги <р> и размечают начало и конец абзаца соответственно.

Любая Web-страница представляет собой набор элементов. Один из основных принципов HTML возможность вложения элементов, они могут вкладываться один в другой.

Атрибут – параметр или свойство элемента. Атрибуты располагаются внутри начального тэга и отделяются друг от друга пробелами. Если элемент содержит текст, то атрибуты могут задавать цвет и размер шрифта, выравнивание текстового абзаца и т. п. Если элемент содержит рисунок, то атрибуты могут задавать размер рисунка, наличие и размер рамки вокруг рисунка и пр.

Пример

<Р align="center"> Этот текст будет выровнен по центру экрана


В этом примере опять встречается тэг, определяющий начало и конец абзаца. Однако в начальном тэге находится атрибут align, который задает выравнивание текста по центру экрана.

Примечание:

  • любая полезная информация должна находится между начальным и конечным тэгами, указывающими ее формат;

  • все атрибуты располагаются в начальном тэге;

  • для удобства работы начальный тэг вы можете писать с прописной (заглавной) буквы (Р), а конечный – со строчной (маленькой) буквы (/р) хотя это и не обязательно;

  • не для всех элементов требуется ставить конечный (закрывающий) тэг.

  • написание каждого нового элемента начинайте с новой строки. Вложенные элементы выделяйте отступом (табуляцией). Это опять – таки не обязательно, но значительно облегчит вашу работу.


Структура документа HTML


Для того чтобы понять структуру Web-страницы, нам необходимо подробно рассмотреть все элементы, входящие в приведенный листинг.


Пример.

Комментарий к документу



моя первая страница




</head>

Здравствуйте, это моя первая страница.

PRE> Комментарий -->

Добро пожаловать! :)

Скачать 2,09 Mb.
оставить комментарий
Дата30.09.2011
Размер2,09 Mb.
ТипУчебное пособие, Образовательные материалы
Добавить документ в свой блог или на сайт

отлично
  1
Ваша оценка:
Разместите кнопку на своём сайте или блоге:
rudocs.exdat.com

Загрузка...
База данных защищена авторским правом ©exdat 2000-2017
При копировании материала укажите ссылку
обратиться к администрации
Анализ
Справочники
Сценарии
Рефераты
Курсовые работы
Авторефераты
Программы
Методички
Документы
Понятия

опубликовать
Документы

наверх