Занятие №1 Упражнение 1 : Создание папки документов. Откройте Проводник Пуск



Скачать 92.35 Kb.
Дата04.07.2014
Размер92.35 Kb.
ТипЗанятие

Практическое занятие № 1


Упражнение 1: Создание папки документов.

  1. Откройте Проводник (Пуск | Программы | Проводник).

  2. Выделите папку Users.

  3. Выполните Файл | Создать | Папку.

  4. Введите имя папки www.

Упражнение 2: Создание первого web документа (синоним   гипертекстовый документ, web страница).

  1. Загрузите Dreamweaver, выполнив Пуск | Программы | Macromedia Dreamweaver 3 | Dreamweaver 3. Откроется окно программы с пустым документом.

  2. Установите парметры страницы – выберите меню Modify | Page Properties. Параметры устанавливаются в диалоговом окне Page Properties. Для установки свойств, перемещайтесь по соответствующим полям диалогового окна.

  • Определите заголовок страницы, введя в поле Title текст “Первая Web страница семинара

  • Установите кодировку для кириллического текста Cyrillic (Windows-1251) в поле Document Encoding.

  • Щелкните по кнопке OK, чтобы применить заданные параметры к документу и вернуться в режим документа.

  1. Введите следующий текст:

Заголовок 1

Заголовок 2

Заголовок 3

Обычный текст

  1. С помощью команды Format из меню Text или соответствующих инструментов панели "Свойства" определите стили оформления введенного текста следующим образом: Заголовок 1   Heading 1, Заголовок 2   Heading 2, Заголовок 3   Heading 3, Обычный текст   Paragraph.

  2. Сохраните данную страницу под именем webfirst.html в папку www, которая находится в папке Users диска C:\.

Упражнение 3: Создание второго web документа (синоним   гипертекстовый документ, web страница).


  1. Установите параметры страницы – выберите меню Modify | Page Properties. Параметры устанавливаются в диалоговом окне Page Properties. Для установки свойств, перемещайтесь по соответствующим полям диалогового окна.

  • Определите заголовок страницы, введя в поле Title текст “Вторая Web страница семинара

  • Установите в качестве фона цвет с номером CCCCFF в поле Background.

  • Установите в качестве цвета текста на странице цвет с номером 333399 в поле Text.

  • Установите цвета для ссылок (поле Links), посещенных ссылок (поле Visited Links) и выбираемых (поле Activated Links) по своему усмотрению.


  • Установите кодировку для кириллического текста Cyrillic (Windows-1251) в поле Document Encoding.

  • Щелкните по кнопке OK, чтобы применить заданные параметры к документа и вернуться в режим документа.

  1. Введите текст заголовка на странице – Семинар "Web Publishing & Design". Установите для введенного текста тип заголовка – Heading 1 (меню Text | Format | Heading 1) и выравнивание по центру (меню Text | Alingment | Center). Для определения данных параметров вы можете также воспользоваться инструментами панели "Свойства".

  2. Установите цвет введенного текста в темно синий, например цвет номером 000099. Для изменения цвета введенного текста вы можете воспользоваться командой Color из меню Text или же соответствующим инструментом на панели "Свойства".

  3. Вставьте после заголовка горизонтальную разделительную линию. Для этого переместите курсор на позицию после текста. Выберите пункт меню Insert | Horizontal Rule или же воспользоваться соответсвующим инструментом на панели “Объекты”. Установите параметры горизонтальной разделительной линии с помощью панели "Свойства", перед этим выделив линию:

  • длина (W) – 95 процентов;

  • смещение (Align) – по центру;

  • высота (H) – 2 пиксела.

  1. Сохраните данный документ с именем page1.html в папку C:\Users\www.

  2. Введите после горизонтальной линии текст, записанный в области Текст для ввода.

Для текста Программа семинара: установите тип Heading 3.

Тип шрифта, его размеры, цвет и специальные эффекты отображения текста устанавливаются с помощью инструментов панели "Свойства" или же с помощью соответствующих команд меню Text.

Для формирования нумерованного списка необходимо ввести строки списка. Выделить введенный текст. Перейдите в меню Text | List | Ordered List или воспользоваться соответствующим инструментом на панели "Свойства". Чтобы изменить формат списка или определить нумерацию не с 1, а с произвольного числа, установите курсор в любую строку списка и вызовите диалоговое окно List Properties с помощью кнопки List Items на панели инструментов "Свойства" или с помощью команды Text | List | Properties.

