Практическое занятие №3 Разработка простейшей Web-страницы
Цель работы: Использование основных конструкций языка HTML для создания простой Web-страницы
Коды формируемых профессиональных компетенций: ПК 1.1–1.5, ПК 3.3
Задание: Разработайте проект структуры сайта для одной из перечисленных ниже фирм:
Рекламное агентство.
Магазин канцтоваров.
Мебельная фабрика.
Консалтинговое агентство.
Издательский дом.
Туристическое агентство.
Гостиничный комплекс.
Строительная компания.
Образовательное учреждение
Web-сайт должен состоять не более чем из шести страниц и представлять следующую информацию: название фирмы, общую краткую информацию о фирме, перечень продуктов/услуг, краткие отзывы о вашей деятельности, список крупнейших клиентов со ссылками на их Web-сайты.
Проект Web-сайта должен отвечать следующим требованиям: четкость формулировок, структурированность материалов, единство стиля, иметь собственное лицо.
Отчет о выполненном задании содержать графический материал, отражающий структуру сайта, а также созданные Web-страницы согласно структуре.
Пример структура Web-сайта, реализующего информационную поддержку в сети Интернет, представлена на рис.
Рисунок 1.1. Структура Web-сайта информационного агентства
Практическое занятие №4 Форматирование текста и списков
Цель работы: Использование различных стилей текста и списков в веб-страницах
Коды формируемых профессиональных компетенций: ПК 1.1–1.5, ПК 3.3
Задание
С помощью текстового редактора «Блокнот» разработать одностраничный сайт на тему «Моя домашняя страница».
Страница сайта должна содержать заголовок сайта и отражать информацию о вас (ваши фамилия и имя, школа, класс, ваши увлечения и хобби), а также (по возможности) вашу фотографию, о ваших родителях, сёстрах, братьях, дедушках и бабушках, о ваших друзьях и их увлечениях.
Необходимо использовать заголовки (использовать центрирование) и выравнивание абзацев текста по ширине. Для заголовков и основного текста необходимо использовать разные названия шрифтов сайта. В основном тексте необходимо использовать нумерованные и маркированные списки.
Общий фон сайта светлый, допускается использование светлого фонового рисунка
Проверить работоспособность сайта с помощью браузера
Практическое занятие №5 Гипертекстовые ссылки. Графика
Цель работы: Использование гипертекстовых ссылок и графики в веб-страницах
Коды формируемых профессиональных компетенций: ПК 1.1–1.5, ПК 3.3
Задание:
С помощью текстового редактора «Блокнот» создать сайт туристической фирмы
Название сайта: ООО "Все отели мира". Далее - Фирма.
Назначение сайта (цель создания сайта): Представление Фирмы в Интернет: информация о Фирме, история фирмы, партнёры фирмы, Заказчики фирмы, цены на оказываемые услуги, справочная информация, советы клиентам, курсы валют, сведения о странах, сопроводительные графические рисунки, юридический адрес, почтовый адрес, схема проезда, контактная информация, банковские реквизиты.
Предполагаемая возрастная аудитория сайта: от 18 лет и старше, предполагаемое возрастное ядро аудитории от 30 до 45 лет.
Количество страниц сайта: Сайт должен содержать следующие html страницы: 1 - Главная (домашняя) страница; 2 - Прайс-лист; 3,4,5,6 - Фото (каталог) товаров; 7- Справочная информация; 8 - О фирме; 9 - Офис (филиалы фирмы); 10 - Партнёры; 11,12 - Сервисы.
Кнопки управления (навигация сайта). С каждой страницы сайта должен быть обеспечен переход (установлена гиперссылка) на главную страницу сайта. Головная (начальная) страница сайта должна содержать гиперссылки, обеспечивающие переход с нее на не менее чем 95% страниц сайта.
Оформление рисунков. Все рисунки объемом более 1 Кб должны быть выполнены с замещающим текстом. Рисунки размером более 15 Кб должны быть выполнены с предпросмотром. Формат всех рисунков gif или jpg (jpeg)
Общий фон сайта. Общий фон сайта светлый (белый). Допускается использование светлого фонового рисунка
Проверить работоспособность сайта с помощью браузера