13470

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

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

Информатика, кибернетика и программирование

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

Русский

2013-05-11

811 KB

134 чел.

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

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

Цель работы: научиться регистрировать сайт, разрабатывать его физическую структуру, создавать шаблоны страниц и страницы на основе шаблона.

Задание:

  1.  Запустите Adobe Dreamweaver. 
  2.  Зарегистрируйте новый сайт (SiteNew Site…; Сайт – Новый сайт…), который будет создаваться на локальном компьютере, а затем выгружаться в Интернет. Сайт не будет использовать серверных технологий. В качестве имени сайта укажите свою фамилию, укажите в качестве папки для хранения файлов сайта папку MySite, которую следует создать в вашей личной папке.

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

  1.  Определите физическую структуру сайта, описывающую размещение файлов и папок сайта на диске локального компьютера (WindowFiles):
    1.  В папке MySite создайте папки: Pictures (в этой папке будут храниться все графические объекты сайта), History (в этой папке будут размещаться html-файлы, описывающие страницы сайта).
    2.  В папке MySite создайте файл index.html (он будет содержать главную страницу сайта).
    3.  Найдите в Интернете и скопируйте в папку Pictures картинки, которые вы будете размещать на сайте (файлы картинок могут иметь форматы .gif, .jpeg, .jpg, .png, .psd).
    4.  Из папки Исходные файлы для сайта скопируйте в папку Pictures файлы:
      •  BabbageDifferenceEngine.jpg;
      •  Gears_large.jpg;  
      •  Lochkarte_Tanzorgel.jpg.
    5.  В папке History создайте файлы, в которых будут сохранены страницы сайта:

beginning.html; 

punch_cards.html;

programmable_machines.html;

electromechanical_computers.html;

first_generation.html;

second_generation.html;

third_generations.html.

  1.  Разработайте шаблон страниц сайта:
    1.  Создайте пустой шаблон (FileNew… – Blank Template; Файл – Новый… – Бланк шаблона): тип шаблона – шаблон HTML (HTML template; Шаблон HTML), макет – 3 гибридных столбца, верхний и нижний колонтитулы (3 column hubrid, header and footer).
    2.  Оформите области шаблона по образцу (см. ):
      •  Рисунок, размещаемый в верхнем колонтитуле, выберите самостоятельно среди файлов, скопированных вами в папку Pictures. Для вставки нужного элемента (рисунка, таблицы, гиперссылки и др.) на страницу используется меню Insert.
      •  Меню, расположенное слева, должно содержать следующие пункты: Главная страница; Ранние приспособления и устройства для счёта; Появление перфокарт; Первые программируемые машины; Электромеханические цифровые компьютеры; Первое поколение компьютеров; Второе поколение компьютеров; Третье и последующие поколения компьютеров.
    3.  Создайте гиперссылки на документы (выделите текст ссылки, выберите команду Insert – Hyperlink; Вставка – Гиперссылка и заполните поле Link; Связь, указав имя файла нужного документа):
  •  Главная страница – файл index.html;
  •  Ранние приспособления и устройства для счёта – файл beginning.html;
  •  Появление перфокарт – файл punch_cards.html;
  •  Первые программируемые машины – файл programmable_machines.html;
  •  Электромеханические цифровые компьютеры – файл electromechanical_computers.html;
  •  Первое поколение компьютеров – файл first_generation.html;
  •  Второе поколение компьютеров – файл second_generation.html;
  •  Третье и последующие поколения компьютеров – файл third_generations.html

  1.  Создайте редактируемые области в шаблоне: основное содержимое Edit1   (выделите текст, выберите команду InsertTemplate ObjectsEditable Region; Вставка – Объекты шаблона – Редактируемая область), примеры Edit2. См. .

Рисунок . Шаблон страниц

  1.  Сохраните шаблон под именем Main (FileSave As…; Файл – Сохранить как… тип файла – Template Files (*.dwt); Шаблон (*.dwt)). Для файла шаблона в папке сайта будет создана папка Templates.

  1.  Создайте страницы сайта на основе шаблона:
    1.  Главная страница (см. ). Откройте файл index.html. Примените шаблон Main (ModifyTemplatesApply template to Page…; Изменить – Шаблон – Применить шаблон к странице…). Заполните редактируемые области (текст находятся в папке Исходные файлы для сайта). Для размещения рисунка справа от текста создайте таблицу, в левую часть которой внесите текст, в правую – рисунок. Рисунок выберите самостоятельно среди рисунков, скопированных вами в папку Pictures.

Рисунок . Главная страница сайта

  1.  Страница «Ранние приспособления и устройства для счёта» (см. ). Откройте файл beginning.html. Примените шаблон Main. Заполните редактируемые области (текст находятся в папке Исходные файлы для сайта). Вставьте рисунки из папки Pictures.

Рисунок . Фрагмент страницы «Ранние приспособления и устройства для счёта»

  1.  Оформите остальные страницы сайта самостоятельно.
  2.  Для каждой страницы сайта определите заголовки (Title; Заголовок):
    •  index.html – История вычислительной техники
    •  beginning.htmlРанние приспособления и устройства для счёта
    •  punch_cards.htmlПоявление перфокарт
    •  programmable_machines.html - Первые программируемые машины
    •  electromechanical_computers.html - Электромеханические цифровые компьютеры
    •  first_generation.html - Первое поколение компьютеров
    •  second_generation.html - Второе поколение компьютеров
    •  third_generations.html - Третье и последующие поколения компьютеров

  1.  Сохраните все страницы сайта (FileSave All; Файл – Сохранить все).
  2.  Просмотрите страницы сайта в браузере, проверьте работу гиперссылок (File – Preview in BrowserIExplore; Файл – Предпросмотр в браузере – IExplore).

