Четвёртая страница (Азербайджан)
Государственное Бюджетное Образовательное Учреждение Московской
Области “Колледж”Подмосковье”
“Курсовая работая”
Выполнил студент:
Репях Семён
Специальность ПКС
Группа №16.9
Дата сдача: 08.05.2019г
Оценка:
Клин, 2019 год
Содержание
Введение…………………………………………………………………………...4
1.1 Пред история…………...……………………………………………...………5
1.2 Структура HTML документа……………..…………………………………..7
1.3 Гиперссылки……………..…………………………………………..………10
2.1 Описания сайта “SamBeach”………………..………………………………11
2.2 Код сайта “SamBeach”………………………………………………...…….15
Заключение……………………………………………………………………...20
Список используемой литературы……………………………………...……..21
Введение
Тема моей курсовой работы «Создание web-страниц при помощи языка HTML » очень актуальна в настоящее время, так как мы живем в век компьютерных технологий и Интернет занимает огромное место в жизни работающих и учащихся людей. Интернет, который не мыслим без языка HTML при помощи которого и создаются web-страницы, проникает во все самые важные части человеческой жизни и является безграничным источником информации.
|
|
|
Мой курсовой проект разработан на примере сайта, который я создавала и который является самим же предметом работы. Поэтому в дальнейшем все использованные материалы будут взяты из него.
Целью моей работы было научиться создавать сайт и использовать для этого необходимые алгоритмы, которые будут описаны в моей работе.
Пред история
англ. Hyper Text Markup Language - «язык разметкигипертекста» - стандартный язык разметки документов во Всемирной паутине. Большинство web-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме.
HTML является приложением («частным случаем»)SGML (стандартного обобщённого языка разметки) и соответствует международному стандарту ISOXHTML же является приложением XML.
Британским Тимом Бернерсом-Ли приблизительно в19911992 годах в стенах Европейского совета по ядерным исследованиям Женеве Швейцария). HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных исемантических дескрипторов. Дескрипторы также часто называют «тегами». С помощью HTML можно легко создать относительно простой, но красиво оформленный документ. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже. Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения). В идеале, текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащённостью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов). Однако современное применение HTML очень далеко от его изначальной задачи.
|
|
|
С течением времени, основная идея платформонезависимости языка HTML была отдана в своеобразную жертву современным потребностям в мультимедийном и графическом оформлении.
|
|
|
Структура HTML документа
Для создания web-страницы в первую очередь нам потребуется создать файл с расширением "htm" или "html" и открыть его для редактирования в текстовом редакторе (работая в Windows, можно использовать стандартную программу "Блокнот"). Но я использовал “Brekets”
Текст для HTML-документа набирается в том виде, в котором его должен показать браузер, а при выделения фрагментов, которые предназначены для разметки документа (тегов), используются угловые скобки (знаки "<" и ">").
Любой документ HTML начинается с открывающего тега и заканчивается соответствующим ему закрывающим тегом. Закрывающий тег отличается от открывающего наличием косой черты перед названием тега. В языке HTML нет различий между большими и малыми буквами при записи тегов, однако принято записывать открывающий тег большими буквами, а закрывающий - малыми. Часть документа, которая находится в пределах от открывающего до соответствующего ему закрывающего тега, называется контейнером (to contain - содержать что-либо). Теги, у которых есть закрывающий и открывающий варианты записи называются парными, а те, которые используются только в одном виде (например, тег), называются непарными. Весь файл web-страницы - это по сути дела один большой контейнер HTML.
|
|
|
Внутри контейнера HTML последовательно записываются два контейнера:
1.Заголовок документа (). Внутри этого контейнера записываются параметры, общие для всей страницы. Для примера можно поместить сюда контейнер , позволяющий поместить текст для отображения в заголовке окна браузера.
2.Тело документа (). Этот контейнер содержит всё то, что должен показать браузер внутри своего окна при открытии документа. Если документ содержит только текст, то этот текст нужно записывать именно здесь, если есть другие элементы (графика, таблицы, ссылки и т. д.). Элемент BODY должен встречаться в документе не более одного раза.
Если сравнить исходные тексты различных Web-страниц, можно легко увидеть сходство их структур. Это объясняется тем, что документы создаются по определенным правилам. В основу синтаксиса языка HTML лег стандарт ISO «Information processing. Text and Office systems. Standard Generalized Markup Language (SGML)». Правда, существует большое различие между стандартом официальным и стандартом фактическим.
Ниже приведен шаблон типичного Web-документа. На его примере мы рассмотрим общие принципы построения HTML-страниц.
Для того чтобы понять структуру Web-страницы, нам необходимо подробно рассмотреть все элементы, входящие в приведенный ниже пример.
“Тело документа”
Если приведенный выше пример пояснить схематически, получится следующее:
Из схемы видно, что документ состоит из двух основных блоков – "заголовка" и "тела документа". Заголовок определяется с помощью элемента HEAD, а тело – элементом BODY.
Заголовок содержит "техническую" информацию о документе, хотя чаще всего используется только для обозначения его названия (см. элемент TITLE).
Тело документа – самая важная составляющая. Именно в нем находится все то, что отображается на странице: текст, картинки, таблицы.
Заголовок создается с помощью элемента HEAD, между тегами которого размещаются элементы, содержащие техническую информацию о документе. Заголовок обычно располагается до тела документа.
Элементы, относящиеся к заголовку документа:
HEAD - определяет начало и конец заголовка документа. Является контейнером для элементов, содержащих техническую информацию о документе.
TITLE - определяет имя всего документа, которое отображается в заголовке окна браузера. Имя, как правило, отображается в заголовке окна браузера. Данный элемент обязателен для любого HTML-документа и может быть указан не более одного раза.
Гиперссылки
Гипертекстовые ссылки являются ключевым компонентом, делающим web привлекательным для пользователей. Добавляя гипертекстовые ссылки можно сделать набор документов связанным и структурированным, что позволяет пользователю получать необходимую ему информацию максимально быстро и удобно.
Так же можно использовать ссылки как для перемещения по документу, так и для перемещения от одного документа к другому. Однако, HTML не поддерживает возврат на предыдущую ссылку, если перемещение происходило внутри документа. Если вы используете ссылки внутри документа, а затем нажимаете на клавишу Back, то вы не перейдете на предыдущую ссылку, а вернетесь на ту часть документа, которую вы просматривали до этого.
Для создания гиперссылок используются следующие теги:
“<a></a>;link - цвет ссылки - alink - цвет нажатой, активной ссылки - vlink - цвет посещенной ссылки (всё пишется в тег <body>)
2.1 Описание сайта “ SamBeach ”
Так он выглядит внешне (первая страница сайта)
(вторая страница сайта) – картинка анимированная – слайд шоу
(третья страница сайта) – картинка анимированная – слайд шоу
(четвёртая страница сайта) – картинка анимированная – слайд шоу
2.2 Код сайта “ SamBeach ”
Первая страница (главная) 
Вторая страница (Абхазия)
Третья страница (Австрия)
Четвёртая страница (Азербайджан)
CSS файлы
Заключение
В этом проекте был рассмотрен язык разметки гипертекстовых документов HTML, его основные функции свойства и параметры. Сегодня применение HTML практикуется во всех без исключения электронных документах, независимо от тематики, величины и коммерческой направленности Интернет проекта.
В наше время существует множество программ для создания web-сайтов, но не одна из них не может сделать этого самостоятельно, обязательно нужен пользователь, который, будет управлять этой программой. И какой программой не пользуйся, без знания языка гипертекстовой разметки HTML у пользователя ни чего не получиться.
Список используемой литературы
1. Пауэлл Т.А. Полное руководство по HTML.- Мн.: Попурри, - 2001. - 912с.
2. Нильсен Я. Web-дизайн.- СПб.: Символ-Плюс, - 2000. - 512с.
3. Кирсанов Д. Web-дизайн.- СПб.: Символ-Плюс, - 2000. - 376с
4.https://cloud.mail.ru/public/5PP2/4dsunBoyk - сайт
Дата добавления: 2022-06-11; просмотров: 20; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!