953861
столько раз учителя, ученики и родители
посетили сайт «Инфоурок»
за прошедшие 24 часа
+Добавить материал
и получить бесплатное
свидетельство о публикации
в СМИ №ФС77-60625 от 20.01.2015
Дистанционные курсы профессиональной переподготовки и повышения квалификации для педагогов

Дистанционные курсы для педагогов - курсы профессиональной переподготовки от 5 480 руб.;
- курсы повышения квалификации от 1 400 руб.
Московские документы для аттестации

ВЫБРАТЬ КУРС СО СКИДКОЙ 60%

ВНИМАНИЕ: Скидка действует ТОЛЬКО до 28 февраля!

(Лицензия на осуществление образовательной деятельности №038767 выдана ООО "Столичный учебный центр", г.Москва)

Инфоурок / Информатика / Презентации / Открытый урок по информатике на тему: «Каскадные таблицы стилей»

Открытый урок по информатике на тему: «Каскадные таблицы стилей»


Напоминаем, что в соответствии с профстандартом педагога (утверждён Приказом Минтруда России), если у Вас нет соответствующего преподаваемому предмету образования, то Вам необходимо пройти профессиональную переподготовку по профилю педагогической деятельности. Сделать это Вы можете дистанционно на сайте проекта "Инфоурок" и получить диплом с присвоением квалификации уже через 2 месяца!

Только сейчас действует СКИДКА 50% для всех педагогов на все 184 курса профессиональной переподготовки! Доступна рассрочка с первым взносом всего 10%, при этом цена курса не увеличивается из-за использования рассрочки!

ВЫБРАТЬ КУРС И ПОДАТЬ ЗАЯВКУ
Выберите документ из архива для просмотра:
CSS.ppt 4.28 МБ
1.HTML 295 Б
2.html 253 Б
index.html 695 Б
style.css 29 Б
4.html 251 Б
5.html 329 Б
6.html 221 Б
10.html 144 Б
smile.png 61.76 КБ
style4.css 76 Б
11.html 7.25 КБ
smile.png 61.76 КБ
style5.css 110 Б
12.html 7.49 КБ
smile.png 61.76 КБ
style6.css 109 Б
13.html 5.07 КБ
smile.png 61.76 КБ
style7.css 110 Б
14.html 5.07 КБ
smile.png 61.76 КБ
style7.css 112 Б
15.html 5.07 КБ
smile.png 61.76 КБ
style7.css 140 Б
7.html 1.42 КБ
style1.css 49 Б
8.html 1.49 КБ
style2.css 112 Б
9.html 1.46 КБ
smile.png 61.76 КБ
style3.css 149 Б
smile.png 61.76 КБ

Выбранный для просмотра документ CSS.ppt

