Смекни!
smekni.com

Untitled Document (стр. 5 из 6)

<html>

<head>

<title> my site</title>

</head>

<body>

<form method="post" action="mailto:info@yandex.ru">

<select name="predmet" size="1">

<option value="математика">математика<br>

<option value="литература"> литература<br>

<option value="физика"> физика<br>

<option value="информатика"> информатика

</form>

</body>

</html>

«Установка звука на страницу»

В предыдущей программе:

1. В голову программы вставить тег

<bgsound src=" blue.kar">

2. после тега <body> вставьте следующий SCRIPT: <SCRIPT language=JavaScript event=EndOfStream(Result) for=MPlyr>

alert("Sound stream ended");

</SCRIPT>

Сохраните изменения в документе form5.htm

Этот документ должен выглядеть так:

<html>

<head>

<title> my site</title>

<bgsound src="blue.kar"></head><body>

<SCRIPT language=JavaScript event=EndOfStream(Result) for=MPlyr>

alert("Sound stream ended");

</SCRIPT>

<form method="post" action="mailto:info@yandex.ru">

<select name="predmet" size="1">

<option value="математика">математика<br>

<option value="литература"> литература<br>

<option value="физика"> физика<br>

<option value="информатика"> информатика

</form>

</body>

</html>

Нужно предварительно положить файл blue.kar в папку, имя музыкального файла может быть другим, расширение может быть .mp3.

16 занятие

«Работа в программе Dreamweaver»

Meню программы похоже на меню программы Word:

· Edit – правка (Undo-отмена действия назад, Redo – отмена действия вперед, повторяются все функции копирования, вырезания, вставки из БО).

· View – вид (можно поставить сетку, разметку страницы и т.д.).

· Insert – вставка (в этом меню можно вставлять картинки, таблица, формы скрипты и т.д.) С этим меню мы много будем работать).

· Modify – установка параметров страницы.

· Text – установка для Вас увеличенного размера шрифты или уменьшенного размера.

В работе часто нужно меню:

· Window – в этом меню можно установить все плавающие панели, которые Вам нужны.

Начинаем работу:

· С самого начала документ надо сохранить:

File – Save as

Появляется диалоговое окно, в котором нужно выбрать место сохранения документа, задать имя документа (маленькими латинскими буквами), расширение уже задано.

Надо помнить, что первая страница, с которой будет загружаться Ваш сайт должна называться index.htm (именно эту страницу роботы искатели ищут для загрузки сайта). Любой сайт начинается с загрузки index.htm страницы.

«Установка параметров страницы»

2. Нужно установить свои параметры страницы по меню – Modify-Page Properties:

открывается плавающее меню Page Properties, в котором:

· Можно сразу указать имя сайта – Title.

· Можно установить фоновый узор страницы – Background Image. Нажатием на кнопку Browse открывается содержимое «Моего компьютера», находите папку, где хранятся подготовленные фоны (эта папка должна быть вложена в папку, где вы создаете свой сайт), выбираете нужный фон и нажимаете на кн. Select (вставить).

· В меню Modify-Page Properties можно установит просто цвет фона страницы, выбрав цвет в палитре Backgroud.

· Установит цвет шрифта, цвет ссылок, цвет посещенных ссылок, цвет активных ссылок. Сохранить изменения.

· В разделе Document Encoding – найти Cyrillic Win-1251(этот тип шрифта соответствует русскоязычной кириллице).

· На панели нажать кнопку ОК.

· После каждого изменения нужно выполнять команду FileSave.

· Функциональная кнопка F12 – позволяет перейти в просмоторщик и посмотреть, как Ваша страница будет выглядеть в Internet (закрыв просмоторщик, Вы снова вернетесь в редактор).

Загляните в html-документ (если он не открыт, его можно открыть через меню Window-Arrenge Floating Palleting, либо нажатием на <>, кот. находятся либо внизу справа, либо вверху слева рабочего поля программ, в зависимости от версии программы). В голове программы появился meta-тег кириллицы 1251, появились параметры тега body.

