Урок 1 презентация

Слайд 1Основы web-дизайна и "сайтостроительства"
...
...
...
...
...
...
...
...
...
...




Урок 1


Слайд 2Сайт – это совокупность гипертекстовых страниц (чаще имеющая древовидную структуру)

для представления предприятия, фирмы (корпоративные сайты), для представления школ (школьные сайты), частных лиц (личные сайты).
Гипертекстовые страницы, которые составляют сайт, записываются на специальном языке HTML.
Средства HTML служат для указаний браузеру, в каком виде выводить на экран текст и графику, а также позволяют записывать на страницах гиперссылки.


...

...


...

...


...

...


Слайд 4Структура HTML - кода
Тег должен открывать программу, а тег

- закрывать ее.
Между этими двумя основными тегами располагается головная часть программы и тело.
Головная часть содержит информацию, которая не отображается на экране монитора при просмотре web-страницы, а тело – все то, что мы видим на экране монитора как web-страницу.

...

...


...

...


...

...


Слайд 5Базовая структура любого HTML-документа выглядит так:









Строка: не является технологическим требованием, но сообщает браузеру, для какой версии HTML был написан данный документ.

...

...


...


Слайд 6Заголовки
В HTML-документе поддерживаются заголовки шести уровней при помощи конструкции
Текст заголовка
В качестве

n следует использовать одну из цифр 1-6, обозначающую уровень заголовка.
Тегом H1 нужно выделять заголовки первого уровня, тегом H2 – заголовки второго уровня и так далее.
Использовать заголовки нужно очень аккуратно в соответствии с их иерархическими уровнями в структуре документа.
Не следует использовать теги Hn для выделения обычного текста.

...

...


...

...


...

...


Слайд 7Разделение на абзацы
Для того, чтобы выделить часть текста как абзац, в

HTML используется тег

.
Он выглядит так:

Текст абзаца


Браузер выполняет команду Р следующим образом:
Перед абзацем выводиться пустая строка
Абзац выравнивается по левому краю
Между словами помещается ровно по одному пробелу независимо от того, сколько пробелов проставлено в HTML-коде
Перенос текста на новую строку происходит тогда, когда очередное слово не помещается в экранной строке, а не тогда, когда новая строка начинается в HTML-коде

...

...


...

...


...

...


Слайд 8Работа со шрифтами
Язык HTML позволяет указать браузеру, в каком начертании следует

отображать на экране монитора фрагменты текста: Курсивом, Жирным, Подчеркнутым или их комбинации.
Теги начертания шрифтов
Это жирный
Это курсив
Это подчеркнутый
Слишком частое применение тегов начертания шрифтов может сделать текст неудобным для чтения.

...

...


...

...


...

...


Слайд 9Кодирование цвета
...
...

...
...

...
...


Слайд 10Выравнивание абзацев
- выравнивает абзац по левому краю
-

выравнивает абзац по правому краю

- выравнивает абзац по центру

- выравнивает абзац по ширине

...

...


...

...


...

...


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

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

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

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

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


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

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