Основы HTML. Разработка Web-сайта

Июль 30, 2022

Главная
Информатика
Основы HTML. Разработка Web-сайта

Содержание

2. Web-сайты и Web-страницы Любая Web-страница в Интернете может быть создана с помощью текстового редактора Блокнот. В
3. Web-сайты и Web-страницы Web-сайт состоит из Web-страниц, объединенных гиперссылками. Web-страницы могут быть интерактивными и могут содержать
4. Создание Web-сайтов реализуется с использованием языка разметки гипертекстовых документов HTML. Технология HTML состоит в том, что
5. Вид Web-страницы задается тэгами, которые заключаются в угловые скобки. Тэги могут быть одиночными или парными, для
6. HTML-код страницы помещается внутрь контейнера Заголовок Web-страницы заключается в контейнер Название Web-страницы содержится в контейнере Компьютер
7. Основное содержание страницы помещается в контейнер Компьютер Все о компьютере Сохранить файл под именем index.htm в
8. Размер шрифта для имеющихся в тексте заголовков задается тэгами от (самый крупный) до (самый мелкий) Все
9. Название документа Здесь расположен сам Web-документ.+ Всем привет! Здравствуй, мир! Простой пример создания веб-страницы
10. ДОМАШНЕЕ ЗАДАНИЕ выучить условные обозначения и значения тэгов (контейнеров)
11. Ключевые слова структура сайта навигация оформление сайта шаблон страницы сайта хостинг
12. Технология создания сайта Язык разметки гипертекста HTML (Hyper Text Markup Language) Текстовый редактор Визуальный HTML-редактор, конструктор
13. Создание сайта Web-дизайнер - специалист, проектирующий структуру Web-сайта, подбирающий способы подачи информации и выполняющий художественное оформление
14. Содержание и структура сайта Содержание сайта должно отражать творческую жизнь участников объединения, привлекать внимание единомышленников. Структура
15. Оформление сайта На главной странице размещают название сайта, тематическое графическое изображение, короткий текст с описанием содержания
16. Оформление сайта Каждая страница сайта, как правило, имеет несколько постоянных элементов, которые всегда находятся на одних
17. Оформление сайта Не ставьте точку в названиях сайта и страниц, если они состоят из одного предложения
18. Тестирование сайта Тестирование сайта – проверка того, что сайт правильно отображается разными браузерами: тексты хорошо читаются
19. Размещение сайта в Интернет Хостинг - услуга по размещению сайта на сервере, постоянно находящемся в сети
20. Размещение сайта в Интернете http://www.70mb.ru/ - сайт «Бесплатный хостинг»
21. http://www.1gb.ru/ - сайт платный хостинг «1Gb» Размещение сайта в Интернете
22. http://guru-host.ru/free_hosting.php - сайт «Guru-host.ru» Размещение сайта в Интернете
23. http://www.ascont.ru/constructor-and-hosting - сайт платный хостинг «ASCONT» Размещение сайта в Интернете
24. Что выбрать? Платным хостингом пользуются крупные компании. Они получают удобное для прочтения и запоминания доменное имя
25. Самое главное Структура (план) сайта - разбиение общего содержания на смысловые разделы и отдельные страницы с
27. Скачать презентацию

Слайд 2

Web-сайты и Web-страницы
Любая Web-страница в Интернете может быть создана с помощью

текстового редактора Блокнот. В текстовом файле можно указать, как должен быть оформлен какой-либо фрагмент или куда надо вставить рисунок. Это можно сделать с помощью языка HTML. Такой способ разметки был «изобретен» Тимом Бернерсом-Ли в 1989 году и назван HTML, или HyperText Markup Language, что означает «Язык гипертекстовой разметки». За его основу была взята идея специальными ключевыми словами обозначать, как браузеру следует отображать текст, размеченный языком HTML. Эти ключевые слова получили название tag (тег), и, чтобы их можно было отличить от основного текста, записываются в угловых скобках.

Слайд 3

Web-сайты и Web-страницы
Web-сайт состоит из Web-страниц, объединенных гиперссылками. Web-страницы могут быть

интерактивными и могут содержать мультимедийные и динамические объекты.

Слайд 4

Создание Web-сайтов реализуется с использованием языка разметки гипертекстовых документов HTML.
Технология HTML

