Сопровождение сайта, его новостной ленты, сайт электронного журнала или интернет-газеты

Практическое занятие №52.

Тема: Сопровождение сайта, его новостной ленты, сайт электронного журнала или интернет-газеты

Выполнить практику (создание сайта) в программе Блокнот (файл «создание сайта») с 10 по 14 задание включительно, сформировать отчёт с ответами на контрольные вопросы.

Цель: изучение информационной технологии разработки Web-сайтов, внесения изменений и дополнений в них.

Оборудование и материалы: компьютер, программа Блокнот, браузер, практическое задание.

Теоретические сведения к практическому занятию

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

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

Цвет на Web-странице задают либо его названием, либо числовым шести разрядным шестнадцатеричным кодом #RRGGBB (первые два разряда задают интенсивность красного цвета, вторые – зеленого и третьи – синего).

Значение яркости цвета может меняться от минимальной 00 до максимальной FF. В таблице приведены примеры некоторых цветов:

Основную цветовую схему Web-страницы можно задать в тэге BODY с помощью атрибутов:

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

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

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

Изображения помещаются на Web-страницу тэгом IMG с атрибутом SRC, сообщающим браузеру имя и местоположение графического файла.

IMG SRC="image_name"

Если рядом с изображением не должно быть текста, его размещают внутри отдельного абзаца. Выравнивание рисунка по горизонтали в этом случае задают в тэге P. Размеры изображения (в пикселах) можно задать с помощью атрибутов WIDTH и HEIGHT. К изображению атрибутом ALT можно добавить название, которое появляется на экран или вместо иллюстрации (если по какой - либо причине графика не выводится в окне браузера), или в качестве всплывающий строки, при указании на рисунок мышью.

Атрибут ALIGN выравнивает текст по верхнему краю, середине или нижнему краю изображения, справа или слева от него с помощью значений: top, bottom, middle, left или right.

Содержание задания

Задание №1.

Необходимо создать сайт расписания, следуя методическим указаниям практической работы (отдельный файл «создание сайта»). В этом файле необходимо выполнить с 10 по 14 задание включительно! (всего 5 заданий).

Задание №2.

Ответьте на контрольные вопросы к практическому заданию.

Задание №3.

1. Сделайте вывод о проделанном практическом задании.

2. Сдайте отчет преподавателю.

Контрольные вопросы

1. Как задают цвет на Web – странице?

2. Как может меняться значение яркости цвета?

3. Почему для фона Web – страницы указывают цвет, совпадающий с основным тоном фонового рисунка.

4. Графические файлы, каких форматов используют для размещения на Web – страницах?

5. Каким тегом, и с каким атрибутом помещаются изображения на Web – страницу?

6. Как создать таблицу на Web-странице и внести в нее данные?

7. Для чего на Web-страницу помещают гиперссылки?

8. Из каких частей состоит гиперссылка и что они собой представляют?

9. Как выполнить вставку гиперссылок?