В наличии
Основы web-дизайна. Методика проектирования
книга

Основы web-дизайна. Методика проектирования

Автор: Ирина Нагаева, Александр Фролов, Игорь Кузнецов

Форматы: PDF

Издательство: Директ-Медиа

Год: 2021

Место издания: Москва|Берлин

ISBN: 978-5-4499-1957-1

Страниц: 236

Артикул: 81632

Возрастная маркировка: 12+

Печатная книга
1090
Ожидаемая дата отгрузки печатного
экземпляра: 02.05.2024
Электронная книга
306.8

Краткая аннотация книги "Основы web-дизайна. Методика проектирования"

Основная цель учебного пособия — изучение основ создания Web-документов, средств и методов их разработки и продвижения. Процесс изучения курса направлен на формирование следующих компетенций: способность владеть основными методами, способами и средствами получения, хранения, переработки информации, иметь навыки работы с компьютером как средством управления информацией; способность разрабатывать Web-документы и создавать прототипы различных Web-решений. Учебное пособие предназначено для студентов среднего профессионального образования и бакалавриата.

Содержание книги "Основы web-дизайна. Методика проектирования"


Введение
Глава 1. Язык гипертекстовой разметки HTML
1.1. Гипертекст
1.2. Основные понятия языка HTML
1.2.1. Создание HTML документов
1.2.2. Основные положения
1.2.3. Структура документа
1.2.4. Тэг, описывающий общие свойства документа и его атрибуты
1.3. Форматирование текста
1.3.1. Разделение текста на абзацы
1.3.2. Перевод строки
1.3.3. Заголовки
1.3.4. «Бегущая» строка
1.3.5. Горизонтальные линии
1.3.6. Логическое форматирование
1.3.7. Физическое форматирование
1.3.8. Шрифты
1.3.9. Специальные символы
1.4. Списки
1.4.1. Упорядоченный (нумерованный) список
1.4.2. Неупорядоченный (маркированный) список
1.4.3. Меню
1.4.4. Список определений
1.4.5. Комбинирование списков
1.5. Использование графики
1.5.1. Выбор формата графического файла
1.5.2. Вставка изображения в документ
1.5.3. Выравнивание текста по краю изображения
1.5.4. Позиционирование изображения на странице
1.5.5. Прерывание текста при обтекании изображения
1.5.6. Указание размеров выводимого изображения
1.5.7. Альтернативное описание изображения
1.5.8. Помещение изображения в рамку
1.5.9. Отделение изображения от текста
1.6. Ссылки
1.6.1. Что такое ссылка
1.6.2. Создание ссылок на документы и файлы
1.6.3. Внутренние ссылки
1.6.4. Файлы и другие встраиваемые объекты
1.6.5. Карты и ссылки
1.7. Таблицы
1.7.1. Основы построения таблиц
1.7.2. Основные тэги таблиц
1.7.3. Таблицы c рамками
1.7.4. Размещение данных внутри ячеек
1.7.5. Объединение ячеек
1.7.6. Пустые ячейки
1.7.7. Дополнительные атрибуты таблиц
1.7.8. Использование цвета и изображений
1.7.9. Вложенные таблицы
1.8. Тест
1.9. Задания для самостоятельной работы
Глава 2. Основы технологии CSS
2.1. Синтаксис и принцип работы CSS
2.2. Способы подключения CSS к HTML–документу
2.2.1. Внешняя таблица стилей
2.2.2. Внутренняя таблица стилей
2.2.3. Встроенные стили
2.2.4. Несколько таблиц стилей
2.3. Цвет и фон в CSS
2.3.1. Свойство COLOR
2.3.2. Свойство BACKGROUND-COLOR
2.3.3. Свойство BACKGROUND-IMAGE
2.3.4. Свойство BACKGROUND-REPEAT
2.3.5. Свойство BACKGROUND-ATTACHMENT
2.3.6. Свойство BACKGROUND-POSITION
2.3.7. Сокращенная форма записи — BACKGROUND
2.4. Шрифты в CSS
2.4.1. Свойство FONT-FAMILY
2.4.2. Свойство FONT-STYLE
2.4.3. Свойство FONT-VARIANT
2.4.4. Свойство FONT-WEIGHT
2.4.5. Свойство FONT-SIZE
2.4.6. Сокращенная запись. Свойство FONT
2.5. Текст в CSS
2.5.1. Свойство TEXT-ALIGN
2.5.2. Свойство TEXT-DECORATION
2.5.3. Свойство TEXT-INDENT
2.5.4. Свойство TEXT-TRANSFORM
2.5.5. Свойство LETTER-SPACING
2.5.6. Свойство WORD-SPACING
2.6. Списки в CSS
2.6.1. Свойство LIST-STYLE-TYPE
2.6.2. Свойство LIST-STYLE-IMAGE
2.6.3. Сокращенная форма LIST-STYLE
2.7. Ссылки в CSS
2.8. Типы селекторов в CSS
2.8.1. Селектор по элементу
2.8.2. Селектор по классу
2.8.3. Селектор по id
2.8.4. Контекстный селектор
2.9. Таблицы в CSS
2.9.1. Границы таблиц
2.9.2. Свернутые границы
2.9.3. Ширина и высота таблицы
2.9.4. Выравнивание текста таблицы
2.9.5. Свойство PADDING
2.9.6. Цвет и изображение в таблице
2.10. Тест
2.11. Задания для самостоятельной работы
Глава 3. Верстка сайтов
3.1. Задачи верстки
3.2. Особенности верстки web-страниц
3.2.1. Ширина документа
3.2.2. Высота документа
3.2.3. Модульные сетки
3.3. Табличная верстка сайта
3.4. Примеры формирования сайтов
3.4.1. Макет с одноколонной сеткой
3.4.2. Макет с двухколонной сеткой
3.4.3. Макет с трехколонной сеткой
3.5. Тест
3.6. Задания для самостоятельной работы
Глава 4. Дизайн сайтов
4.1. Правила создания макета
4.2. Сайт в стиле Web 2.0
4.3. Цветовой круг
4.3.1. Гармоничные сочетания цветов
4.3.2. Теплые и холодные цвета
4.3.3. Принципы композиции цвета для создания сайта
4.3.4. Общие рекомендации по выбору цвета
4.3.5. Инструмент выбора цветов сайта
4.4. Шрифт в web-дизайне
4.4.1. Общие характеристики шрифтов
4.4.2. Основные группы шрифтов
4.4.3. Типы шрифтов
4.4.4. Выбор шрифта
4.4.5. Родовое семейство шрифтов
4.4.6. Поддержка кириллицы
4.4.7. Основы выбора шрифтов
4.5. Тест
4.6. Задания для самостоятельной работы
Глава 5. Продвижение сайтов
5.1. Общие принципы работы поисковых систем
5.1.1. Особенности работы поисковых систем
5.1.2. Выбор домена и хостинга
5.1.3. Выбор ключевых слов
5.2. Внутренние факторы ранжирования
5.2.1. Структура сайта
5.2.2. Текстовое оформление веб-страниц
5.3. Внешние факторы ранжирования
5.3.1 Для чего используется учет внешних ссылок на сайт
5.3.2. Важность ссылок (индекс цитируемости)
5.3.3. Ссылочный текст
5.3.4. Релевантность ссылающихся страниц
5.3.5. Google PageRank
5.3.6. ТИЦ и ВИЦ в Yandex
5.4. Ошибки и «черные» методы SEO
5.4.1. Распространенные ошибки
5.4.2. Черные технологи
5.5. Тест
5.6. Задания для самостоятельной работы
Тезаурус
Словарь тегов
Литература