состоит в том, что в обычный текстовый документ вставляются управляющие символы (тэги) и в результате мы получаем Web-страницу.

Слайд 5

Вид Web-страницы задается тэгами, которые заключаются в угловые скобки.
Тэги могут быть

одиночными или парными, для которых обязательно наличие открывающего и закрывающего тегов (такая пара тэгов называется контейнером).
Закрывающий тэг содержит прямой слэш (/) перед обозначением.

Слайд 6

HTML-код страницы помещается внутрь контейнера
Заголовок Web-страницы заключается в контейнер
Название

Web-страницы содержится в контейнере < TITLE >

<ТIТLЕ>Компьютер

Слайд 7

Основное содержание страницы помещается в контейнер

<ТIТLЕ>Компьютер

Все о компьютере

Сохранить файл под

именем index.htm в папке сайта.

Слайд 8

Размер шрифта для имеющихся в тексте заголовков задается тэгами от <Н1>

(самый крупный) до <Н6> (самый мелкий)
<Н1>Все о компьютере
Задать тип выравнивания заголовка для тэга заголовка позволяет атрибут ALIGN
Выравнивание по правой границе окна реализуется с помощью записи ALIGN="right", а по центру — ALIGN="center“
<Н1 ALIGN="center">Bce о компьютере

Слайд 9

Название документа

Здесь расположен сам Web-документ.+
Всем привет!

Здравствуй,

мир!

Простой пример создания веб-страницы

Слайд 10

ДОМАШНЕЕ ЗАДАНИЕ
выучить условные обозначения и значения тэгов (контейнеров)

Слайд 11

Ключевые слова
структура сайта
навигация
оформление сайта
шаблон страницы сайта
хостинг

Слайд 12

Технология создания сайта
Язык разметки
гипертекста HTML
(Hyper Text Markup Language)
Текстовый
редактор
Визуальный
HTML-редактор,
конструктор

сайтов

Текст размечают
специальными
метками – тегами

Документ
сохраняют как
Web-страницу

Microsoft FrontPage
uCoz, Сайткрафт и др.

Способы создания сайта

Слайд 13

Создание сайта
Web-дизайнер - специалист, проектирующий структуру Web-сайта, подбирающий способы подачи информации

и выполняющий художественное оформление Web-проекта.

Слайд 14

Содержание и структура сайта
Содержание сайта должно отражать творческую жизнь участников объединения,

привлекать внимание единомышленников.

Структура (план) сайта - разбиение общего содержания на смысловые разделы и отдельные страницы с указанием связей между ними.

Новости и
объявления

Галерея

Личные
страницы

Полезные
ссылки

Растровая
графика

Векторная
графика

Сканография

Руководитель

Ученик 1

Ученик 2

Главная страница

Иерархическая структура сайта

Слайд 15

Оформление сайта
На главной странице размещают название сайта, тематическое графическое изображение, короткий

текст с описанием содержания сайта, главное меню - ссылки на основные разделы сайта.

Слайд 16

Оформление сайта
Каждая страница сайта, как правило, имеет несколько постоянных элементов, которые

всегда находятся на одних и тех же местах. Это:

заголовок сайта, расположенный в самом верху
страницы;
главное меню, как правило, размещаемое в левой части
страницы.

Название сайта

Название страницы

Поле ввода информации

Графика

Меню

Фон

Координаты

Примерный шаблон страниц сайта

Слайд 17

Оформление сайта
Не ставьте точку в названиях сайта и страниц,
если они

состоят из одного предложения

Названия пунктов меню делайте краткими

Не выбирайте для страниц пёстрый фон

Не размещайте на странице слишком много
информационных и художественных блоков

Не пишите слишком длинных текстов

В каждом абзаце используйте
одни и те же приёмы форматирования

Рекомендации при наполнении страниц сайта
информационными материалами

Слайд 18

Тестирование сайта
Тестирование сайта – проверка того, что сайт правильно отображается разными

браузерами:
тексты хорошо читаются на выбранном фоне,
рисунки расположены на своих местах,
гиперссылки обеспечивают правильные переходы.
Тестирование проводят перед размещением сайта в сети Интернет.

Слайд 19

Размещение сайта в Интернет
Хостинг - услуга по размещению сайта на сервере,

постоянно находящемся в сети Интернет; хостинг может быть как платным, так и бесплатным.

Слайд 20

