13470

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

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

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

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

Русский

2013-05-11

811 KB

147 чел.

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

Тема: Разработка 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


 

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

45959. Стекло и керамика: состав, свойства, технология изготовления деталей, применение в машиностроении 13.86 KB
  Стекло и керамика: состав свойства технология изготовления деталей применение в машиностроении. По сост делятся: на силикаты SiO2 алюмосиликатные l2O3SiO2 и бромосиликатные B2O3SiO2. Технология изготовления стеклянных изделий состоит из следующих операций: варка стекла в многотонных печах ванного типа прокатка листового стекла прессование выдувание спекание из стеклянного порошка литье под давлением и центробежное литье. В состав керамики могут входить глины шамит песок полевой шпат и тд.
45960. Производства чугуна: исходные материалы, устройство доменной печи, технология плавки чугуна, продукты доменной плавки 72.17 KB
  РУДЫ ФЛЮСЫ И ТОПЛИВО Железные руды основной исходный материал для выплавки чугуна. Железные руды в отличие от медных и многих других относительно богаты. Наиболее богатые руды содержат 60 железа и больше наиболее бедные 3040. По типу рудного минерала руды бывают следующих основных видов.
45961. Способы изготовления отливок. Изготовление отливок в песчаных формах. Ручная, машинная и вакуумная формовка 15.44 KB
  Основными способами изготовления отливок является литье в песчаные формы по выплавляемым моделям в оболочковые формы в кокиль под давлением и центробежное. Указанными способами можно изготовлять отливки в разовые формы литье в песчаные формы по выплавляемым моделям и в оболочковые формы и в металлические формы литье в кокиль под давлением и центробежное. Литейные формы изготовляют как из неметаллических материалов песчаные формы формы изготовляемые по выплавляемым моделям оболочковые формы для одноразового...
45962. Специальные способы литья: литьё по выплавляемым моделям, литьё в оболочковые формы, литьё в металлические формы, центробежное литьё 19.78 KB
  Специальные способы литья Из специальных способов литья в настоящее время распространены литье в металлические формы центробежное литье литье под давлением точное литье по выплавляемым моделям литье методом вакуумного всасывания и литье в оболочковые формы. Отливки получаются без швов у форм нет разъемов размеры отливок получаются точными чем при литье в землю так как здесь исключены причины потери точности от расколачивания формы моделью при ее извлечении перекос половинок формы подъем верхней опоки и раздутие формы под давлением...
45963. Специальные способы литья: литьё под высоким давлением, непрерывное литьё, электрошлаковое литьё. Преимущества, недостатки, применение 188.05 KB
  Непрерывное литьё Перевод Непрерывное литьё металлов и сплавов процесс получения слитков и заготовок основанный на равномерном перемещении металла относительно зон заливки и кристаллизации. Равномерные скорости подачи жидкого металла его кристаллизации и удаления готовой отливки при Н. обеспечивают постоянство состава строения и свойств металла по всей длине отливки. Путём усиленного отвода тепла благодаря непосредственному охлаждению металла водой можно повысить скорость кристаллизации и при правильно выбранной скорости литья...
45964. Прокат и его производство 47.57 KB
  Процесс прокатки обеспечивается силами трения между вращающимся инструментом и заготовкой благодаря которым заготовка перемещается в зазоре между валками одновременно деформируясь. Способы прокатки Когда требуется высокая прочность и пластичность применяют заготовки из сортового или специального проката. В процессе прокатки литые заготовки подвергают многократному обжатию в валках прокатных станов в результате чего повышается плотность материала за счт залечивания литейных дефектов пористости микротрещин. Существуют три основных...
45965. Свободная ковка: основные операции и инструмент. Горячая объёмная штамповка. Технологический процесс горячей объёмной штамповки 15.85 KB
  Горячая объёмная штамповка это вид обработки материалов давлением при котором формообразование поковки из нагретой заготовки осуществляют с помощью специального инструмента штампа. Горячей объёмной штамповкой можно получать без напусков поковки сложной конфигурации которые ковкой изготовить без напусков нельзя при этом допуски на штамповочную поковку в 3 4 раза меньше чем на кованную Горячей объёмной штамповкой...
45966. Холодная объёмная и листовая штамповка - основные операции и оборудование. Формообразование заготовок из порошковых материалов 50.48 KB
  Операции листовой штамповки делятся на два основных класса: разделительные в которых одна часть заготовки отделяется от другой и формоизменяющие при которых получают изделия сложной формы за счет деформации металла заготовки без его разрушения. Резка последовательное отделение части заготовки от прямой или кривой линии это заготовительная операция. Вырубка операция единовременного отделения материала от заготовки по замкнутому контуру причем отделяемая часть является изделием. Гибка формоизменяющая операция для получения изогнутой...
45967. Искусственное и естественное старение корпусов 10.81 KB
  Для уменьшения влияния внутренних напряжений применяютестественное или искусственное старение либо вылеживание деталей послеизготовления заготовок.