КУРС «WEB-ДИЗАЙН»

Что такое Web-страница?

То, что мы видим в окне браузера, когда заходим на какой-либо сайт! Мы видим веб-страницу сайта – ее содержимое! Веб-страницы обычно создаются на языке разметки HTML

Какие бывают Web-страницы?

Статические – текстовые файлы с расширением.html,.htm, т.е.: index.html веб-страница.htm Динамические – генерируются программно на сервере (к примеру, с использованием технологии PHP)

Что такое веб-сайт? Совокупность веб-страниц, доступных под одним адресом (доменным именем: в Интернете Все сайты в совокупности составляют Всемирную паутину (WWW). Доступ к сайтам, как правило, осуществляется по протоколу HTTP через веб-браузер

Как связаны между собой веб- страницы?

Ссылками!

Какие бывают ссылки?

Внешние – ведут на другой сайт Внутренние - ведут на страницы внутри сайта

Какие бывают URL-адреса ссылок? Относительные web_page2. html /images/picture.gif../images/article.jpg Абсолютные (начинаются с протокола и др.)

-> /main3. html

Что такое веб-сервер?

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

Что такое HTML?

Язык разметки веб-страниц! Что происходит: Когда мы заходим на сайт Веб-сервер mail.ru отправляет нам HTML-страницу в ответ на запрос Наш браузер читает HTML код и отображает согласно его разметке веб- страницу на экране!

Любая веб-страница на языке HTML представляет собой набор элементов! Начало и конец каждого такого элемента обозначается специальными пометками. Какими?

Какие бывают теги?

Одиночные Парные (теги-контейнеры) Какой-то текст или др. теги mail.ru

Правила написания тега (синтаксис)

Все теги пишутся внутри скобок Тег br пишется так: или так Все открытые парные теги должны быть обязательно закрыты! - открыли тег P далее какой-то текст внутри / др. теги - закрыли тег P

Что еще есть у тегов?

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

Как правильно задавать атрибуты для тегов?

… какой-то текст Исключение (атрибут без значения): скачать картинку!

Какая основная структура веб- страницы?

Тут заголовок страницы А тут содержимое страницы!

Основные (обязательные) теги веб-страницы! Тег является контейнером, который заключает в себе все содержимое веб-страницы, включая теги и

Основные теги веб-страницы! Тег содержит описательную часть. Также внутри контейнера находятся метатеги, которые используются для браузеров и поисковых систем (получение описания сайта, ключевых слов и других данных.) Содержимое тега не отображается напрямую на веб-странице, исключение - заголовок окна (вкладки) веб-страницы.

Основные теги веб-страницы! Элемент предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. Все, что отображается на странице должно быть внутри

Все ли здесь правильно? Моя страница Эта моя первая страница!

Все ли здесь правильно? Моя страница Эта моя первая страница!

А здесь? Заголовок Эта моя первая страница!

А здесь? Заголовок Эта моя первая страница!

Как вставить ссылку здесь текст ссылки HTML-код: В браузере:

Как вставить ссылку на ? Отправить сообщение на адрес Отправить сообщение на адрес HTML-код: В браузере:

Как вставить картинку HTML-код: В браузере:

Особенности задания относительных путей к файлам Пути к файлам задаются в атрибутах тегов (теги: A и IMG) ссылка на страницу

Особенности задания относительных путей к файлам Содержимое папки primer1 Код вставки картинки в файле Веб- страница.html:

Особенности задания относительных путей к файлам Содержимое папки primer1 Код вставки картинки в файле Веб- страница.html: Файл boeing.jpg находится в папке images

Особенности задания относительных путей к файлам Содержимое папки primer1 Код вставки картинки в файле Веб- страница.html: Файл Веб-страница.html находится в папке html