Все отзывы о книге Основы web-дизайна. Методика проектирования

Чтобы оставить отзыв, зарегистрируйтесь или войдите

Отрывок из книги Основы web-дизайна. Методика проектирования

18 разрыва строки <br>. Он заставляет программу просмотра выводить стоящие после него символы с начала новой строки. В отличие от тэга абзаца, он не добавляет пустую строку. Не имеет закрывающего тэга. Пример: <html> <head> <title>Перевод строки</title> </head> <body> Для того чтобы перейти на следующую строку в любом нужном вам месте текущей строки, в html существует тэг разрыва строки.<br> Он заставляет программу просмотра выводить стоящие после него символы с начала новой строки.<br> Текст, заключенный между тэгами <nobr> и </nobr>, будет га-рантированно располагаться в одной строке без переноса на другую. </body> </html> Результат: Рис. 5 Бывают случаи, когда необходимо запретить перевод строки. Это выполняется с помощью тега <nobr> Текст, заклю-ченный между тэгами <nobr> и </nobr>, будет гарантированно располагаться в одной строке. При необходимости можно предложить браузеру альтер-нативное место перевода строки при помощи тэга <wbr> («мягкий» перевод строки). Эта инструкция будет выполнена только, если браузер не сможет вывести фразу одной строкой в пределах окна.