Контрольные вопросы:

  1.  Как зарегистрировать новый сайт в Adobe Dreamweaver?
  2.  Что такое «физическая структура сайта»?
  3.  Какое имя обычно имеет главная страница сайта?
  4.  Как создать шаблон страницы?
  5.  Как добавить на страницу рисунок?
  6.  Как создать таблицу?
  7.  Как добавить редактируемую область в шаблон?
  8.  Как применить шаблон к странице?
  9.  Как создать заголовок страницы?

PAGE   \* MERGEFORMAT 4


 

А также другие работы, которые могут Вас заинтересовать

24618. Облік доходів та витрат майбутніх періодів 28.5 KB
  Облік доходів та витрат майбутніх періодів Облік доходів майбутніх періодів Для узагальнення інформації щодо одержаних доходів у звітному періоді які підлягають включенню до доходів у майбутніх періодах призначено рахунок 69. періодів відносять доходи у вигляді одержаних авансових платежів за здані в оренду о. періодів за Дт їх списання на рахунок обліку доходів та включення до складу доходів звітного періоду. періодів Дт301311373670 Кт69 2списано доходи майб.
24619. Облік розрахунків з постачальниками та іншими кредиторами 28.5 KB
  Облік розрахунків з постачальниками та іншими кредиторами Облік розрах. Для обліку таких операцій використовують рахунок 68 Розрахунки за іншими операціями на якому обліковують розрахунки за операціями що не можна відобразити на рахунках 63 67.За кредитом рахунку 68 показують збільшення заборгованості перед іншими кредиторами за дебетом її погашення списання. 685 Розрахунки з іншими кредиторами.
24620. Облік розрахунків за податками і платежами 31.5 KB
  за податками податок на прибуток ПДВ акцизний збір 642 розрах. за обовязковими платежами місцеві податки транспортний податок 643 податкові зобовязання облік суми ПДВ на яку збільш. податковий кредит 644 податковий кредит облік ПДВ на яку підпрво має право зменшити податкове зобовязання. бюджету перед платником Дт311 Кт641 Кредитове сальдо Дт 641 Кт 311 Законодавче регулювання: ЗУ Про ПДВ ЗУ Про акцизний збір на алкогольні напої та тютюнові вироби ЗУ про оподатковув.
24621. Предмет і Метод бухгалтерського обліку 27.5 KB
  Предмет і Метод бухгалтерського обліку Предметом бух обліку є господарські факти явища і процеси операції що зумовлюють рух господарських засобів коштів та джерел їх утворення. Предмет бух обліку охоплює процес виробництва розподілу обігу та споживання.обліку це сукупність прийомів і способів за допомогою яких господарська діяльність підприємства відображається в обліку.
24622. Правове регулювання біх. обліку та фінансової звітності в Україні 26 KB
  обліку та фінансової звітності в Україні Основні нормативні акти які регулюють побудову та організацію на підприємстві. Організація бух обліку на підприємстві регулюється законом україни про бух облік та фін звітність.При організації і ведені б о підприємства керуються положеннями б о які являють собою нормативно правові акти затверджені мін фіном україни що визначають принципи та методи ведення б о і складання фін звітності що не суперечать міжнародним стандартам.Наказом мін фін україни було затверджено план рахунків б о активів капіталу...
24623. Облікова політика підприємства, її суть і значення 27 KB
  У відповідності з законом україни про б о та фін звітність в україні облікова політика це сукупність принципів методів і процедур що використовуються підприємством для складання та подання фін звітності. Фін результати залежать від способів обліку: 1.оцінки елементів затрат виробництва та їх групування і т д Облікова політика може змінюватися у випадках коли змінюються статутні вимоги і якщо зміни забезпечать реальне відображення операцій у фін звітності підприємства.Обл політика та її зміни відображаються у підтримках до фін звітності.
24624. Рахунки синтетичного і аналітичного обліку, їх взаємозв’язок 25 KB
  Рахунки синтетичного і аналітичного обліку їх взаємозвязок. По обєму записів рахунки бувають синтетичними і аналітичними. Всі рахунки балансу є синтетичними. Але в багатьох випадках для цілей управління і контролю такої інформації не достатньо тому синтетичні рахунки можуть поділитися на більш детальні аналітичні рахунки.
24626. Бухгалтерський баланс та його структура 40 KB
  Існує два визначення балансу: економічне згідно з яким це спосіб економічного групування та узагальненого відображення у грошовій оцінці стану господарських засобів і джерел їх утворення на певну дату і бухгалтерське згідно з яким це двобічна таблиця ліва частина якої актив призначена для відображення засобів підприємства права пасив для відображення джерел їх формування. Зміст форма балансу та загальні вимоги до розкриття його статей визначаються Положенням стандартом бухгалтерського обліку 2 затвердженим наказом Міністерства...