Среднее профессиональное образование - Фролов А.Б., Нагаева И.А., Кузнецов И.А. - Основы web-дизайна. Разработка, создание и сопровождение web-сайтов: учебное пособие для СПО [2020, PDF, RUS]

Reply to topic
DL-List and Torrent activity
Size:  49 MB   |    Registered:  8 months 5 days   |    Completed:  1 time
Seeders:  655  [  0 KB/s  ]   Leechers:  18  [  0 KB/s  ]   Show peers in full details
 
   
 
 
Author Message

Download WYSIWYG ®

Gender: Male

Longevity: 9 years

Posts: 1513

Post 18-Jun-2024 15:35

[Quote]

Основы web-дизайна. Разработка, создание и сопровождение web-сайтов: учебное пособие для СПО
Год издания: 2020
Автор: Фролов А.Б., Нагаева И.А., Кузнецов И.А.
Издательство: Профобразование
ISBN: 978-5-4488-0861 -6
Серия: Среднее профессиональное образование
Язык: Русский
Формат: PDF
Качество: Отсканированные страницы + слой распознанного текста
Количество страниц: 244
Описание: В учебном пособии рассмотрены такие аспекты разработки, создания и сопровождения web-сайтов, как язык HTML, основы технологии CSS, верстка и дизайн сайтов, продвижение сайтов. Подготовлено в соответствии с Федеральным государственным образовательным стандартом среднего профессионального образования. Издание предназначено для изучения дисциплин «Основы web-дизайна», «Web-дизайн» по укрупненной группе специальностей среднего профессионального образования 09.00.00 «Информатика и вычислительная техника».

Примеры страниц (скриншоты)

Оглавление

