HTML и CSS. Введение

Урок 1

Введение

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

Что такое сайт
Что представляет собой веб-страница
Виды сайтов
Процесс разработки сайта
Что такое

Что такое интернет?

Интернет – это множество компьютеров по всему миру, объединенными

Что такое сайт?

Сайт – это совокупность электронных документов (веб-страниц), объединенных под

Браузеры

Internet Explorer
Mozila Firefox
Opera
Google Chrome
Safari

Что происходит, когда мы набираем адрес сайта?

Схема запроса страницы

сервер

клиент

sql запрос

База данных

данные

Процесс разработки сайта

Заказчик
Идея

Менеджер проекта

Тех. задание

Тех. задание

Программист

Верстальщик

Копирайтер

SEO

php и mysql, javascript

html и css,

Структура web-страницы

Шапка
(header)

Основное содержимое
(content)

Меню (вертикальное и/или горизонтальное)

Дополнительные модули
(голосование, опрос)

Рекламные баннеры

Нижний колонтитул
( footer)

Что такое Html?

HTML —(HyperText Markup Language ) — стандартизированный язык разметки документов в Интернет.
Тэг –

Парные теги

<название_тега>…
Пример:

Какой прекрасный день

Одиночные теги

<название_тега>
Пример:

Создание простой странички

Инструменты

Текстовый редактор – Notepad++;
Браузер – Internet Explorer;
Графический редактор (photoshop, gimp)

Расширение HTML-страницы

.html
.htm

Простейшая веб-страничка

- техническая информация

Основные теги текстовой разметки