13470

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

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

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

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

Русский

2013-05-11

811 KB

111 чел.

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

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


 

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

36203. Стропильные материалы для малоэтажных зданий 20.54 KB
  Стропила несущие конструкции скатной кровли. Наслонные стропила: концами опираются на стены здания а средней частью при пролете между опорами более 4. Наличие дополнительной опоры позволяет увеличить ширину перекрываемую наслонными стропилами до 12м а двух опор – до 15м. Висячие стропила: опираются только концами на стены здания; шаг таких стропил от 3 до 6.
36204. Конструктивные схемы зданий (схемы зданий каркасных и зданий с несущими стенами) 24.76 KB
  Несмотря на значительные различия существующие между зданиями разног назначения как во внешнем виде так и во внутренней структуре все они состоят из основных взаимосвязных архитектурноконструктивных элементов выполняющих определенные функции. Основные элементы здания разделяются на: Несущие – воспринимают основные нагрузки возникающие в здании. К основным элементам здания относятся: фундаменты стены перекрытия отдельные опоры крыша перегородки лестницы окна двери. ФУНДАМЕНТ подземная конструкция основным назначением...
36205. Естественные и искусственные основания зданий (классификация грунтов) 32.5 KB
  Классификация грунтов: Скальные грунты залегают в виде сплошного массива. Эти грунты несжимаемы водоустойчивы и при отсутствии трещин и пустот являются наиболее прочными и надежными основаниями. Менее прочны скальные грунты залегающие в виде трещиноватых слоев образующих подобие сухой кладки. Крупнообломочные грунты это несвязные обломки скальных пород с преобладанием по массе свыше 50 частиц размером более 2мм.
36206. Фундаменты малоэтажных зданий (конструкции, материалы) 188.22 KB
  Фундаменты малоэтажных зданий конструкции материалы Фундамент конструктивный элемент здания воспринимающий нагрузку от наземной части здания и передающий ее на основание. с подушкой3трапецеидальной формы4ступенчатый высота ступени больше или равно 30 см Фундаменты малоэтажных жилых зданий...
36207. Деревянные конструкции. Принцип фахверковой стены. Вопросы ее утепления и облицовки 51 KB
  Фахверковые дома имеют жёсткий несущий каркас из : стоек вертикальных элементов балок горизонтальных элементов раскосов диагональных элементов которые и являются основной отличительной особенностью конструкции фахверка. В основном применяются конструкции позволяющие создать большую площадь остекления что зрительно создает эффект растворения границы интерьера сближая человека с природой. В основном несущие элементы конструкции фахверка покрывают защитным составом позволяющим сохранять древесину сухой трудновоспламеняемой и...
36208. КАМЕННЫЕ КОНСТРУКЦИИ ОДНОСЛОЙНЫЕ И МНОГОСЛОЙНЫЕ КОНСТРУКЦИИ НЕСУЩИХ СТЕН 159 KB
  Стены основные элементы конструкции здания. Несущая стена является естественным продолжением и неотъемлемым элементом конструкции здания служит опорой для балок или бетонных плит потолочного перекрытия. Наружные стены могут быть однослойной или слоистой конструкции.
36209. Задачи дискретной оптимизации. Основные точные методы дискретной оптимизации: поиск с возвратом, динамическое программирование, метод ветвей и границ. Приближённые методы дискретной оптимизации: жадный алгоритм, метод локальных вариаций 126.5 KB
  Тогда в терминах ЦЧЛП задача о рюкзаке может быть сформулирована так: найти максимум линейной функции при ограничениях хj  0 . Найти кратчайший маршрут коммивояжера бродячего торговца начинающийся и заканчивающийся в заданном городе и проходящий через все города. Воспользовавшись им при k = n – 1 1 можно найти Q х0 – оптимальное значение критерия эффективности. Зная х1 можно найти – оптимальное управление на 2й стадии и т.
36210. Языки описания выбора. Процедуры выбора при критериальном описании: скалярно-оптимизационный механизм выбора, человеко-машинные процедуры, мажоритарные схемы 73.5 KB
  Процедуры выбора при критериальном описании: скалярнооптимизационный механизм выбора человекомашинные процедуры мажоритарные схемы. Как любая теория теория выбора начинается с языка описания. К настоящему времени сложилось три основных языка описания выбора: критериальный язык; язык бинарных отношений; язык функций выбора.
36211. Классы численных методов построения множеств неулучшаемых решений. Основные теоремы для поточечных методов и алгоритма последовательного выбора 31.5 KB
  Процедуры первой группы осуществляют поочередный поиск отдельных неулучшаемых точек как решений вспомогательных скалярных задач. В них на каждой итерации получается целое множество “неплохих†точек которое на последующих шагах постепенно улучшается. Генератор на каждой итерации порождает набор точек zk а ФВ осуществляет отбор в некотором смысле лучших из них: Генератор множеств точек zk Функция выбора С Для организации выбора необходимо произвести парные сравнения исходных вариантов и отбросить те из...