Нужно предварительно положить файл blue.kar в папку, имя музыкального файла может быть другим, расширение может быть .mp3
Занятие
«Работа в программе 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.
Занятие
«Работа с таблицами»
Для работы необходима плавающая панель Properties (через меню Windows).
|
|
|
1. Через меню Insert – Table открывается диалоговое окно:
Rows– количество строк;
Cows – количество столбцов;
Width– ширина таблицы (можно поставить в %, можно поставить pic);
Border– указать толщину бардюра.
2. Поставьте Rows=3, Cows=2, Border=0
3. Выполнять команду File – Save.
4. Таблицу можно выделить, если подвести курсор к краю таблицы и щелкнуть левым кликом, контур таблицы темнеет, а плавающая панель Propertiesотражает все возможности работы с таблицей.
5. Выделить таблицу и поработать с плавающей панелью Properties:
· Изменять количество строк и столбцов, поставить фоновый узор, или цвет, бордюр и цвет бордюра.
· С зажатым Shift, щелкнуть по ячейке таблицы, тогда можно работать с отдельной ячейкой.
· С зажатым левым кликом мыши протянуть курсор вдоль нескольких ячеек в панели Properties появляется новая функция – объединения.
· Поставив курсор в какую-либо ячейку в нее можно вставить картинку, написать текст или вставить другую таблицу и т.д.
6. Посмотрите в html-документ,тег таблицы уже вставлен в документ со всеми параметрами.
7. Сохраните изменения.
Занятие
«Работа с текстом»
Работа с текстом в программе 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 (через Буфер Обмена).
Занятие
«Работа с меню Insert - вставка»
· Insert –Image – вставка картинки.
Поставьте курсор в любую ячейку таблицы, и выполните команду Insert –Image. Появится диалоговое окно:
В разделе Папка, открываете нужную папку, затем выделяете нужную картинку и нажимаете на кнопку Select.
Панель Propertiesизменилась:
· Используя возможности панели, поработайте со вставленной картинкой: попробуйте разместить ее по-разному в ячейке таблицы, пропишите альтернативный текст, установите бордюр, сделайте картинку ссылкой.
· Сохраните изменения, нажмите функциональную клавишу F12. Надписи стали ссылками.
· Работа с картой:
В программе есть возможность всю картинку поделить на зоны, и каждую зону сделать ссылкой со своим «Альтернативным текстом» (со своими подсказками).
Выберите область выделения и разбейте вставленную картинку на зоны, поставьте ссылки (пусть даже на несуществующие страницы), пропишите альтернативный текст.
· Сохраните изменения, нажмите функциональную клавишу F12.
Занятие
«Продолжение работы с меню Insert - вставка»
· «Вставка слоев»
Для того, чтобы можно было подписать картинку или вставить какую-то запись, используются прозрачные слои.
1. Вставить на страницу таблицу.
2. В ячейку таблицы вставить каринку.
3. Выполнить команду меню Insert – Layer
4. Выполнить команду меню Insert – Layer. Поработать с размерами слоев, с надписями на них, с несколькими слоями.
5. Сохранить изменения в рабочем документе, нажмите функциональную клавишу F12.
· «Вставка объектов форм»
Из меню Insert – Form Objectв вашу страницу можно вставить различные формы.
· Попробуйте все формы, какие предлагает программа.
· Посмотрите html – код страницы.
· Самостоятельно сделайте страницу «Гостевой книги» (не забудьте прописать правильный E-mail в html – код страницы).
Пример: 
Занятие
«Продолжение работы с меню Insert - вставка»
· Из меню Insert – Line Break можно поставить разделительную полсу (Обязательно вставить ее на страницу).
· Из меню Insert – Insert E-mail Linkможно поставить ссылку на ваш E-mail(Обязательно поставить ее на страницу).
При этом появляется диалоговое окно:
· Из меню Insert – Date можно поставить дату создания сайта.
· Из меню Insert – Media Flash можно вставить флеш – картинку, указав ее точные размеры в панели Properties.
· Из меню Insert – Headпрописываются все основные Meta-теги для поисковых роботов (в Meta-теги вставляются все возможные слова, связанные с вашим сайтом, по которым ваш сайт может выдаваться в поисковых системах. Это позволяет повысить посещаемость сайта. (Прописать голову программы. Посмотрите html – код страницы. Сохранить изменения в рабочем документе).
Дата добавления: 2018-04-04; просмотров: 363; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!