Веб-дизайн и интернет-программирование. Лекция № 1

Веб-дизайн и интернет-программирование. Лекция № 1
Веб-дизайн и интернет-программирование. Лекция № 1

Сущность и задачи веб-дизайна.

Разработка сайтов.

Полезные ссылки:

  1. DESIGNONSTOP
  2. HTMLBOOK
  3. дизайн-журнал «Дежурка»
На страницу урока →

Design – схема, набросок; набрасывать, отмечать, маркировать.
ДИЗАЙН:

  • цель, направленность сознания;
  • план в уме того, что будет сделано;
  • план строительства;
  • предварительный набросок чего-либо.
ЭТАПЫ СОЗДАНИЯ САЙТА:

  1. Техническое задание.
  2. Структурирование информации.
  3. Графическое оформление.
  4. Верстка.
  5. Веб-мастеринг.
дизайн
Дизайн — проектная практика, требующая от профессионального мышления органического совмещения образного и системного начал и вносящая в реальность новые социокультурные смыслы.
ОСНОВНЫЕ ПРАВИЛА ВЕБ-ДИЗАЙНА:

  1. Разрешение 640 × 480, 256 цветов.
  2. Различные браузеры.
  3. Минимальный объем.
  4. Навигация.
  5. Единый стиль.
  6. Соответствие содержанию.
  7. Учет целевой аудитории.
  8. Наличие обратной связи.
  9. Не более трех шрифтов.
  10. Отсутствие регистрации.
  11. Корректные цветовые схемы.
ЦВЕТОВЫЕ СХЕМЫ:
colors
СТРУКТУРА СТРАНИЦЫ:

structura

ТЕХНОЛОГИИ СОЗДАНИЯ ВЕБ-СТРАНИЦ

Опубликовано: 09.02.2014 г.

комментариев 11

  1. Юлия Сергеевна Пономарева · 07.02.2015

    Необходимо ответить на вопрос и задать свой по материалу лекции. Вот первый вопрос.

    Что такое параллакс-скроллинг?

  2. Петров Валерий · 24.02.2015

    Параллакс скроллинг — когда фоновые изображения в перспективе двигаются медленнее, чем двигаются элементы, расположенные на переднем плане.

    Что такое адаптивный веб-дизайн?

  3. Ирина Крапивина · 25.02.2015

    Адаптивный веб-дизайн (в английском языке «responsive web design») – это дизайн веб-страниц, обеспечивающий отличное восприятие на различных устройствах, подключенных к Интернету.

    Это значит, что один и тот же сайт можно просматривать на самых разных устройствах, независимо от разрешения и формата экрана, – смартфонах, планшетах, ноутбуках и т.д. При этом просмотр будет одинаково удобен для всех форматов – пользователям мобильных устройств, например, не нужно будет расширять отдельные области сайта, чтобы не промахнуться мимо нужной ссылки.

    Адаптивный дизайн призван сделать веб-страницы и отображение их содержимого соответствующими тому устройству, с которого они просматриваются.

    Вопрос: Классификация сайтов?

  4. Кононов Леонид · 25.02.2015

    Статистические
    Динамические
    Флэш сайты

    Этапы создания сайта?

  5. Дмитрий Бекешев · 13.03.2015

    1) Техническое задание
    2) Структурирование информации
    3) Графическое оформление
    4) Верстка (HTML, CSS, …)

    Все элементы HTML могут быть двух типов. Каких?

  6. Екатерина Шатохина · 14.05.2015

    Статичные и динамические.

    какие технологии динамических веб-страниц существуют?

  7. Минаев Алексей · 28.05.2015

    Клиентские технологии:
    AdobeFlash
    JavaScript
    Серверные технологии:
    PHP
    PERL
    ASP

    Что такое дизайн?

  8. Кузнецов Андрей · 31.05.2015

    Дизайн — проектная практика, требующая от профессионального мышления органического совмещения образного и системного начал и вносящая в реальность новые социокультурные смыслы.
    Структура страницы?

  9. Турсунбой Хибатуллоев · 10.06.2015

    Структура Страницы
    1) Название, Логотип.
    2) Основная навигационная панель .
    3) Основное содержание (70%)
    4) Дополнительная боковая панель (Навигация, ссылки и т.д. )
    5) Обратная связь счетчик посещений.

    Что такое Вертикальный скроллинг ?

  10. Семичкин Максим · 23.06.2015

    Вертикальный скроллинг — форма представления информации, при которой содержимое (текст, изображение) двигается в вертикальном. Таким образом, скроллинг не изменяет содержимое, но передвигает «камеру».

    Что такое Веб-приложение?

  11. Александр Данилко · 23.06.2015

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