библиотека
материалов
Основы css
Введение Каскадные таблицы стилей открывают совершенно новые возможности в ве...
Что такое CSS? Стиль - это набор параметров, задающий внешнее представление н...
Используется как средство описания, оформления внешнего вида веб-страниц, нап...
Основная цель разработки CSS - разделение описания логической структуры веб-с...
Отличия CSS от HTML 1. HTML является языком, на котором создается веб-страниц...
Основные преимущества CSS управление дизайном любого количества документов с...
Основные преимущества CSS разделение документа на две составляющие: структура...
Как и любой другой язык программирования, CSS имеет строго определенный синт...
Общие правила CSS Правила каскадных таблиц состоят из селектора и определения...
Структура правила  Селектор - показывает к какому html тегу(тегам) применяетс...
Структура правила Каждое объявление состоит из свойства и его значения. После...
Структура правила Данное правило указывает на то, что все заголовки первого у...
Группирование Можно записывать селекторы через запятую, если им присваивается...
Наследование При определении стиля элемента, большинство вложенных элементов...
Меняя стилевые правила во внешней таблицы стилей CSS, мы можем управлять диза...
Подключение CSS таблицы к HTML документу Для этого нужно подключить внешнюю т...
Подключение CSS таблицы к HTML документу Существует четыре способа подключени...
Подключение внешней таблицы стилей ко всем страницам html Внешняя таблица сти...
Если предполагается использовать один стиль для нескольких станиц, то можно о...
Например в каждом документе, в голове документа(между тегами  и ) необходимо...
Пример 3 Откроем Блокнот(или другой редактор) и создаем с помощью него два фа...
Пример Файлы примерно следующего содержания: index.htm
Пример Файлы примерно следующего содержания: Style.css
Пример Запустив в браузере файл index.htm увидим Пример 3
Если нужно задать стиль только для одной страницы, то описание стиля можно вн...
Пример Пример 5
Можно задать стиль отдельно выбранного элемента в свойстве STYLE тега этого э...
Пример CSS, встраиваемого в HTML страницу Для совместимости со старыми браузе...
В теге  можно импортировать внешнюю таблицу стилей с помощью свойства @IMPORT...
Тип носителя и их описание Использование типов носителей совместно с импортом...
Пример импортирование
Цвет и фон в CSS Запомните: цвета в CSS указываются так же, как и в html. Т.е...
Основными свойствами цвета и фона в CSS являются: color background-color back...
Свойство COLOR Задает основной цвет(цвет переднего плана) того или иного элем...
Свойство COLOR Пример 7
Свойство BACKGROUND-COLOR Задает фоновый цвет элемента. В отличие от html, в...
Свойство BACKGROUND-COLOR Чтобы изменить фоновый цвет всей страницы, нужно за...
Свойство BACKGROUND-COLOR Пример 8
Свойство BACKGROUND-IMAGE Данное свойство используется для задания фонового и...
Пример 9 Свойство BACKGROUND-IMAGE
Свойство BACKGROUND-REPEAT Фоновое изображение по-умолчанию повторяется начин...
Свойство BACKGROUND-REPEAT Это свойство может принимать четыре значения: Back...
Свойство BACKGROUND-REPEAT Это свойство может принимать четыре значения: Back...
Свойство BACKGROUND-REPEAT Это свойство может принимать четыре значения: Back...
Свойство BACKGROUND-REPEAT Это свойство может принимать четыре значения: Back...
Пример записи стиля: Пример 10
Свойство BACKGROUND-ATTACHMENT При наличии фонового рисунка, это свойство уст...
Свойство BACKGROUND-ATTACHMENT Пример 11
Свойство BACKGROUND-ATTACHMENT Пример 12
Свойство BACKGROUND-POSITION Задает позицию фонового изображения. Значения мо...
Свойство BACKGROUND-POSITION На рисунке приведены примеры позиционирования (т...
Свойство BACKGROUND-POSITION В начале указываем координату по горизонтали (по...
Свойство BACKGROUND-POSITION
Свойство BACKGROUND-POSITION Пример 13
Свойство BACKGROUND-POSITION
Свойство BACKGROUND-POSITION Пример 14
Свойство BACKGROUND-POSITION
Свойство BACKGROUND-POSITION Пример 15
Сокращенная форма записи - BACKGROUND Свойство BACKGROUND служит для сокращен...
Сокращенная форма записи - BACKGROUND
Выполнить

Описание презентации по отдельным слайдам:

1 слайд Основы css
Описание слайда:

Основы css

2 слайд Введение Каскадные таблицы стилей открывают совершенно новые возможности в ве
Описание слайда:

Введение Каскадные таблицы стилей открывают совершенно новые возможности в веб-дизайне. Сделать качественный дизайн без их использования очень проблематично. Но самое важное то, что используя CSS вы экономите себе уйму времени. Ведь с помощью одного маленького файла стилей, вы можете управлять дизайном сотни, тысячи  и даже миллиона страниц, и это очень увлекает… Только учтите, что изучать CSS без знания HTML  практически невозможно!

3 слайд Что такое CSS? Стиль - это набор параметров, задающий внешнее представление н
Описание слайда:

Что такое CSS? Стиль - это набор параметров, задающий внешнее представление некоторого объекта в той или иной среде. CSS – (англ. Cascading Style Sheets - Каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки. Значительно облегчает создание веб-сайтов.

4 слайд Используется как средство описания, оформления внешнего вида веб-страниц, нап
Описание слайда:

Используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки HTML и XHTML, но может также применяться к любым XML-документам, например, к SVG или XUL. CSS работает со шрифтами, полями, таблицами, отступами, картинками и др. и представляет значительно более широкие возможности, чем простой html Применение Css  

5 слайд Основная цель разработки CSS - разделение описания логической структуры веб-с
Описание слайда:

Основная цель разработки CSS - разделение описания логической структуры веб-страницы от описания внешнего вида этой веб-страницы Цель создания CSS   Такое разделение увеличивает доступность документа, предоставляет большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом.

6 слайд Отличия CSS от HTML 1. HTML является языком, на котором создается веб-страниц
Описание слайда:

Отличия CSS от HTML 1. HTML является языком, на котором создается веб-страница. CSS является технологией управления дизайном этой веб-страницы. 2. С точки зрения дизайна страницы, CSS более удобен, чем прописывание оформления в HTML, т.к. позволяет добиться существенного уменьшения размера кода и задавать оформление сразу для множества страниц. 3. При помощи CSS можно делать такие вещи, которые на html сделать невозможно

7 слайд Основные преимущества CSS управление дизайном любого количества документов с
Описание слайда:

Основные преимущества CSS управление дизайном любого количества документов с помощью одной таблицы стилей; более точный дизайн страниц, поддерживаемый всеми браузерами;

8 слайд Основные преимущества CSS разделение документа на две составляющие: структура
Описание слайда:

Основные преимущества CSS разделение документа на две составляющие: структура и дизайн, благодаря чему исходный код становится чистым и легко читаемым новые расширенные возможности по сравнению с обычным html

9 слайд Как и любой другой язык программирования, CSS имеет строго определенный синт
Описание слайда:

Как и любой другой язык программирования, CSS имеет строго определенный синтаксис, т.е. правила по которым создаются таблицы стилей. В CSS в отличие от HTML нет ни элементов, ни атрибутов, ни тегов. Основной структурной единицей здесь является правило, которое определяет, как будет выглядеть тот или иной элемент в документе. Синтаксис и принцип работы CSS

10 слайд Общие правила CSS Правила каскадных таблиц состоят из селектора и определения
Описание слайда:

Общие правила CSS Правила каскадных таблиц состоят из селектора и определения. Селектор задает элемент (например, таблица); Определение - свойства этого определения (например, цвет фона таблицы). Для эффективного использования CSS необходимо иметь в виду следующие правила: Синтаксис. Группирование. Наследование.

11 слайд Структура правила  Селектор - показывает к какому html тегу(тегам) применяетс
Описание слайда:

Структура правила  Селектор - показывает к какому html тегу(тегам) применяется то или иное свойство. Блок объявления стилей, который обязательно заключается в фигурные скобки.

12 слайд Структура правила Каждое объявление состоит из свойства и его значения. После
Описание слайда:

Структура правила Каждое объявление состоит из свойства и его значения. После свойства ставится двоеточие. Правило может содержать в себе несколько объявлений. В таком случае они должны быть отделены друг от друга точкой с запятой, причем после последнего объявления точку с запятой можно не ставить.

13 слайд Структура правила Данное правило указывает на то, что все заголовки первого у
Описание слайда:

Структура правила Данное правило указывает на то, что все заголовки первого уровня в документе будут голубого цвета с размером шрифта 14 пикселей.

14 слайд Группирование Можно записывать селекторы через запятую, если им присваивается
Описание слайда:

Группирование Можно записывать селекторы через запятую, если им присваивается одинаковое определение; если селектор имеет несколько определений, то они записываются через точку с запятой. Пример 2

15 слайд Наследование При определении стиля элемента, большинство вложенных элементов
Описание слайда:

Наследование При определении стиля элемента, большинство вложенных элементов наследуют свойства головного элемента. Например, если в параграфе <P> задается красный цвет шрифта, то выделенный с помощью <EM> текст также будет красным.

16 слайд Меняя стилевые правила во внешней таблицы стилей CSS, мы можем управлять диза
Описание слайда:

Меняя стилевые правила во внешней таблицы стилей CSS, мы можем управлять дизайном большого количества страниц. Подключение CSS таблицы к HTML документу

17 слайд Подключение CSS таблицы к HTML документу Для этого нужно подключить внешнюю т
Описание слайда:

Подключение CSS таблицы к HTML документу Для этого нужно подключить внешнюю таблицу стилей ко всем страницам html, дизайном которых мы хотим управлять.

18 слайд Подключение CSS таблицы к HTML документу Существует четыре способа подключени
Описание слайда:

Подключение CSS таблицы к HTML документу Существует четыре способа подключения CSS к документу: Связывание - таблица стилей располагается в отдельном файле, который можно подключить к любому количеству HTML страниц. Внедрение - таблица стилей располагается непосредственно внутри HTML документа. Встраивание в теги документа - позволяет определить оформление отдельных элементов страницы. Импортирование - позволяет встраивать в документ таблицу стилей, расположенную на сервере.

19 слайд Подключение внешней таблицы стилей ко всем страницам html Внешняя таблица сти
Описание слайда:

Подключение внешней таблицы стилей ко всем страницам html Внешняя таблица стилей это просто текстовый файл с расширением  .css Например Style.css

20 слайд Если предполагается использовать один стиль для нескольких станиц, то можно о
Описание слайда:

Если предполагается использовать один стиль для нескольких станиц, то можно описать стиль в отдельном файле. Для подключения стилевого файла используется команда <LINK>, расположенная внутри тега <HEAD>. <LINK REL=STYLESHEET TYPE="text/css" HREF="URL"> Первые два свойства(REL, TYPE) указывают браузеру, что на страничке используется CSS. Значение последнего свойства (HREF) - имя файла (с путем, абсолютным или относительным), в котором прописан стиль страницы. Связывание

21 слайд Например в каждом документе, в голове документа(между тегами  и ) необходимо
Описание слайда:

Например в каждом документе, в голове документа(между тегами <head> и </head>) необходимо прописать: <head> … <link rel="stylesheet" type="text/css" href="style.css"> </head> Эта строка указывает браузеру, что он должен использовать правила отображения HTML-файла из CSS-файла. Связывание

22 слайд Пример 3 Откроем Блокнот(или другой редактор) и создаем с помощью него два фа
Описание слайда:

Пример 3 Откроем Блокнот(или другой редактор) и создаем с помощью него два файла находящихся в одной папке: CSS файл - style.css и HTML файл - index.htm

23 слайд Пример Файлы примерно следующего содержания: index.htm
Описание слайда:

Пример Файлы примерно следующего содержания: index.htm

24 слайд Пример Файлы примерно следующего содержания: Style.css
Описание слайда:

Пример Файлы примерно следующего содержания: Style.css

25 слайд Пример Запустив в браузере файл index.htm увидим Пример 3
Описание слайда:

Пример Запустив в браузере файл index.htm увидим Пример 3

26 слайд Если нужно задать стиль только для одной страницы, то описание стиля можно вн
Описание слайда:

Если нужно задать стиль только для одной страницы, то описание стиля можно внедрить в тело документа, в заголовке HEAD, между тегами <STYLE TYPE="text/css"> и </STYLE>. <head> ..... <style type="text/css"> body { color: red; } </style> </head> Внедрение Пример 4

27 слайд Пример Пример 5
Описание слайда:

Пример Пример 5

28 слайд Можно задать стиль отдельно выбранного элемента в свойстве STYLE тега этого э
Описание слайда:

Можно задать стиль отдельно выбранного элемента в свойстве STYLE тега этого элемента, например: <SPAN STYLE="color:red; background-color:yellow; font-variant: small-caps"> Красный текст на желтом фоне, маленькими заглавными буквами.< /SPAN> Стоит отметить, что данный способ нарушает идеологию использования стилей (их универсальность), поэтому использование его не желательно. Встраивание в теги документа Пример 6

29 слайд Пример CSS, встраиваемого в HTML страницу Для совместимости со старыми браузе
Описание слайда:

Пример CSS, встраиваемого в HTML страницу Для совместимости со старыми браузерами, не понимающими CSS содержимое элемента <STYLE> желательно заключать в комментариях <!-- -->, иначе содержимое будет отображено в окне браузера. Новые браузеры поймут, что в комментариях заключена таблица стилей и подключат ее. Пример 1

30 слайд В теге  можно импортировать внешнюю таблицу стилей с помощью свойства @IMPORT
Описание слайда:

В теге <STYLE> можно импортировать внешнюю таблицу стилей с помощью свойства @IMPORT таблицы стилей: @import url("имя файла") [типы носителей]; @import "имя файла" [типы носителей]; В качестве типа носителя выступают различные устройства, например, принтер, КПК, монитор и др. Импортирование

31 слайд Тип носителя и их описание Использование типов носителей совместно с импортом
Описание слайда:

Тип носителя и их описание Использование типов носителей совместно с импортом файла дает возможность указывать стиль только для определенных устройств. Тип Описание all Все типы. Это значение используется по умолчанию. aural Речевые синтезаторы, а также программы для воспроизведения текста вслух. Сюда, например, можно отнести речевые браузеры. braille Устройства, основанные на системе Брайля, которые предназначены для слепых людей. handheld Наладонные компьютеры и аналогичные им аппараты. print Печатающие устройства вроде принтера. projection Проектор. screen Экран монитора. tv Телевизор.

32 слайд Пример импортирование
Описание слайда:

Пример импортирование

33 слайд Цвет и фон в CSS Запомните: цвета в CSS указываются так же, как и в html. Т.е
Описание слайда:

Цвет и фон в CSS Запомните: цвета в CSS указываются так же, как и в html. Т.е. можно указывать шестнадцатиричное значение, например #ff3355, либо же название цвета (red, green, blue и др.)

34 слайд Основными свойствами цвета и фона в CSS являются: color background-color back
Описание слайда:

Основными свойствами цвета и фона в CSS являются: color background-color background-image background-repeat background-attachment background-position background

35 слайд Свойство COLOR Задает основной цвет(цвет переднего плана) того или иного элем
Описание слайда:

Свойство COLOR Задает основной цвет(цвет переднего плана) того или иного элемента. Например, если мы хотим сделать цвет всех заголовков первого уровня красным, а цвет текста параграфов зеленым, то таблица стилей будет выглядеть так:

36 слайд Свойство COLOR Пример 7
Описание слайда:

Свойство COLOR Пример 7

37 слайд Свойство BACKGROUND-COLOR Задает фоновый цвет элемента. В отличие от html, в
Описание слайда:

Свойство BACKGROUND-COLOR Задает фоновый цвет элемента. В отличие от html, в котором фоновый цвет можно использовать только для страницы или ячейки таблицы(т.е. имеющих атрибут bgcolor ) в CSS , фоновый цвет можно задавать для чего угодно: для таблиц, заголовков, параграфов, ссылок и др.

38 слайд Свойство BACKGROUND-COLOR Чтобы изменить фоновый цвет всей страницы, нужно за
Описание слайда:

Свойство BACKGROUND-COLOR Чтобы изменить фоновый цвет всей страницы, нужно задать это свойство элементу BODY - т.к. именно он отвечает за тело документа , т.е. за всю страницу.

39 слайд Свойство BACKGROUND-COLOR Пример 8
Описание слайда:

Свойство BACKGROUND-COLOR Пример 8

40 слайд Свойство BACKGROUND-IMAGE Данное свойство используется для задания фонового и
Описание слайда:

Свойство BACKGROUND-IMAGE Данное свойство используется для задания фонового изображения. В качестве значения свойства, указывается путь к изображению, но немного не так как в html. В начале пишется URL а затем сразу, Без пробелов!!! в круглых скобках положение картинки. Если она находится в той же папке, то пишем просто название картинки, как в примере выше. Если допустим в подпапке img , то пишем так url(img/smile.png)

41 слайд Пример 9 Свойство BACKGROUND-IMAGE
Описание слайда:

Пример 9 Свойство BACKGROUND-IMAGE

42 слайд Свойство BACKGROUND-REPEAT Фоновое изображение по-умолчанию повторяется начин
Описание слайда:

Свойство BACKGROUND-REPEAT Фоновое изображение по-умолчанию повторяется начиная с верхнего левого угла, как по вертикали , так и по горизонтали, пока не заполнит весь экран. С помощью свойства Background-repeat мы можем контролировать эти повторения. 

43 слайд Свойство BACKGROUND-REPEAT Это свойство может принимать четыре значения: Back
Описание слайда:

Свойство BACKGROUND-REPEAT Это свойство может принимать четыре значения: Background-repeat: repeat-x; Повторение по горизонтали

44 слайд Свойство BACKGROUND-REPEAT Это свойство может принимать четыре значения: Back
Описание слайда:

Свойство BACKGROUND-REPEAT Это свойство может принимать четыре значения: Background-repeat: repeat-y; Повторение по вертикали

45 слайд Свойство BACKGROUND-REPEAT Это свойство может принимать четыре значения: Back
Описание слайда:

Свойство BACKGROUND-REPEAT Это свойство может принимать четыре значения: Background-repeat: repeat; Повторение по вертикали и по горизонтали (значение по-умолчанию)

46 слайд Свойство BACKGROUND-REPEAT Это свойство может принимать четыре значения: Back
Описание слайда:

Свойство BACKGROUND-REPEAT Это свойство может принимать четыре значения: Background-repeat: no-repeat; Не повторяется

47 слайд Пример записи стиля: Пример 10
Описание слайда:

Пример записи стиля: Пример 10

48 слайд Свойство BACKGROUND-ATTACHMENT При наличии фонового рисунка, это свойство уст
Описание слайда:

Свойство BACKGROUND-ATTACHMENT При наличии фонового рисунка, это свойство устанавливает, будет ли фоновое изображение прокручиваться с содержимым страницы, или будет заблокировано, т.е. неподвижно. Может принимать два значения:  SCROLL - фон прокручивается вместе с содержимым;  FIXED - фон строго зафиксирован.

49 слайд Свойство BACKGROUND-ATTACHMENT Пример 11
Описание слайда:

Свойство BACKGROUND-ATTACHMENT Пример 11

50 слайд Свойство BACKGROUND-ATTACHMENT Пример 12
Описание слайда:

Свойство BACKGROUND-ATTACHMENT Пример 12

51 слайд Свойство BACKGROUND-POSITION Задает позицию фонового изображения. Значения мо
Описание слайда:

Свойство BACKGROUND-POSITION Задает позицию фонового изображения. Значения можно задавать в процентах, в единицах длины и при помощи ключевых слов. Отсчет как обычно ведется из левого верхнего угла браузера, где и располагается фоновое изображение по умолчанию.

52 слайд Свойство BACKGROUND-POSITION На рисунке приведены примеры позиционирования (т
Описание слайда:

Свойство BACKGROUND-POSITION На рисунке приведены примеры позиционирования (точка это изображение, а то что под ней - приблизительные координаты)

53 слайд Свойство BACKGROUND-POSITION В начале указываем координату по горизонтали (по
Описание слайда:

Свойство BACKGROUND-POSITION В начале указываем координату по горизонтали (по оси Х), затем через пробел координату по вертикали (по оси Y ). Координату можно задавать в процентах от ширины окна браузера, также в пикселях. Можно задавать и в сантиметрах. Также положение можно задавать специальными словами: left - лево, right - право, center -центр, top - верх, bottom - низ .

54 слайд Свойство BACKGROUND-POSITION
Описание слайда:

Свойство BACKGROUND-POSITION

55 слайд Свойство BACKGROUND-POSITION Пример 13
Описание слайда:

Свойство BACKGROUND-POSITION Пример 13

56 слайд Свойство BACKGROUND-POSITION
Описание слайда:

Свойство BACKGROUND-POSITION

57 слайд Свойство BACKGROUND-POSITION Пример 14
Описание слайда:

Свойство BACKGROUND-POSITION Пример 14

58 слайд Свойство BACKGROUND-POSITION
Описание слайда:

Свойство BACKGROUND-POSITION

59 слайд Свойство BACKGROUND-POSITION Пример 15
Описание слайда:

Свойство BACKGROUND-POSITION Пример 15

60 слайд Сокращенная форма записи - BACKGROUND Свойство BACKGROUND служит для сокращен
Описание слайда:

Сокращенная форма записи - BACKGROUND Свойство BACKGROUND служит для сокращенной записи всех выше расмотренных свойств. Порядок свойств этого элемента таков: background-color_background-image_background-repeat_background-attachment_background-position Значения свойств записываются через пробел

61 слайд Сокращенная форма записи - BACKGROUND
Описание слайда:

Сокращенная форма записи - BACKGROUND

62 слайд
Описание слайда:

63 слайд Выполнить
Описание слайда:

Выполнить

Краткое описание документа:
Каскадные_таблицы_стилей (CSS) это новые возможности в разработке сайтов (web-дизайн).
Действительно один из самый важных этапов в разработке сайта - это Дизайн, но если верстальщик неопытный то все труды дизайнера зря. Сделать дизайн сайта в современном мире без CSS просто невозможно.
По ходу изучения темы будут встречаться ссылки на примеры, которые расположены в папке.Уделяйте много времени практике. Работайте с примерами и попробуйте набрать код вручную. Не бойтесь экспериментировать с изучаемым кодом и сравнивать полученные результаты!
Общая информация

Номер материала: 38417032633



Очень низкие цены на курсы переподготовки от Московского учебного центра для педагогов

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

После окончания обучения выдаётся диплом о профессиональной переподготовке установленного образца с присвоением квалификации (признаётся при прохождении аттестации по всей России).

Подайте заявку на интересующий Вас курс сейчас: KURSY.ORG

Вам будут интересны эти курсы:

Курс повышения квалификации «Внедрение системы компьютерной математики в процесс обучения математике в старших классах в рамках реализации ФГОС»
Курс повышения квалификации «Организация работы по формированию медиаграмотности и повышению уровня информационных компетенций всех участников образовательного процесса»
Курс профессиональной переподготовки «Информатика: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Облачные технологии в образовании»
Курс «Фирменный стиль» (Corel Draw, Photoshop)
Курс «Оператор персонального компьютера»
Курс «WEB-ВЕРСТКА (HTML, CSS)»
Курс повышения квалификации «Сетевые и дистанционные (электронные) формы обучения в условиях реализации ФГОС по ТОП-50»
Курс повышения квалификации «Использование компьютерных технологий в процессе обучения в условиях реализации ФГОС»
Курс повышения квалификации «Специфика преподавания информатики в начальных классах с учетом ФГОС НОО»
Курс повышения квалификации «Введение в программирование на языке С (СИ)»
Курс профессиональной переподготовки «Теория и методика обучения информатике в начальной школе»
Курс повышения квалификации «Специфика преподавания дисциплины «Информационные технологии» в условиях реализации ФГОС СПО по ТОП-50»
Курс повышения квалификации «Современные языки программирования интегрированной оболочки Microsoft Visual Studio C# NET., C++. NET, VB.NET. с использованием структурного и объектно-ориентированного методов разработки корпоративных систем»
Курс повышение квалификации «Применение интерактивных образовательных платформ на примере платформы Moodle»
Включите уведомления прямо сейчас и мы сразу сообщим Вам о важных новостях. Не волнуйтесь, мы будем отправлять только самое главное.