Web-технологии и Web-дизайн. Обзорная лекция.

План
 1. 10-лет WWW. (17 мая 2001 г.)   Можно прочитать статью
  •    для чего создавался WWW
  •    во что превратился.
     2. Сервисы Интернет. WWW - самый главный сервис, двигатель Интернета.

     3. HTML - ядро WWW. Чем HTML лучше Word. Множество различных ОС. Различные браузеры.

     4. Дальнейшее развитие HTML. Желание донести информацию в задуманном виде.

     5. Статические и динамические страницы. Примеры. Достоинства и недостатки.

    http://www.agnitum.com
    http://www.minolta.com
    http://www.premvf.ru
    http://www.kinder.ru

     6. Страницы, управляемые на стороне клиента и на стороне сервера.
  •    на стороне клиента: JavaScript, JavaApplet, слои
    http://anfyteam.com
  •    на стороне сервера: CGI, ASP, JavaServlet, PHP http://www.rambler.ru
    http://www.microsoft.com
    7. В web-конструировании должны участвовать 3 персоны:
  • web-дизайнер
  • web-программист
  • web-администратор

    8. Обзор работы web-дизайнера, web-программиста и web-администратора.

    9. Что такое сайт. Проектирование. Навигация. Один сайт - один дизайн. Цели построения сайта.
  •    Сайт Артемия Лебедева

    10. Инструменты работы web-дизайнера. Обзор графических редакторов, форматы. Минимизация графики.
  •    Обзорные статьи о графических редакторах.
  •    Статья посвящена сравнению двух наиболее мощных графических редакторов Corel Draw и Adobe Photoshop.

    11. Инструменты работы web-программиста. От блокнота к FrontPage.
  •    Арахнофилия
  •    1st Page 2000
  •    HomeSite 4.51
  •    DreamWaver
  •    HomeSite 4.51
  • FrontPage

    12. Знание основ HTML - крайне необходимо. Необходимость изучения навыков программирования.

    13. Задачи администратора. Размещение. Настройка внешних программ. Настройка систем безопасности. Техническое обслуживание.

    14. Развитие HTML 4.0. Таблицы, фреймы. Преимущества и недостатки. Улучшенные методы форматирования.

    15. СSS. Преимущества и недостатки
  • Компактность. Большинство элементов Web-страниц повторяются, и каждый раз приходится заново вставлять весь набор тегов,
  • Наглядность. Когда редактируется код Web-страницы, один тег написать и прочесть и проверить проще.
  • Уменьшение числа ошибок.
  • Расширенные возможности верстки.
  • Полный контроль над внешним видом документов.
  • Использование стилей позволяет отделить структуру и содержание документа от его оформления.
  • Возможность определения собственных стилей.
  • Переопределение тегов
  • Выделения таблицы стилей в отдельный файл. Смена дизайна одной редакцией.
  • Несовместимость в браузерах

    16. JavaScript. Упрощенный язык программирования. Управление страницей на стороне клиента.
  •    Пример применения JavaScript #1
  •    Пример JavaScript #2
  •    Практикум по JavaScript

    17. Java

    18. Модули расширения.

    19. FLASH.
  • www.kinder.ru

    20. Обратная связь. Для чего нужен Web-сервер.



    Практические рекомендации
  • проверяйте ваш сайт в нескольких браузерах, не пользуйтесь последними версиями браузеров
  • не используйте новейшие технологии при создании сайта
  • несколько раз проверьте работу всех ссылок
  • не перегружайте сайт графикой
  • не используйте фреймы, если можно обойтись без них
  • не используйте бесплатные и/или общедоступные библиотеки картинок
  • не перегружайте ваш сайт ерундой (баннерами и т.п.)
  • проверяйте грамматику!!!   Сайт посвященный правописанию. Проверка грамматики
  • регулярно обновляйте ваш сайт

    Библиотеки
  •    Библиотека Citforum.ru
  •    Зеркало Citforum.ru в Донецке
  •    Библиотека клуба Web-мастеров.
  •    Web-мастерам.
  •    В помощь начинающим.

    Библиотеки графики и анимации
  •    Библиотека рисунков, тематические подборки
  •    Библиотека рисунков, тематические подборки, поиск!!! по темам и ключевым словам Требует регистрации. Свободное использование 3 дня.
  •    Библиотека рисунков, тематические подборки

    Служба рассылок
  •    Служба рассылок