20111215161102!Презентация1

Создание сайта
образовательного
учреждения
Веб-страница
(от англ. Web page)
документ или информационный
ресурс всемирной паутины,
доступ к которому
осуществляется с помощью
браузера.
• Веб-страницы обычно создаются на языках
разметки HTML или XHTML и могут
содержать гиперссылки для быстрого
перехода на другие страницы.
• Информация на веб-странице может быть
представлена в различных формах:
• Текст;
• Статические и анимированные графические
изображения;
• Аудио;
• Видео;
• Апплеты;
Информационно
значимое содержимое
веб-страницы обычно
называется контентом.
САЙТ или ВЕБ-САЙТ
Это несколько веб-страниц,
объединенных общей темой и
дизайном, а также связанных
между собой ссылками, и
обычно находящихся на одном
веб-сервере.
• Web-сайт может быть выполнен на
высоком уровне, и с точки зрения
дизайна, и с точки зрения качества
информационного наполнения. До
тех пор, пока сайт "статичен", не
содержит в себе элемента
интерактивного взаимодействия с
читателем, такой сайт нельзя
назвать современным.
прежде чем приступить
непосредственно к созданию
сайта, нужно определиться с
его типом.
Классификация веб-сайтов:
типы и виды интернет сайтов.
Какие бывают сайты.
Примерная классификация интернет-сайтов,
условно разбитая на группы.
Вид сайта всегда определяется его
целями и задачами.
На практике сайты очень часто
являются комбинированными, и могут
быть приписаны к разным видам. Тем
не менее, предлагаемая
классификация сайтов будет полезна
для понимания того, какой именно
тип сайта нужен конкретно вам.
Сайт визитка
• Сайт визитка — самый простой вид сайта. Сайт
такого типа можно сделать даже на простом
HTML, без использования системы управления
сайтом. Обычно сайт-визитка содержит от 1 до
5 страниц. Сайты этого вида как правило
включают в себя только общую информацию о
владельце сайта и его контактные данные.
• Простота разработки такого вида сайта делает
стоимость его создания сравнительно
дешевой, что является очевидным
преимуществом для заказчика.
Корпоративные сайты
• Корпоративные сайты — это
полнофункциональные представительства
компаний в интернете. Этот тип сайта
лучше всего подходит для серьёзных
средних и крупных фирм. Они содержат
полную информацию о компании и её
деятельности. Такой тип сайта иногда
называют виртуальным офисом, так как
посещение такого сайта сравнимо с
общением с менеджером по работе с
клиентами.
Интернет-витрины
• Интернет-витрина или интернет-каталог
товаров — это вид сайтов, основная
задача которых — продавать. На таких
сайтах размещается информация о
товарах и контакты, обычно телефоны,
по которым следует звонить желающим
приобрести предлагаемый товар. На
таких сайтах размещаются технические
характеристики товаров, отзывы,
рекомендации экспертов и т.д.
Интернет-магазины
• Этот вид сайтов аналогичен
интернет-витринам, но имеет
дополнительный функционал:
возможность заказать
предлагаемый товар прямо
через сайт.
Промо-сайты
• Сайты этого типа предназначены для
раскрутки и продвижения какого-либо
товара или бренда.
Тематические сайты
Данный тип интернет сайтов характеризуется
тем, что содержит информацию по какойлибо конкретной тематике. Сюда же можно
отнести интернет-энциклопедии.
Интернет-порталы
• Порталы — это тип сайтов, содержащих
большое количество разнообразной
информации. Как правило, порталы схожи
по структуре с тематическими сайтами, но
имеют более развитый функционал и
большее количество сервисов и разделов.
Также на порталах часто бывают разделы
для общения пользователей: чаты, блоги и
форумы.
Блоги
• Блог — это тип сайтов, на которых владелец
или редактор блога пишет посты со своими
новостями, идеями или другой постоянно
поступающей информацией.
Отличительной особенностью блогов
является актуальность публикуемой
информации.
Каталоги сайтов
Это вид сайтов, основным содержимым которых
являются структурированные ссылки на другие
сайты, а также их краткие описания.
Поисковые системы
Вид сайтов, предназначенных для поиска страниц
в интернете по определённым запросам.
Почтовые сервисы
Этот тип сайтов предоставляет интерфейс для
работы с электронной почтой.
Интернет-форумы
На сайтах этого вида пользователи могут
создавать темы, а также комментировать их.
Как правило, форумы ограничены одной
специфической тематикой, хотя встречаются и
форумы «обо всём».
Сайты-хостинги
На сайтах этого типа реализована функция
хранения каких-либо файлов. Также часто
встречаются сайты-хостинги с возможностью
просмотра загруженных файлов прямо через
браузер.
Доски объявлений
На таких сайтах пользователи могут
размещать или искать информацию в
виде каких-либо объявлений, например
— о покупке-продаже.
Социальные сети
Тип сайтов, созданных для общения
пользователей между собой. Как правило,
на таких сайтах есть рейтинги, страницы
пользователей, группы и множество других
сервисов.
ФЕДЕРАЛЬНЫЙ ЗАКОН
Принят Государственной Думой22 октября 2010 года
Одобрен Советом Федерации 27 октября 2010 года
• в статье 32: подпунктом 25
• б) дополнить пунктом 4 следующего
содержания:
• 4. Образовательное учреждение
обеспечивает открытость и доступность
следующей информации:
•
о дате создания образовательного учреждения;
•
о структуре образовательного учреждения;
• о реализуемых основных и дополнительных
образовательных программах с указанием численности лиц,
обучающихся за счет средств соответствующего бюджета
бюджетной системы Российской Федерации, по договорам с
физическими и (или) юридическими лицами с оплатой ими
стоимости обучения; об образовательных стандартах и о
требованиях, самостоятельно установленных федеральными
государственными образовательными учреждениями
высшего профессионального образования в соответствии с
пунктом 2 статьи 7 настоящего Закона (при их наличии);
• о персональном составе педагогических работников с
указанием уровня образования и квалификации;
• о материально-техническом обеспечении и об
оснащенности образовательного процесса (в том
числе о наличии библиотеки, общежитий,
спортивных сооружений, об условиях питания,
медицинского обслуживания, о доступе к
информационным системам и информационнотелекоммуникационным сетям);
• об электронных образовательных ресурсах,
доступ к которым обеспечивается обучающимся;
• о направлениях научно-исследовательской
деятельности и базе для ее осуществления (для
образовательных учреждений высшего
профессионального образования);
• документа, подтверждающего наличие
лицензии на осуществление образовательной
деятельности (с приложениями);
• свидетельства о государственной
аккредитации (с приложениями);
• утвержденных в установленном порядке
плана финансово-хозяйственной деятельности
или бюджетной сметы образовательного
учреждения;
3.2. Некоммерческие организации, за исключением
указанных в пункте 3.1 настоящей статьи, обязаны
ежегодно размещать в сети Интернет или
предоставлять средствам массовой информации для
опубликования отчет о своей деятельности в объеме
сведений, представляемых в уполномоченный орган
или его территориальный орган.
Некоммерческие организации, указанные в пункте 3.1
настоящей статьи, обязаны ежегодно размещать в сети
Интернет или предоставлять средствам массовой
информации для опубликования сообщение о
продолжении своей деятельности.
Порядок и сроки размещения указанных отчетов и
сообщений определяются уполномоченным
федеральным органом исполнительной власти.
• "5. Информация, указанная в пункте 4
настоящей статьи, подлежит размещению
на официальном сайте образовательного
учреждения в сети "Интернет" и
обновлению в течение тридцати дней со
дня внесения соответствующих изменений.
• Порядок размещения в сети "Интернет" и
обновления информации об
образовательном учреждении, в том числе
содержание и форма ее представления,
устанавливается Правительством
Российской Федерации.";
Нормативно-правовая защита
персональных данных
 Федеральный закон «О персональных данных» № 152-ФЗ от 27.07.2006,