Размещение сайта в Интернете
http://www.70mb.ru/ - сайт «Бесплатный хостинг»

Слайд 21

http://www.1gb.ru/ - сайт платный хостинг «1Gb»
Размещение сайта в Интернете

Слайд 22

http://guru-host.ru/free_hosting.php - сайт «Guru-host.ru»
Размещение сайта в Интернете

Слайд 23

http://www.ascont.ru/constructor-and-hosting - сайт платный
хостинг «ASCONT»
Размещение сайта в Интернете

Слайд 24

Что выбрать?
Платным хостингом пользуются крупные компании. Они получают удобное для прочтения

и запоминания доменное имя второго уровня, которое может совпадать с названием компании.
Частные лица и небольшие компании пользуются бесплатным хостингом. Ограничения: небольшое дисковое пространство, ограничение размера отдельного файла, доменное имя только третьего уровня и т. д. Главный недостаток - на страницы вашего сайта без вашего согласия добавляется коммерческая реклама.

Список серверов, предоставляющих бесплатный хостинг, можно получить поиском по запросу «бесплатный хостинг».

Слайд 25

Самое главное
Структура (план) сайта - разбиение общего содержания на смысловые разделы

и отдельные страницы с указанием связей между ними.
Представление структуры сайта в виде графа обеспечивает наглядное представление содержания сайта и помогает организовать навигацию - переходы с одной страницы сайта на другую.
Шаблон страницы - это схема страницы, на которой представлены элементы, имеющиеся на страницах сайта. Использование шаблонов страниц помогает выдержать единый стиль оформления сайта.
Хостинг - услуга по размещению сайта на сервере, постоянно находящемся в сети Интернет; хостинг может быть как платным, так и бесплатным.

Основы HTML. Разработка Web-сайта

Содержание

Web-сайты и Web-страницыЛюбая Web-страница в Интернете может быть создана с помощью

Web-сайты и Web-страницыWeb-сайт состоит из Web-страниц, объединенных гиперссылками. Web-страницы могут быть

Создание Web-сайтов реализуется с использованием языка разметки гипертекстовых документов HTML.Технология HTML

Вид Web-страницы задается тэгами, которые заключаются в угловые скобки.Тэги могут быть

HTML-код страницы помещается внутрь контейнера Заголовок Web-страницы заключается в контейнер Название

Основное содержание страницы помещается в контейнер <ТIТLЕ>КомпьютерВсе о компьютереСохранить файл под

Размер шрифта для имеющихся в тексте заголовков задается тэгами от <Н1>

Название документаЗдесь расположен сам Web-документ.+Всем привет!Здравствуй,

Всем привет!

ДОМАШНЕЕ ЗАДАНИЕвыучить условные обозначения и значения тэгов (контейнеров)

Ключевые словаструктура сайтанавигацияоформление сайташаблон страницы сайтахостинг

Технология создания сайтаЯзык разметкигипертекста HTML(Hyper Text Markup Language) Текстовый редакторВизуальныйHTML-редактор, конструктор

Создание сайтаWeb-дизайнер - специалист, проектирующий структуру Web-сайта, подбирающий способы подачи информации

Содержание и структура сайтаСодержание сайта должно отражать творческую жизнь участников объединения,

Оформление сайтаНа главной странице размещают название сайта, тематическое графическое изображение, короткий

Оформление сайтаКаждая страница сайта, как правило, имеет несколько постоянных элементов, которые

Оформление сайтаНе ставьте точку в названиях сайта и страниц, если они

Тестирование сайтаТестирование сайта – проверка того, что сайт правильно отображается разными

Размещение сайта в ИнтернетХостинг - услуга по размещению сайта на сервере,

Размещение сайта в Интернетеhttp://www.70mb.ru/ - сайт «Бесплатный хостинг»

http://www.1gb.ru/ - сайт платный хостинг «1Gb»Размещение сайта в Интернете

http://guru-host.ru/free_hosting.php - сайт «Guru-host.ru»Размещение сайта в Интернете

http://www.ascont.ru/constructor-and-hosting - сайт платный хостинг «ASCONT» Размещение сайта в Интернете

Что выбрать?Платным хостингом пользуются крупные компании. Они получают удобное для прочтения

Самое главноеСтруктура (план) сайта - разбиение общего содержания на смысловые разделы

Похожие презентации