Скачать презентацию
Идет загрузка презентации. Пожалуйста, подождите
1
КУРС «WEB-ДИЗАЙН»
2
Что такое Web-страница?
3
То, что мы видим в окне браузера, когда заходим на какой-либо сайт! Мы видим веб-страницу сайта – ее содержимое! Веб-страницы обычно создаются на языке разметки HTML
4
Какие бывают Web-страницы?
5
Статические – текстовые файлы с расширением.html,.htm, т.е.: index.html веб-страница.htm Динамические – генерируются программно на сервере (к примеру, с использованием технологии PHP)
6
Что такое веб-сайт? Совокупность веб-страниц, доступных под одним адресом (доменным именем: в Интернете Все сайты в совокупности составляют Всемирную паутину (WWW). Доступ к сайтам, как правило, осуществляется по протоколу HTTP через веб-браузер
7
Как связаны между собой веб- страницы?
8
Ссылками!
9
Какие бывают ссылки?
10
Внешние – ведут на другой сайт Внутренние - ведут на страницы внутри сайта
11
Какие бывают URL-адреса ссылок? Относительные web_page2. html /images/picture.gif../images/article.jpg Абсолютные (начинаются с протокола и др.)
12
-> /main3. html
13
Что такое веб-сервер?
14
Компьютер, подключенный к сети Интернет, на котором работает специальная программа (веб-сервер), отправляющая веб-страницы браузерам пользователей в ответ на их запросы
15
Что такое HTML?
16
Язык разметки веб-страниц! Что происходит: Когда мы заходим на сайт Веб-сервер mail.ru отправляет нам HTML-страницу в ответ на запрос Наш браузер читает HTML код и отображает согласно его разметке веб- страницу на экране!
17
Любая веб-страница на языке HTML представляет собой набор элементов! Начало и конец каждого такого элемента обозначается специальными пометками. Какими?
18
Какие бывают теги?
19
Одиночные Парные (теги-контейнеры) Какой-то текст или др. теги mail.ru
20
Правила написания тега (синтаксис)
21
Все теги пишутся внутри скобок Тег br пишется так: или так Все открытые парные теги должны быть обязательно закрыты! - открыли тег P далее какой-то текст внутри / др. теги - закрыли тег P
22
Что еще есть у тегов?
23
Атрибуты – применяются для того, чтобы расширить возможности отдельных тегов и более гибко управлять их содержимым.
24
Как правильно задавать атрибуты для тегов?
25
… какой-то текст Исключение (атрибут без значения): скачать картинку!
26
Какая основная структура веб- страницы?
27
Тут заголовок страницы А тут содержимое страницы!
28
Основные (обязательные) теги веб-страницы! Тег является контейнером, который заключает в себе все содержимое веб-страницы, включая теги и
29
Основные теги веб-страницы! Тег содержит описательную часть. Также внутри контейнера находятся метатеги, которые используются для браузеров и поисковых систем (получение описания сайта, ключевых слов и других данных.) Содержимое тега не отображается напрямую на веб-странице, исключение - заголовок окна (вкладки) веб-страницы.
30
Основные теги веб-страницы! Элемент предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. Все, что отображается на странице должно быть внутри
31
Все ли здесь правильно? Моя страница Эта моя первая страница!
32
Все ли здесь правильно? Моя страница Эта моя первая страница!
33
А здесь? Заголовок Эта моя первая страница!
34
А здесь? Заголовок Эта моя первая страница!
35
Как вставить ссылку здесь текст ссылки HTML-код: В браузере:
36
Как вставить ссылку на ? Отправить сообщение на адрес Отправить сообщение на адрес HTML-код: В браузере:
37
Как вставить картинку HTML-код: В браузере:
38
Особенности задания относительных путей к файлам Пути к файлам задаются в атрибутах тегов (теги: A и IMG) ссылка на страницу
39
Особенности задания относительных путей к файлам Содержимое папки primer1 Код вставки картинки в файле Веб- страница.html:
40
Особенности задания относительных путей к файлам Содержимое папки primer1 Код вставки картинки в файле Веб- страница.html: Файл boeing.jpg находится в папке images
41
Особенности задания относительных путей к файлам Содержимое папки primer1 Код вставки картинки в файле Веб- страница.html: Файл Веб-страница.html находится в папке html
Еще похожие презентации в нашем архиве:
