HTML и CSS. Введение презентация

Слайд 1HTML и CSS


Слайд 2Урок 1
Введение


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

гипертекст и теги
Простой пример HTML странички
Основные тэги текстовой разметки

Слайд 4Что такое интернет?

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

в единую сеть, которые постоянно обмениваются какой-либо информацией.

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

одним адресом (доменным именем), связанных между собой ссылками. Доступ к сайту осуществляется через браузер.

Слайд 6Браузеры












Internet Explorer
Mozila Firefox
Opera
Google Chrome
Safari


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


Слайд 8Схема запроса страницы
























































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































сервер
клиент









sql запрос


База данных






данные


Слайд 9Процесс разработки сайта

















Заказчик

Идея
Менеджер проекта
Тех. задание
Тех. задание




















Программист
Верстальщик
Копирайтер
SEO










php и mysql, javascript
html и css,

javascript

photoshop

Шаблоны

Макет

Дизайнер


Слайд 10Структура web-страницы
Шапка
(header)
Основное содержимое
(content)
















Меню (вертикальное и/или горизонтальное)
Дополнительные модули
(голосование, опрос)
Рекламные баннеры
Нижний колонтитул
( footer)























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

единица языка HTML, отвечающий за разметку элемента.

Слайд 12Парные теги


Пример:
Какой прекрасный день


Слайд 13Одиночные теги


Пример:





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


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



Слайд 16Расширение HTML-страницы
.html
.htm


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


- техническая

информация
...


- то, что мы видим на экране (контент)



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


Слайд 20Упражнение


Обратная связь

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.


Для правообладателей

Яндекс.Метрика