Для формирования ненумерованного списка необходимо ввести строки списка. Выделить введенный текст. Перейти в меню Text | List | Unordered List или воспользоваться соответствующим инструментом на панели "Свойства". Чтобы изменить формат списка, установите курсор в любую строку списка и вызовите диалоговое окно List Properties с помощью кнопки List Items на панели инструментов "Свойства" или с помощью команды Text | List | Properties.
Текст для ввода:
Программа семинара:

  1. Средства визуальной разработки Web страниц. Macromedia Dreamweaver 3.

  2. Язык HTML

  3. Средства проектирования и сопровождения Web Site. Macromedia Dreamweaver 3.

  4. Форматы документов и данных на Web страницах. Графика, текст, дизайн.

  5. Расширения языка HTML. JavaScript. Стили. Динамические страницы.




  1. Средства визуальной разработки Web страниц. Macromedia Dreamweaver 3.

  2. Язык HTML

  3. Средства проектирования и сопровождения Web Site. Macromedia Dreamweaver 3.

  4. Форматы документов и данных на Web страницах. Графика, текст, дизайн.

  5. Расширения языка HTML. JavaScript. Стили. Динамические страницы.


Элементы Web страницы:

  • Заголовки

  • Cодержание

  • Изображения

  • Гиперссылки



Дни недели

  • Понедельник

  • Вторник

  • Среда

  • Четверг

  • Пятница

  • Суббота

  • Воскресенье


Времена года:

  • Зима

  • Весна

  • Лето

  • Осень




  1. Вставьте после введенного текста горизонтальную линию.

  2. Введите любой текст из 5-10 предложений или, используя операции копирования и вставки, скопируйте фрагмент текста из любого текстового файла или документа MS Word.

  3. Вставьте после введенного текста горизонтальную линию.

  4. Вставьте абсолютную гипперссылку. Для этого введите текст:

Программа IATP

Выделите его и на панели инструментов "Свойства" введите в поле Link следующий адрес: http://www.iatp.by. Кроме того определить ссылку вы можете следующим образом:

Перейдите в меню Modify | Make Link. В диалоговом окне Select File введите в поле URL адрес: http://www.iatp.by. Нажмите Select.

  1. Вставьте относительную гипперссылку. Для этого введите в новой строке текст:

Первая Web страница семинара

Выделите его. Перейдите в меню Modify | Make Link. В диалоговом окне перейдите в свою папку и выделите файл webfirst.html. Имя файла отобразиться в полях Имя файла и URL. Нажмите Select.

  1. Вставьте закладку и на нее гиперссылку в пределах страницы.Для этого необходимо установить закладку (якорь, по англ. anchor), а затем ссылку на данную закладку. Некоторые из закладок предлагаются уже Dreamweaver по умолчанию. Например, _blank – открывать документ по ссылке в новом окне, _parent – открывать документ по ссылке в основном фрейме (кадре), _self – открывать документ по ссылке в том же фрейме (кадре), в котором он находится, _top   открывает документ по ссылке в окне браузера без фреймов.

Определение имени закладки:

  • Перейдите в начало страницы и установите курсор перед первым абзацем.

  • Выполните Insert | Named Anchor.

  • В окне Insert Named Anchor в поле Anchor Name введите up. Щелкните по кнопке OK.

Установка ссылки на закладку:

  • Перейдите в конец страницы.

  • Введите текст в конце страницы: К началу страницы

  • Выделите введенный текст. Перейдите в меню Modify | Make Link. В диалоговом окне в введите в поле URL текст #up. Нажмите Select. Аналогично данную операцию вы можете выполнить, введя в строке Link в панели «Свойства» #up.

  1. Вставьте закладку и на нее гиперссылку в пределах страницы. Для этого переведите курсор к текстуЭлементы Web страницы:”. Перейдите в меню Inser | Named Anchor. В диалоговом окне в введите в поле Anchor Name текст book1. Нажмите OK. Перейдите в конец страницы. Введите текст:

Перейти к списку элементов Web страницы

