13470

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

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

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

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

Русский

2013-05-11

811 KB

130 чел.

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

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


 

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

31440. Немецкая классическая философия: Кант, Фейербах 31 KB
  Для Канта этот вопрос сводится к вопросу о возможности чистой математики и чистого естествознания см. Кант Родоначальником немецкой классической философии стал Иммануил Кант 17241804 В философии Канта выделяется два периода:1 докритический и 2 критический. На первом этапе Кант выступает материалистом.
31441. Немецкая классическая философия: Гегель 24 KB
  Самораскрытие Абсолютного Духа в пространстве это природа; самораскрытие во времени история. Историю движут противоречия между национальными духами которые суть мысли и проекции Абсолютного Духа. Когда у Абсолютного Духа исчезнут сомнения он придёт к Абсолютной Идее Себя а история закончится и настанет Царство Свободы. Войны между народами выражают напряжённое столкновение мыслей Абсолютного Духа.
31442. Мир, природа, бытие, субстанция, материя 25.5 KB
  Философском энциклопедическом словаре имеется следующее определение: âБытие философская категория обозначающая реальность существующую объективно вне и независимо от сознания человекаâ. Самый первый философ кот изучал бытие Парменид: бытие есть не бытие нет мыслимое существует не мыслимое не существует. У Платона бытиеэто мир идей.
31443. Материя и проблема субстанции в философии. Монизм, дуализм, плюрализм. Философия и наука о материальном единстве мира как единстве многообразия сущего 36.5 KB
  Материя как субстанция обладает свойствами: несотворимость неуничтожимость бесконечность способность к саморазвитию. Материя как субстанция не существует отдельно от материальных явлений как нечто самостоятельное она существует только в них и через них. Материя объективное бытие.
31444. Материя и движение. Движение – способ существования материи. Диалектика абсолютного и относительного движения. Движение и покой 28.5 KB
  Диалектика абсолютного и относительного движения. В онтологическом смысле материя это бесконечное множество всех существующих в мире объектов и систем субстрат любых свойств связей отношений и форм движения; в мире нет ничего кроме движущейся материи . Относительность: нет просто движения движения вообще а есть только его отдельные формы ограничение его исторически и локально в пространстве. Прекращение одних форм движения замещается возникновением др.
31445. Пространство и время - формы существования материи. Развитие представлений о пространстве и времени в истории философской и научной мысли. Проблема взаимосвязи категорий «материя», «движение», «пространство» и «время». Значение теории относительности для 28.5 KB
  Развитие представлений о пространстве и времени в истории философской и научной мысли. В истории философии сложилось 2 концепции пространства и времени 1 В античности Демокрит и Эпикур. Именно матери определяет свойства пространства и времени. Свойства пространства и времени: общие и частные.
31446. Диалектика и её альтернативы (метафизика и релятивизм, эклектика) Объективная и субъективная диалектика. Диалектика как метод научного познания и как система знаний (общая характеристика). Принцип диалектики и их взаимосвязь 35 KB
  Диалектика и её альтернативы метафизика и релятивизм эклектика Объективная и субъективная диалектика. Диалектика как метод научного познания и как система знаний общая характеристика. Диалектика учение о всеобщих разнообразиях всеобщих взаимосвязях объект Диалектика искусство вести беседу суб Диалектика как метод используется как обобщенное систематизированное знание используемое в практике нового исследования. Диалектикасистема принципов категорий и законов которыми руководствуется человек в своей познавательной и...
31447. Категории диалектики. «Единичное», «особенное», «всеобщее» 25.5 KB
  Единичное особенное всеобщее. Например единичное и общее. Группы: категории предметные 2категории отношения единичное и всеобщее служебная категория особенное. Единичное отдельный обладающий индивидуальной качественной и количественной определенностью предмет ограниченный в пространстве и во времен от других предметов.
31448. Категории диалектики. «Вещь», «свойство», «отношение». «Часть» и «целое» 26.5 KB
  У каждой науки есть свои категории. Философские категории это предельно общие универсальные понятия отражающих взаимосвязь всех предметов действительности. Философские категории строятся парами они противостоят друг ругу но не могут существовать друг без друга.