Создание сайта в ворде практическая работа
Технические средства: компьютеры, проектор, экран для проектора.
Программное обеспечение: операционная система Windows ХР, текстовый процессор Microsoft Word, браузер Internet Explorer.
I. Организационный момент.
II. Актуализация знаний.
На предыдущем уроке были рассмотрены различные способы создания Web-страниц. Одним из названных способов является использование WYSIWYG-редакторов (сокращение фразы «What You See Is What You Get» - «Что видишь, то и получаешь»). Редакторы этого типа позволяют создавать Web-страницы, даже не имея никакого понятия о языке HTML, путем визуального редактирования на экране дисплея. При этом страница в окне редактора выглядит почти так же, как должна отображаться в браузере, а при сохранении результатов работы в файле программа автоматически генерирует требуемый HTML-код.
Простейшим примером такого редактора является текстовый процессор Word. Используя возможности этой программы, создадим сайт, посвященный творчеству современных американских художников (рассматривается пример структуры и оформления готового сайта).
III. Выполнение практической работы.
Учащиеся получают файлы с текстами и изображениями, а также памятку для выполнения работы. Подробные комментарии к созданию главной страницы даются учителем. Остальные страницы ученики создают самостоятельно, используя памятку.
Памятка для выполнения работы:
В данной работе реализуется проект сайта, состоящего из четырех Web-страниц:
личной папке, вложенной в папку Сайт .
1. Открыть текстовый процессор Word .
2. Выполнить команду Файл → Создать . В области задач выбрать элемент Веб-страница .
3. Оформить внешний вид страницы в соответствии с приведенным образцом, используя обычные средства Word . Добавление элементов страницы организовать с использованием инструмента Надпись меню Вставка .
4. Текст и изображения скопировать из папки Сайт .
5. Сохранить страницу в файле с расширением .htm (тип Веб-страница ).
- На главной странице index.htm нужно создать гиперссылки на другие страницы сайта. Для этого:
1. Выделить фамилию художника.
2. Выполнить команду Вставка → Гиперссылка .
3. В появившемся окне выбрать элемент Связать с файлом, веб-страницей .
4. Найти и выбрать ранее созданный файл, посвященный этому художнику; щелкнуть на кнопке ОК .
- Аналогичным образом на странице каждого художника создать ссылку на главную страницу.
- На странице каждого художника создать ссылку на его официальный сайт или галерею. Для этого:
1. Добавить надпись официальный сайт или галерея работ ; выделить ее.
2. Выполнить команду Вставка → Гиперссылка .
3. В появившемся окне выбрать элемент Связать с файлом, веб-страницей .
4. В строке Адрес ввести адрес веб-сайта; щелкнуть на кнопке ОК .
- Открыть с помощью браузера главную страницу сайта. Проверить работу всех ссылок.
Проверка выполненных работ, выставление оценок.
V. Домашнее задание .
Продумать тематику сайта аналогичной структуры, подготовить текстовые и графические материалы. Повторить основные теги языка HTML.
По теме: методические разработки, презентации и конспекты
Создание таблицы в текстовом редакторе Microsoft Word 2010 и её редактирование с помощью вкладки "Макет".
Работа включает в себя план урока, презентацию и заготовку к лекции по данной теме.
Создание дизайна сайта с помощью программы Adobe Photoshop CS 8 Создание дизайна сайта с помощью программы Adobe Photoshop CS 8
Внеурочная деятельность. Урок: «Создание открытки средствами текстового редактора Microsoft Word»
Урок: «Создание открытки средствами текстового редактора Microsoft Word».
Урок. Создание Web-сайта с помощью Microsoft Word
Цель урока:1. Формирование умений и навыков, носящих в современных условиях общенаучный и интеллектуальный характер.2. освоение приемов создания Web-страниц и Web-сайтов с помощью текстово.
Урок по теме "Создание кроссворда средствами Microsoft Word"
Урок информатики 7 класса по теме "Оформление документов в текстовом редакторе", посвящен создание кроссвордов с помощью таблиц.
Практическая работа по теме: "Создание web-сайта с помощью текстового процессора MS Word"
Практическая работаТема: Средства создания и сопровождения сайта. (Создание web-сайта с помощью MS Word).Цель: освоить приемы создания web-страниц и web-сайтов с помощью текстового процессора MS.
Обращаем Ваше внимание, что в соответствии с Федеральным законом N 273-ФЗ «Об образовании в Российской Федерации» в организациях, осуществляющих образовательную деятельность, организовывается обучение и воспитание обучающихся с ОВЗ как совместно с другими обучающимися, так и в отдельных классах или группах.
Рабочие листы и материалы для учителей и воспитателей
Более 2 500 дидактических материалов для школьного и домашнего обучения
Столичный центр образовательных технологий г. Москва
Получите квалификацию учитель математики за 2 месяца
от 3 170 руб. 1900 руб.
Количество часов 300 ч. / 600 ч.
Успеть записаться со скидкой
Форма обучения дистанционная
- Онлайн
формат - Диплом
гособразца - Помощь в трудоустройстве
311 лекций для учителей,
воспитателей и психологов
Получите свидетельство
о просмотре прямо сейчас!
Выберите документ из архива для просмотра:
Выбранный для просмотра документ Практическая работа Создание веб-сайта средствами MS Word.docx
Практическая работа
«Создание веб-сайта средствами MS Word»
Запустите текстовый процессор MS Word и создайте новый документ.
На Панели состояния в нижнем правом углу приложения переключитесь на Веб-документ .
Для создания фона будущей веб-страницы перейдите на вкладку Дизайн ленты основного меню. В разделе Фон страницы выполните команду Цвет страницы – Способы заливки .
Создайте фон при помощи текстуры, рисунка из файла или узора. Обратите внимание на то, чтобы не было видно стыков при копировании фонового изображения на всю страницу.
В верхней части страницы вставьте таблицу следующего вида:
В первой строке таблицы создайте красочную надпись с названием будущего сайта, выровняйте по центру.
Во второй строке таблицы разместите названия 4-х страниц, из которых будет состоять сайт, при этом учтите, что в первую ячейку второй строки нужно ввести надпись « Главная », которая позволит переходить на первую страницу сайта. Подберите размер и тип шрифта.
В третьей строке таблицы разместите краткую справку о теме сайта, добавьте изображения. Можно добавить дополнительные ячейки в таблицу, чтобы задать необходимую структуру страницы.
Сделайте границы таблицы невидимыми.
Выполните команду основного меню Файл – Сохранить как . Укажите папку назначения. В поле Имя файла введите « 01 », а в поле Тип файла – Веб-страница . Сохраните файл.
Повторите предыдущий пункт ещё 3 раза для того, чтобы создать копии первой страницы с именами « 02. htm », « 03. htm », « 04. htm ».
Перейдите в папку, в которой сохранены 4 страницы сайта и откройте при помощи текстового процессора MS Word первую страницу.
Во второй строке таблицы выделите надпись « Главная », вызовите контекстное меню и выполните команду Гиперссылка . В появившемся диалоговом окне в поле Связать с выберите Файл, веб-страницей , в поле Искать в: - Текущая папка , выделите веб-страницу « 01. htm » и нажмите ОК . Таким образом мы создали гиперссылку на первую страницу по надписи « Главная ».
Аналогичным образом создайте гиперссылки на оставшиеся 3 страницы по оставшимся 3-м надписям во второй строке таблицы.
При помощи команды основного меню Файл – Сохранить как , замените существующие файлы « 02. htm », « 03. htm », « 04. htm » на новые копии первой страницы, чтобы на них тоже появились гиперссылки.
Обращаем Ваше внимание, что в соответствии с Федеральным законом N 273-ФЗ «Об образовании в Российской Федерации» в организациях, осуществляющих образовательную деятельность, организовывается обучение и воспитание обучающихся с ОВЗ как совместно с другими обучающимися, так и в отдельных классах или группах.
Рабочие листы и материалы для учителей и воспитателей
Более 2 500 дидактических материалов для школьного и домашнего обучения
Столичный центр образовательных технологий г. Москва
Получите квалификацию учитель математики за 2 месяца
от 3 170 руб. 1900 руб.
Количество часов 300 ч. / 600 ч.
Успеть записаться со скидкой
Форма обучения дистанционная
- Онлайн
формат - Диплом
гособразца - Помощь в трудоустройстве
Видеолекции для
профессионалов
- Свидетельства для портфолио
- Вечный доступ за 120 рублей
- 311 видеолекции для каждого
Практическая работа.
Создание Web -сайта с помощью MS Word
1. Открыть текстовый процессор Word.
2. Выполнить команду Файл -> Создать. В появившемся окне выбрать вкладку Web-страницы. Щелкнуть на значке Новая Web-страница.
3. Оформить внешний вид страницы в соответствии с приведенным образцом, используя обычные средства Word (управление форматированием, шрифтами; можно сделать цветной фон, подобрать текстуру, заливки и пр.). При наборе текста страницы не подчеркивать слова (Папа, Мама, Сережа, Тимка, биография). Подчеркивания появятся автоматически после вставки гиперссылок.
Вставить рисунок можно либо из файла со сканированной фотографией (если у вас такой имеется), либо выбрав любой рисунок из Microsoft Clip Gallery.
4. Вставить внутренние гиперссылки. Для этого:
=> установить курсор перед абзацем, начинающимся словами: «Моего папу зовут . »;
=> выполнить команду Вставка —> Закладка;
=> в открывшемся окне в строке Имя закладки ввести какое-нибудь имя, например «М1»; щелкнуть на кнопке Добавить;
=> в списке, расположенном выше, выделить слово «Папа»;
=> выполнить команду Вставка —> Гиперссылка;
=> в появившемся окне щелкнуть на кнопке Обзор напротив строки «Имя объекта в документе»;
=> выбрать имя созданной закладки (M1); щелкнуть на кнопке ОК, затем еще раз на ОК. Гиперссылка готова.
5. Аналогичным образом организовать внутренние гиперссылки на других словах из списка (Мама, Сережа, Тимка) к соответствующим абзацам главной страницы.
6. Сохранить полученную страницу в файле с именем family.htm (расширение установится автоматически) в папке Мои документы (окно с данной страницей не закрывать).
7. Создать «Папину страницу» (см. п. 1-2); гиперссылок в ней пока создавать не нужно. Сохранить страницу в файле father.htm в папке Мои документы.
8. Вернуться к главной странице. Создать в ней внешнюю гиперссылку на «Папину страницу». Для этого:
=> выделить первое в тексте слово «Биография»;
=> выполнить команду Вставка -> Гиперссылка;
=> в появившемся окне щелкнуть на кнопке Обзор напротив строки Связь с файлом/URL;
=> найти и выбрать ранее созданный файл father.htm; щелкнуть на кнопке ОК, затем еще раз на ОК. Гиперссылка готова.
9. Вернуться к «Папиной странице». Создать в ней внешнюю гиперссылку на сайт Московского университета. Для этого:
10. Создать остальные страницы семейного сайта, согласно плану, представленному на схеме. Организовать связи между страницами и внешние связи. Не забудьте сохранить все созданные файлы. (Мои документы/11 класс/Ф.И.О)
11. Установите автономный режим работы браузера.
12. Открыть с помощью браузера главную страницу семейного сайта (для этого достаточно дважды щелкнуть на значке файла с главной страницей в папке Мои документы). Проверить работу всех внутренних гиперссылок (внутри главной страницы, а также между страницами вашего сайта).
Обращаем Ваше внимание, что в соответствии с Федеральным законом N 273-ФЗ «Об образовании в Российской Федерации» в организациях, осуществляющих образовательную деятельность, организовывается обучение и воспитание обучающихся с ОВЗ как совместно с другими обучающимися, так и в отдельных классах или группах.
Рабочие листы и материалы для учителей и воспитателей
Более 2 500 дидактических материалов для школьного и домашнего обучения
Столичный центр образовательных технологий г. Москва
Получите квалификацию учитель математики за 2 месяца
от 3 170 руб. 1900 руб.
Количество часов 300 ч. / 600 ч.
Успеть записаться со скидкой
Форма обучения дистанционная
- Онлайн
формат - Диплом
гособразца - Помощь в трудоустройстве
Видеолекции для
профессионалов
- Свидетельства для портфолио
- Вечный доступ за 120 рублей
- 311 видеолекции для каждого
Выберите документ из архива для просмотра:
Выбранный для просмотра документ Методические рекомендации.doc
Практическая работа
Microsoft Word 2010
Работа с автофигурами и рисунками
В ходе выполнения данного практического задания студент должен научиться:
Создавать объекты в Microsoft Word с помощью автофигур;
Редактировать фигуры и рисунки.
Задание на выполнение:
С помощью автофигур и рисунков в Microsoft Word необходимо создать сайт туристической фирмы «Панда».
Методика выполнения задания:
Запустите Microsoft Word (Пуск – Все программы – Microsoft office - Microsoft Word 2010).
Шаг 1. Необходимо изменить Параметры страницы: вкладка Разметка страницы → Параметры страницы → Ориентация альбомная → ОК.
Шаг 2. Меняем цвет фона листа: вкладка Разметка страницы → Фон страницы → Цвет страницы → Другие цвета → Спектр (красный - 52, зеленый - 170, синий - 212) → ОК:
Шаг 3. Создание «шапки» нашего сайта (Наименования и меню):
Из предложенных рисунков выбираем N 14. Вкладка Вставка → Рисунок → Вставить:
Для того чтобы изменить размер рисунка необходимо:
- Щелкнуть правой кнопкой мыши по рисунку (вызвать контекстное меню)
- Под основным меню (в дополнительном) изменяем размеры рисунка: по вертикале – 2,51; по горизонтали – 2,54.
Чтобы рисунок можно было двигать в любом направлении необходимо:
- Перейти на вкладку Работа с рисунком;
- В меню Упорядочить щелкаем по функции Обтекание текстом → За текстом.
- В той же вкладке (Работа с рисунками) переходим к меню Стили рисунков → Наклонная, белая (стиль рамки).
- Изменяем местоположение рисунка соответственно картинке:
Создание наименование туристической фирмы:
- Вставка → Текст → WordArt → Градиентная заливка – черная, контур – белый, тень – снаружи.
В появившемся объекте впишите наиенование туристической фирмы – Панда.
Измените размер шрифта – на 48, и сам шрифт – SchoolBook.
Измените местоположение объекта согласно рисунку:
Теперь необходимо вставить надпись «Туристическая фирма»:
- В меню Текст выбираем – Надпись → Простая надпись.
- В появившемся объекте впишите надпись – Туристическая фирма;
- Измените размер шрифта – на 12, полужирный и сам шрифт – SchoolBook.
- Уменьшите объект по размеру текста;
- Во вкладке Средства рисования выбираем Стиль фигуры → Заливка фигуры (нет заливки) → Контур фигуры (нет контура);
- Располагаем надпись соответственно рисунку:
Вставка номера происходит аналогично предыдущему действию – с помощью объекта Надпись:
- В меню Текст выбираем – Надпись → Простая надпись.
- В появившемся объекте впишите надпись – «8 (4012) 51-46-13, 51-46-12»;
- Измените размер шрифта – на 26, полужирный и сам шрифт – Calibri , .
- Уменьшите объект по размеру текста;
- Во вкладке Средства рисования выбираем Стиль фигуры → Заливка фигуры (нет заливки) → Контур фигуры (нет контура); Стили WordArt → Экспресс-стили → «Заливка темно-бирюзовый, прозрачная, акцент 5, очистить, рельеф».
- Располагаем надпись соответственно рисунку:
- Из списка предложенных картинок выбираем N 7, 8, 9;
- Вставка → Рисунок (на панели Иллюстрации) → место расположение рисунков → Вставить;
- Изменяем размер (по вертикали и горизонтали = 1,39 см):
- Выделяем кнопочки, затем во вкладке Работа с рисунками в меню Упорядочить щелкаем по функции Обтекание текстом → За текстом.
- Располагаем кнопочки соответственно рисунку:
Создание основного меню:
- На вкладке Вставка, в меню Иллюстрации выбираем Фигуры → Скругленный прямоугольник (вместо курсора на экране появился крестик, щелкаем им по листу).
- Нажимаем правой кнопкой мыши по объекту (вызываем контекстное меню) → Добавить текст. В объекте появился курсор. Вписываем текст – «Главная»;
- Вызываем контекстное меню нашей фигуры, выбираем Дополнительные параметры разметки;
- В открывшемся окне Разметка переходим на вкладку Размер (Высота - 1 см, Ширина – 2,92 см)
- На вкладке Средства рисования → Стили фигур → «Сильный эффект, темно-бирюзовый, Акцент 5»;
- Измените размер шрифта – на 11, полужирный и сам шрифт – SchoolBook
Таким же образом создаем следующие надписи:
- «О компании» (Высота - 1 см, Ширина – 2,92 см)
- «Консультанты по отдыху» (Высота - 1 см, Ширина – 5,7 см)
- «Туры» (Высота - 1 см, Ширина – 2,92 см)
- «Телефоны» (Высота - 1 см, Ширина – 2,92 см)
Расположить объекты меню согласно рисунку:
Шаг 4. Создание плаката под меню.
Для начала необходимо вставить в документ картинки, которые в последствие образуют плакат:
- Вкладка Вставка → Иллюстрации → Рисунок ( N 1, 2 и 3) по очереди;
- Меняем размер рисунков: Высота – 5,41; Ширина – 9,89;
- Изменяем положение рисунков – Обтекание за текстом (вкладка Работа с рисунками);
- Располагаем три рисунка на одной линии (согласно рисунку):
Шаг 5. Создание блоков идентификации и новостей.
- На вкладке Вставка, в меню Иллюстрации выбираем Фигуры → Скругленный прямоугольник (вместо курсора на экране появился крестик, щелкаем им по листу).
- Вызываем контекстное меню нашей фигуры, выбираем Дополнительные параметры разметки;
- В открывшемся окне Разметка переходим на вкладку Размер (Высота – 5,58 см, Ширина – 6 см);
- На вкладке Средства рисования → Стили фигур → «Сильный эффект, темно-бирюзовый, Акцент 5»;
- Выделяем наш прямоугольник, правой кнопкой мыши вызываем контекстное меню → Копировать; затем на вкладке Главная щелкаем по кнопке Вставить.
- Располагаем прямоугольники друг под другом:
- Аналогично вставляем еще 1 прямоугольник:
- Изменяем его стиль (вкладка Средства рисования → Стили фигур → «Светлый контур 1, цветная заливка – Темно-бирюзовый, Акцент 5) и размер фигуры (Высота – 4,46 см, Ширина – 6 см);
- Накладываем данную фигуру поверх первой:
- Ту же процедуру выполняем и с нижним прямоугольником:
- Используя объект надпись (Новая надпись), заполняем 1 блок;
- В объекте Надпись вписываем слово – Логин;
- Измените размер шрифта – на 11, сам шрифт – SchoolBook.
- Уменьшите объект по размеру текста;
- Во вкладке Средства рисования выбираем Стиль фигуры → Заливка фигуры (нет заливки) → Контур фигуры (нет контура);
- Таким же образом создаем Надпись – Пароль;
- Располагаем надпись соответственно рисунку:
- Создаем поля для Логина и Пароля;
- На вкладке Вставка → Иллюстрации → Фигуры выбираем фигуру – Прямоугольник (растягиваем по листу документа);
- Изменяем его размер (Высота – 0,65 см, Ширина – 3,25 см) и стиль (заливка – белая, контур – «Темно-бирюзовый, Акцент 5, более темный оттенок, 25%»);
- Аналогично поле для Пароля.
- Располагаем надпись соответственно рисунку:
Первый блок заполнен. Таким же образом заполняем второй блок:
Шаг 6. Создание внутреннего меню:
- С помощью все той же Надписи, создаем заголовок меню «Наши туры: автобусные туры, горячие туры, новогодние туры…»:
- Вставка картинок. Из предложенных картинок вставляем N 10.
- Изменяем размер (высота – 3,19; Ширина – 5,46), Стиль рисунка (с отражением, белая);
- Используя Надпись, над рисунком создаем заголовок «Автобусные туры»:
- Аналогично добавляем еще 4 рисунка:
- В правый нижний угол нашего документа вставляем рисунок N 11.
- Изменяем положение рисунка – Обтекание за текстом (вкладка Работа с рисунками);
- Выделяем рисунок, переходим на вкладку Работа с рисунками, выбираем инструмент Обрезка и соответственно обрезаем лишние белые края картинки;
- Изменяем стиль нашего рисунка – «Прямоугольник с размытыми краями»:
- Затем создаем выноску для наших панд в правом углу (Вставка → Иллюстрации → Фигуры → Выноски → Скругленная прямоугольная выноска);
- Добавляем в выноску текст (правой кнопкой по выноске вызываем контекстное меню → Добавить текст) – « Отдых требует подготовки. И это мы берем на себя! » ;
- Изменяем стиль текста. Выделите выноску → на вкладке Средства рисования в Стилях WordArt выбираем – «Заливка 0 светло-коричневый, текст 2, контур – фон 2»;
- С помощью желтого ромбика на выноске, направляем ее на рисунок с пандами:
Шаг 7. Заключительное оформление.
В заключение нам осталось оформить наш сайт красивыми бабочками. Вставляем рисунок N 12 в наш документ.
- Изменяем положение – Обтекание за тестом;
- Изменяем размер (Высота – 2,68, Ширина – 3,35);
- Размножим наших бабочек (Копировать, Вставить);
- Располагаем их хаотично;
- Некоторых бабочек обрезаем, некоторых переворачиваем (с помощью зеленого маркера при выделении рисунка).
Работа готова!
Выбранный для просмотра документ Практическая работа Word 2010 - работа с автофигурами и рисунками.docx
8 (4012) 51-46-13, 51-46-12
Панда
Туристическая фирма
О компании
Консультанты по отдыху
Отдых требует подготовки.
И это мы берем на себя!
Отдых и лечение
Бизнес туры
Пляжный отдых
Свадебные туры
Автобусные туры
Наши туры: автобусные туры, горящие туры, новогодние туры…
Горячие туры …
Оформление ВИЗ …
Забыли пароль?
Краткое описание документа:
В качестве редакторов, упрощающих создание Web-сайтов, можно использовать приложения Microsoft Office – Word. При этом пользователь может не знать язык HTML. Огромное количество людей, использующих Word в своей повседневной работе, становятся потенциальными разработчиками HTML-документов.Создать Web-станицу в Word можно двумя способами: с помощью Мастера или шаблона либо преобразовав существующий документ Word в формат HTML. При этом Word сам генерирует тэги HTML, хотя и не оптимальным образом.Первый способ созданияHTML-документов достаточно прост – надо начать создание документа «с нуля» и только следовать советам Мастера и использовать те средства, которые имеются в меню программы.Второй способ – преобразование существующего документаWord в тэги HTML при сохранении файла Word в формате HTML. Преобразование естественно приводит к тому, что какие-то элементы оформления документа будут утрачены или изменены.Одной из отличительных особенностей HTML-документов является то, что сам документ содержит только текст, а все остальные объекты встраиваются в документ в момент его отображения Браузером с помощью специальных тэгов и хранятся отдельно. При сохранении HTML-файла в месте размещения документа Word создает на диске папку, в которую помещает сопутствующие ему графические элементы оформления. Например, при сохранении файла с рисунками frieds.htm Word создает папку frieds.files, в которой и разместит все рисунки.В соответствии с этим при создании сайта – группы взаимосвязанных Web-страниц – рекомендуется помещать сайт в отдельную папку и при перемещении или публикации сайта строго сохранять всю внутреннюю структуру папок.
1. Формирование умений и навыков, носящих в современных условиях общенаучный и интеллектуальный характер.
2. освоение приемов создания Web-страниц и Web-сайтов с помощью текстового процессора Microsoft Word: оформление дизайна страницы; организация внутренних гиперссылок; организация внешних гиперссылок.
Вложение | Размер |
---|---|
urok_na_konkurs.docx | 30.63 КБ |
Предварительный просмотр:
Создание Web-сайта с помощью Microsoft Word
- Формирование умений и навыков, носящих в современных условиях общенаучный и интеллектуальный характер.
- освоение приемов создания Web-страниц и Web-сайтов с помощью текстового процессора Microsoft Word: оформление дизайна страницы; организация внутренних гиперссылок; организация внешних гиперссылок.
- Воспитательная – развитие познавательного интереса, воспитание информационной культуры.
- Учебная – изучить и закрепить навыки работы с текстовым редактором.
- Развивающая – развитие логического мышления, расширение кругозора.
Используемое программное обеспечение: текстовый процессор Microsoft Word 2010.
Тип урока: комбинированный
- Краткий инструктаж по технике безопасности в компьютерном классе.
- Объяснение нового материала.
- Выполнение практической работы.
- Домашнее задание.
Здравствуйте! Сегодня мы с вами будем создавать web-сайт с помощью Microsoft Word
- Инструктаж по технике безопасности в компьютерном классе
Чтобы успешно выполнить свою работу, нужно вспомнить правила поведения и ТБ в компьютерном классе. Внимание на экран.
«Правила поведения в кабинете информатики»
Во время работы следует
- Соблюдать правила поведения и текущие указания учителя.
- Работать на расстоянии 60-70 см от экрана монитора, соблюдая правильную осанку, а если есть очки - в очках.
- Следить за неисправностью аппаратуры и немедленно прекратить работу при появлении необычного звука, запаха гари, самопроизвольного отключения аппаратуры.
- Нажимать на клавиши плавно, не допуская резких ударов.
- Работать на клавиатуре чистыми руками.
- Не вставать со своих мест, когда в кабинет входят посетители.
- В класс входить спокойно, не торопясь, не задевая столы.
- Трогать разъёмы соединительных кабелей.
- Прикасаться к питающим проводам и устройствам заземления
- Прикасаться к экрану и тыльной стороне монитора.
- Включать и выключать аппаратуру без разрешения преподавателя.
- Класть посторонние предметы на клавиатуру и монитор.
- Не пользоваться клавиатурой при отключенной аппаратуре.
- Работать во влажной одежде и влажными руками.
- Никогда не пытаться самостоятельно устранять неисправности в работе аппаратуры.
Изучая данную тему, мы с вами рассмотрим следующие вопросы:
- Что такое Web – сайт, Web – страница, гиперссылка?
- Как и какими средствами создаются Web – страницы?
- Какие существуют виды навигационной схемы Web – сайтов?
- Примеры оформления Web – страниц.
- Создание гиперссылок.
Внимание на экран. Я, отвечая на эти вопросы, одновременно буду демонстрировать слайды. Нужные определения запишем в тетрадях
А теперь начнем практическую работу. Вы дома подготовили материал, по заранее выбранной теме (картинки, фотографии, видео, текст). Перед вами лежит брошюрка, где указана ход выполнения практической работы, и советы по созданию Web-сайта.
- Что такое Web – сайт, Web – страница, гиперссылка?
Веб-сайт (Website) - это объединённая под одним адресом (доменным именем) совокупность документов частного лица или организации. По умолчанию подразумевается что сайт располагается в сети Интернет, но он так же может публиковаться в локальной сети компании - в сети Интранет. Веб-сайты иначе называют Интернет-представительством человека или организации. Когда говорят "своя страничка в Интернет", то подразумевается целый веб-сайт или личная страница в составе чужого сайта.
Веб-страница - это логическая единица интернета , однозначно определяемая адресом ( URL ). Можно сказать, что веб состоит из сайтов , а сайты, в свою очередь - из страниц. Веб-страницы могут включать картинки, музыку, видео, скрипты и др.
Гиперссылка (hyperreference)— часть гипертекстового документа, ссылающаяся на другой элемент (команда, текст, заголовок, примечание, изображение) в самом документе, на другой объект (файл, директория, приложение), расположенный на локальном компьютере или в компьютерной сети, либо на элементы этого объекта.
- Как и какими средствами создаются Web – страницы?
Собрание страниц, объединенных некоторой общей тематикой и помещенных, как правило, на одном компьютере, называют Web-узлом или сайтом . Узлы Web подобны книгам, а Web-страницы - страницам этих книг. Компьютеры, на которых размещаются сайты, а также программы, обеспечивающие поддержку сайтов, называются серверами . На одном сервере может размещаться множество Web-узлов или сайтов.
Чтобы опубликовать в Интернете страницу, содержащую некоторую информацию, используется специально разработанный для этого язык HTML.
HTML – HyperText Markup Language (Язык разметки гипертекста) представляет собой довольно простой набор команд, описывающих структуру документа. Этот язык разметки позволяет выделить в документе отдельные логические части – заголовки, абзацы, таблицы, списки-перечисления и т.д., но не задает конкретные атрибуты форматирования. Конкретный вид форматирования определяет сам браузер при чтении документа, и именно браузер обеспечивает наилучшее отображение Web-документа на вашем экране.
- Какие существуют виды навигационной схемы Web – сайтов?
Важным понятием в разработке Web-узла является схема навигации, определяющая, как пользователь будет перемещаться между страницами. С помощью схемы навигации пользователь получает представление о структуре Web-узла, а также представление о том, в каком месте узла он находится в данный момент. Правильно разработанная схема позволит пользователю легко перемещаться между страницами Web-узла в поисках нужной ему информации.
Существует много вариантов организации навигационной схемы. Рассмотрим два полярных подхода. Первый из них дает возможность пользователю перемещаться по иерархии страниц только вверх или вниз без возможности перехода между страницами одного иерархического уровня. При такой схеме навигации для перехода к странице, расположенной на другой ветви иерархии, необходимо вернуться назад, и лишь затем, перейдя на нужную ветвь, перемещаться по дереву вниз. Заблудиться на Web-узле с такой структурой тяжело, но и для перехода к нужной информации требуется много времени.
Другой подход, это когда пользователь получает возможность с любого уровня иерархии переходить на любую страницу Web-узла. В этом случае достигается максимум возможностей по перемещению, но с другой стороны пользователю тяжело определить, в каком месте иерархической структуры он находится в данный момент.
Задача разработчика — подобрать такой оптимальный вариант, при котором бы обеспечивалось удобство перемещения между страницами и не терялась ориентация. Так, например, в процессе движения вниз по иерархической структуре необходимо предусмотреть для пользователя ссылки на домашнюю страницу, а также ссылки на страницы, находящиеся на том же уровне, если они содержат подобную по тематике информацию. Можно также, если необходимо, предусмотреть ссылки для движения вверх по иерархической структуре. Главное, чтобы посетитель не запутался в предлагаемой его вниманию информации.
Просматривая Web-узлы в Интернете, вы, вероятно, обращали внимание на то, что страницы содержат определенные элементы оформления. Это — заголовки, фоновое изображение, информация для контактов, графические изображения, панели ссылок, таблицы.
Гиперссылки предназначены для перемещения между страницами текущего Web-узла, а также на другие узлы в поисках нужной информации. Они могут указывать на текст, графические изображения, страницы других Web-узлов в сети Интернет, документы Microsoft Office, закладки, размещенные на этой же странице, на других страницах Web-узла или внутри документов, локальные файлы вашего компьютера, адреса электронной почты для доставки корреспонденции и т.д. При ссылке на файлы Microsoft Office автоматически запускается соответствующая программа и открывается файл, на который указывает ссылка. Если страница, на которой создается ссылка, является фреймом (т.е. разбита с помощью рамок на несколько областей), можно указать, в какую область фрейма загружать страницу, на которую указывает ссылка.
В качестве гиперссылки можно использовать не только текстовую информацию, но и графическое изображение или отдельные его части, называемые активными областями. Для создания на изображении активных областей используются кнопки панели инструментов Рисунки (Pictures).
Читайте также: