Создание Webстраницы средствами Блокнота
 Скачать 24.67 Kb.
|
|
Создание Web-страницы средствами Блокнота ЗаданиеСоздайте Web-страницу, посвященную дистанционному обучению, при помощи языка разметки гипертекста HTML, используя Блокнот. Web-страница должна содержать: 1) Структуру HTML-документа; 2) Заголовки разных уровней; 3) Текст разного стиля форматирования и выделения; 4) 5) Таблицу; 6) Графическое изображение с использованием альтернативного текста; 7) Гиперссылки; 8) Дополнительные визуальные эффекты; 9) Список. 1). Создание структуры HTML-документа:Запустите программу Блокнот, выполнив команду Пуск > Программы > Стандартные > Блокнот. Откроется файл с именем Безымянный; Сохраните пустой файл как Web-страницу, выполнив команду Файл > Сохранить как. В поле Тип файла установите значение Все файлы(*.*). В поле Имя файла напишите index.htm. С помощью поля Папка перейдите в свою личную папку и нажмите кнопку «Сохранить». Создайте структуру, определяющую HTML-документ. Дистанционное обучение Сохраните внесенные изменения командой Файл > Сохранить. Просмотрите результат с помощью броузера Internet Explorer. Для этого закройте программу Блокнот командой Файл > Выход или щелкнув по кнопке Закрыть в правом верхнем углу окна программы. Запустите броузер Пуск > Программы > Internet Explorer. Загрузите созданную вами Web-страницу, выполнив команду Файл > Открыть. В диалоговом окне Открыть нажмите кнопку Обзор, перейдите в свою личную папку, выделите щелчком левой клавиши мыши файл Index и нажмите кнопку Открыть. Подтвердите выбор файла, нажав кнопку ОК. Браузер отобразит созданный в Блокноте файл. Для продолжения редактирования этой Web-страницы выполните команду Вид > В виде HTML. Откроется окно программы Блокнот в режиме редактирования. Добавьте в структуру документа разделы HEAD (заголовок) и BODY (тело), модифицировав текст: Дистанционное обучение : Например Просмотрим внесенные изменения, сохранив их. 5). Создание гиперссылок на Web-странице:Создадим гиперссылку на вставленном изображении, чтобы, щелкнув по нему можно было перейти на сайт ФИО. Для этого добавим тег гиперссылки к тегу изображения:  Просмотрим внесенные изменения, сохранив их. 6). Создание дополнительных эффектов на Web-странице:Добавим горизонтальную разделительную линию после перечислений преимуществ дистанционного обучения: Накопление информации об интересах студента … Просмотрим внесенные изменения, сохранив их. Сделаем так, чтобы наш заголовок (Дистанционное обучение) передвигался по экрану, т. е. стал бегущей строкой: Просмотрим внесенные изменения, сохранив их. 7). Создание списка:Оформим перечисление преимуществ дистанционного обучения как маркированный список: Существующий HTML-код: Массовое обслуживание миллионов обучаемых Индивидуальный подход к каждому обучаемому Интерактивное общение со студентом Накопление информации об интересах студента Изменим его, убрав теги абзацев и прерывания строк, вместо которых вставим теги маркированного списка:
Просмотрим внесенные изменения, сохранив их. ИТОГПроанализируйте Вашу работу. Дистанционное обучениеПреимущества дистанционного обучения Массовое обслуживание миллионов обучаемых Индивидуальный подход к каждому обучаемому Интерактивное общение со студентом Накопление информации об интересах студента Почему люди получают знания в Сети
 
 Дистанционное обучение Дистанционное обучениеПреимущества дистанционного обучения Преимущества дистанционного обучения Массовое обслуживание миллионов обучаемых Индивидуальный подход к каждому обучаемому Интерактивное общение со студентом Накопление информации об интересах студента Почему люди получают знания в Сети
   Дистанционное обучение Дистанционное обучениеПреимущества дистанционного обучения Преимущества дистанционного обучения Массовое обслуживание миллионов обучаемых Индивидуальный подход к каждому обучаемому Интерактивное общение со студентом Накопление информации об интересах студента Почему люди получают знания в Сети
|