
- •51 Основы разработки Web-страниц
- •Содержание
- •1.Общие положения 4
- •2. Лабораторные работы 6
- •Основы разработки Web-страниц
- •1.Общие положения
- •Контрольные вопросы.
- •Задания и технология выполнения.
- •3.1. Создайте Web-страницу содержащую следующий текст:
- •Контрольные задания
- •4.4. Приведите текст выше созданной Web-страницы к следующему виду:
- •Просмотрите созданную Web-страницу в виде html - кодов.
- •4.6. Закройте программы Блокнот и Internet_Explorer.
- •Рекомендуемая литература
- •Лабораторная работа № 2 Тема: Создание гиперссылок в html- документах.
- •Краткая справка
- •2. Контрольные вопросы.
- •Задания и технология выполнения.
- •3.3. Просмотрите Web-страницу Ваша_Фамилия.Html из web-страницы Ваше_Имя.Html.
- •3.4. Вернитесь к Web-странице Ваше_Имя.Html.
- •3.5. Создайте ссылку внутри Web-страницы Ваше_Имя.Html.
- •3.6. Проверьте результат создания ссылке внутри Web-страницы Ваше_Имя.Html.
- •3.7. Закройте программы Блокнот и Internet_Explorer.
- •Контрольные задания
- •4.3. Создайте ссылку внутри Web-страницы Ваша_Фамилия.Html.
- •4.4. Закройте программы Блокнот и Internet_Explorer.
- •5. Рекомендуемая литература
- •Лабораторная работа № 3 Тема: Создание изображения и использование его на Web-странице.
- •Краткая справка
- •2. Контрольные вопросы.
- •3. Задания и технология выполнения.
- •3.4. Просмотрите результат вставки рисунка.
- •Измените атрибуты рисунка «Вокзал», сделав их следующими:
- •Контрольные задания.
- •5. Рекомендуемая литература
- •Лабораторная работа № 4 Тема: Форматирование текста в html документах.
- •Краткая справка
- •Контрольные вопросы.
- •3. Задания и технология выполнения.
- •Контрольные задания
- •5. Рекомендуемая литература
- •Лабораторная работа № 5 Тема: Создание списков и таблиц средствами языка html.
- •Краткая справка
- •Контрольные вопросы.
- •3. Задания и технология выполнения.
- •Ненумерованный список
- •Нумерованный список
- •Список определений
- •Просмотрите созданную Web-страницу.
- •3.3. Создайте Web-страницу содержащую таблицу следующего вида:
- •Просмотрите созданную Web-страницу.
- •Приведите созданную Web-страницу к следующему виду:
- •Просмотрите созданную Web-страницу.
- •Приведите созданную Web-страницу к следующему виду:
- •Контрольные задания
- •Пример списка определений
- •Пример ненумерованного списка
- •Пример нумерованного списка
- •5. Рекомендуемая литература
- •Лабораторная работа № 6 Тема: Создание Web-документа с помощью редактора Microsoft Word .
- •Краткая справка
- •Создание гиперссылок
- •Добавление бегущей строки на Web-страницу
- •2. Контрольные вопросы.
- •2.3. Как добавить бегущую строку на Web-страницу?
- •3. Задания и технология выполнения.
- •3.1. Создайте Web-страницу следующего вида:
- •Контрольные задания
- •Имена файлов
- •Гиперссылки
- •5. Рекомендуемая литература
- •Литература
- •5. Internet. Шаг за шагом. (на cd-rom). "Питер Мультимедиа", 1997.
- •6. Энциклопедия пользователя Internet. (на cd-rom). "Демос", 2000.
- •Приложение 1. Общая структура типичного простейшего документа html
- •Приложение 2. Теги форматирования текстового потока.
- •Приложение 3. Теги форматирования абзацев:
- •Приложение 4. Теги списков.
- •Приложение 5. Некоторые важнейшие теги html
- •Приложение 6. Создание бегущей текстовой строки
- •Приложение 7. Список цветов символов html
- •Приложение 8. Создание таблиц в html
Пример ненумерованного списка
Группа 101_У
Группа 101_П
Группа 101_Э
Пример нумерованного списка
Витебск
Минск
Могилёв
и сохраните текст Web-страницы в папке C:\Work\Курс_2\Группа\WEB с именем файла Кз_Списки.HTML
Создайте Web-страницу содержащую таблицу следующего вида:
Фамилия |
Имя |
Отчество |
Сас |
Иван |
Петрович |
и сохраните текст Web-страницы в папке C:\Work\Курс_2\Группа\WEB с именем файла Кз_Талица.HTML
Просмотрите созданные Web-страницы.
Закройте программы Блокнот и Internet_Explorer.
5. Рекомендуемая литература
5.1. Браун, Марк, Р., Хоникатт, Джерри, и др. Использование HTML 4, 4-е издание. Специальное издание.: Пер. с англ. – М.; СПб.; К.: Издательский дом «Вильямс», 2000.-784 с.: ил.(стр. 117-133, 157-185).
Ю. П. Тютюнов, М. П. Кашук. «Основы разработки Web-страниц» (Методические указания и задания) – ОГТЖТ, 2006.
Под редакцией Ю.М. Алексеева. Быстро и легко создаем, программируем, шлифуем и раскручиваем web-сайт. «Лучшие книги» Москва. 2004.-432 с.: ил.
Лабораторная работа № 6 Тема: Создание Web-документа с помощью редактора Microsoft Word .
Цель: Получение практических навыков создания Web-документа с помощью редактора FrontPage.
Техническое обеспечение: PENTIUM
Программное обеспечение: WINDOWS, Microsoft Word, Microsoft Internet Explorer, FrontPage.
Место проведения: Лаборатория ПЭВМ.
Продолжительность занятия: 2 часа.
Краткая справка
С помощью Microsoft Word можно создавать Web-страницы на основе шаблон Web-страницы, создавать пустые Web-страницы, создавать Web-страницы из существующего документа Microsoft Word, создавать несколько Web-страниц из нескольких документов Microsoft Word, или сохранить документ Microsoft Word в качестве Web-страницы.
Создание Web-страницы на основе шаблона
В меню Файл выберите команду Создать.
В области задач Создание документа в группе Шаблоны выберите параметр На моем компьютере.
На вкладке Общие дважды щелкните шаблон Web-страницы.
Создание пустой Web-страницы
В меню Файл выберите команду Создать.
В области задач (Область задач. Область в окне приложении Microsoft Office, содержащая часто используемые команды. Ее расположение и небольшие размеры позволяют использовать эти команды, не прекращая работу над файлами.) Создать документ, в группе Создание щелкните ссылку Web-страница.
Создание Web-страницы из существующего документа Microsoft Word
В меню Файл выберите команду Создать.
В области задач (Область задач. Область в окне приложении Microsoft Office, содержащая часто используемые команды. Ее расположение и небольшие размеры позволяют использовать эти команды, не прекращая работу над файлами.) Создание документа выберите Существующий документ.
Выберите документ, который необходимо разместить на Web-странице, а затем нажмите кнопку Создать новый.
Примечание. Существующий документ не обязательно должен быть Web-страницей. Чтобы создать новую Web-страницу, в меню Файл выберите команду Сохранить как Web-страницу.
Создание нескольких Web-страниц из нескольких документов Microsoft Word
Поместите все нужные документы в одну папку.
В меню Файл выберите команду Создать.
В области задач (Область задач. Область в окне приложении Microsoft Office, содержащая часто используемые команды. Ее расположение и небольшие размеры позволяют использовать эти команды, не прекращая работу над файлами.) Создание документа в группе Шаблоны выберите параметр На моем компьютере.
Откройте вкладку Другие документы.
Дважды щелкните шаблон Мастер преобразований.
Примечание. Если в диалоговом окне Шаблоны отсутствует компонент Мастер преобразований, установите его.
Следуйте указаниям, которые будут появляться на экране