Файл: Основы программирования на языке HTML (Цветовые спецификации).pdf

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

Форматов графических изображений на свете существует очень много. Но в Web-графике популярны только три из них: GIF, JPEG и PNG. При разработке своего сайта используя только формат JPEG.

Формат JPEG (Joint Pictures Encoding Group, группа кодирования неподвижных изображений), напротив, замечательно подходит для хранения полутоновых изображений. Поэтому картины и сканированные фотографии хранят только в этом формате. Для начала, все графические изображения, которые буду использовать при разработке web-сайта, необходимо скопировать в корневую папку. Если этого не сделать, при просмотре сайта в Web обозревателе вы не увидите желаемых изображений. Чтобы вставить изображение на страницу сайта, нужно в меню Вставить выбрать пункт Изображение, и в сплывающем окне найти тот файл, который хотим разместить.

Рисунок 11- Источник

• • • 1. Поля ввода позволяют нам задать размеры изображения, введя его, соответственно, ширину и высоту вручную. Это может быть полезно, если выделенное изображение — часть оформления сайта; в остальных случаях удобнее задавать размеры изображения, перетаскивая мышью маркеры изменения размера.

Таким образом оформляем всю станицу. И наша страница примет вид, представленный на рисунке:

Рисунок 12- Macromedia

• • • 1. Гиперссылки используются для связи, ведущие от одной Web-страницы к другой. Они имеют вид фрагментов текста, выделенных особым образом (у меня они голубого цвета с подчеркиванием). Если по такой гиперссылке щелкнуть мышью, Web-обозреватель загрузит страницу, интернет-адрес которой указан в параметрах гиперссылки.

С правой стороны, в каждом окне программы Dreamweaver заранее создал так называемую карту сайта. С помощью нее на сайте можно спокойно перемещаться при помощи гиперссылок по страницам и не бояться "заблудиться".

Теперь создадим на нашей первой Web-странице первую гиперссылку, указывающую на вторую страницу сайта istoriya.html

Выделим слова История и посмотрим на редактор свойств. Большое поле ввода Ссылка для задания интернет-адреса для гиперссылки заметно сразу.

Рисунок 13- Карта сайта

17. После этого необходимо выбрать инструмент Указатель на файл и, удерживая клавишу мыши, перетащить указатель на необходимую страницу сайта, которые мы можем увидеть в соседнем окне программы Dreamweaver

Рисунок 14-Dreamweaver

18.В графе Ссылка появится имя указанного мною файла. Тем же самым способом нужно оформить все гиперссылки, которые хотим сделать в своем web-сайте. Каждую страницу я оформляю идентичным образом, в результате чего я получил готовый Web-сайт.

На данный момент почти все изображения в Web, представлены в двух форматах: GIF и JPEG. Третий соперник, заслуживающий упоминания, формат PNG, борется за поддержку и внимание браузеров

GIF. GIF – Grafic Interchange Format можно назвать традиционным форматом файлов Web. Был первым форматом файлов, который поддерживался Web-браузерами, и по сей день продолжает оставаться основным графическим форматом Web.

ЗАКЛЮЧЕНИЕ

В ходе выполнения данной работы были изучены вопросы, посвящённые HTML (Hyper Text Markup Language - язык разметки гипертекстов). Ознакомился с историей возникновения HTML, овладел особенностями создания web-страниц с использованием таблиц.

HTML давно перестал быть просто языком программирования. Человек, изучавший этот язык, обретает возможность делать сложные вещи простыми способами и, главное, быстро, что в компьютерном мире не так уж и мало. Гипертекст подходит для включения элементов мультимедиа в традиционные документы. Практически именно благодаря развитию гипертекста, большинство пользователей получило возможность создавать собственные мультимедийные продукты и распространять их на компакт-дисках. Такие информационные системы, выполненные в виде набора HTML-страниц, не требует разработки специальных программных средств, так как все необходимые инструменты для работы с данными (WEB-браузеры) стали частью стандартного программного обеспечения большинства персональных компьютеров. От пользователя требуется выполнить только ту работу, которая относится к тематике разрабатываемого продукта: подготовить тексты, нарисовать рисунки, создать HTML-страницы и продумать связь между ними.

Данная работа содержит описание языка разметки гипертекста HTML, являющегося основой создания web-сайтов.

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

Ознакомился с основными тегами, используемыми в HTML, функциями, которые они выполняют, овладел навыками создания web-страницы с помощью гипертекстовой разметки HTML с использованием мультимедиа, выполнил практическое задание, которое заключалось в создании web-страницы.

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

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

СПИСОК ИСПОЛЬЗУЕМЫХ ИСТОЧНИКОВ

1. Барысов Р. Постройте профессиональный сайт сами. – СПб., 2014г.
2. Гаевский, А.Ю., Романовский, В.А. Самоучитель по созданию Web-страниц: HTML, JavaScript и Dynamic HTML. – К. : А.С.К., 2015г.
3. Дронов В. А. Самоучитель Macromedia Dreamweaver 8. — СПб.: БХВ-Петербург, 2015г.
4. Иванова, Г.С. Технология программирования. – М.: КноРус, 2017г.
5. Кингсли-Хью Э., JavaScript: учебный курс. – СПб.: Питер, 2016г.
6. Кроудер Д. Создание web-сайта для чайников: 3-е издание. – М.: Диалектика, 2018г.
7. Панфилов К. По ту сторону веб-страницы. – СПб.: ДМК Пресс, 2011г.

8. Пауэл, Т. HTML: справочник программиста / Т.А. Пауэл, Д. Уитворт. – М.: АСТ, 2015.

1. Петюшкин А.В., HTML. Экспресс-курс. – СПб.: БХВ - Петербург, 2017г.
2. Печников В.Н. Самоучитель Web-страниц и Wеb-сайтов. – М.: Триумф, 2014г.
3. Печников В.Н. Создание Web-сайтов без посторонней помощи М.Триумф, 2015г.
4. Федько В.П. Основы маркетинга: сто экзаменационных ответов/ В.П. Федько, Н.Г. Федько. - Ростов - на - Дону: Изд. центр "Март", 2014г.
5. Холмогоров, В. Основы web-мастерства. Учебный курс. – СПб. Питер, 2017г.
6. Хоумер А. Dynamic HTML Справочник Питер 1016г.
7. Хуторской А. В., Орешко А. П. Технология создания сайтов. 10-11 классы; Дрофа - Москва, 2015г.
8. www.education.kulichki.net
9. www.gor.h1.ru
10. www.infocity.kiev.ua
11. www.lib.toxy.cv.ua
12. www.pronet.ru
13. https://www.google.com