Web-редактор. Редактор MacromediaDreamweaver. Лабораторна робота з Інтернет

Web-редактор. Редактор MacromediaDreamweaver

Інформація про навчальний заклад

ВУЗ:

Івано Франківський національний технічний університет нафти і газу

Інститут:

Не вказано

Факультет:

КН

Кафедра:

Не вказано

Інформація про роботу

Рік:

2014

Тип роботи:

Лабораторна робота

Предмет:

Інтернет - телефонія

Завантажити

Частина тексту файла (без зображень, графіків і формул):

Міністерство освіти і науки України Національний технічний університет нафти і газу Кафедра комп'ютерних систем та мереж Лабораторна робота №7 Тема: Web-редактор. Редактор MacromediaDreamweaver Мета: знайомитись з програмою MacromediaDreamweaver. Навчитись створювати основні структурні елементи web-сторінок з допомогою MacromediaDreamweaver. Хід виконання роботи: Відкриваю программу MacromediaDreamweaver та створюю новий файл. За допомогою інструменту створю таблиц з двома рядками та двома колонками, перших два рядка виділяюю та обєдную за допомогою команди Обєднати рядки.Дальше вставляю малюнок, пишу заголовок, РОЗФАРБОВУЮ КОМІРКИ РІЗНИМИ КОЛЬОРАМИ, СТВОРЮЮЮ список. / У секції основного тексту створила заголовки підрозділів, що відповідають заголовкам підрозділів секції, що відповідає назві даного розділу. До назви кожного підрозділу додала якір. Виділила відповідний пункт меню і створила гіперпосилання на створений якір. У секції осиного тексту створила текстове наповнення, взяте з Інтернету. У текстовому наповненні виділила ключові слова жирним шрифтом, додала список. Зберегла створену сторінку у створеній папці за допомогою Save as… / Код сторінки <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> </head> <body> <table width="1161" height="706" border="1" cellspacing="2"> <tr> <td height="80" colspan="2" bgcolor="#00FF00"><h1 align="center"><img src="17.png" width="179" height="111" /><strong>Використання вWeb- редактора Dreamweaver</strong></h1></td> </tr> <tr> <td width="180" height="499" bgcolor="#33FFFF"><ul> <li> <h2><a href="#A">Робоча область програми</a><a href="Створення нового сайту.html"></a></h2> </li> <li> <h2><a href="#B">Створення нового сайта</a><a href="Створення нового сайта.html"></a></h2> </li> <li> <h2><a href="#C">Форматування тексту</a><a href="Untitled-4.html"></a></h2> </li> <li> <h2><a href="Untitled-5.html">Робота з графічною інформацією </a><a href="#D"></a></h2> </li> </ul></td> <th width="853" bgcolor="#FFFF33"><h2><a name="A" id="A"></a>Робоча область програми</h2> <p>Для запуску програми Dreamweaver MX необхідно виконати наступні кроки: <strong>Пуск > Програми > Macromedia > Macromedia Dreamweaver MX</strong>. </p> <p>Робоча область програми налаштовується за бажанням користувача в залежності від стилю і досвіду роботи. </p> <p><strong>Головними компонентами</strong> робочої області є:</p> <ul> <li><strong>вікно документа</strong> показує документ, що редагується; </li> <li><strong>палітра об'єктів</strong> (Insert) містить кнопки для швидкого розміщення на сторінці деяких типів об'єктів, таких як малюнки, таблиці, спеціальні символи і т.д. </li> <li><strong>палітра властивостей </strong>(Properties) показує властивості виділеного тексту або об'єкта, і дає можливість їх редагувати; </li> <li><strong> плаваючі палітри</strong>, (Floating Palettes) дозволяють поєднувати в загальні блоки вікна, інспектори і палітри. </li> </ul> <p> </p> <p> </p> <h2><a name="B" id="B"></a>Створення нового сайту</h2> <p>Спочатку познайомимося з одним дуже важливим поняттям.<br /> <strong>Локальний Web-сайт </strong>- це версія "справжнього" Web-сайту, що розташовується на комп'ютері розроблювача. Її не видно з мережі; доступ до неї має тільки її автор. <br /> Іншими словами, перед тим, як розмістити сайт в Інтернеті, вам потрібно мати файли сайту на жорсткому диску вашого кмопьютера, цей сайт і називається <strong>локальним</strong>.<br /> Усі сторінки локального сайту розміщаються на диску всередині визначеного каталогу. Цей каталог ми будемо називати <strong>локальною папкою сайта</strong> або просто, <strong>папкою сайта</strong>. <br /> Для задання локального Web-сайта використовується вікно <strong>Site Definition</strong>. Воно викликається при виборі пунктів головного меню програми (<strong>Site > New Site...</strong>). <br /> <strong>Палітра </strong><strong>S</strong><strong>ite </strong>призначена для перегляду файлів сайту (web-сторінок).<br /> У першому списку, що розкривається, ви вибираєте ім'я сайту, що визначили в програмі. В основній області палітри з'являється список усіх файлів даного сайта. Подвійний щиглик на будь-якому файлі дозволяє викликати дану сторінку для редагування у вікні документа.<br /> Також за допомогою цієї палітри відбувається процес публікації сайта в мережі Інтернет. </p> <p> </p> <h2><a name="C" id="C"></a>Форматування тексту</h2> <p>Форматування тексту в Dreamweaver аналогічно форматуванню в стандартному текстовому процесорі. <br /> Щоб визначити стандартний абзац або заголовок використовується список, що <strong>розкривається</strong><strong>,</strong> Format <strong>у палітрі</strong> Properties (Властивості). </p> <p> </p> <h2><a name="D" id="D"></a>Робота з графічною інформцією</h2> <p>Dreamweaver MX має можливість відображати графічні файли наступних форматів:<br /> - <strong>jpeg</strong> (формат характерний для фотографій і малюнків із плавно змінюються тонами);<br /> - <strong>gif</strong> (формат більше підходить для графічних файлів, у яких немає плавних переходів і присутні цілі області однакового кольору);<br /> - <strong>png</strong> (вдосконалений варіант gif, розроблений Macromedia Fireworks).<br /> Ознайомимося з <strong>основними прийомами роботи з зображеннями</strong> в Dreamweaver:<br /> 1. Вставка зображення у Web-сторінку<br /> 2. Налаштування властивостей зображення з допомогою палітри властивостей.</p> <p> </p> <p> </p> <p> </p> <p> </p></th> </tr> </table> </body> </html> Висновок: На даній лабораторній роботі онайомилась з програмою MacromediaDreamweaver. Навчилась створювати основні структурні елементи web-сторінок з допомогою MacromediaDreamweaver.

Лабораторна робота Інтернет - телефонія

exlibris

03.12.2014 00:00

Коментарі

Ви не можете залишити коментар. Для цього, будь ласка, або зареєструйтесь.

Ділись своїми роботами та отримуй миттєві бонуси!

поділитись