ВВЕДЕНИЕ .. .. .. .. ........ ......... ..... ..... ... .. .. .. .. .... ...... ........ ...... ... .... ... ..... ... ..... ... ... .. .. ....... ... ....... .... 8
ГЛАВА 1. ЯЗЫК ГИПЕРТЕКСТОВОЙ РАЗМЕТКИ HTML ................. ...................... ... ................................................ 10
1. 1. Гипертекст ......... .... ........ ........ .... ........ ........ .... ......... ... ... .... .... ........ .... ....... ......... .. .......... ......... 10
1.2. Основные понятия языка HTML ..... ...... ........ ...... ..... ..... ..... .. ...... ... ... .. .. ....... ... .... ... .......... ... . 10
1.2. 1. Создание HTML документов ........ .. .. .. .... .. ...... ...... ... ......... .... ... .. .. ..... .... ..... .. .... ... ...... 11
1.2.2. О сн ов ные положения ..... .... .... ........ ..... ..... .. ... ..... ..... .. ........ ..... ... ..... .... ... ..... ..... .. ......... 11
1.2.3 . Структура документа ..... ..... ... .. ...... .... .. ... ....... ... .... .. ... ........ ... ..... .... ........ ... ..... .... ........ 12
1.2 .4. Тег, описывающий общие свойства документа и его атрибуты ............... ... ............................... 13
1.3. Форматирование текста .................... .............................................................. ...... ... ... ......... 16
1.3 .1. Разделение текста на абзацы .. ............. ...... ......... ... ... ................... ............... ...... ......... 16
1.3.2 . Перевод строки ... ........ .... .... .... ..... ... ... .. ..... .. ... ....... ... .. ........ ..... ... .. ....... ... .. ... ... 17
1.3 .3. Заголовки .. .. .... .... ........ ..... ... ..... .... ... ....... ... .. ...... ...... ... .. ...... ..... ... ......... ... ....... . 19
1.3.4. «Бегущая» строка ........ .................... ........ ........... ....... ......... ....... ......... .... .... .... ... ... ...... 20
1.3.5. Горизонтальные линии .. .. ... ........... ... ..... .......... .... ..... ............ .... ... ............ ......... ......... 22
1.3.6. Логическое форматирование ......... ..... ....... ...... ..... .... ........ ..... ... .. .... ... ... ... .. ....... ......... 23
1.3.7 . Физическое форматирование ........ .. ... ..... .. ...... ........ ......... ..... ... .. ... .. .. ... .. ... ....... ......... 25
1.3.8. Шрифты ................ .................... ................... ................ ..... ............... .................... ........ 26
1.3.9. Специальные символы ............. .. ..... ..... ...... ........ .. ..................... ... .......... .... .. ........ ... ... 28
1.4. Списки ....... ........ .... ..... ... ........ .. .. ........ ........ .... ............... ......... ........ ....... ... ............. .. 29
1.4.1. Упорядоченный (нумерованный) список .... ... .. .. ............ .... .. .. .. ....... .... ... .. ............... 30
1.4.2. Неупорядоченный (маркированный) список .. .. .. ... ......... ..... ... ..... .. .. ... .. ... ....... ......... 32
1.4.3. Меню ....... ........ .... ........ ........ ..... ....... .... .... .... ....... .... .. .. ........ ........ .... ............ ..... ... ......... 34
1.4.4. Список определений ........... ..... .. ....... .... ..... ... ..... .... .... ............ ... ......... ........ .... ... ...... ... 35
1.4.5. Комбинирование списков ... ........... .. .... ...... ...... ..................... .... .. .... ... ... ... ... ...... ... ...... 36
1. 5. Использование графики .................... ............................ ......................... ............... ............... 3 7
1.5. 1. Выбор формата графического файла ................... ......... ............................ ... ............ 38
1.5.2 . Вставка изображения в документ .... ............. ... .. .. .... ........ .... .. .. ... ......... .. .. .... .... ......... 39
1.5.3. Выравнивание текста по краю изображения .... .. ............ ... ... .. .. .......... ... ... ....... .... ... . 39
1.5 .4. Позиц оm1рование изображения на странице ... .... ......... .... ... .. ... ........ ... .. .. .... ... ...... 40
1.5.5. Прерывание текста при обтекании изображения ... ........ ..... ... .. ....... ... .. ... ..... .. ......... 42
1.5.6. Указание размеров выводимого изображения ... .. ... ..... ... ... .... ............. ... ...... ... ....... .43
1.5.7. Альтернативное описание изображения .......... ............. ............................... ......... ... 44
1.5.8. Помещение изображения в рамку ........ ............. ... .... ............... ... ............... ... .... ........ 45
1.5.9. Отделение изображения от текста ...... ............... ... .... ... .... ........ ... ............... ....... .... .... 45
1.6. Ссылки ....... ........ .... .... .... ........ .... .... .... ........ .... ............ ... .. .. .. .......... ..... ... .. .. ......... ....... 47
1.6. 1. Что такое ссылка ........ .... ..... ... .. ...... .... .... ............. ... .... ..... ... ... .... .................. ... .... ........ 47
1.6.2. Создание ссылок на документы и файлы .... ... ... ...... ....... ... ... .. .. ....... ... ....... ..... .. ....... 47
1.6.3. Внутренние ссылки ................. ............................ ...... ........... ........ ............... ... ... ......... 49
1.6.4. Файлы и другие встраиваемые объекты ...... .... ....... ........ ..... ... ............ .. ... ....... ......... 51
1.6.5. Карты и ссылки .. ........ .... ........ ........ ................ .... ...... ......... .... .... .. .......... ....... ..... ......... 53
1.7. Таблицы ....... ...... .... .. .. ..... ....... .. .. .. .. ...... ...... .... .. .. ..... ... ... .. .. ... ... ...... ........ .. .. .... .. ... ... .. 55
1. 7 .1. Основы построения таблиц ................. .. ............ .. ...................................... .. .............. 56
1.7.2. Основные теги таблиц ... ... ...... ....... .... .. .......... ..... .. ............. ... ..... ... .............. .. ............. 56
1.7.3. Таблицы с рамками .... .. .. .. .. .. .. ...... .... .. .. .......... .. ... .. ... ..... .... ... ... .. ....... ...... .. ... .. ... .......... 57
1.7.4. Размещение данных внутри ячеек ...... .. ............ .. ................ .. .................... .. .............. 58
1.7.5. Объединение ячеек ..... .. .. .. .. ...... ...... .. .. .... ..... ................ ...... ........ ..... .. ... .............. ......... 60
1.7.6. Пустые ячейки ..... ....... .... .... ..... ....... ... .... ...... ... ... .... .... .. ...... ........ .. .. ... .... .. ... .... .... ......... 63
1.7.7. Дополнительные атрибуты таблиц ............................................................... .. .......... 64
1.7.8. Использование цвета и изображений ............... ................ ....... .. ........... .... ................ 65
1.7.9. Вложенные таблицы ........... .................... ............ .. .................... .................. .. ........ .. ... 68
1. 8. Тест .... .. .. .. .. ........ .... ..... ........... .... .. .. .. .. ........ .............. .. .... .... ............ ... .... .. .. ......... .... . 70
1.9. Задания для самостоятельной работы .. ... .. .. ..... ..... .. ............ ...... .. ...... .. ..... ... .. .. ............ ..... .. 75
ГЛАВА 2. ОСНОВЫ ТЕХНОЛОГИИ CSS ............. .. .... ........ .. ...................................... .. ......... .. ... 80
2 .1 . Синтаксис и принцип работы CSS ... ...... .. .. .. .. .. ......... .. ....... ....... .. ...... ..... .............. ...... ........ 80
2.2. Способы подключения CSS к НТМL-документу ... .. ...... .. .. ... ... .. ...... .. ..... ... .. .. ........ .. ....... .. 81
2.2. 1. Внешняя таблица стилей ............... .......... .......... .... .. .. .............. ...... ............ .... .. .. .. ... ... 81
2.2.2 . Внутренняя таблица стилей .......... .... .... ...... .... .. ....................... .... ............. ... ............. 83
2.2.3. Встроенные стили ....... ... .. .. .... ..... ... ........ ....... ......... .. ....... .. .... .... .... ........ ......... ... ......... 84
2.2 .4. Несколько таблиц стилей .. .... ..... ... .... .... ...... .... ...... .. ....... .. .... ...... .. ........ ......... .. .......... 85
2.3 . Цвет и фон в CSS .............................................................. .. .............. .... ................ .... .. ....... ... 86
2.3. 1. Свойство COLOR .. ............. ... .... ..... ....... ..... ....... .................... ...... ....... ....... ................... 86
2.3 .2. Свойство BACKGROUND- COLOR .... ...... ............ ....... ............. ... ..... ............ ....... ......... 87
2.3.3 . Свойство BACKGROUND - IМAGE ... .. .... ...... ...... ....... ......................... .. ... ... ....... .......... 88
2.3.4. Свойство BACKGROUND- REPEAT ... .. .. ...... .. .... ..... .. ... ...... ..... ... ..... ...... .......... .. ......... . 89
2.3.5. Свойство BACKGROUND- ATTACHMENT ..... .... .... ... ... ....... ....... .... ...... ... ... .... ... ......... . 90
2.3.6. Свойство BACKGROUND- POSITION ... ............ ... ............. ... ..... ... .............. .. ............ . 90
2.3. 7. Сокращенная форма записи - BACKGROUND .... .. .. .............. .. ................ .... .. .. ........ 93
2.4. Шрифты в CSS .. .. ...... ............ .......... .. .. ...... .. ...... ............... .. ........... ... .... .. .. ......... ..... .. 93
2.4. 1. Свойство FONT - FAМILY .............................................. ............................ .. .............. 93
2.4.2. Свойство FONT- STYLE ... .. ..... .... ... ........ ... ............ ... ... ...... .. ...... .... ....... .. ....... ... ......... . 95
2.4.3. Свойство FONT- VARIANT ..... ... .... ........... ... .... .. ...... ... ...... ........ .... ... ... ... ... .... .... ... ..... . 96
2.4.4. Свойство FONT-WEIGHT .. .... .... .. .. .... .... ........... .... ............ ........ .... ....... ... .. ................ . 97
2.4.5. Свойство FONT-SIZE .... ... ..................... ... ....... .... ................. ....... .............. .. ............ . 98
2.4.6. Сокрашенная запись . Свойство FONT ............ .. ....................... ....... ... .. ... .. ............. ... 98
2.5. Текст в CSS ....... .... .. .. ..... ....... .... .. .. ..... ....... .... .. .. ...... ..... .. .. .... .. ...... ........ .. .. ......... ... 99
2.5. 1. Свойство TEXT- ALIGN ....................... ... ............... .. .......... ............ ................ .. .......... 99
2.5.2 . Св ойство TEXT- DECORATION .... ..... ... ......... ... .... .......... .. .... .... .... ......... ... .... ........... 100
2.5.3. Свойство TEXT-INDENT ... .... ....... .... .. .. .... .. .. ... .... .......... .. .... ..... ... ......... ... .... ........... 101
2.5.4. Свойство TEXT-TRANS FORМ ........................... .... ... ............. ....... ............. .... .......... 102
2.5.5. Свойство LETTER- SPACING .... ....... .... .................................................................. 103
2.5.6. Свойство WORD- SPACING .................. .. ............. .. ........ .. .. ........ .................. .. ........... 104
2.6. Списки в CSS .... .. .. .. ........ ...... .. .. .. .. ...... ...... .. .. .. .. ... ... .... ..... ... ... ....... ....... .. .. ......... ... 105
2.6. 1. Свойство LIST- STYLE-TYPE .. .. .. .. ...... .. .. ... .. .......... .................. .. .. ... ... .. .......... ...... 105
2.6.2 . Свойство LIST-STYLE-IМAGE ... .. .. .. .. .......... .. ........ ...... .. ...... .. .. .. .......... .. ....... ...... 107
2.6.3. Сокращенная форма LIST-STYLE ...... ........ ........ .. .................... .. ....... ......... .. ........ 107
2.7. Ссылки в CSS .. ............... ..... ............... ..... ............................. ................ .................. .. ........... 108
2.8. Типы селекторов в CSS ..................... ............... .................................................................. 109
2.8. 1. Селектор по элементу .. .. .. ..... .. .... .. ....... ... .... .. ......... .. .. ....... .. ...... ....... ..... .. .... ... .. .. ... 110
2.8 .2. Селектор по классу ..... .. .. .. .. .. .... .. .... .......... ........ ...... .. .. ........ .. .. .......... ... ............... ...... 110
2.8.3. Селектор по id ......................................................................................................... 112
2.8 .4. Контекстный селектор ... ... .. ..... ..... ..... ............... .... ................... ..... ............. ... ........... 113
2.9. Таблицы в CSS ... ... .. .. .... ..... ... .. .. .. ...... ...... ... ........ .............. ... .......... ... .. ...... ......... ........ .. 114
2.9. 1. Границы таблиц ........................................................................................................ 114
2.9.2 . Свернутые границы .... .... .... .... ..... ..... .. ..... .. .... .... .... ............ .. ..... .. ... ............ .... ........... 115
2.9.3. Ширина и высота таблицы ..... ....... .. ........ .......... .. ... .......... .. .. .. .............. .......... ......... 117
2.9.4. Выравнивание текста таблицы ............................................................................ .... 118
2.9.5. Свойство PADDING .............................. .. ........................................ .......................... 121
2.9.6. Цвет и изображение в таблице ..... .............. .......... .... ............ .............. .......... .... ....... 122
2 .10.Тест ... ... .... ........ ..... ... .... ......... .... ... .... ......... .... ...... .. ....... ... .... ........ ............. ............. .. .. 125
2 .11. Задания для самостоятельной работы ....................... .. ................................................... 129
ГЛАВА 3. ВЕРСТКА САЙТОВ .................................. ... ................................................ ........ ....... 133
3. 1. Задачи верстки ................................................ .. .................................................................. 13 3
3.2. Особенности верстки , web-страниц ... ........ .. .... .... .. ....... .. .... ............... ..... ............. ... ...... ..... 135
3.2.1. Ширина документа .. ... .. .. .. .. .... ...... .... .. .... ........ ... .. .. .. .. ....... ....... .. .. .. ....... ............. ....... 135
3.2.2. Высота документа ................... ............. .................................................................... 137
3.2.3. Модульные сетки ....... ........ ......... ... .... ... ........ .... .... .... ......... ....... .... ...... ... ... .... .... ....... 138
3.3. Табличная верстка сайта ...... .... ........ ........ .. .. ......... ... ... .... ...... ...... ........ .... ............ .... ..... ...... 141
3.4. Примеры табличной верстки сайтов ......................................................................... ....... 143
3 .4. 1. Макет с одноколонной сеткой ............ ... .......... .. ......................... .... ......... .. ............. 143
3.4.2. Макет с двухколонной сеткой ................................................................................. 145
3.4.3 . Макет с трехколонной сеткой ............ .. .. ............ .. .. ...................... .. ............ .. .. ......... 148
3.5. Тест .. .. .. .. .... ...... .. .. .. .. .. .... ........ .. .. .. .. .... ...... .. .. ..... ......... ... .. .. ............ .. .. .. .. .. .. ... ... 150
3.6. Задания для самостоятельной работы ......................... ... .................................... .. ............ 152
ГЛАВА 4. ДИЗАЙН САЙТОВ ...... .. ....... .. .......... .. ... .. .. ........ .... ....... ....... .. ...... .. .. .. ........ .... ....... ...... 157
4.1. Правила создания макета ..... ........ .... .... .. ... ... ..... .... ... ... .. .. .......... .. .. .. .. .. .. .. ...... ... ... .. .. .. 158
4.2. Сайт в стиле Web 2.О ..... .............. ................ .. ..... ................................. .. ... .......................... 164
4.3 . Цветовой круг ... .. .. .. .. ............ .. .. .. .. ...... ...... .... ....... ... .... .. ...... ................. ..... ..... ... ... ....... 170
4.3. 1. Гармоничные сочетания цветов ......................... .. .. ...................... .. ............ .. ........... 172
4.3.2 . Теплые и холодные цвета .............. .. .. .. ........ ..... .. .. .. .. .. ...... .. ...... .. .. .. ...... .. .. .. ....... ...... 174
4.3.3 . Принципы композиции цвета для создания сайта ................................................ 175
4.3 .4. Общие рекомендации по выбору цвета .......... .. .................. .. .. .. ............. .... ..... ... .... 177
4.3.5. Инструмент вы бора цветов сайта (http: //colorscheme.ru/) ....... ............... ....... ...... 178
4.4. Шрифт в web-дизайне .......... .... .... ..... ....... ... .... ..... .... .. ..... .. .. ......... ........... ..... .... ... .... .. .. ... 181
4.4. 1. Общие характеристики шрифтов ........ ............... .. ...................................... .. ........... 181
4.4.2 . Осн овные группы шрифтов ................ .. .... ............................... ..... ........... .... .. ... ...... 182
4.4.3. Типы шрифтов .... ..... ..... .. .. .. .... ...... .. ....... ............ .. .. ............ .. .. .. ...... ......... ... .. .. ... ........ 183
4.4.4. Выбор шрифта ................................... ........................................ ............................... 184
4.4.5. Родовое семейство шрифтов ............. .... .. .. ...... .. ... .. ...................... ..... ....... .... .. ..... .... 185
4.4.6. Поддержка кириллицы .. .... ...... ....... ... .... .. .. ....... .... .... .. ....... ........... ..... .. .. ... .... ...... ..... 186
4.4.7. Основы выбора шрифтов ......... .. ..................... ....... .. ....... .. ............. ........ ........ .. ........ 187
4.5. Тест .................... ............. ........ ............. ...... ......... ........... .... ............ ...... ...... ........ ........ .......... 189
4.6. Задания для самостоятельной работы ................................... ............ ............................ ... 193
ГЛАВА 5. ПРОДВИЖЕНИЕ САЙТОВ ...... ....... ................. ...... .. ........ ....... ....................... .. ..... .... 198
5 .1. Общие принципы работы поисковых систем ............ .. ...................................... .. ............ 202
5 .1.1. Особенности работы поисковых систем .......... .. ...................................... .. ............ 202
5.1.2 . Выбор домена и хостинга .. ...... ...... .... .... ...... ..... .... .. ...................... ......... ... .... .. ..... .... 204
5.1 .3. Выбор ключевых слов ... .. .. ...... ..... .. ... .... ........ ... .... .......... .. .. .......... ...... ... ... .... ........... 207
5 .2. Внутренние факторы ранжирования ....................................... ..................................... .... 211
5 .2 .1. Структура сайта ........... ........ ................... ........................................ .... ........ ... ........... 211
5.2.2. Текстовое оформление веб-страниц .... ........ .... ................ .... .... ... .......... ... ............... 216
5.3 . Внешние факторы ранжирования ........... .... .... ...... ...... ... .... ......... ... ....... ......... ... .. .............. 221
5.3. 1. Для чего используется учет внешних ссылок на сайт .......................................... 221
5.3.2. Важность ссылок (индекс цитируемости) ............................. ...... ........ ....... ........... 222
5.3.3. Ссылочный текст ...................................................................................................... 222
5.3.4. Релевантность ссылающихся страниц .. ....... .................... ... ........ ......... .................. 223
5.3.5. Google PageRank ... ...... .... .. .. ...... ...... ... .... ...... .. .... ........ ...... .. ........ ... .. ....... ..... .............. 223
5.3.6. ТИЦ и ВИЦ в Yandex ..... ........ ........ .... ............... ................ ................. ... .... ............... 224
5.4. Ошибки и «черные» методы SEO ............. .. ......... ....... .. .................... ..... ............. .... .......... 224
5.4. 1. Распространенные ошибки ...... ... ..... .. .... .. .. ...... ... .. .. .................... .. ............ .... .. ..... .... 224
5.4.2. Черные технологи ...... .. .. .. .. ...... ... .... ... ... ...... ... ... .... .......... .. .. .......... ...... ... ... .... ...... ..... 226
5.5. Тест .................. ...................... .................. ........................................................................ .... 229
5.6. Задания для самостоятельной работы ... ........ ..... ....... ... ... ...................... ..... ....... .... .. ..... .... 232
ТЕЗАУРУС ... .... .... ..... ... .. ...... .... ..... .. ..... .... .... ..... ... .. ..... ......... ... .. ...... ........ .. ..... ..... ........ .. .. 233
СЛОВАРЬ ТЕГОВ ....... ............. ........ ..................................................... .. ............................. .. .... .... 235
ЛИТЕРАТУРА .. .............. .. .... ....... ... .. .... ..... ... ....... ..... .. .......... ... .... ............. ..... ... .... ........ ... .... . 243
[solely-soft.top].t197368.torrent
Torrent: Registered [ 2024-06-18 15:35 ] · DC0EFDFC8A082C31DCAF5C9E974EC354ACB3AB05

16 KB

Status: checked
Completed: 1 times
Size: 49 MB
Rate: 
(Vote: 0)
Have thanked: 0  Thanks
Среднее профессиональное образование - Фролов А.Б., Нагаева И.А., Кузнецов И.А. - Основы web-дизайна. Разработка, создание и сопровождение web-сайтов: учебное пособие для СПО [2020, PDF, RUS] download torrent for free and without registration
[Profile] [PM]
Forum Topic Author Size
Modern atlases and maps (after 1950) (Атлас) Атлас автомобильных дорог России, СНГ, Европы, Средней Азии. От Атлантики до Тихого океана [2013, PDF] Download CMS engine 199 MB
Modern atlases and maps (after 1950) (Атлас) Географический атлас для учителей средней школы [1985, PDF] Download CMS engine 313 MB
Strategies Banished v1.05B [RUS]+ Colonial Charter 1.06 TFA + Newmedievaltown 2.02 / Изгнанные + Колониальная Хартия 1.06 TFA + Новый средневековый город [RePack] [RUS / ENG] (2015) Download Aida64 1.59 GB
Programming Campesato Oswald - Intermediate Python / Python среднего уровня [2023, PDF, EPUB, ENG] Programmer 14 MB
Video tutorials on vehicle repairs FITLAB (ФИТЛАБ) Школа МП. Рост среднего чека [2023, Россия, SATRip] Download Acronis 6.79 GB
Programming Lu Yung-Hsiang, Thiruvathukal George / Лу Юнг-Сян, Тируватукал Джордж - Intermediate C Programming, 2nd Edition / Программирование на языке Си среднего уровня, 2-е издание [2024, PDF/EPUB, ENG] Programmer 12 MB
Programming [AI] Среднее профессиональное образование - Сотник С.Л. - Проектирование систем искусственного интеллекта: учебное пособие для СПО [2024, PDF, RUS] Programmer 35 MB
Adobe Photoshop [Lynda] Photoshop CC один-на-один: Средний уровень [2014, RUS] Download Photoshop 3.2 GB
Display posts:    
Reply to topic

Current time is: 24-Feb 11:16

All times are UTC + 2



You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You cannot attach files in this forum
You can download files in this forum