Полезное:
Как сделать разговор полезным и приятным
Как сделать объемную звезду своими руками
Как сделать то, что делать не хочется?
Как сделать погремушку
Как сделать так чтобы женщины сами знакомились с вами
Как сделать идею коммерческой
Как сделать хорошую растяжку ног?
Как сделать наш разум здоровым?
Как сделать, чтобы люди обманывали меньше
Вопрос 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) Примечание для знатоков предмета (у кого был в школе или имеется опыт работы с). а. Сделайте сайт более красивым. б. Примените стили для текстов и т.п. – разные цвета, рамки и т.д. в. Добавьте форму с кнопками. г. В общем, покажите свои знания.
|