Лекция №1.

Лекции по дисциплине

«Телекоммуникационные и компьютерные технологии в СО»

Определение Web-дизайна

  1. Web-дизайн — это процесс создания художественного произведения, размещаемого в качестве ресурса всемирной информационной сети Интернет.

2. Будучи творческим процессом, он отражает способности автора, и в то же время не имеет ограничений в средствах его самовыражения.

Инструментарий Web-дизайна

  1. Среда разработки документов HTML
  2. Редактор векторной графики
  3. Редактор растровой графики
  4. Обозреватели IE 4.0 или выше и Netscape Navigator версии 4.01 или выше
  5. Программа GIF анимации
  6. Программы оптимизации растровых изображений
  7. Программа фрагментатор графики

Основные положения

  1. Отображение сайта для экранного разрешения 1280х1024
    с цветовой палитрой 256 цветов.
  2. Максимально возможное число графических элементов в формате GIF (минимум JPG)
  3. Идентичное отображение в различных обозревателях (IE 4, NN 4)
  4. Минимизация объема файлов страниц и изображений
  5. Элементы навигации по сайту всегда должны быть доступны, в том числе при отображении только текста страницы
  6. Исполнение страниц в едином стилевом решении
  7. Применение корректных цветовых схем
    (не более трех разных цветов)
  8. Использование не более трех различных шрифтов на странице

Структура Web-сайта

  1. Стартовая страница
  2. Расширения файлов страниц .html
  3. Папки для графики
  4. Имена папок и файлов в строчном регистре латинскими буквами
  5. Документирование обновления страниц

Логическая структура, Физическая структура, Динамическая и статическая компоновка Web-сайта

  1. Статическая компоновка страницы позволяет добиться идентичности ее отображения во всех обозревателях, но оставляет пустое поле при высоком разрешении экрана компьютера.

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

Компоновка Web-страницы

  1. Левое позиционирование элементов навигации
  2. Правое позиционирование элементов навигации
  3. Верхнее позиционирование элементов навигации

6. Смешанная компоновка

Структура документа HTML, Типы тегов, Обязательные теги HTML, HTML код, Теги абзаца в HTML, Теги выравнивания в HTML, Теги переноса в HTML, Теги начертания в HTML

Графические форматы в Интернет

  1. GIF – Graphic Intergange Format
  2. JPEG – Joint Photographic Expert Group
  3. PNG – Portable Network Graphics

GIF – анимация

  1. Ulead GIF Animator
  2. Jasc Animation Shop
  3. Adobe ImageReady
  4. Macromedia Flash
  5. Corel R.A.V.E.
  6. GIF Movie Gear

Фреймы

  1. способ организации логических разделов на странице
  2. каждый раздел отображает отдельную страницу
  3. переход на новую страницу происходит только в одном из разделов

Каскадные таблицы стилей. Задавая свойства стиля в файле .css, подключают этот файл к html-документу, заставляя клиентский броузер считывать значения параметров каждого компонента. Web-страницы из файла стиля. Возможность подключить один и тот же файл к разным html-документам позволяет отказаться от необходимости назначения свойств каждого конкретного объекта.