Розробка web-сайту в Adobe Dreamweaver

Назва роботи: Розробка web-сайту в Adobe Dreamweaver

Категорія: Лабораторна робота

Предметна область: Інформатика, кібернетика та програмування

Опис: Лабораторна робота Тема: Розробка сайту в Adobe Dreamweaver Мета роботи: навчитися реєструвати сайт розробляти його фізичну структуру створювати шаблони сторінок і сторінки на основі шаблону. Завдання: Запустіть Adobe Dreamweaver. Зареєструйте новий сайт.

Дата завантаження: 2013-05-11

Розмір файлу: 811 KB

Роботу завантажили: 140 чол.

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

Тема: Розробка web-сайту в Adobe Dreamweaver

Мета роботи: навчитися реєструвати сайт, розробляти його фізичну структуру, створювати шаблони сторінок та сторінки на основі шаблону.

  1. Запустіть Adobe Dreamweaver.
  2. Зареєструйте новий сайт ( Site New Site ...; Сайт Новий сайт ...), який буде створюватися на локальному комп'ютері, а потім вивантажуватися в Інтернет. Сайт не використовуватиме серверних технологій. Як ім'я сайту вкажіть своє прізвище, вкажіть як папку для зберігання файлів сайту папку MySite, яку слід створити у вашій особистій папці.

Сайт надаватиме інформацію про історію розвитку обчислювальної техніки.

  1. Створіть редаговані області в шаблоні: основний вміст Edit 1 (виділіть текст, виберіть команду Insert Template Objects Editable Region ; Вставка Об'єкти шаблону Редагована область), приклади Edit 2 . Див.

web-сайту

Малюнок. Шаблон сторінок

  1. Збережіть шаблон під ім'ям Main ( File Save As ...; Файл Зберегти як ... тип файлу Template Files (*. dwt ); Шаблон ( *. dwt )). Для файлу шаблону в папці сайту буде створено папкуTemplates.

dreamweaver

Малюнок. Головна сторінка сайту

dreamweaver

Малюнок. Фрагмент сторінки « Ранні пристрої та пристрої для рахунку »

  1. Оформіть решту сторінок сайту самостійно.
  2. Для кожної сторінки сайту визначте заголовки (Title; Заголовок):
  3. index. html ¸ Історія обчислювальної техніки
  4. beginning.html ¦ Ранні пристрої та пристрої для рахунку
  5. punch_cards.html Поява перфокарт
  6. programmable_machines.html - Перші програмовані машини
  7. electromechanical_computers. html - Електромеханічні цифрові комп'ютери
  8. first _generation.html - Перше покоління комп'ютерів
  9. second_generation.html - Друге покоління комп'ютерів
  10. third_generations.html - Третє та наступні покоління комп'ютерів

  1. Як зареєструвати новий сайт в Adobe Dreamweaver?
  2. Що таке "фізична структура сайту"?
  3. Яке ім'я має головна сторінка сайту?
  4. Як створити шаблон сторінки?
  5. Як додати малюнок на сторінку?
  6. Як створити таблицю?
  7. Як додати редаговану область до шаблону?
  8. Як застосувати шаблон до сторінки?
  9. Як створити заголовок сторінки?