Курсовая работа на тему "Создание web-страниц с помощью языка HTML"

Содержание

Введение.........................................................................................................3

Глава 1. Язык гипертекстовой разметки HTML как средство создания гипертекстовых документов............................................................................5

1.1. Язык HTML и его назначение............................................................. 5

1.2. Структура Web-страницы и Web-сайта.............................................8

Вывод по первой главе...........................................................................12

Глава 2. Создание Web- страниц с помощью языка HTML.............................13

2.1. Размещение и оформление текста......................................................13

2.2. Вставка изображения в документ..................................................... 20

2.3. Работа с таблицами..........................................................................24

2.4. Гиперссылки........................................................................................27 2.5. Списки..........................................................................................30

Вывод по второй главе..............................................................................35

Заключение..................................................................................................36

Список использованных источников.................................................................38

Приложение. Электронное портфолио Шевыревой Вероники Ивановны, созданное средствами языка HTML….........................................................40

Введение

21 век-век технологий, именно в этом веке Интернет прочно вошёл в нашу жизнь. Интернет развивается довольно стремительно. Вся информация в Web-браузере отображается в виде Web-страниц, которые являются основным элементов WWW. WWW или же World Wide Web-глобальная сеть где содержит миллионы сайтов, на которых размещена различная информация. Для создания страницы необходимо владеть языками для написания серверных скриптов, как PHP,XML,ASP, Perl, для того чтобы страница была более динамичнее используются скрипты VBScript и JavaScript, они помогают производить вычисления ,как например работа с датой и временем.

Первое что необходимо научиться- это создавать простые страницы с помощью HTML. Если вы думаете что нет необходимости, то не стоит так думать. HTML давно перестал уже быть просто языком программирования. Человек изучающий этот язык получает возможность делать сложные вещи простыми способами, главное быстро. В гипертекст включается мультимедиа и обычные документы. Язык HTML на данный момент используется по всему миру. Он позволяет создавать «заготовки» будущей страницы, а уже позже можно с помощью скриптов. Во время создания страниц необходимо владеть языком HTML.

Объект исследования: язык гипертекстовой разметки HTML.

Предмет исследования: изучение возможностей языка гипертекстовой разметки HTML.

Цель: рассмотреть особенности работы в языке гипертекстовой разметки HTML.

Задачи исследования:

1. Изучить и проанализировать специальную литературу по теме исследования.

2. Рассмотреть основы языка гипертекстовой разметки HTML.

3. Выявить особенности работы с языком гипертекстовой разметки HTML.

4. Создать электронное портфолио при помощи языка HTML.

Методы исследования: изучение литературы, анализ, синтез, классификация и обобщение, моделирование.

Практическая значимость: материалы курсовой работы можно использовать студентам и преподавателям при подготовке к учебным занятиям, а также при самостоятельном изучении языка гипертекстовой разметки HTML

Глава 1. Язык гипертекстовой разметки HTML как средство создания гипертекстовых документов

1.1. Язык HTML и его назначение

Термин HTML (Hyper Text Markup Language) означает «язык маскировки гипертекстов», он был создан для того чтобы создания форматированного текста, насыщенного звуком, изображениями, анимацией, видеоклипами и гипертекстовыми ссылками на различные документы, разбросанные по всему Интернету, находящиеся на этом же сервере или являются частью этого Веб-проекта.

HTML – похож на обычный текстовый файл, в котором находится как стандартный текст, так и особые коды форматирования или разметки. Эти коды указывают, каким образом должен отображаться данный документ программой — просмотрщиком (браузером).

Язык — HTML представляет синтаксис и набор управляющих команд (тегов, tags), они не выводятся на экран, но указывают браузеру, как отображать содержимое документа. Также он для создания ссылок на другие документы, локальные или сетевые, которые находятся в сети Интернет. Добавляются команды, позволяющие «включать» и « выключать» те или иные режимы отображения, предписывающие браузеру выполнить какое-то действие (например, «разорвать» в этом месте абзац и перенести дальнейший текст на новую строку, загрузить из внешнего из внешнего файла и «внедрить» в текст иллюстрацию из указанного внешнего файла и пр.). Также можно разработать Web-страницу, без знания языка HTML,поскольку HTML тексты могут создаваться разными специальными редакторами. Но писать HTML нетрудно. Это даже легче чем изучить интерфейс самих специальных редакторов по HTML которые бывают ограничены в своих возможностях, или во все приводит к ошибки HTML код, который не работает на разных платформах.

Гипертекст-это информационная структура, которая позволяет установить смысловые связи между элементами текста на экране компьютера таким образом, чтобы переходить от одного элемента к другому. Когда его применяют по умолчанию он выделяется синим цветом и подчеркиванием, в последствии можно изменить цвет (гиперссылки).[14]

Слово же «гипертекстовый» в расшифровке названия языка HTML нуждается в отдельном пояснении.[8]

