КНИГИ · ЖУРНАЛЫ
НАШ ОПРОС

Какую категорию следует пополнять чаще?

Компьютерные
Военное дело
Журналы
Железо ПК
Для дома
Школа,ВУЗ
Человек
СВЯЗЬ
Электроника
В мире SOFTа (новости)
Образы дисков
Механика
Авто-мото

 
Web-дизайн (Webdesign) дистанционный курс в 10 уроках + задания + тесты


Web-дизайн (Webdesign) дистанционный курс в 10 уроках

Web-дизайн представляет собой деятельность по созданию Web-страниц и Web-сайтов.
Начать изучение основных Интернет-технологий необходимо с уточнения формулировки трех основных понятий Web-дизайна: Web-страница, Web-сайт и Web-сервер.
Web-страница - документ, снабженный уникальным адресом, который можно открыть и посмотреть с помощью программы просмотра (броузера). Как правило, это мультимедийные документы, включающие текст, графику, звук, видео или анимацию, гиперссылки на другие документы.
Web-сайт - совокупность web-страниц, объединенных по смыслу и навигационно.
Web-сервер - компьютер, подключенный к сети, или выполняющаяся на нем программа, предоставляющие клиентам доступ к общим ресурсам и управляющие этими ресурсами. Web-серверы предназначенны для представления взаимосвязанной мультимедийной информации и содержимого баз данных; на Web-серверах хранятся Web-страницы и Web-сайты.


1 - й урок:

• Введение. Основные понятия Web-дизайна
• Языки разметки: HTML, XML, XHTML, WML
• Язык гипертекстовой разметки HTML

* Структура HTML-страницы
* Теги и атрибуты

• Языки сценариев. Технология "клиент-сервер"

• Обзор инструментальных средств для Web-дизайна

* Web-редакторы: Macromedia Dreamweaver, Microsoft FrontPage, Adobe GoLive
* Графические редакторы: Adobe Photoshop + Image Ready, Macromedia Fireworks
* Вспомогательные инструментальные средства

• Технология Flash. Обзор

2 - й урок:

• Создание нового сайта в Dreamweaver. Палитра Files

• Размещение и форматирование текстовой информации на Web-странице

* Средства языка HTML для представления текстовой информации на Web-странице
* Форматирование текста в программе Macromedia Dreamweaver MX
* Основные понятия типографии
* Правила составления текста для размещения на Web-странице

• Организация гиперссылок. Виды гиперссылок

* Внутридокументные ссылки
* Ссылки между документами
* Абсолютный и относительный пути
* Ссылки на e-mail, сценарии, пустые ссылки


3 - й урок:

• Web-графика. Типы изображений и форматы графических файлов

* Форматы GIF и JPEG

• Работа с графической информацией в Dreamweaver MX.

* Вставка изображения на Web-страницу.
* Настройка свойств изображения с помощью палитры свойств.
* Установка внешнего графического редактора.
* Фоновая графика.

• Изображения Rollover

• GIF-анимация

• Изображения-карты

4 - й урок:

• Структура таблицы в HTML

• Работа с таблицами средствами Macromedia Dreamweaver

• Изменение свойств таблицы

• Работа с отдельными ячейками таблицы

* Форматирование текста в ячейке
* Деление и объединение ячеек
* Добавление новых ячеек в таблицу

• Таблицы как технология верстки Web-страниц

• Шаблоны

* Создание шаблона
* Назначение редактируемой области
* Создание страницы на основе шаблона


5 - й урок:

Часть 1. Фреймы

• Фреймовая структура Web-сайта

• Создание фреймовой структуры в HTML

• Создание фреймов в Dreamweaver

• Настройка свойств фрейма

• Свойства набора фреймов

• Определение размеров фрейма

• Управление содержимым фрейма с помощью ссылок

• Сохранение фрейма и набора фреймов

Часть 2. Публикация Web-сайта в Интернете и регистрация его в поисковых системах и тематических каталогах

• Выбор адреса

• Что необходимо узнать у провайдера

• Передача файлов сайта на сервер с помощью Dreamweaver

• Регистрация сайта в поисковых системах и каталогах

• Подготовка страницы к регистрации



6 - й урок:

• Технология CSS (Каскадных таблиц стилей)

• Основные понятия: селекторы, правила, свойства элементов

* Классовые селекторы
* id-селекторы
* Контекстные селекторы
* Псевдо-классы

• Работа с CSS в Macromedia Dreamweaver MX

* Создание каскадной таблицы стилей
* Палитра CSS Styles
* Присоединение внешней таблицы стилей к web-странице

• О статических фильтрах


7 - й урок:

• Назначение интерактивных эффектов на Web-страницах

