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(этот тип шрифта соответствует русскоязычной кириллице).
· На панели нажать кнопку ОК.
· После каждого изменения нужно выполнять команду File – Save.
· Функциональная кнопка F12 – позволяет перейти в просмоторщик и посмотреть, как Ваша страница будет выглядеть в Internet (закрыв просмоторщик, Вы снова вернетесь в редактор).
Загляните в html-документ (если он не открыт, его можно открыть через меню Window-Arrenge Floating Palleting, либо нажатием на <>, кот. находятся либо внизу справа, либо вверху слева рабочего поля программ, в зависимости от версии программы). В голове программы появился meta-тег кириллицы 1251, появились параметры тега body.
17 занятие
«Работа с таблицами»
Для работы необходима плавающая панель Properties (через меню Windows).
1. Через меню Insert – Table открывается диалоговое окно:
Rows – количество строк;
Cows – количество столбцов;
Width – ширина таблицы (можно поставить в %, можно поставить pic);
Border – указать толщину бардюра.
2. Поставьте Rows=3, Cows=2, Width=100%, Border=0
3. Выполнять команду File – Save.
4. Таблицу можно выделить, если подвести курсор к краю таблицы и щелкнуть левым кликом, контур таблицы темнеет, а плавающая панель Properties отражает все возможности работы с таблицей.
5. Выделить таблицу и поработать с плавающей панелью Properties:
· Изменять количество строк и столбцов, поставить фоновый узор, или цвет, бордюр и цвет бордюра.
· С зажатым Shift, щелкнуть по ячейке таблицы, тогда можно работать с отдельной ячейкой.
· С зажатым левым кликом мыши протянуть курсор вдоль нескольких ячеек в панели Properties появляется новая функция – объединения.
· Поставив курсор в какую-либо ячейку в нее можно вставить картинку, написать текст или вставить другую таблицу и т.д.
6. Посмотрите в html-документ, тег таблицы уже вставлен в документ со всеми параметрами.
7. Сохраните изменения.
18 занятие
«Работа с текстом»
Работа с текстом в программе Dreamweaver похожа на работу с текстом в программе Word. В программе Dreamweaver не подпрограммы проверки на грамматические и синтаксические ошибки, поэтому тексты к страницам сайта лучше всего готовить в программе Word, а затем вставлять на страницу через Буфер Обмена.
1. Вставьте таблицу 3х2.
2. Поставьте курсор во вторую ячейку, при этом панель Properties изменит свой внешний вид:
3. Напишите фрагмент текста:
Компьютерная сеть Internet может выполнять две услуги:
1. быть средством общения между ее пользователями, находящимися на расстоянии друг от друга (эта функция называется коммуникационной);
2. быть средством доступа к информационным ресурсам (эта функция называется информационной).
· Выделите весь текстовый кусок так же, как если бы вы это делали в текстовом редакторе. Пользуясь панелью Properties, поменяйте стиль шрифта, размер, цвет расположение шрифта (по горизонтали и по вертикали).
· После работы с возможностями форматирования шрифтов через панель, наберите:
Ссылка 1
Ссылка 2
Ссылка 3
Ссылка 4
· Выделите первую ссылку, и на панели свойств, в разделе link впишите адрес, пусть даже, не существующей страницы – r1.htm, тоже проделайте с остальными записями.
· Сохраните изменения, нажмите функциональную клавишу F12. Надписи стали ссылками.
Нажатие клавиши Enter, создает новый абзац (посмотрите html – код, теги прописаны).
В программе можно вырезать, копировать, вставлять выделенные куски текста так же, как в программе Word (через Буфер Обмена).
19 занятие
«Работа с меню Insert - вставка»
· Insert –Image – вставка картинки.
Поставьте курсор в любую ячейку таблицы, и выполните команду Insert –Image. Появится диалоговое окно:
В разделе Папка, открываете нужную папку, затем выделяете нужную картинку и нажимаете на кнопку Select.
Панель Properties изменилась:
· Используя возможности панели, поработайте со вставленной картинкой: попробуйте разместить ее по-разному в ячейке таблицы, пропишите альтернативный текст, установите бордюр, сделайте картинку ссылкой.
· Сохраните изменения, нажмите функциональную клавишу F12. Надписи стали ссылками.
· Работа с картой:
В программе есть возможность всю картинку поделить на зоны, и каждую зону сделать ссылкой со своим «Альтернативным текстом» (со своими подсказками).
Выберите область выделения и разбейте вставленную картинку на зоны, поставьте ссылки (пусть даже на несуществующие страницы), пропишите альтернативный текст.
· Сохраните изменения, нажмите функциональную клавишу F12.
20 занятие
«Продолжение работы с меню Insert - вставка»
· «Вставка слоев»
Для того, чтобы можно было подписать картинку или вставить какую-то запись, используются прозрачные слои.
1. Вставить на страницу таблицу.