Первая попытка применения гипертекста в Интернете была сделана Тимом Бернерсом Ли, сотрудником Лаборатории физики элементарных частиц европейского центра ядерных исследований (CERN) в 1989 г. [6]Она создавалась для браузера Mosaic, популярного в прошлом. Но не нашлось достойного применения ни для зыка, ни для браузера. В 1993 году появилась HTML+, эта версия практически осталась неизменной. В июне 1994 году появилась версия HTML версия 2.0, которая стала широко использоваться, и также этот год стал ростом популярности WWW. Элементы включенные в эту версию по сей день используются. Через год вышла версия HTML 3.0, в которой появились возможность прорисовки математических символов (дроби, знаков интервала, бесконечности, скобок и т.д.) при помощи элементов языка. Под эту версию был разработан браузер Arena. Этот проект стал тупиковым и дальнейшего распространения не получил.

1996 год знаменовался тем что вышла версия HTML 3.2 в которую были включены фреймы, которые стали весьма популярны у разработчиков Web-страниц. Практически все современные браузеры поддерживают версию HTML 3.2. В следующей версии HTML 4 (Dynamic HTML) они были включены на полном основании, эта версия вышла в 1997 году. Уже в этом году было очевидно что дальнейшее развитие гипертекста будет осуществляться за счет скриптов- программирования. Оказалось это наиболее эффективным, чем вводить новые элементы.

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

Язык HTML как средство реализации гипертекста и гипермедиа в сети Интернет наряду со стандартом адресации URL (Universal Resourse Locator,

«универсальный адрес ресурса») и протоколом HTTP (Hyper Text Transfer Protocol) является одним из «трёх китов» WWW сделавших Интернет доступным даже для неподготовленных пользователей.

HTML состоит из тегов. Все теги заключаются в скобки “” и заканчиваются символом “” тег ( возможно, с указанием одного или нескольких дополнительных атрибутов с заданными значениями; строчный и прописной регистр в записи тегов и параметров, как правило, не различается, за исключением отдельных, особо оговариваемых случаев). Действие этой тега в зависимости от его действий либо выполняется однократно в данной позиции текста, либо распространяется на весь последующий текст до «ответного» данному «закрывающего» тега или до появления такого же тега с иными значениями атрибутов. Также есть «закрывающиеся» теги является почти точной копией «открывающего», но его название предваряется символом дробной черты «/» и в нем не требуется указание каких-либо атрибутов в закрытии тега. Такая конструкция из «открывающего» и «закрывающего» тегов называется контейнером, а действие его распространяется на весь текстовый фрагмент, заключенный внутри контейнера.

Бывает что контейнеры могут быть вложенными друг в друга. В этом случае для текста, заключённого внутри нескольких вложенных друг в друга контейнеров, действие не противоречащих друг другу тегов и их параметров «суммируется», а для одноимённых тегов и параметров значение, присвоенное во вложенном контейнере, имеет больший приоритет, чем в наружном по отношению к нему. Однократные же действия выполняются независимо от их расположения внутри контейнера (контейнеров).

Пример:

1) Устанавливается жирное начертание шрифта -тег ...

2)
предусмотрен для разрыв строки -

одиночный тег
переносит текст строки на другую строку.

1. Текст зеленого цвета, а размер слово синий цветом - здесь имеется три контейнера . . . , из которых два вложены внутрь третьего. В результате, для слова «размер» при отображении останется заданный во внешнем контейнере в качестве значения параметра COLOR зеленый цвет, но будет увеличен размер символов (параметр SIZE, никак не «конфликтующий» с параметром COLOR), а слово «синий» будет выведено другим, синий, цветом, по сколько в контейнере, в котором оно заключено, прежнее значение параметра COLOR «вытесняется» новым. Однако после закрытия этого вложенного контейнера для текста снова будет использоваться прежний синий цвет.[1]

1.2. Структура Web-страницы и Web-сайта

Web-страница напоминает собой текстовый файл. Поскольку HTML-документы записываются в ASCII-формате, то для ее создания может использоваться любой текстовый редактор.

Страница на которую попадает пользователь, когда вводит www-адрес (или URL) данного сайта, должен называться index.html или welcome.html. Остальные страницы сайта (если они есть) могут иметь произвольные имена (но обязательно без символа «#» и состоящие из латинских букв, иначе могут возникнуть проблемы при их размещении на сервере), а пользователь будет попадать на них по ссылкам с основной страницы.

Содержимое файла Web-страницы заключается в тег . . .

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

Интернет — страница обычно состоит из двух частей: заголовка (HEAD) и тела (BODY). Эта базовая структура в простейшем виде , ее можно наглядно показать.

Начало тега HTML – документа

Начало тега заголовка

начало тега строки — названия страницы

… строка названия страницы

конец тега строки — названия страницы

конец тега заголовка

начало тега тела страницы

… тело (всё содержимое) страницы