которым регулируются отношения, связанные с обработкой персональных
данных в образовательных учреждениях с использованием средств
автоматизации;
 Федеральный закон «Об информации, информационных технологиях и защите
информации» № 149-ФЗ от 27.07.2006, в котором даны определения понятий:
информация, документирование информации, защита информации, обладатель
информации, конфиденциальность информации, предоставление и
распространение информации, электронное сообщение;
 Трудовой кодекс Российской Федерации, определяющий требования к защите
персональных данных работников образовательных учреждений;
 Указ Президента РФ «Об утверждении перечня сведений конфиденциального
характера» № 188 от 06.03.1997, в котором к конфиденциальной информации
отнесены персональные данные;
 Постановление Правительства РФ от 17.11.07 № 781, которым
утверждено Положение об обеспечении безопасности
персональных данных при их обработке в информационных
системах персональных данных, определяющее основные
требования к указанным информационным системам;
 Постановление Правительства РФ от 15.09.2008 № 687,
которым утверждено Положение об особенностях обработки
персональных данных, осуществляемой без использования
средств автоматизации.
Приказ от 17.07.2008 № 08 «Об утверждении образца формы
Уведомления об обработке персональных данных», в котором
утвержден образец названного документа, а также
Рекомендации по заполнению этой формы
Постановление Правительства Российской Федерации от
15.08.2006 № 504 «О лицензировании деятельности по
технической защите конфиденциальной информации»
Приказ ФСТЭК России, ФСБ России, Мининформсвязи
России от 13.02.2008 № 55/86/20 «Об утверждении
Порядка проведения классификации информационных
систем персональных данных».
Соглашение об использовании персональных данных и
другие документы в соответствии с РД ФСТЭК (руководящие
документы Федеральной службы по техническому и
экспортному контролю)
• Соглашение между образовательным учреждением и родителями
(опекуном) обучающегося является необходимым документом
определяющим правомерность использования персональных сведений
в документальных и электронных базах данных, обеспечивающих
управление образовательным процессом и ведение учетной
деятельности результатов обучения. Соглашение основывается на
положениях Федерального закона от 27 июля 2006 года № 152-ФЗ «О
персональных данных».
• В соглашении указывается перечень персональных данных, которые
предоставляются для всех уровней информационной системы
управления.
• В соглашении определяется согласие родителей (опекунов) на
использование фото- или видеоматериалов с изображением
личности ребенка, не порочащей его достоинство, при публикации
в сетях Интернет или других публичных изданиях.
Авторское право.
• Федеральный закон от 18.12.2006 N 231-ФЗ (ред. от
12.04.2010) "О введении в действие части четвертой
Гражданского кодекса Российской Федерации" (принят
ГД ФС РФ 24.11.2006)
ГРАЖДАНСКИЙ КОДЕКС РОССИЙСКОЙ ФЕДЕРАЦИИ
• Раздел VII. ПРАВА НА РЕЗУЛЬТАТЫ ИНТЕЛЛЕКТУАЛЬНОЙ
ДЕЯТЕЛЬНОСТИ И СРЕДСТВА ИНДИВИДУАЛИЗАЦИИ
Глава 69. ОБЩИЕ ПОЛОЖЕНИЯ
Статья 1225. Охраняемые результаты интеллектуальной
деятельности и средства индивидуализации
Защита прав в интернете.
Материалы сайта http://www.copyright.ru/
http://www.copyright.ru/ru/
documents/zashita_prav_in
ternet
http://copyright.ru/ru/ne
ws/vopos_otvet/2010/8/
14/copy_news/
Основные функции сайта
образовательного учреждения
Здесь явно прослеживается аналогия со
справочником, с тем преимуществом, что бумажный
справочник есть не у каждого и не всегда под рукой, а
Интернет уже сегодня доступен широкому кругу
людей, — как причастных к образованию, так и
просто родителей. Проблем остается только две:
чтобы в Интернете была нужная информация, и
чтобы ее можно было там найти.
Основные функции сайта
образовательного учреждения
Настоящий школьный сайт должен быть "живым".
Именно здесь вы можете сообщить все, что может
оказаться полезным или интересным для родителей
нынешних и будущих учеников: школьные
новости, объявления, правила поступления в
школу, расценки коммерческих курсов и многое,
многое другое. Здесь же могут быть кратко
представлены региональные новости и объявления.
Основные функции сайта
образовательного учреждения
Школьный сайт может служить средством публикации: учителя
имеют возможность представить здесь свои педагогические
наработки, а ученики — опубликовать плоды своего творчества,
— как в рамках школьной программы, так и в свободной форме.
Сайт при этом может стать инструментом обучения — для
школьников, и обмена опытом — для педагогов. В частности,
для детей возможность публикации своих работ в Интернете
является мощным педагогическим стимулом, особенно если это
сочетается с проектной работой — проведением конкурсов, в
результате которых лучшие работы размещаются на школьном
сайте.
Основные функции сайта
образовательного учреждения
Все, о чем говорилось до сих пор, представляет собой
одностороннюю схему: вы размещаете на школьном сайте
информацию, а пользователи (родители, ученики или другие
посетители) — ее читают. Но ведь Интернет годится не только
для размещения информации, а еще и для общения. Школьный
сайт может стать местом встречи всех заинтересованных лиц.
С помощью набора не очень сложных инструментов можно дать
возможность посетителям не только читать ваши объявления, но
и размещать собственные, а также отвечать на ваши вопросы,
обсуждать животрепещущие проблемы, принимать участие в
играх и конкурсах и просто общаться друг с другом.
Создание и ведение школьного сайта
Какую школу выбрать?
Что за программа обучения в школе?
Чем она живет?
Каков контингент учащихся, где будет учиться
ваш ребенок?
Есть ли вступительные экзамены и можно ли
предварительно попробовать себя?
С какими ВУЗами и предприятиями
сотрудничает школа?
Успеваемость ребенка в школе.
Расписание уроков и звонков.
Создание и ведение школьного сайта
получать информацию на сайте о расписании
уроков, домашнее задание, возможность задать вопрос
учителю, друг другу и тому подобное.
поделиться с друзьями о себе: о проведенных каникулах,
спортивных состязаниях, просто о повседневной жизни.
Фотоальбом на сайте, а также персональные странички
учеников – идеальное средство. Если какая-либо
информация носит конфиденциальный характер, то есть
предназначена для ограниченного числа посетителей, ее
можно закрыть паролем.
Создание и ведение школьного сайта
резюме.
сведения о дополнительных занятиях
устав школы.
внутренний распорядок школы
правила приема в школу и т.д.
информация о спонсоре.
Информация
получена с сайта
http://www.edusite.
ru/p52aa1.html
Блок общей информации
Координаты школы
История
школы
Страничка
описывает
координаты
школы,
банковские
Устав
школы
Страничка
описывает
историю
Для посетителей
сайта
(всех
реквизиты,
картуаудитории)
проезда.
школы,
ее Правила
основные
достижения,
категорий
целевой
приема в HTML
Обычно выкладывается
известных
выпускников
и т.п.
будет
интересно
узнать о планах
(для просмотра
через
Наверсии
этой
страничке
описываются
Очень
важный
вопрос
о
том,
как
Правила
внутреннего
школьного
распорядка
школы.
Страничка
Страничка
ов наиболее
партнерам:
значимых
Интернет)
ипосвящена
версии
для
печати –
установленные
приема
обеспечивается
иправила
финансируется
Правила
внутреннего
распорядка
Программа
развития
школы
ВУЗам,
событиях
с
которыми
в
истории
сотрудничает
школы.
лучше
в
архивированном
виде,
учеников
– как
в 1-й
класс,
так
ив
безопасность
в школе,
кто
определяют
основные
моменты
школа,
предприятия,
где
могут
чтобы
уменьшить
объем
Достижения
школы
последующие
классы.
отвечает
за
безопасность.
организации
нормальной
работы
подрабатывать
дети
или пойти
скачиваемой
информации
по
педагогического
коллектива
Безопасность
работать
после
окончания
и т.п.
низкоскоростным
каналам
школы. Этот
документсвязи.
Объявление об открытых
целесообразноПартнеры
размещать в версии
вакансиях для школы.
для просмотра через Интернет и в
Вакансии
версии для печати.
Информация
получена с сайта
http://www.edusite.
ru/p52aa1.html
Блок администрации
Директор
Информация
о директоре,
Зам.директора по УВР
обращение,ообратная
связь. по
Информация
зам.директора
УВР, обращение,
обратная
Зам.директора
по ВР связь.
Информация о зам.директора по
Зам.директора по социальной защите
ВР, Информация
обращение, обратная
связь.
школьного
Информация о зам.
соц. защите,
Зам.директора
по безопасности
психолога:
обращение,
обратная
обращение, обратная связь.
связь,
литература,
форум,врача:
часто
Информация
школьного
Информация
о зам. безопасности,
Социальный
педагог
задаваемые
вопросы.
обращение,
обратная связь,
обращение, обратная
связь.
Информация
социального
литература, форум,
часто
Психолог
педагога,
обращение,
обратная
задаваемые
вопросы.
связь, литература, форум, часто
Школьный врач
задаваемые вопросы.
Блок педагогического
коллектива
Информация
получена с сайта
Учителя
начальной школы
Краткое портфолио каждого из
Учителя
учителей, ссылки на
старших классов
дополнительные курсы и занятия,
проводимые педагогом.
http://www.edusite.
ru/p52aa1.html
Педагоги и воспитатели
ГПД
http://www.edusite.
ru/p52aa1.html
Блок обмена информацией
Информация
получена с сайта
Объявления
Новости
Форум родителей
Форум учеников
Блоги
Протокол передачи данных
набор соглашений
интерфейса логического
уровня, которые определяют
обмен данными между
различными программами.
Сетево́й протоко́л
набор правил, позволяющий
осуществлять соединение и
обмен данными между двумя и
более включёнными в сеть
устройствами.
Модель OSI (Open System
Interconnection — взаимодействие
открытых систем,
• Является наиболее распространённой
системой классификации сетевых
протоколов.
• в соответствии с ней протоколы делятся на
7 уровней по своему назначению — от
физического (формирование и
распознавание электрических или других
сигналов) до прикладного (интерфейс
программирования приложений для
передачи информации приложениями).
Протокол HTTP
(Hyper Text Transfer Protocol)
Это протокол передачи
гипертекста. Протокол HTTP
используется при пересылке
Web-страниц с одного
компьютера на другой.
Программы-браузеры
• Браузеры - программы,
позволяющие просматривать webдокументы, т.е. обеспечивающая
переходы от одного документа к
другому по гиперссылкам.
• Название происходит от
английского слова to brouse просматривать.
Существует много различных
программ-браузеров,
разработанных разными
фирмами. Основная функция у
всех одна: просмотр документов
и переход по ссылкам, а
дополнительные возможности
могут быть разными.
Наиболее распространенные
браузеры:
-Microsoft Internet Explorer
-Opera
-Mozilla Firefox
Главным плюсом браузера Mozilla считается его
многооконность и скорость работы. Также очень
хорошо и удобно в нем реализована функция
сохранения информации из Интернета.
Сайты школ
Школа №31
г.Владимир
http://vschool31.ru/
Школа №2
http://vladschool2.narod.ru
г.Владимир
Школа №40
http://school40.edu33.ru/index.php?id=74
г.Владимир
Сайт школы-интерната http://shkola-internat4vid.narod2.ru/
для слабовидящих
г.Владимир.
МОУ СОШ №8
г.Ковров
http://kovrovschool8.ru/
Школа №77
г.Кемерово
Школа №534 г.
Москва
http://77school.ru/index/ehnergosberezhe
nie/0-45
http://sch534.edusite.ru/
До сих пор мы говорили о
странице, как о том, что мы
видим в окне браузера.
На самом деле на монитор
выводится изображение кода,
который хранится в файлах.
Вот из таких файлов и состоит
любой сайт.
ntent-Type: multipart/related; start=<op.mhtml.1300436338293.9d5831292e069ce4@46.20.177.85>;
boundary=----------BsVFKTgCRLfTYsoPNiEnPl
Content-Location: http://school40.edu33.ru/index.php?id=74
Subject: =?utf8?Q?=D0=A1=D0=B0=D0=B9=D1=82=20=D1=88=D0=BA=D0=BE=D0=BB=D1=8B=20=E2=84=96=2040?=
MIME-Version: 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head>
<title>Сайт школы № 40</title>
<meta http-equiv="Content-type" content="text/html; charset=windows-1251" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="/styles.css" type="text/css" />
</head>
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000“
Язык HTML, несмотря на столь мудреное
название, весьма прост. И написать с
его помощью простенькую Webстраничку с парой абзацев текста
можно буквально за пять минут,
причем большая часть этого времени
будет потрачена на набор самого
текста этой страницы, а не тегов HTML.
Видно, что наш HTML-код, задающий содержимое
страницы, помещен в парный тег <BODY>. Этот
тег задает так называемую секцию тела Webстраницы — т. е. видимое ее содержимое,
которое показывает Web-обозреватель. Все, что
мы хотим видеть в его окне, должно находиться
в секции тела, т. е. быть содержимым тега
<BODY>.
Второй незнакомый нам тег — это парный тег
<HEAD>. Эта информация не выводится Webобозревателем на экран, а используется для его
внутренних нужд, в частности, задает некоторые
параметры Web-страницы.
Создадим нашу первую HTML страничку
структура простейшего гипертекстового документа.
<html>
<head>
<title>Первая страница
</title>
</head>
<body bgcolor=black text=white>
<center>
<h1>
Владимирская область, Энский район
<br>
Школа №ХХХ
</h1>
</center>
<hr>
<address>
600014 Владимирская область, Энский район, пос.Чудный, улица Небесная, дом 100.
<br>
e-mail:school@liceum.vladimir.ru
</address>
</body>
</html>
Так в чем же проблема?
Проблема в том, что мы пока еще не
знаем HTML. И многие его не знают,
более того — не хотят его изучать
или не имеют на это времени. Но
создавать Web-страницы хотят.
Поэтому специально для них
программисты написали множество
программ, предназначенных для
создания Web-страниц.
Одна из таких программ
Dreamweaver 8
Но прежде, чем мы начнем в
ней работать давайте еще
поговорим о файлах, которые
мы будем создавать.
Файловая структура сайта
• Раньше мы говорили о
навигационной структуре сайта ―
визуальной, то сейчас мы с
поговорим о структуре сайта,
скрытой от глаз. То есть о той его
ипостаси, которая находится
непосредственно на жестких
дисках компьютеров.
• Одни файлы предназначены для хранения
выводимой информации, другие содержат
изображения, видео или звуковую
информацию, третьи являются
вспомогательными и служебными
файлами. Эти файлы помещаются в
специальные контейнеры, называемые
папками. Сами папки также могут быть
помещены в папки высшего уровня,
создавая тем самым дерево каталога.
• При создании сайта важно на
начальном этапе продумать
файловую структуру. Это надо
для того, чтобы при
разрастании сайта до
нескольких сотен страниц не
путаться в файлах.
Пример организации файловой
структуры сайта.
• папка site ― это наша главная папка, в
которой находятся все папки и файлы нашего
сайта. Еще она называется корневой папкой,
так как с нее подобно дереву и растет наше
дерево сайта. В корневой папке сайта
находятся три папки: Content ― с файлами
статей art1.html, art2.html, art3.html
• Images ― для хранения всех файлов с
изображениями
• Userfiles ― содержит служебные файлы
style.css (отвечающий за дизайн сайта) и
menu.js (ява-скрипт для вывода меню)
Ну и конечно же ― файл index.html,
который никуда не прячется и
находится в корневой папке сайта, так
как является самым главным файлом
сайта. Именно его содержимое
выводится в браузере при наборе
адреса .
Именно этот файл содержит
изображение главной страницы сайта.
Названия файлов
• должны содержать символы только латинского алфавита (a-z),
цифры (0-9), знак подчеркивания («_») и дефис («-»). Точка
(«.»)используется только как разделитель между именем
файла и его расширением.
• Названия файлов должны содержать символы только нижнего
регистра.
• Имя файла должно начинаться с буквы.
• Длина имени файла не должна превышать 31 символ.
• На названия папок действуют те же правила.
• Старайся давать такие названия, чтобы они отражали
тематическое содержание папки или файла. Это может быть
как название на английском языке, так и транслитерация с
русского. Например, файл с уроком можно назвать lesson, urok
или uroc. Если придерживаться такого правила, то при
существенном развитии сайта такие файлы легче будет найти.
Создайте нужные
папки для вашего
сайта.
Среда Dreamweaver 8
В главном окне находится строка главного
меню, с помощью которого мы сможем
получить доступ ко всем возможностям
Dreamweaver.
Кроме привычных пунктов меню: File (файл),
Edit (редактирование), View(вид), Insert
(вставить), Window (окно), Help (помощь),
есть и характерные для Dreamweaver:
Modify (модифицировать), Text (текст),
Commands(команды), Site (сайт).
Панель объектов (Расположена под строкой меню)
•
•
•
•
•
•
•
•
•
•
HTML код
Крод и дизайн
Дизайн страницы
Содержимое тэга <title>
Контекстная подсказка по тэгам.
Обмен документов на сервере.
Просмотр документа в браузере.
Обновление вида страницы.
Установка точек прерывания при отладке.
Установка просмотра неотображаемых элементов.
Панель свойств объекеов Propertis
В ней отображаются свойства
выделенного объекта.
Справа могут находится еще несколько
панелей. Например панель File –
отображает структуру сайта.
• При вставке объекта автоматически
формируется HTML код, который можно
просматривать в окне кода.
Создаем первую страницу и
настраиваем параметры
страницы
• Запустите программу Dreamweaver 8 (если
она еще не запущена).
• Создайте новую страницу.
• Modify(изменить) - Page Properties
(свойства страницы) или Page Properties
внизу страницы.
• В открывшемся окне установить цвет фона,
текста, ссылок, кодировку, заголовок.
• какую кодировку выбрать?
• выбираем пункт Кириллица (Windows).
• В противном случае выберем ту кодировку,
которую требует сервер. Если мы создаем
странички на английском языке, наш выбор
— Западноевропейская.
Обратите внимание
• При редактировании страницы меняется
HTML код
• В тэге <meta> указана кириллическая
кодировка - 1251
• Вставьте таблицу Insert – Table.
• Расставьте в ячейках страницы
название страницы, картинки.
• Сохраните страницу в предварительно
созданной папке site под именем
index.html
• Просмотрите ее в браузере.
• Исправьте недочеты.
• Создайте дополнительные страницы сайта
и сохраните их в папке content.
• Настройте гиперссылки.
• Не забывайте все используемые картинки
храним в папке images.
Настройка Dreamweaver
А сейчас самое время настроить наш Dreamweaver так, чтобы
он нормально понимал русский язык и создавал именно
такие Web-страницы, какие нам нужны.
Вся работа будет происходить в диалоговом окне
Preferences, состоящем из множества вкладок с разными
элементами управления. Чтобы вызвать его, выберем в
меню Edit пункт Preferences или нажмем комбинацию
клавиш В левой части окна настройки отображен список
категорий Category, а в правой— настройки, относящиеся к
выбранной в нем категории.
Выберем в списке категорий пункт New Document.
Сначала нужно выбрать в раскрывающемся списке
Default Document Type (DTD) пункт HTML 4.01
Transitional.
Этот пункт предписывает создавать страницы,
используя разновидность языка HTML, "понимаемую" всеми Web-обозревателями.
Все знают, что каждый символ, который вводится с
клавиатуры и отображается на экране, имеет
уникальный номер, называемый кодом символа.
Совокупность таких кодов вместе с описанием,
какой код какому символу соответствует, образует
кодировку, или кодовую таблицу. Каждая
кодировка имеет свое наименование, например
1251 или КОИ-8.