Выделите его. Перейдите в меню Modify | Make Link. В диалоговом окне в введите в поле URL текст #book1. Нажмите OK. Или же введите #book1 в строке Link в панели «Свойства».

  1. Вставьте после введенного текста горизонтальную линию.

  2. Вставьте графическое изображение. Для этого перейдите в меню Insert | Image. В диалоговом окне Select Image Source в строке Папка выберите Сетевое окружение, затем компьютер с именем Class4, затем перейдите в папку clipart, а в ней перейдите в папку Photo-cd. Из любой папки, расположенной в Photo-cd, выберите изображение. Щелкните по кнопке Select. В следующем окне на запрос "Хотите ли Вы переместить рисунок в другую папку?" щелкните по кнопке Yes. Затем перейдите в папку www, которая располагается в папке Users на диске C:\. Создайте в данной папке папку Images с помощью кнопки Создать папку. Перейдите в папку Images и щелкните по кнопке Сохранить.

С помощью инструментов панели "Свойства" вы можете установить параметры изображения:

  • альтернативный текст для изображения – поле Alt;

  • гиперссылку – поле Link;

  • отступ текста от изображения по вертикали (V Space), по горизонтали (H Space), размер рамки (Border) и т.д.

Путь к рисунку отображается в поле Src.

  1. Вставьте в следующем абзаце после рисунка горизонтальную линию.

  2. Для точного форматирования и позиционирования текста на странице используются таблицы. Для вставки таблицы выберите пункт меню Insert | Table. В появившемся диалоговом окне определите основные параметры таблицы:

  • количество строк (Rows) – 5;

  • количество столбцов (Columns) – 4;

  • размер рамки (Border) – 2;

  • ширина таблицы (Width) – 90 процентов.




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

  • Вставьте в одну из ячеек графическое изображение.

  • Вставьте в одну из ячеек таблицу размером 4х4.

Для изменения параметров всей таблицы необходимо выделить таблицу и воспользоваться инструментами панели "Свойства".

Перейдите в параметры таблицы и установите в поле для Bg любой цвет фона.

Вы можете установить для таблицы фоновый рисунок, если активизируете кнопку Backgruond Image в поле Bg и определите рисунок. Сохраните его в папку Images (см. п. 15).

  1. Сохраните страницу. Для сохранения страницы выберите пункт меню File | Save.

  2. Просмотрите страницу. Для предварительного просмотра страницы выберите File | Preview in Browser | Выберите любой из браузеров указанных в списке.


Упражнение 4:

Создайте страницу, на которой выведите произвольную фразу, каждое слово которой должно иметь цвет одного из цветов радуги. Все слова должны иметь разный тип и размер шрифта. Имя страницы – page2.htm.
Упражнение 5:

Создайте страницу, на которой отобразите все типы списков:

  • нумерованный

  • ненумерованный

  • с графическими изображениями для значков списка

Список должен представлять собой перечень месяцев года.

Имя страницы – page3.htm.
Упражнение 6:

Создайте страницу со ссылками на:

  • Представительство IREX– www.irex.by;

  • Свой электронный почтовый адрес;

  • На FTP ресурс – ftp.unibel.by.

Имя страницы – page4.htm.
Упражнение 7:

Создайте страницу со следующими параметрами:

  • Заголовок - “Изучаем параметры Web страницы”;

  • Цвет фона – светло зеленый;

  • Цвет теста – черный;

  • Отступы - сверху 25, слева – 40;

  • Язык – Cyrillic;

  • Цвет ссылок – красные.

Текст на странице произвольный.

Имя страницы – page5.htm.
Упражнение 8:

Создайте Web страницу изображений животных.

Изображения выберете из библиотеки изображений Clip Art.

Имя страницы – page6.htm.
Упражнение 9:

Создайте Web страницу с гиперссылкой на изображении.

Имя страницы – page7.htm.
Упражнение 10:

Создайте две web страницы календаря на июнь месяц . Одна с применением таблиц вторая без применения таблиц.

В странице должно быть указано:

  • год

  • месяц

  • дни месяца

  • номера недели в месяце и году

  • дни недели

Имя страниц – page8.htm и page9.htm.
Упражнение 11:

Создайте свою персональную Web страницу.

