Б1.В.ОД.7 Языки разметки сетевого контента Цели и задачи

Б1.В.ОД.7 Языки разметки сетевого контента
Цели и задачи изучения дисциплины
Целью курса «Языки разметки сетевого контента» является изучение студентами
основных закономерностей и современных тенденций развития компьютерных языков
разметки применительно к содержимому сетевых ресурсов Интернет, получение
студентами умений и навыков в рамках общекультурных и профессиональных
компетенций по направлению подготовки Б1.В.ОД.7 (степень "бакалавр"),
обеспечивающих успешную деятельность в данной области современных IT-технологий.
Задачи.
1. Изучить основные понятия, методы, цели и задачи языков разметки сетевого контента.
2. Уметь определять и/или понимать поставленные задачи перед разметчиком
(верстальщиком) сетевого контента и в зависимости от этого составлять соответсвующий
план разметки сетевого контента, осуществить поуровневое проектирование web-ресурса
и написать его код на одном из подходящих компьютерных языков разметки
Требования к результатам обучения
Процесс изучения дисциплины направлен на формирование следующих компетенций:
ОПК-3: способностью использовать основные законы естественнонаучных дисциплин и
современные информационно-коммуникационные технологии в профессиональной
деятельности;
ОПК-4: способностью решать стандартные задачи профессиональной деятельности на
основе информационной и библиографической культуры с применением информационнокоммуникационных технологий и с учетом основных требований информационной
безопасности;
: способность разрабатывать, внедрять и адаптировать прикладное программное
обеспечение;
ПК-12: способность проводить тестирование компонентов программного обеспечения
ИС.
В результате изучения дисциплины студент должен
знать:
1) основные понятия сетевого информационного обмена;
2) кодирование основных видов информации в Web;
3) форматы графической и текстовой информации, используемой в Интернет;
4) системы счисления, применяемые в Интернет;
5) компьютерные языки разметки HTML и XHTML;
6) каскадные таблицы стилей CSS;
7) основные технологии символьного и текстового форматирования;
8) стили выделения текста;
9) основы табличного и CSS-позиционирования элементов Web-страниц;
10) основы продвижения (раскрутки) рекламного Web-ресурса;
уметь:
1) спроектировать рекламный Web-ресурс;
2) произвести кодирование ресурса согласно созданному проекту;
3) изготовить и оптимизировать для Web графические элементы сайта;
4) произвести лингво-статистический анализ текстового контента сетевого
ресурса;
владеть:
1) основами проектирования рекламного сетевого ресурса;
2) навыком осуществить верстку страниц рекламного ресурса;
3) навыком осуществить публикацию подготовленных документов в сети
Интернет;
навыком провести мероприятия по начальному продвижению (раскрутке) сетевого
рекламного продукта.
Объем дисциплины и виды учебной работы
Вид учебной работы
Всего
часов /
зачетных
единиц
Аудиторные занятия (всего)
108/3
В том числе:
Семестры
2
3
54
54
-
-
-
Лекции
36
18
18
Практические занятия (ПЗ)
72
36
36
36/1
18
18
Теоретическая подготовка к практическому занятию
(повторение пройденного)
9
3
5
Подготовка домашних проектов
9
3
5
Подготовка к тестированию по разделу (2 сем.)
9
6
4
Графические работы для контента сайта
9
6
4
Подготовка к экзамену
36/1
Семинары (С)
Лабораторные работы (ЛР)
Самостоятельная работа (всего)
В том числе:
Вид промежуточной аттестации (зачет, экзамен)
36
Зач.
Экз.
36
Контактная работа
Общая трудоемкость
111
часы
зачетные единицы
180
72
108
5
2
3
Краткая характеристика содержания учебной дисциплины:
-
Раздел 1. Службы Интернет.
1. Введение в сетевые коммуникации
Основные понятия сетевых технологий. Информационные технологии в сетевом контенте.
Что необходимо, чтобы создавать и редактировать содержание Web-страницы. Как
работают броузеры. Броузеры различных фирм (Mozilla Firefox, Internet Explorer, Opera и
другие). Взаимодействие сервер-клиент в сетевых коммуникациях. Популярные
серверные программы Apache, MS Internet Information service/server и другие.
Программное обеспечение Web-мастера. Наиболее популярные языки разметки. Краткая
история создания HTML.
2. Адресация в сети Интернет. IP-адрес. Система доменных имен DNS.
Идентификация всех компьютеров в сети. Четырехбитовый номер, присваиваемый
каждому участнику сети. Форма записи четырехбитового номера и его название. Взаимно
однозначное соответствие IP-адреса компьютера и его доменного имени. Принципы
формирования символьных имен доменов первого, второго и третьего доменов.
3. Электронная почта. Назначение протоколов РОРЗ и SMTP.
Сетевое имя (login) и пароль (password) пользователя. Основные принципы
использования e-mail рассылок для продвижения продукта в сети. Служба электронной
почты в Internet. Сервер накопления писем Post Office Protocol v.3 при их получении.
Сервер Simple Mail Transfer Protocol для отправки писем. Анонимные SMTP. Имена этих
протоколов при настройке почтового клиента. Рассылка нежелательной корреспонденции
(спама) при рекламе продукта. Основные правила корректного использования метода
рекламных почтовых рассылок.
Раздел 2. Разметка гипертекста.
4. Язык разметки гипертекста НТМL.
Cтандартный язык разметки документов во Всемирной паутине - HTML (англ. HyperText
Markup Language — «язык разметки гипертекста»). Основные отличия гипертекстового
документа от простого текстового. Обособление управляющих дескрипторов от обычного
текста. Начало и конец дескриптора.
5. Структура документа HTML
Основные элементы разметки HTML. Строка заголовка документа. Голова документа.
Тело документа. Основные свойства тела документа.
6. Структура заголовка документа <head>. Дескриптор < title> и его значение для
рейтинга сайта.
Основное предназначение головы документа head. Рекомендуемая длина строки заголовка
в теге title. Обязательный дескриптор title головы документа. Влияние строки заголовка на
рейтинг сайта в поисковой системе. Значение рейтинга для рекламного сетевого ресурса.
7. Мета-теги со значением атрибута name = author, keywords и description.
Допустимая и рекомендуемая длина поля content.
Указание автора сетевого ресурса. Ключевые слова контента сайта.Указание ключевых
слов сайта в коде html-документа. Краткое описание сетевого ресурса. Связь контента,
ключевых слов и краткого описания документа. Разрешенный и рекомендуемый размер
краткого описания и списка ключевых слов документа.
8. Значение мега-тетов для раскрутки
использования мета-тегов при рекламе продукта.
сайта.
Запрещенные
методы
Корректные и некорректные ключевые слова. Значение ключевых слов при
индексировании сетевого ресурса поисковыми системами. Повторяемость ключевых слов
в контенте сайта. Действия, предпринимаемые поисковыми системами в случае
некорректного использования ключевых слов и краткого описания сетевого ресурса.
Примеры некорректного использования указания ключевых слов.
9. Кодировка кириллицы CP-886 (ДОС), СР-1251 (Windows) и КОИ-8. Уникоды.
Кодирование текста. Таблицы кодов текстовых символов. Количество символов,
кодируемое однобайтовым словом. Международная и национальная части кодовой
таблицы. Кодировка на советстких вычислительных машинах. Кодировка символов
кириллицы, предложенная фирмой Microsoft. Переход к двубайтовому кодорованию возможность расширения кодовой таблицы до 65536 символов. Уникоды utf-8 и utf-16.
Некоторые инструменты, меняющие кодировку документа.
10. Основы разметки текстового контента
Логические» стили. Выравнивание текста и графики по горизонтали. Размер шрифта.
Гарнитура и цвет шрифта. Текст со всплывающими подсказками. «Физические» стили
выделения. «Бегущая строка» в контенте web-страницы. Теги абзаца и перевода строки .
Выделение цитат . Разделительные полосы. Списки. Списки определений (словарные
списки). Специальные и зарезервированные символы. Текст заранее заданного формата.
11. Графика
«Прозрачная» графика. Фоновая графика. Выравнивание текста и иллюстраций. Поля
вокруг иллюстраций. Как отменить обтекание графики текстом. Размер графического
изображения. Подмена графики текстом для неграфических броузеров.
12. Подготовка графики к опубликованию в Интернет. Оптимизация. Пакет
GIMP.
GNU Image Manipulation Program (GIMP) — растровый графический редактор для
операционных систем Linux. Возможность установки GIMP в операционной системе MS
Windows. Лицензия GIMP. Обработка цифровых фотографий с помощью GIMP.
Оптимизация изображений для опубликования их в сети Интернет.
13. Гиперссылки
Текстовые ссылки. Задание цветов фона, текста и ссылок. Графические ссылки.
Обрамление графических ссылок . Протокол FTP и электронная почта. Ссылки в пределах
одного документа. Абсолютный и относительный путь поиска.
14. Таблицы
Основные элементы таблиц . Составные ячейки. Регулировка ширины таблицы и ячеек.
Выравнивание в таблицах. Запрет перехода текста на новую строку. Оформление таблиц.
Цветовой дизайн рамок.
15. Медиа в сетевом контенте
Фоновый звук. Вспомогательные приложения: звук и видео. Воспроизведение видео на
web-странице.
16. Скрипты и апплеты
Скрипт-программы в документах HTML. Внешние приложения, Java-апплеты. Plug-in использование встроенных расширений. Изображения-карты, поддерживаемые сервером.
Изображения-карты, поддерживаемые броузером. Понятие о сценариях.
17. Фреймы
Что такое фреймы и как они работают Основные элементы программирования фреймов
Управление раскладкой фреймов Ссылки, содержащие указания на фреймы
17. Формы
Что такое форма. Как работают формы. Основные элементы программирования форм.
Текстовые поля. Текстовые области. Переключатели. Флажки. Раскрывающиеся списки.
Графические кнопки отправки в формах.
18. Язык разметки XHTML.
Отличия XHTML от HTML. Использование для описания дескрипторов только строчных
символов. Закрытие тегов всех элементов. Обязательное использование кавычек при
описании значений атрибутов.
Раздел 3. Каскадные таблицы стилей.
19. Стили
Позиционирование элементов. Статические фильтры. Таблицы стилей в отдельных
файлах.
20. Синтаксис и структура CSS.
Каскадные таблицы стилей. Основной синтаксис определения стилей в html-документе.
Описание свойств элементов и присвоение им значений. Местоположение определений
стилей в сетевых ресурсах. Знаки, используемые при определении стилей.
21. Определение классов и псевдоклассов в CSS. Стилизация ссылок.
Определение стилей документа. Изменение стиля подмножества множества элементов,
определяемого некоторым селектором. Использование точки и звездочки при
определении класса. Правило опускания звездочки в синтаксисе определения класса.
22. Встроенный (inline) метод определения стилей. Атрибут style.
Определение стилей только для элементов, находящихся внутри определенного
дескриптора. Порядок наследования стилей, определенных таким методом. Возможности
детализации определения стилей сетевого ресурса при использовании метода inline.
23. Внедренный (embedded) метод определения стилей. Дескриптор <style> .
Определение стилей, действующих на всем пространстве веб-страницы. Расположение
дескриптора <style> в коде html-документа. Комментарии внутри стилевых таблиц.
Порядок наследования свойств в таблицах стилей, определеных методом embedded.
24. Связанный или внешний (linked or external) метод определения стилей.
Каскадные таблицы стилей, определенные для множества отдельных страниц сайта.
Стилевая целостность сетевого ресурса. Изменение значений свойств элементов,
действующих на всем пространстве сайта. Возможность подключения каскадных
стилевых таблиц с другого сетевого ресурса. Использование тега <link rel='stylesheet'
type='text/css' href='myCSS.css'> и правила
@import : url(myCSS.css);.
25. Дизайн сетевого контента.
Основные виды текстового контента: авторские статьи, авторский текст, копирайтинг,
рерайтинг копипаст и другие. White space - «белое пространство» в дизайне WEB.
Главные (index, main) страницы. Структурирование многостраничных документов
(сайтов). Линейная структура. Нелинейная структура. Навигация. Приемы навигации. Как
и на что обратить внимание пользователя. Комментарии в разметке. Юзабилити.
Тестирование html-документов.
Раздел 4. Публикация и оптимизация документов
26. Регистрация пространства для сайта.
Подготовка документа к публикации в Интернет. Поиск подходящего хостинга в сети.
Выбор доменного имени (DNS) сайта, благозвучность имени при произнесении его вслух.
Процесс регистрации пространства для публикации сайта.
27. Публикация документов в Сети
Публикация документов в Сети. Перекачка файлов на сервер. Публикация сайта с
помощью севого интерфейса, предоставляемого сервером. Публикация с помощью файлменеджера, установленного на компьютере клиента. Проверка и обновление сайта.
28. Некоторые приемы сетевой оптимизации контента
Ключевые слова и описание ресурса. Роль заголовков, подписей к рисункам и других
надписей в оптимизации сетевого контента. Выделение и оптимизация семантического
ядра контента сайта
Форма промежуточной аттестации: диф.зачет, экзамен
Разработчик: к.х.н. доцент кафедры естественнонаучных дисциплин Г.К. Балахчи