Author
Message
Download WYSIWYG ®
Gender:
Longevity: 9 years
Posts: 1513
Основы 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
Среднее профессиональное образование - Фролов А.Б., Нагаева И.А., Кузнецов И.А. - Основы web-дизайна. Разработка, создание и сопровождение web-сайтов: учебное пособие для СПО [2020, PDF, RUS] download torrent for free and without registration
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
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