На странице должна быть отображена следующая информация:

  • ФИО

  • основные биографические данные

  • ваше изображение

  • место работы и должность

  • ваши профессиональные интересы

  • почтовые реквизиты

  • ваши увлечения

  • ваше кредо

Имя страницы – page10.htm.
Упражнение 12:

Создайте страницу распорядка вашего текущего дня. Она должна быть построена на основе табличной организации информации и должна включать :

  • дату текущего дня

  • время

  • событие

  • результаты события

Имя страницы – page11.htm.
Упражнение 13:

Создайте страницу с фрэймами. Воспользуйтесь ранее разработанными страницами для заполнения фрэймов.

  • заголовок страницы – произвольного вида, отражающий, с вашей точки зрения, тематику страницы

  • календарь месяца

  • распорядок текущего дня

Заголовок страницы

Календарь месяца

Распорядок текущего дня


На странице календаря на текущей дате должна быть установлена ссылка на распорядок текущего дня.

Имя страницы – page11.htm.


Похожие:

Занятие №1 Упражнение 1 : Создание папки документов. Откройте Проводник Пуск icon1. Установка. Net framework. Для проверки, установлен ли Microsoft. Net framework 0, откройте «Пуск»,
«Пуск», «Настройка», выберите «Панель управления» и откройте «Установка и удаление программ». Если не установлен, его необходимо...
Занятие №1 Упражнение 1 : Создание папки документов. Откройте Проводник Пуск icon1. Установка. Net framework. Для проверки установлен ли Microsoft. Net framework откройте «Пуск»,
«Пуск», «Настройка», выберите «Панель управления» и откройте «Установка и удаление программ». Если не установлен, его необходимо...
Занятие №1 Упражнение 1 : Создание папки документов. Откройте Проводник Пуск icon«Профессионалы» за работой или Как катыноведы «комиссию Бурденко» опровергали Впрочем, после чудесного обретения документов из «Особой папки»
Впрочем, после чудесного обретения документов из «Особой папки» к делу подключились уже и «специалисты», способные на более «тонкие»...
Занятие №1 Упражнение 1 : Создание папки документов. Откройте Проводник Пуск iconЗанятие -1 Упражнение -1: а-и-а-я-а-я-о-а-и-и-т-т-з-ф-п-т-т-и-и-е упражнение -2
Упражнение -3: 1(б); 2(в); 3(небожителей); 4(в); 5(г); 6(б); 7(г); 8(а); 9(г); 10(г)
Занятие №1 Упражнение 1 : Создание папки документов. Откройте Проводник Пуск iconПрактическая работа по теме «Создание документов в текстовом процессоре Word»
Запустите текстовый процессор Word (пуск→программы→Microsoft Office→ Microsoft Office Word 2003)
Занятие №1 Упражнение 1 : Создание папки документов. Откройте Проводник Пуск icon«Пуск», выберете «Программы» «Стандартные» «Связь» «Мастер новых подключений»
Откройте «Пуск», выберете «Программы» «Стандартные» «Связь» «Мастер новых подключений». Нажмите кнопку «Далее»
Занятие №1 Упражнение 1 : Создание папки документов. Откройте Проводник Пуск iconИнструкция i-07 Основы работы с Microsoft Outlook
Откройте папку ‘Inbox/Входящие’, щелкнув по ее ярлыку на панели Microsoft Outlook. В левом верхнем окне (по умолчанию), рядом с названием...
Занятие №1 Упражнение 1 : Создание папки документов. Откройте Проводник Пуск iconУпражнение Проверить, что при. Упражнение 2
Упражнение Доказать, что в нильпотентной группе ступени 2 и меньше элементы попарно перестановочны
Занятие №1 Упражнение 1 : Создание папки документов. Откройте Проводник Пуск iconЗанятие 12 Практическое занятие 12. Создание электронных форм
Для создания программ на vba в Excel формы и элементы управления используется так же, как и в Word
Занятие №1 Упражнение 1 : Создание папки документов. Откройте Проводник Пуск iconSharepoint библитека документов
Предоставление документов в общий доступ. У пользователя должны быть права на создание и редактирование документа
Разместите кнопку на своём сайте:
ru.convdocs.org


База данных защищена авторским правом ©ru.convdocs.org 2016
обратиться к администрации
ru.convdocs.org