Веб-дизайн(вопросы)

ВОПРОСЫ для подготовки К ЭКЗАМЕНУ

Форматы графических файлов в Internet. Способы уменьшения объема файла.
Графика и анимация в Internet. Создание анимационных файлов с помощью GIF-аниматора.
Эволюция HTML  языка гипертекстовой разметки.
Организация папок, структурирование и публикация Web-документов.
Разметка текста, форматирование заголовков, абзацев и списков в HTML-документах.
Форматирование символов и специальные символы в HTML-документах.
Включение и редактирование таблиц в HTML-документах.
Позиционирование и управление размером изображений на Web-странице.
Управление фоном и передним планом Web-страницы.
Создание текстовых и графических, локальных и удаленных гиперссылок.
Создание изображения  чувствительной карты.
Включение звуковых и видео-файлов в Web-страницу.
Способы увеличения производительности Web-клиента при работе с объектами мультимедиа.
Разработка простого макета страницы и линейной системы навигации. Ис-пользование шаблонов (templates) в DreamWeaver: создание шаблонов, применение к готовым страницам, модификация шаблонов.
Принципы построения системы навигации.
Создание фреймовой структуры документов. Реализация Web-сайта на слоях.
Форматирование страниц с помощью языка иерархических стилевых спецификаций, использование каскадных таблиц стилей CSS.
Встраивание таблиц стилей в документ. Свойства CSS для шрифтов и текста. Свойства CSS для полей, отступов и границ. Свойства CSS для фона и цвета.
Встраивание форм в HTML-документ. Предназначение, принципы действия, компоненты.
Создание кнопок, имитация различных состояний кнопки.
Создание фоновых иллюстраций. Техника создания бесшовных узоров в программах Adobe PhotoShop и Adobe ImageReady. “Нарезка” изображений на фрагменты в программе Adobe ImageReady. Оптимизация фрагментов изображений.
Создание динамических элементов интерфейса. Язык сценариев JavaScript, встраивание скриптов в документ. Программирование сценариев в Macromedia DreamWeaver.
Назначение палитр Behaviors и TimeLine. Управление параметрами элементов в DreamWeaver. Обработка событий. Типовые операции (модальные окна, открытие новых окон и управление ими), управление видимостью и содержанием слоев.
Размещение сайта.
Сценарии JavaScript и DHTML
Web-cерверы. Пассивные и активные web-cерверы. Основы клиент-серверного взаимодействия.
Обзор технологий серверного интернет-программирования (CGI/Perl, PHP, ASP, SSI и др.), их поддержка различными операционными системами и web-серверами.
Основы работы с базами данных в интернет-приложениях. Обзор типичных интернет-технологий баз данных.
XML: стандарты, области применения, связанные технологии и возможности.













































