Практическая работа




Скачать 26.69 Kb.
НазваниеПрактическая работа
Дата конвертации25.02.2013
Размер26.69 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).





Похожие:

Практическая работа iconПрактическая работа: 1 иерархия мотивов выбора профессии 2 тест «Мотивы выбора профессии»
Практическая работа: разделить представленный список на профессии, специальности, должности
Практическая работа iconСамостоятельная работа № Практическая работа «Как найти сокровища?»

Практическая работа iconПрактическая работа, контрольная работа, тест
Наблюдение за погодой, высотой солнца над горизонтом, сезонными изменениями состояния растительности и водоемов
Практическая работа iconПрактическая работа №2
№6 «Do you like living in your country?- тебе нравится жить в твоей стране?»
Практическая работа iconДипломная   работа 
Область  применения  результатов  работы:  научная,  практическая  деятельность, 
Практическая работа iconМеждународная  научно-практическая    конференция «Инновационному развитию апк - научное обеспечение», 18 ноября  2010 г. Ч. 4 [Текст]: [посвящ. 80-летию Пермской гос. с Х. акад. им. акад. Д. Н. Пря
И 665  науч практическая  конф.  (2010  ;  Пермь).  Международная  научно-практическая 
Практическая работа iconУчебник: Г. Я. Мякишев и др. «Физика, 11»
Действие магнитного поля на проводник с током. Практическая работа №1  Наблюдение 
Практическая работа iconПрактическая работа в парах
Построение чертежа выкройки плечевого изделия с цельнокроеным рукавом в натуральную величину
Практическая работа icon Информация и информационные процессы . . . . . . . 7 Глава 
Практическая работа  Сканирование «бумажного» и распознавание электронного текстового документа . . . . . 31
Практическая работа iconУчебник: Г. Я. Мякишев и др. «Физика, 11»
Практическая работа №3 «Определение ускорения свободного падения при помощи  21  маятника» 
Разместите кнопку на своём сайте:
TopReferat


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