Разработка к уроку в виде презентации "Создание web-страниц" предназначена для 9 класса, сосстоит из 29 слайдов. В ней описывется что такое сайт; из чего он состоит; показана логическая структура сайта; процедуры поддержки сайта; а так же рассатривается сам процесс создания своего сайта с примерами.
Создайте Ваш сайт учителя Курсы ПК и ППК Видеоуроки Олимпиады Вебинары для учителей
"Создание web-страниц"
Вы уже знаете о суперспособностях современного учителя?
Тратить минимум сил на подготовку и проведение уроков.
Быстро и объективно проверять знания учащихся.
Сделать изучение нового материала максимально понятным.
Избавить себя от подбора заданий и их проверки после уроков.
Наладить дисциплину на своих уроках.
Получить возможность работать творчески.
Просмотр содержимого документа
«"Создание web-страниц" »
Публикация во Всемирной паутине реализуется в форме WEB – сайтов. Сайт является интерактивным средством представления информации.
WEB - сайт состоит из WEB – страниц , объединенных гиперссылками. WEB – страницы могут быть интерактивными и могут содержать мультимедийные и динамические объекты.
- Название сайта должно отражать не только общую тематическую направленность, но и конкретные отличительные особенности вашего сайта.
- Какова цель создания вашего сайта?
- Какие новые возможности предоставляет ваш сайт?
- Кто будет основной (и вторичной) аудиторией вашего сайта?
- Какого они возраста?
- Чем они занимаются?
- Сколько времени они предположительно проведут на вашем сайте?
- Что может привлечь их повторно посетить ваш сайт?
- Общая характеристика данных, включаемых в сайт.
- Предположительный объем и предполагаемое содержание текстовой части.
- Фотографии, рисунки, диаграммы, анимации и звуки, которые вы предполагаете включить в сайт.
- Какая часть данных, включенных в сайт будет обновляться.
- Периодичность обновления данных сайта.
- Логическая структура сайта показывает, каким образом информация распределяется по страницам сайта и как она может быть получена пользователем.
- Логическая структура сайта должна естественным образом отображать логическую структуру информации.
- Для представления логической структуры сайта можно воспользоваться древовидными организационными диаграммами.
ВСЕ О КОМПЬЮТЕРЕ
КОМПЛЕКТУЮЩИЕ
СЛОВАРЬ
ПРОГРАММЫ
Устройства ввода
Устройства вывода
Память
Процессор
- Где предполагается разместить сайт?
- Какие страницы будут обновляться, как часто и кем?
- Предполагается ли получение информации от посетителей сайта?
- Предполагается ли регистрация посетителей сайта
заголовок
текст
рис.
навигация
анима-
ция
E-MALE:
Вид WEB – страницы задается тэгами, которые заключаются в угловые скобки. Тэги могут быть одиночными или парными, для которых обязательно наличие открывающего и закрывающего тэгов (контейнер).
HTML – код страницы помещается внутрь контейнера
Заголовок WEB – страницы заключается в контейнер
Название WEB – страницы содержится в контейнере
Основное содержание страницы помещается в контейнер
- Создание WEB сайта
- На диске D создайте папку Компьютер
- Откройте окно текстового редактора Блокнот
- В окне приложения введите HTML – код WEB – страницы.
- Сохраните файл под именем index.html
- Загрузите этот файл в окно браузера для просмотра.
КОМПЬЮТЕР
Y ВСЕ О КОМПЬЮТЕРЕ
Форматирование текста
Размер шрифта задается тэгами от (самый крупный) до (самый мелкий).
Некоторые тэги имеют атрибуты, которые являются именами свойств и принимают определенные значения.
- ALIGN = “ center” – тип выравнивания заголовка
С помощью тега FONT можно задать параметры форматирования шрифта.
- FASE=“arial” - гарнитура шрифта
- SIZE=4 – размер шрифта
- COLOR=“blue” – цвет шрифта
" width="640"
Заголовок целесообразно отделить от остального содержания страницы горизонтальной линией – тэг
Разделение текста на абзацы производится с помощью контейнера
/ P
ВСЕ О КОМПЬЮТЕРЕ Y На этом сайте вы можете получить информацию о компьютере, его программном обеспечении и ценах на компьютерные комплектующие. Терминологический словарь познакомит вас с компьютерными терминами." width="640"
- В контейнер вставить последовательность. Просмотреть результат в браузере.
Y
ВСЕ О КОМПЬЮТЕРЕ
Y
На этом сайте вы можете получить информацию о компьютере, его программном обеспечении и ценах на компьютерные комплектующие.
Терминологический словарь познакомит вас с
компьютерными терминами.
Вставка изображений
На WEB – страницы обычно помещают изображения трех форматах – GIF, JPG, PNG . Если рисунок сохранен в другом формате, то его преобразовывают в графическом редакторе ( PHOTO EDITOR ).
Для вставки изображения используется тэг с атрибутами:
- SRC=“computer.gif” , который указывает место хранения файла.
- ALT=“ компьютер ” – поясняющий текст
- Расположить рисунок относительно текста позволяет атрибут ALIGN=“ritght”
- В контейнер вставить перед абзацами текста тэг вставки изображения, просмотреть результат в браузере.
ПРОГРАММЫ /BODY" width="640"
Гиперссылки на WEB– страницах
Первая страница должна предоставить посетителю WEB – сайта возможность начать путешествие по сайту. Для этого на титульную страницу должны быть помещены гиперссылки на другие страницы.
Для создания гиперсвязей необходимо, прежде всего, создать заголовки WEB – страниц. Такие страницы пока могут быть пустыми (без содержания). Все созданные страницы необходимо сохранить в виде файлов в папке сайта.
Каждая страница будет содержать следующий HTML - код:
ЗАГОЛОВОК СТРАНИЦЫ
Y ПРОГРАММЫ /BODY
- Создать пустые страницы
Создайте пустые страницы «Программы», «Словарь», «Комплектующие» и сохраните их в файлах
SOFTWARE.HTML - ПРОГРАММЫ
GLOSSARY.HTML – СЛОВАРЬ
HARDWARE.HTML - КОМПЛЕКТУЮЩИЕ
. Атрибут HREF=“ адрес документа ” – разделяет гиперссылки пробелами. Вставьте в титульную страницу код, создающий панель гиперссылки. [ ПРОГРАММЫ] [ СЛОВАРЬ] [ КОМПЛЕКТУЮЩИЕ] " width="640"
Контейнер гиперссылок / A .
Атрибут HREF=“ адрес документа ”
– разделяет гиперссылки пробелами.
- Вставьте в титульную страницу код, создающий панель гиперссылки.
[ ПРОГРАММЫ]
[ СЛОВАРЬ]
[ КОМПЛЕКТУЮЩИЕ]
Полезно на титульной странице создать ссылку на адрес электронной почты, по которому посетители могут связаться с администрацией сайта.
Контейнер адреса
Атрибут HREF=“ адрес электронной почты ”
- Вставьте в титульную страницу код, создающий ссылку на адрес электронной почты.
E-MA I L: [email protected]
Полезное для учителя
Распродажа видеоуроков!
1550 руб.
2220 руб.
1830 руб.
2620 руб.
1480 руб.
2110 руб.
1550 руб.
2220 руб.
Курсы ПК и ППК для учителей!
800 руб.
4000 руб.
800 руб.
4000 руб.
800 руб.
4000 руб.
800 руб.
4000 руб.
ПОЛУЧИТЕ СВИДЕТЕЛЬСТВО МГНОВЕННО
* Свидетельство о публикации выдается БЕСПЛАТНО, СРАЗУ же после добавления Вами Вашей работы на сайт
Удобный поиск материалов для учителей
Ваш личный кабинет
Проверка свидетельства