Занятия в МЦ / 1 занятие

Программа 1-го занятия

  1. Перечень рекомендуемых программ для работы.
  • Adobe Photoshop
  • phpDesigner
  • FileZilla
  • Браузеры для просмотра результатов
  1. HTML

HTML (HyperText Markup Language, язык разметки гипертекста) — это система верстки, которая определяет, как и какие элементы должны располагаться на веб-странице. Информация на сайте, способ ее представления и оформления зависят исключительно от разработчика и тех целей, которые он перед собой ставит.

  1. Дизайн

веб-дизайн — это не знание языка разметки документов HTML и не умение работать с графическими редакторами. Да, все это тоже необходимо, однако далеко не достаточно для того, чтобы создать сайт.

Дизайн, и, в частности, веб-дизайн — это проектирование практичной, удобной, визуально привлекательной системы. Англоязычные разработчики используют термин «usability» — целая наука, которая рассказывает, как разрабатывается дизайн, ориентированный на пользователя — понятный и удобный. В русском языке однозначно сложно подобрать термин, используется слово «эргономика» — наиболее соответствующий английскому «юзабилити».

  1. Сайт

Сайт — это система связанных между собой гипертекстовых документов, оформленных веб-дизайнером с учетом целей и задач проекта и соблюдением всех требований usability. Каждый документ имеет определенную структуру — заголовки и завершение документа, благодаря которым может быть отображен в браузере, содержит информацию в теле документа и оформление в рамках утвержденного дизайна. Переход от одного документа к другому осуществляется посредством гиперссылок.

возьмите карандаш и лист формата A4. Разверните лист горизонтально — в таком виде он больше соответствует пропорциям экрана. Представьте, что все объекты, которые планируется разместить на странице (как правило дизайнеры начинают моделировать главную страницу сайта, остальные страницы — адаптированы к дизайну первой) — это модули. В простейшем случае вы их можете рисовать схематическими прямоугольниками.

Итак — какие модули должны присутствовать на главной странице сайта?

Рассмотрим самый типичный вариант для среднего сайта средней фирмы или не самый «запущенный» вариант авторской страницы.

  • Название (сайта или организации)
  • Логотип (или любой графический знак, который уникальным образом идентифицирует проект или организацию)
  • Навигационное меню (в простейшем случае это один блок, однако, как мы рассмотрим на следующих занятиях, их может быть несколько в рамках одного проекта и одной страницы проекта).
  • Данные. Собственно содержание первой страницы.
  • Второстепенные данные. Это может быть графический баннер партнерского проекта или текстовая информация о спонсорах…

Вы получили ряд прямоугольников, которые требуется разместить на странице (экране). Конечно же, перед тем, как приступить к разработке, даже опытные дизайнеры обязательно уделяют время «серфингу» по интернету, наблюдают варианты уже реализованных решений, а новичку опыт «хождения и наблюдения» просто необходим…

Задания :

  1. На сайте  htmlbook.ru в разделе HTML находим Самоучитель HTML  и внимательно читаем главу  Введение в HTML все практические задания из введения выполняем и сохраняем в специально созданной папке для наших занятий.
  2. Выбрать тематику для своего будущего сайта и попробовать на листе A4  сделать набросок главной страницы
© Pirania Laboratory. Мы работаем с 2005 года.