4. Загрузка новых файлов на сервер.

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

1. Войти в Интернет и загрузить начальную страницу www.narod.ru. В результате на экране появится страница, фрагмент которой показан на рис.4.1.

Рис.4.1. Начальная страница сайта загрузки файлов

2. Щелкнуть по ссылке Мастерская, в результате появится страница, содержащая следующие компоненты(рис.4.2.)

Рис.4.2. Окно для выбора режим загрузки файлоа на сайт

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

Рис.4.3. Окно для выбора файлов для загрузки.

Для загрузки очередной страницы нужно щелкнуть по кнопке Обзор. В появившемся стандартном окне найти папку и выбрать загружаемый файл (рис.3.9).

После выбора всех файлов с помощью диалогового окна, необходимо щелкнуть по кнопке Загрузить файлы.

5. Задания для самостоятельной работы.

Задание 1. Составить HTML-документ, на странице которого формируется следующий текст.

H1 - это заголовок 1-го уровня

H2 - это заголовок 2-го уровня

H3 - это заголовок 3-го уровня

H4 - это заголовок 4-го уровня

H5 - это заголовок 5-го уровня

H6 - это заголовок 6-го уровня

Для выполнения данного задания нужно определить , в какой последовательности использовать в HTML-документе тэг Н.

Задание 2. Сформировать HTML-документ, в котором формируется таблица следующей структуры.

Простая таблица с заголовками
Наименование	А	Б	В
Один	1	2	3
Два	2	4	6
Три	3	6	9
Итого	6	12	18

При выполнении данного задания нужно использовать тэг TABLE и его параметры COLSPAN, с помощью которых можно объединять несколько колонок таблицы в одну.

Задание 3. Сформировать HTML-документ, в котором формируется таблица следующей структуры.

1	Объединены 2 строки	3
4		Фамилия
Объединены 3 колонки

При выполнении данного задания нужно использовать тэг TABLE и его параметры ROWSPAN, с помощью которых можно объединять несколько строк в одну.

Задание 4. Создать форму со следующими элементами:

Начало формы

Исходная строка: строка 1 для ввода текста Найти: строка 2 для ввода текста Заменить на:

Для выполнения данного задания нужно использовать форму: FORM, внутри которой использовать тэг INPUT и его параметр TYPE =”text”.

Задание 5. Используя свойства таблицы стилей сформируйте следующее содержание в HTML-документа.

Конец формы

Красный шрифт

Красный шрифт на синем фоне

Эта строка оформлена с помощью тэга Р (параграф)

Для выполнения данного задания нужно использовать тэг FONT и его параметры.

Можно использовать параметр STYLE и набор его свойств.

Задание 6. Сформировать таблицу следующей структуру.

Простая структура таблицы
Петя	Вася	Дима
Даша	Маша	Глаша
Гена	Олег	Саша

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

Задание 7. Составьте HTML-код формирования следующего списка-определений

CSS

Каскадные таблицы стилей

DHTML

Динамический HTML

HTML

Язык гипертекстовой разметки

Для выполнения данного задания нужно использовать тэги DD, DL.

Задание 8. Составьте HTML-код, реализующий следующий

вложенный список.

• Первый элемент ненумерованного списка.

• Второй элемент ненумерованного списка

  1. Первый элемент вложенного нумерованного списка.

  2. Вторая элемент вложенного списка.

• Третий элемент ненумерованного списка.

Для выполнения данного задания нужно использовать тэг UL, и его параметр TYPE, с помощью которого определяется тип маркерного знака: черная точка, квадрат, окружность (disk, circle и др.)

Задание 9. Составьте HTML-документ, в котором используются

следующие ссылки:

Эта ссылка открывает список студентов

Эта ссылка открывает список преподавателей Эта ссылка открывает список дисциплин

Для выполнения данного задания нужно использовать тэг А (ссылка).

Задание 10. Составьте документ, содержащий следующую

форму:

Какое запоминающее устройство вы хотите получить?

CD DVD другое

Для выполнения задания на форме (FORM) используется тэг INPUT с параметром radio.

Задание 11. Создать HTML-документ, который делит экран

следующие фреймы (кадры):

Для выполнения задания нужно использовать тэг формирования фреймовой структуры frameset, frame и параметры cols, rows.

Задание 12. Составьте на странице сайта HTML-код, реализующий следующий раскрывающийся список .

Для выполнения задания нужно использовать тэги select и option.