Беларусь, Пинск
СДЕЛАЙТЕ СВОИ УРОКИ ЕЩЁ ЭФФЕКТИВНЕЕ, А ЖИЗНЬ СВОБОДНЕЕ
Благодаря готовым учебным материалам для работы в классе и дистанционно
Скидки до 50 % на комплекты
только до
Готовые ключевые этапы урока всегда будут у вас под рукой
Организационный момент
Проверка знаний
Объяснение материала
Закрепление изученного
Итоги урока
Была в сети 11.09.2025 09:40
Власовец Надежда Витальевна
Преподаватель информатики
66 лет
61 810
282 
Местоположение
Специализация
Презентация "Web - сайты и Web - страницы"
Категория:
Информатика
22.02.2019 19:22
Просмотр содержимого документа
«Презентация "Web - сайты и Web - страницы"»
Публикация во Всемирной паутине реализуется в форме WEB – сайтов. Сайт является интерактивным средством представления информации.
WEB - сайт состоит из WEB – страниц , объединенных гиперссылками. WEB – страницы могут быть интерактивными и могут содержать мультимедийные и динамические объекты.
- Название сайта должно отражать не только общую тематическую направленность, но и конкретные отличительные особенности вашего сайта.
- Какова цель создания вашего сайта?
- Какие новые возможности предоставляет ваш сайт?
- Кто будет основной (и вторичной) аудиторией вашего сайта?
- Какого они возраста?
- Чем они занимаются?
- Сколько времени они предположительно проведут на вашем сайте?
- Что может привлечь их повторно посетить ваш сайт?
- Общая характеристика данных, включаемых в сайт.
- Предположительный объем и предполагаемое содержание текстовой части.
- Фотографии, рисунки, диаграммы, анимации и звуки, которые вы предполагаете включить в сайт.
- Какая часть данных, включенных в сайт будет обновляться.
- Периодичность обновления данных сайта.
- Логическая структура сайта показывает, каким образом информация распределяется по страницам сайта и как она может быть получена пользователем.
- Логическая структура сайта должна естественным образом отображать логическую структуру информации.
- Для представления логической структуры сайта можно воспользоваться древовидными организационными диаграммами.
ВСЕ О КОМПЬЮТЕРЕ
КОМПЛЕКТУЮЩИЕ
СЛОВАРЬ
ПРОГРАММЫ
Устройства ввода
Устройства вывода
Память
Процессор
- Где предполагается разместить сайт?
- Какие страницы будут обновляться, как часто и кем?
- Предполагается ли получение информации от посетителей сайта?
- Предполагается ли регистрация посетителей сайта
заголовок
текст
рис.
навигация
анима-
ция
E-MALE:
Вид WEB – страницы задается тэгами, которые заключаются в угловые скобки. Тэги могут быть одиночными или парными, для которых обязательно наличие открывающего и закрывающего тэгов (контейнер).
HTML – код страницы помещается внутрь контейнера
Заголовок WEB – страницы заключается в контейнер
Название WEB – страницы содержится в контейнере
Основное содержание страницы помещается в контейнер
ВСЕ О КОМПЬЮТЕРЕ " width="640"
- Создание 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]
Вебинар для учителей
Свидетельство об участии БЕСПЛАТНО!
