Полезное:
Как сделать разговор полезным и приятным
Как сделать объемную звезду своими руками
Как сделать то, что делать не хочется?
Как сделать погремушку
Как сделать так чтобы женщины сами знакомились с вами
Как сделать идею коммерческой
Как сделать хорошую растяжку ног?
Как сделать наш разум здоровым?
Как сделать, чтобы люди обманывали меньше
Вопрос 4. Как сделать так, чтобы вас уважали и ценили?
Как сделать лучше себе и другим людям
Как сделать свидание интересным?
Категории:
АрхитектураАстрономияБиологияГеографияГеологияИнформатикаИскусствоИсторияКулинарияКультураМаркетингМатематикаМедицинаМенеджментОхрана трудаПравоПроизводствоПсихологияРелигияСоциологияСпортТехникаФизикаФилософияХимияЭкологияЭкономикаЭлектроника
Практическое занятие 11
Создание простейшего веб-сайта
Задача: создать сайт-визитку, используя различное форматирование и цвета. На сайте также присутствуют изображения, гиперссылки, таблицы и списки.
Задание
1) Изучите самостоятельно основы HTML (или освежите школьные знания) по самоучителю htmlbook.ru (раздел HTML => Самоучитель HTML).
а. Для начала прочитайте разделы Тэги и Структура HTML-кода.
2) Создайте тестовую страничку.
а. Как это делается и каково будет содержимое – прочитайте и выполните раздел Введение в HTML.
б. Примечание 1. Сохраняйте тестовый файл, равно как и все последующие файлы задания – себе в папку (или под своей фамилией). Т.е. не сохраняйте так, как указано в самоучителе.
в. Примечание 2. Не обязательно использовать IExplorer для открытия тестового файла и всех прочих файлов задания (как указано в самоучителе). Используйте любой браузер, имеющийся на ПК (рекомендуется Opera; если скрыто меню, можно использовать комбинацию CTRL+O, чтобы открыть файл).
3) В дальнейшем Вам надо создать простейший веб-сайт (используя информацию самоучителя, а также справочника) Это будет так называемый «сайт-визитка» – небольшой по объёму сайт с общей информацией о человеке или организации и контактной информацией. Требования и состав сайта нижеследующие.
4) Общая структура сайта.
а. Сайт посвящается любому объекту реальности (или вымышленному) – конкретному человеку, организации, группе (студенческой или музыкальной), фильму, книге, мероприятию и т.п. На Ваше усмотрение.
б. Сайт должен состоять не менее, чем из 4 страниц (разделов).
в. Начальная страница («Главная») содержит краткую информацию о цели или содержании, тематике сайта (кому или чему он посвящён).
г. Основной раздел («О себе», «О группе», «Описание» и т.п.) – содержит более полную информацию о предмете сайта. Примечание – для задания можно писать вкратце. Но хотя бы пару абзацев текста (тэг <p>).
д. Списочный раздел («Интересные факты», «Фильмография», «Список альбомов», «Достижения» и т.п.) – должен содержать данные, организованные в виде списка, маркированного или нумерованного.
е. Последний раздел, («Контактная информация», «Ссылки по теме»), должен содержать правильно оформленные ссылки на другие сайты, ВКонтактик, электронные адреса и т.п.).
5) Требования к содержимому страниц. Примечание: как именно это делается – читайте в соответствующих разделах самоучителя.
а. Обязательно должны соблюдаться правила вложенности тэгов и общей структуры документа HTML.
б. На каждой странице сайта должен присутствовать тэг названия текущей страницы (<title>). Примечание: в Опере оно может не отображаться вверху (если меню скрыто).
в. Фон страницы должен быть цветным (атрибут bgcolor тэга <body>). Можно поменять и цвет шрифта.
г. Текст страницы должен быть разбит на блоки (меню, основная часть, подвал – тэги <div>). Подсказка: имеется в виду, что ту часть документа, которая относится в меню, следует заключить внутрь тэга <div>, равно как и блок текста – в другой <div>. После этого можно, например, залить эти области цветом, каждую – своим. В общем, <div> соответствует разделу в Ворде.
д. Каждый блок текста (кроме таблиц и списков) должен входить внутрь тэга <p>. Подсказка: <p> – это тоже самое, что абзац в Ворде, и начинается с новой строки.
е. На каждой странице сайта должно присутствовать меню в виде ссылок на текущий и другие разделы сайта. Текущий раздел при этом должен быть как-либо выделен (либо не быть ссылкой, либо полужирным стилем, либо цветом и т.п.). Положение меню – в строчку, сверху (если умеете, можно сделать сбоку). Если меню сверху, то должно быть выровнено по центру.
ж. На каждой странице должно присутствовать хотя бы 1 изображение, с оформленным альтернативным текстом (атрибут alt).
з. В состав сайта должна входить по крайней мере 1 таблица произвольного размера. Заголовки должны быть выровнены по центру (тэгом <th>). Линии – должны присутствовать (атрибут border).
и. В состав сайта должен входить по крайней мере 1 нумерованный и 1 маркированный списки. Например, это могут быть списки контактных данных, перечень альбомов, этапы биографии и т.п.
6) Примечание для знатоков предмета (у кого был в школе или имеется опыт работы с).
а. Сделайте сайт более красивым.
б. Примените стили для текстов и т.п. – разные цвета, рамки и т.д.
в. Добавьте форму с кнопками.
г. В общем, покажите свои знания.
| <== предыдущая | | | следующая ==> |
| Приложение № 5 | | |
Date: 2015-09-02; view: 197; Нарушение авторских прав; Помощь в написании работы --> СЮДА... |