Муниципальное образовательное учреждение средняя общеобразовательная школа № 37

 

  

 ОСО-2005

  

Команда "Высший класс"
Web-дизайн в ИКТ - обучающий курс

 

Новости сайта

Проект "Наш край"

Ученику

Учителю

Администрации

История школы

Конкурсы   Проекты

Кабинет информатики

Форма отзыва

 

Полную информацию о курсе см. на сайте проекта

План лекций

Лекция 1. Введение

Краткий обзор возможностей и услуг, предоставляемых Интернет. Классификация и описание услуг, предоставляемых компьютерными сетями (e-mail, ftp, http, www, wais, gopher, telnet). Протоколы передачи данных в компьютерных сетях (FTP, TCP/IP, PPP, SMTP). . Система адресации; числовое и доменное имя компьютера в сети, Эффективная работа с броузером. Настройки просмотра. Закладки. Избранное. Сохранение информации в различных форматах. Работа с несколькими окнами. Поисковые машины и информационные базы в Интернет. Обзор особенностей современных поисковых серверов (классификационные информационно-поисковые системы Yahoo, @Rus, словарные ИПС Яндекс, Rambler, AltaVista, Mail.ru). Создание простых и сложных запросов. Поиск информации на заданную тему. Общение в Интернет, образовательные порталы и форумы. Что такое WEB – страница и WEB – сайт? Дизайн WEB – страниц и виды сайтов. Ресурсы Интернет по WEB – дизайну.Выработка контента (содержимого) WEB-сайта и разработка его структуры).

Задание 1. Разработать структуру и дизайн тематического сайта (отдельный урок или тема), подобрать содержание (текст) и элементы оформления (графика).

Лекция 2. Введение в стандарт Hyper Text Markup Language (HTML)

Что такое гипертекст? Протокол HTTP. Язык разметки гипертекста – HTML. Синтаксис HTML. Структура гипертекстового документа. Основные тэги. Программные средства для просмотра и создания простейшей HTML-страницы. Элементы оформления текста (стиль, цвет, гарнитура и размер шрифта, абзацы, заголовки, разделители, параграфы, выравнивание). Списки в HTML-документе. Организация гиперссылок в HTML - документах.Графическое оформление (цвет и рисунок для фона, линии, кнопки). Размещение графики на HTML-странице. Тег IMG и его параметры. Размещение HTML-документа на сервере. Платный и бесплатный хостинг. Сервера в Интернет, предоставляющие бесплатный хостинг и почтовый ящик. Регистрация адреса. Загрузка сайта (соглашения и правила). Тестирование страниц.

Задание 2. Визитная карточка учителя.

Лекция 3. Подготовка графики для WEB-страниц.

Форматы графических файлов, используемых в Интернет. Графические редакторы. Графический редактор Adobe PhotoShop. Сканирование текста и графики. Оптимизация файлов для WEB.

Задание 3. Создание первой страницы сайта.

Лекция 4. Использование программных средств для создания Web-сайтов

Обзор программных средств для создания WEB-сайтов. Основы работы в Macromedia DreamWeaver. Интерфейс редактора. Объекты документа и их свойства. Редактирование HTML – кода. Создание WEB – узлов и документов с использованием собственных шаблонов.

Задание 4. Создание шаблона страниц второго уровня с использованием редактора DreamWeaver.

Лекция 5 Таблицы как средство форматирования HTML – документа.

Использование таблиц в WEB – документе для размещения текста и графики. Параметры, определяющие оформление таблиц.

Задание 5. Внедрение таблиц в шаблон страниц второго уровня и подготовка страниц второго уровня.

Лекция 6 Фреймы.

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

Задание 6. Подготовка страницы с использованием фреймов (сайт учителя).

Итог – тематический сайт для дистанционного обучения по выбранной теме

На Конкурсы

Вернуться к началу текущей статьи

 

ОСО-2005

Приветствие

Черчение-Компас

Delphi

Web-дизайн

AdobePhotoShop

Кабинет информатики

Методика

Хобби

Стихи

ДООИ

   
© Copyright 2004 Ямкина Елена Владимировна
Зарегистрировано в ОФАП
shk37@access.uven.ru
shk37-ul@narod.ru
Hosted by uCoz