Практическая работа «Создание сайта с помощью программы Macromedia Dreamweaver»




НазваниеПрактическая работа «Создание сайта с помощью программы Macromedia Dreamweaver»
Дата21.09.2012
Размер26.8 Kb.
ТипПрактическая работа
Практическая работа


«Создание сайта с помощью программы Macromedia Dreamweaver»


Задание

Создать сайт из четырех страниц, посвященный художнику и философу Н.К. Рериху.


  1. Определение логической структуры сайта, которая описывает взаимосвязь страниц сайта.



philosopher.html



  1. Определение физической структуры сайта – размещение локальных файлов и папок сайта: Site, New Site. Далее ввести название сайта, например Rerich, на вкладке Basic. Далее выберите ответ «нет» на вопрос о создании сайта с помощью различных серверных технологий. Далее выберите первый переключатель (редактирование локальных копий на своей машине) и введите месторасположение локальной папки сайта Rerich. Далее выберите Local/Network. Далее откажитесь от автоматического обновления файлов на сервере, так как мы работаем не в режиме on-line.

  2. На карте сайта (Alt+F8) (либо предварительно в системе) создайте папки указанной структуры и скопируйте в них необходимые файлы для создания страниц – тексты и картинки. Вы можете создать необходимые пустые файлы-страницы в окне карты (File, New, тип - html) сразу. Имя главной страницы сайта – index.html, ее местонахождение – в корневой локальной папке сайта.




  1. Открыть окно свойств сайта Edit, Preferences (Ctrl+U). На вкладке Fonts выбрать Font settings – Cyrillic, Proportional Font – Arial, Fixed Font – Courier New.




  1. Далее для создания страниц сайта придерживайтесь описания следующих свойств (Modify, Page Properties). В титульной строке файла index.html запишите подробнее - Главная страница сайта о Николае Рерихе (см. рис.)




  1. Сохраняем документ нажатием Ctrl+S и не забываем делать это время от времени. Не то, если погаснет свет или зависнет Windows, мы рискуем потерять все то время, что прошло с последнего сохранения.

  2. Делаем разметку страницы: вставляем Главную Таблицу, в которой будут располагаться наши элементы дизайна: меню Вставка > Таблица (Ctrl+Alt+T) или нажатие быстрой кнопки вставки таблицы, что совершенно одно и то же. В таблице на индексной странице сайта 1 столбец и 7 строк. Отцентрируйте таблицу в окне свойств, размеры (67% от ширины окна) установите вручную по размеру картинки в заголовке, ухватившись за правую границу и перемещая.

  3. Вставьте в первую ячейку таблицы рисунок Topgal.gif из папки Pictures: Insert, Image.

  4. В третью строку введите меню страницы

| Главная | Биография | Картины | Философ-гуманист | Экспедиция | Стихи |

В окне свойств текста установите шрифт и его параметры по выбору.

  1. В пятую строку через буфер обмена вставьте скопированный из файла Текст к сайту о Рерихе.doc необходимый текст, подходящий для главной страницы на ваше усмотрение. Отформатируйте текст: кегль – 3, гарнитура – Times New Roman.

  2. Во вторую, четвертую и седьмую строки вставьте горизонтальную линию: Insert, Horizontal Rule.

  3. Шестую строку выделите указательной стрелкой слева и разбейте на 7 ячеек: Modify, Table, Split Cells. Вставьте в каждую ячейку графические файлы из папки Pictures. Установите следующие свойства каждой картинки:





  1. Теперь установим гипертекстовые ссылки с главной страницы на другие страницы сайта.
    Разумеется, страницы должны существовать в локальной папке сайта, хотя бы пустые, но с указанными именами. Выделяем в третьей строке таблицы, где находится меню, слово Биография. Далее в окне свойств Properties в строке Link устанавливаем курсор и щелкаем по значку папки Browse for File. Далее в окне выбора файла указываем файл в локальной сетевой папке ../HTML/Biography.htm. Текст будет подчеркнут цветом, установленным в Свойствах страницы для Links. Таким же образом связываем другие пункты меню: Картины - Pictures.htm, Философ-гуманист - philosopher.htm.

  2. Оформите другие страницы сайта. Создайте гипертекстовые связи. Проверяйте, как страница просматривается в браузере на каждом этапе оформления (F12).







Похожие:

Практическая работа «Создание сайта с помощью программы Macromedia Dreamweaver» iconЛабораторная работа Определение и настройка сайта
Запустите Dreamweaver. Для этого нажмите Пуск, затем откройте папку Macromedia, щелчком левой клавиши мыши выберите Dreamweaver....
Практическая работа «Создание сайта с помощью программы Macromedia Dreamweaver» iconСоздание базовых элементов Web-страниц с помощью Adobe Dreamweaver
Цель: Освоение базовых принципов создания Web-сайтов. Ознакомление с интерфейсом программы Adobe Dreamweaver и создание первой простой...
Практическая работа «Создание сайта с помощью программы Macromedia Dreamweaver» iconПрактическая работа Создание контролирующих систем средствами программы
Создать систему контроля знаний учащихся средствами программы Microsoft Excel, содержащую не менее 3 тестовых заданий
Практическая работа «Создание сайта с помощью программы Macromedia Dreamweaver» iconТехническое задание на разработку туристического сайта этапы создания сайта: Разработка концепции сайта, информационное проектирование, оформление Технического задания
Создание работающего шаблона сайта, включая полную разработку «визуала», ссылки, интерактивные элементы
Практическая работа «Создание сайта с помощью программы Macromedia Dreamweaver» iconПрактическая работа №1. Настройка программы-браузера
Практическая работа №4. Получение информации разных видов с Web-страниц и ее сохранение
Практическая работа «Создание сайта с помощью программы Macromedia Dreamweaver» iconПрименение информационных технологий в туризме: создание эффективного сайта турфирмы Выпускная работа по «Основам информационных технологий» Магистранта кафедры международного туризма факультета международных отношений
Применение информационных технологий в туризме: создание эффективного сайта турфирмы
Практическая работа «Создание сайта с помощью программы Macromedia Dreamweaver» iconТематическое планирование 11 класс 1 час в неделю 34 часа за год. Информатика 11 класс
Практическая работа Сведения о логических разделах дисков Практическая работа Значки и ярлыки на Рабочем столе Практическая работа...
Практическая работа «Создание сайта с помощью программы Macromedia Dreamweaver» iconПрактическая работа «Создание таблиц»

Практическая работа «Создание сайта с помощью программы Macromedia Dreamweaver» iconПрактическая работа Создание календаря на основе шаблона
Откройте программу Microsoft Publisher (Пуск – Все программы Microsoft Publisher 2003)
Практическая работа «Создание сайта с помощью программы Macromedia Dreamweaver» iconУрока, № урока по теме Создание презентации с использованием готовых шаблонов: оформление слайдов ( практическая работа)
Создание презентации с использованием готовых шаблонов: оформление слайдов ( практическая работа)
Разместите кнопку на своём сайте:
Библиотека


База данных защищена авторским правом ©lib.znate.ru 2014
обратиться к администрации
Библиотека
Главная страница