Рабочие листы
к вашим урокам
Скачать
1 слайд
Основы языка HTML
2 слайд
3 слайд
Задача по разработке
сайта
Разработать информационный сайт - визитную карточку Кировской области, рассказывающий о районах, входящих в состав области
4 слайд
Сможете ли вы создать сайт?
Что такое web-сайт?
Web-сайт - группа Web-страниц, принадлежащих одному автору или одному издателю и взаимосвязанных общими гиперссылками, образующих структуру.
5 слайд
Создание гиперссылок в HTML-документе
6 слайд
Цель
научиться создавать сайт, путём добавления на web-страницу гиперссылок
Задачи:
Научиться создавать различные виды гиперссылок
Научиться изменять атрибуты гиперссылок
Научиться размещать элементы навигации на сайте
7 слайд
ПОВТОРЕНИЕ
Что такое Гиперссылка (пример)?
Гиперссылка (hyperlink) – часть гипертекстового документа, указывающая на другой документ или web-страницу.
Как по внешнему виду отличить гиперссылку?
В чём состоит назначение гиперссылки?
8 слайд
Тед Нельсон
Американский философ и социолог
Первооткрыватель в области информационных технологий
В 1965 году ввёл термин ГИПЕРССЫЛКА
9 слайд
Тег для добавления
гиперссылки
Обязательный атрибут для вставки ссылки
<A href=“путь к документу”>текст ссылки (рисунок)</A>
10 слайд
title – текст подсказки, которая всплывает при наведении на ссылку
• target – наличие этого параметра определяет, что открыть документ необходимо в новой вкладке
• name – используется при задании ссылки внутри текущего документа (Метки)
Необязательные параметры тега <a>
11 слайд
1) Атрибут LINK=" " - Определяет цвет еще не просмотренной ссылки.
2) Атрибут VLINK=" " - Определяет цвет уже просмотренной ссылки.
3) Атрибут ALINK=" " - Определяет цвет активной ссылки, на которую наведен указатель мышки.
Изменение цвета гиперссылки
<BODY>
12 слайд
Как связать 2 web-страницы?
Шаг 1. Создать 2 независимые друг от друга web-страницы 1.html и 2.html
Шаг 2. На первой странице добавить тег гиперссылки
<A href=“2.html”>ссылка на 2 страницу</A>
Шаг 3. На второй странице добавить тег
<A href=“1.html”>ссылка на 1 страницу</A>
13 слайд
Ошибки в коде программы
<html>
<head>
<title> Это моя первая страничка! </title>
<body>
</head>
Ура!!!! Я создал свою первую страницу на html!!!
</body>
<html>
14 слайд
Самостоятельная работа
Инструкция для выполнения самостоятельной работы
Разработать информационный сайт - визитную карточку Кировской области, рассказывающий о районах, входящих в состав области
15 слайд
Правила техники безопасности
Какой должна быть правильная посадка при работе за ПК? Почему?
Каким должно быть расстояние от монитора до глаз пользователя? Почему?
Что нужно делать, чтобы снять напряжение с глаз?
При каких условиях нужно прекратить работу за ПК?
Какими будут ваши действия в случае возникновения пожара?
16 слайд
Проверка выполнения самостоятельной работы
17 слайд
Подведение итогов
Трудно ли создать сайт самому?
Вам было легко или были трудности?
Что у вас получилось лучше всего и без ошибок?
Как бы вы оценили свою работу?
Что было самым интересным и почему?
Рабочие листы
к вашим урокам
Скачать
6 655 094 материала в базе
«Информатика. Углубленный уровень (в2 частях)», Поляков К.Ю., Еремин Е.А.
§ 31. XML и XHTML
Больше материалов по этой темеНастоящий материал опубликован пользователем Жукова Елена Петровна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материалВаша скидка на курсы
40%Курс профессиональной переподготовки
500/1000 ч.
Курс профессиональной переподготовки
300/600 ч.
Курс профессиональной переподготовки
600 ч.
Курс профессиональной переподготовки
600 ч.
Мини-курс
6 ч.
Мини-курс
8 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.