HTML
<<  Разработка Web-сайтов с использованием языка разметки гипертекста HTML Разработка Web-сайтов с использованием языка разметки гипертекста HTML  >>
Создание Web-страниц средствами языка гипертекста HTML
Создание Web-страниц средствами языка гипертекста HTML
Программное обеспечение, необходимое для создания Web-страниц
Программное обеспечение, необходимое для создания Web-страниц
HTML – язык конструирования сайтов
HTML – язык конструирования сайтов
<HTML>
<HTML>
<HTML>
<HTML>
Сохранение Web-страницы: Файл – Сохранить как… - Сохранить
Сохранение Web-страницы: Файл – Сохранить как… - Сохранить
Заголовок документа
Заголовок документа
Просмотр HTML-кода для последующей работы с Web-страницей
Просмотр HTML-кода для последующей работы с Web-страницей
Теперь внесём изменения в HTML-код документа:
Теперь внесём изменения в HTML-код документа:
<body bgcolor=“#ccffff”>
<body bgcolor=“#ccffff”>
Цель занятия:
Цель занятия:
<Img src=“имя_файла”>
<Img src=“имя_файла”>
Офтальмотренаж
Офтальмотренаж
Практическая работа: Откройте свою папку, в ней откройте текстовый
Практическая работа: Откройте свою папку, в ней откройте текстовый
<body bgcolor=“#ccffff”
<body bgcolor=“#ccffff”
Карточка самоконтроля:
Карточка самоконтроля:
Спасибо за занятие
Спасибо за занятие

Презентация: «Создание Web-страниц средствами языка гипертекста HTML». Автор: user. Файл: «Создание Web-страниц средствами языка гипертекста HTML.ppt». Размер zip-архива: 899 КБ.

Создание Web-страниц средствами языка гипертекста HTML

содержание презентации «Создание Web-страниц средствами языка гипертекста HTML.ppt»
СлайдТекст
1 Создание Web-страниц средствами языка гипертекста HTML

Создание Web-страниц средствами языка гипертекста HTML

2 Программное обеспечение, необходимое для создания Web-страниц

Программное обеспечение, необходимое для создания Web-страниц

Для просмотра страниц сайта используется специальная программа – браузер (обозреватель):

Microsoft Internet Explorer Opera Mozilla

Браузер интерпретирует указания, написанные разработчиками сайтов в обычном текстовом редакторе:

Блокнот (HTML-код документа)

3 HTML – язык конструирования сайтов

HTML – язык конструирования сайтов

Web-страница – это информация, которая оформляется при помощи специального языка – языка разметки гипертекста HTML (hyper text markup language).

HTML не является языком программирования, он просто описывает, как следует показывать содержимое страницы.

Разметка текста происходит при помощи дескрипторов или тегов.

Тег – это и есть та инструкция компьютеру, которая указывает, как должен выглядеть и что должен делать тот или иной элемент web-страницы.

4 <HTML>

<HTML>

<head>

<title>

</title>

</head>

<body>

</body>

</HTML>

H T M L -

Документ

5 <HTML>

<HTML>

<head>

<title>

</title>

</head>

<body>

</body>

</HTML>

Мой первый шаг

Здравствуйте, это моя первая страница. Добро пожаловать!

6 Сохранение Web-страницы: Файл – Сохранить как… - Сохранить

Сохранение Web-страницы: Файл – Сохранить как… - Сохранить

Каждая Web-страница – это отдельный файл с расширением .html

Имя.Html

7 Заголовок документа

Заголовок документа

Содержание документа

8 Просмотр HTML-кода для последующей работы с Web-страницей

Просмотр HTML-кода для последующей работы с Web-страницей

9 Теперь внесём изменения в HTML-код документа:

Теперь внесём изменения в HTML-код документа:

Тег <br> переносит текст на другую строку

10 <body bgcolor=“#ccffff”>

<body bgcolor=“#ccffff”>

Тег

Атрибут

=

“Значение”

При написании HTML – кода используют не только теги, но связанные с ними атрибуты и их значения. Прослеживается следующая логическая цепочка:

11 Цель занятия:

Цель занятия:

Научиться вставлять графические объекты при создании Web-страниц средствами языка HTML.

Форматы графических файлов, используемых в Интернет:

.Jpeg (.Jpg) - формат используется для высококачественных полноценных изображений, фотографий; .Gif - используется для обширные одноцветные области; .Png – создавался как альтернатива форматам jpeg и gif с сохранением всех их преимуществ и преодолением недостатков.

12 <Img src=“имя_файла”>

<Img src=“имя_файла”>

Добавление рисунка на Web-страницу:

Относительный путь указывается следующим образом: “имя_файла” – ссылка на файл, находящийся в той же папке, что и Web-страница; “имя_папки/имя_файла” – ссылка на файл в папке, вложенной в папку Web-страницы; http://www.homepage.ru/имя_папки/имя_файла - ссылка на файл, который нахождится на другом сайте.

13 Офтальмотренаж

Офтальмотренаж

14 Практическая работа: Откройте свою папку, в ней откройте текстовый

Практическая работа: Откройте свою папку, в ней откройте текстовый

документ «Скелет документа»; Откройте текстовый документ в папке Рабочий стол/Год дракона/Дракон;

Выберите картинку в этой же папке и вставьте её на на Web-страницу <img src=“имя_файла”>;

Измените размер картинки: <img src=“имя_файла” width=“10%”>

Оформите картинку рамкой: <img src=“имя_файла” width=“10%” border=“5”>

Скопируйте текст и вставьте его в HTML-код Web-страницы. Сохраните его как документ Интернета;

15 <body bgcolor=“#ccffff”

<body bgcolor=“#ccffff”

Таблица цветов

Цвет

Код цвета

Белый

#FFFFFF

Бирюзовый

#008080

Жёлтый

#FFFF00

Зелёный

#008000

Золотой

#FFD700

Красно-коричневый

#800000

Красный

#FF0000

Лимонный

#00FF00

Морской волны

#00FFFF

Оливковый

#808000

Пурпурный

#800080

Серебряный

#C0C0C0

Серый

#808080

Синий

#0000FF

Тёмно-голубой

#000080

Фуксиновый

#FF00FF

Водный

#CCFFFF

Сиреневый

#CC99CC

Чёрный

#000000

16 Карточка самоконтроля:

Карточка самоконтроля:

<html> <head><title>Мой любимый город</title></head> <body bgcolor=“#ffcccc”> 23 июня 1955 года посёлок Ольжерас был преобразован в город Междуреченск областного значения. <img src=“gorod.bmp”> </body> </html>

17 Спасибо за занятие

Спасибо за занятие

«Создание Web-страниц средствами языка гипертекста HTML»
http://900igr.net/prezentacija/informatika/sozdanie-web-stranits-sredstvami-jazyka-giperteksta-html-212912.html
cсылка на страницу

HTML

18 презентаций об HTML
Урок

Информатика

130 тем
Слайды
900igr.net > Презентации по информатике > HTML > Создание Web-страниц средствами языка гипертекста HTML