Задание № 1.
Создайте новую HTML-страницу.
Создайте заголовок первого уровня (тег 

) и «отцентрируйте» его.
Создайте маркированный (
) и нумерованный (
) списки.
Создайте гипертекстовую ссылку (тег   ) с последнего пункта нумерованного списка.
Задание № 2.
Поместите изображение на страницу (тег  ).
Сделайте размещенное изображение ссылкой (тег   ).
Еще раз разместите это же изображение на странице, и также сделайте его гипертекстовой ссылкой. Добейтесь, чтобы рамка вокруг изображения не была видна. Отцентрируйте изображение и текст под ним.
Сделайте задний фон страницы светло-желтым __ (#FFFFD9),  цвет непосещенных ссылок – красным __ (#FF0000),  посещенных – синим __ (#0000FF).
В нумерованном списке текст пункта 4 сделайте жирным (теги   и   ),  а пункта 5 - курсивным (наклонным) (теги   и   ).
Задание № 3.
Создайте три Web-страницы. Первая страница будет домашней, поэтому переименуйте её в index.html (ещё одно допустимое название –default.html).
Создайте домашнюю страницу, назвав её «Рабочее место Web–мастера». Эта страница обязательно должна содержать ссылки на две другие страницы, посвящённые Html-редакторам и графическим редакторам.
Вторая страница посвящена HTML редактору Macromedia Home Site 5. На этой странице есть следующие ссылки:
Две ссылки на Интернет-сайты производителей Macromedia Home Site 5 (http://www.macromedia.com/ и http://www.allaire.com).
Ссылка-рисунок, при нажатии на которую в браузер загружается картинка с изображением интерфейса программы (картинка загружается в отдельном окне: target="blank").
Ссылка для возвращения на домашнюю страницу.
 
На третьей странице рассказывается о размещении изображениях на страницах. Третья страница содержит:
Cсылку-рисунок, при нажатии на которую в браузер загружается картинка с изображением интерфейса программы Adobe Photoshop (картинка загружается в отдельном окне: target="blank")
Cсылку на домашнюю страницу.

Задание № 4.
Создайте новую HTML-страницу.
Создайте новую Web-страницу. Разместите на странице таблицу из 5 рядов и 5 колонок. Выполните объединение ячеек таблицы, как показано на рисунке

Объединение ячеек таблицы:
 
 
 


 


 
 
 

 
 

 

 






Сохраните страницу в личной папке в файл table3.html

Задание № 5.
Создайте новую HTML-страницу.
Создайте новую Web-страницу. Разместите на странице таблицу. Выровняйте таблицу по центру страницы. Цвет заднего фона таблицы = "#E2E2E2". Ширина таблицы = 500 пикселей. Расстояние между границей ячейки и ее содержимым = 15 пикселей. Толщина границы = 5 пикселей, цвет границы = "#008000 Цвет второго ряда таблицы = #FFFFCA" Цвет ячейки 3 = "#FFCACA", цвет ячейки 5 = "#ECFFEC" (см. рисунок).

Форматирование заднего фона таблиц, рядов и ячеек:
1
2
3

4
5
6

7
8
9



Сохраните страницу в личной папке в файл table2.html

Задание № 6.
Создайте новую HTML-страницу.
Создайте новую Web-страницу. Разместите на странице таблицу. Ширина таблицы = 90%, высота = 600 пикселей. Высота рядов = 200 пикселей. Ширина колонок = 30% Выполните форматирование текста в таблице, как показано на рисунке.

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

По горизонтали: - по центру; По вертикали: - вверху.
По горизонтали: - по центру; По вертикали: - по центру.
По горизонтали: - по центру; По вертикали: - внизу.

По горизонтали: - справа; По вертикали: - вверху.
По горизонтали: - справа; По вертикали: - по центру.
По горизонтали: - справа; По вертикали: - внизу.



Сохраните страницу в личной папке в файл table1.html

Задание № 7.
Создайте сайт, посвящённый какой-либо теме (например, каталог чего-либо) и содержащий фреймовую структуру из трёх фреймов. В одном их фреймов поместите навигацию, а в самый большой фрейм загружайте 4-5 станиц по ссылкам. Необходимые изображения возьмите в сетевой папке Картинки.
Сохраните сайт в отдельной папке

Задание № 8.
Создайте новую HTML-страницу.
Создайте форму с использованием и без использования тэга переноса строки.


Начало формы
Форма без использования тэга

Имя: Адрес электронной почты: Пароль: 

Форма с тэгом

Имя:  Адрес электронной почты:  Пароль:  
Конец формы

Сохраните страницу в личной папке в файл form1.html

Задание № 9.
Создайте новую HTML-страницу.
Создайте форму с использованием в качестве разделителя тэга, создающего горизонтальную линию.
Начало формы
Форма, разделённая горизонтальной линией
Введите тему сообщения:

Введите текст самого сообщения:

Укажите почтовый адрес: nic  

Введите пароль:

 
Конец формы

Сохраните страницу в личной папке в файл form2.html

Задание № 10.
Создайте новую HTML-страницу.
Создайте форму с использованием таблиц для выравнивания формы.
Использование таблиц
Начало формы
Имя:


eMail:


Пароль:


Город:


Улица:



 

Конец формы

Сохраните страницу в личной папке в файл form4.html




Root Entry!р Ћъ*\G{000204EF-0000-0000-C000-000000000046}#4.0#9#C:\PROGRA~2\COMMON~1\MICROS~1\VBA\VBA6\VBE6.DLL#Visual Basic For Applications*\G{00020905-0000-0000-C000-000000000046}#8.4#0#C:\Program Files (x86)\Microsoft Office\Office12\MSWORD.OL
·


Приложенные файлы

  • doc 8850684
    Размер файла: 148 kB Загрузок: 1

Добавить комментарий