• Создание интерактивных эффектов в Macromedia Dreamweaver

* Палитра Behaviors
* Действия (actions), поставляемые с Dreamweaver
* Виды стандартных событий

• Java-апплеты. Вставка Java-апплетов на Web-страницу

8 - й урок:


• Навигационная панель

• Меню перехода

• Вставка javascript-кода в html-код страницы


9 - й урок:

• Использование HTML-форм на Web-странице

• Вставка различных элементов управления на форму и их свойства

* Form - html-форма
* Text Field - текстовое поле
* Button - кнопка
* Check Box - флажок
* Radio Button - переключатель
* List/menu - список/меню

• Способы отправки данных серверу

• Язык серверных сценариев PHP

• Отправка данных, введенных в форму на e-mail

• Технология SSI (Server-Side Include). Создание новостной ленты


10 - й урок:

• Интерфейс программы Macromedia Flash MX

• Основные понятия анимации

• Палитра Timelines (временная шкала)

• Обзор палитры инструментов

• Символы: ролики, кнопки, изображения

• Палитра Actions. Интерактивные эффекты


Введение. Основные понятия Web-дизайна

Web-дизайн представляет собой деятельность по созданию Web-страниц и Web-сайтов.

Начать изучение основных Интернет-технологий необходимо с уточнения формулировки трех основных понятий Web-дизайна: Web-страница, Web-сайт и Web-сервер.

Web-страница - документ, снабженный уникальным адресом, который можно открыть и посмотреть с помощью программы просмотра (броузера). Как правило, это мультимедийные документы, включающие текст, графику, звук, видео или анимацию, гиперссылки на другие документы.

Web-сайт - совокупность web-страниц, объединенных по смыслу и навигационно.

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

Мы имеем возможность просматривать Web-страницы благодаря специальному сервису (службе) сети Интернет, называемой WWW (World Wide Web).

World Wide Web (WWW, Всемирная паутина) – это наиболее популярный вид информационных услуг Internet, основанный на архитектуре клиент-сервер.

Web-дизайн - это смесь искусства и науки, вдохновения и кропотливой работы. Web-дизайн охватывает множество аспектов. То, как реализованы механизмы, работающие за сценой, так же важно, как и внешнее представление на экране. Удобство работы и практичность сейчас являются основной заботой. Передовые дизайнеры сайтов должны осознать эту тенденцию и стремиться лучше понять среду Web и ее пользователей.

Словарь

Гипертекст - hypertext - документ, содержащий ссылки на блоки текста внутри самого документа или на другие документы.

Гиперссылка - hyperlink - выделенный объект (текст или изображение) вэб-страницы, устанавливающий связь с другим объектом. Позволяет переходить к другому объекту в среде WWW.

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

Web-сайт - web site - совокупность вэб-страниц, объединенных по смыслу и навигационно.

Сервер - server - объект, предоставляющий сервис другим объектам по их запросам. В Интернете - компьютер, подключенный к сети, или выполняющаяся на нем программа, предоставляющие клиентам доступ к общим ресурсам и управляющие этими ресурсами. Наиболее важными типами серверов являются:

* серверы WWW, предназначенные для представления взаимосвязанной мультимедийной информации и содержимого баз данных;
* серверы электронной почты;
* серверы FTP, предназначенные для обмена файлами;
* серверы общения в реальном времени (чаты);
* серверы, обеспечивающие работу Интернет-телефонии;
* системы трансляции радио и видео через Интернет.

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

Атрибут - компонент html-тега, который предоставляет дополнительную информацию об объекте (например, задает высоту или цвет).

Язык сценариев - язык программирования, например javascript или Php, используемый для создания интерактивных эффектов на Web-страницах.

Интерактивный эффект - реакция страницы на действия пользователя. Например, на передвижение указателя мыши или щелчок над объектом.

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

Серверные сценарии - программный код, располагающийся и выполняющийся на сервере. Компьютер-клиент (броузер) получает лишь результат его выполнения в качестве новой Web-страницы.

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

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

Броузер - browser - программа навигации и просмотра вэб-ресурсов. Позволяет запрашивать, получать с сервера и отображать Web-страницы. Обычно в комплекте с браузерами поставляются почтовые программы, средства работы с серверами новостей и средства общения в реальном времени.

Язык ActionScript - язык программирования, реализованный в программе Macromedia Flash. Используется для назначения интерактивных эффектов в flash-ролике.

  • Формат: html
  • Размер в архиве: 6,06 Мб.
  • Язык: Русский
  • Пароль к архиву: http://www.box-m.info
  • Ссылки:
  • Внимание! У вас нет прав для просмотра скрытого текста.
Комментарии: 0 | Просмотров: 2235
Рейтинг: ок 0 no
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.