17 занятие

«Работа с таблицами»

Для работы необходима плавающая панель Properties (через меню Windows).

1. Через меню InsertTable открывается диалоговое окно:

Rows – количество строк;

Cows – количество столбцов;

Width – ширина таблицы (можно поставить в %, можно поставить pic);

Border – указать толщину бардюра.

2. Поставьте Rows=3, Cows=2, Width=100%, Border=0

3. Выполнять команду File – Save.

4. Таблицу можно выделить, если подвести курсор к краю таблицы и щелкнуть левым кликом, контур таблицы темнеет, а плавающая панель Properties отражает все возможности работы с таблицей.

Untitled Document

5. Выделить таблицу и поработать с плавающей панелью Properties:

· Изменять количество строк и столбцов, поставить фоновый узор, или цвет, бордюр и цвет бордюра.

· С зажатым Shift, щелкнуть по ячейке таблицы, тогда можно работать с отдельной ячейкой.

· С зажатым левым кликом мыши протянуть курсор вдоль нескольких ячеек в панели Properties появляется новая функция – объединения.

· Поставив курсор в какую-либо ячейку в нее можно вставить картинку, написать текст или вставить другую таблицу и т.д.

6. Посмотрите в html-документ, тег таблицы уже вставлен в документ со всеми параметрами.

7. Сохраните изменения.

18 занятие

«Работа с текстом»

Работа с текстом в программе Dreamweaver похожа на работу с текстом в программе Word. В программе Dreamweaver не подпрограммы проверки на грамматические и синтаксические ошибки, поэтому тексты к страницам сайта лучше всего готовить в программе Word, а затем вставлять на страницу через Буфер Обмена.

1. Вставьте таблицу 3х2.

2. Поставьте курсор во вторую ячейку, при этом панель Properties изменит свой внешний вид:

Untitled Document

3. Напишите фрагмент текста:

Компьютерная сеть Internet может выполнять две услуги:

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

2. быть средством доступа к информационным ресурсам (эта функция называется информационной).

· Выделите весь текстовый кусок так же, как если бы вы это делали в текстовом редакторе. Пользуясь панелью Properties, поменяйте стиль шрифта, размер, цвет расположение шрифта (по горизонтали и по вертикали).

· После работы с возможностями форматирования шрифтов через панель, наберите:

Ссылка 1

Ссылка 2

Ссылка 3

Ссылка 4

· Выделите первую ссылку, и на панели свойств, в разделе link впишите адрес, пусть даже, не существующей страницы – r1.htm, тоже проделайте с остальными записями.

· Сохраните изменения, нажмите функциональную клавишу F12. Надписи стали ссылками.

Нажатие клавиши Enter, создает новый абзац (посмотрите html – код, теги прописаны).

В программе можно вырезать, копировать, вставлять выделенные куски текста так же, как в программе Word (через Буфер Обмена).

19 занятие

«Работа с меню Insert - вставка»

· InsertImage – вставка картинки.

Поставьте курсор в любую ячейку таблицы, и выполните команду Insert –Image. Появится диалоговое окно:

Untitled Document

В разделе Папка, открываете нужную папку, затем выделяете нужную картинку и нажимаете на кнопку Select.

Панель Properties изменилась:

Untitled Document

· Используя возможности панели, поработайте со вставленной картинкой: попробуйте разместить ее по-разному в ячейке таблицы, пропишите альтернативный текст, установите бордюр, сделайте картинку ссылкой.

· Сохраните изменения, нажмите функциональную клавишу F12. Надписи стали ссылками.

· Работа с картой:

Untitled Document

В программе есть возможность всю картинку поделить на зоны, и каждую зону сделать ссылкой со своим «Альтернативным текстом» (со своими подсказками).

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

· Сохраните изменения, нажмите функциональную клавишу F12.

20 занятие

«Продолжение работы с меню Insert - вставка»

· «Вставка слоев»

Для того, чтобы можно было подписать картинку или вставить какую-то запись, используются прозрачные слои.

1. Вставить на страницу таблицу.