У роботі розглядаються
- Macromedia Dreamweaver
- Web-редактори
- Створення веб-сайтів
- Форматування тексту
- Робота з графікою
- Гіперпосилання
- HTML-розмітка
Web-редактор. Редактор Macromedia Dreamweaver
Інформація про навчальний заклад
ВУЗ:
Івано Франківський національний технічний університет нафти і газу
Інститут:
ООП
Факультет:
КН
Кафедра:
Не вказано
Інформація про роботу
Рік:
2014
Тип роботи:
Лабораторна робота
Предмет:
Веб технології та веб дизайн
Група:
КН-21
Коротко про документ
Про що ця робота
У лабораторній роботі досліджується інтерфейс та базові інструменти програми Macromedia Dreamweaver. Описано створення локального веб-сайту, форматування тексту та роботу з графічними зображеннями.
Зміст і розділи
- Мета роботи
- Хід виконання роботи
- Робоча область програми
- Створення нового сайту
- Форматування тексту
- Робота з графічною інформацією
- Висновок
Для кого:Студенти технічних спеціальностей та вивчаючі веб-дизайн
Викладачі:Викладач кафедри
Ключові поняття
Macromedia Dreamweaverлокальний web-сайтвікно документапалітра об'єктівпалітра властивостейSite Definitionформатування текстуграфічні форматигіперпосиланнятеги
Частина тексту файла (без зображень, графіків і формул):
Міністерство освіти і науки України
Національний технічний університет нафти і газу
Кафедра комп'ютерних систем та мереж
Лабораторна робота №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>локальним</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.
Допоможи студентському архіву
Ми допомогли тобі — допоможи наступному студенту
Оголошення від адміністратора
Подякувати Студентському архіву довільною сумою
Admin
26.02.2023 12:38
Дякуємо, що користуєтесь нашим архівом!