Transcript Document

Рассмотреть концепцию Word Wide Web
Рассмотреть основные правила и
создания Web- сайтов, обзор браузеров,
представление графики и выбор структуры
Web – страниц.
Изучить программу MS FrontPage,
применяемую для разработки и создания
web- сайтов;
Выбрать стратегию разработки и
создания Web – сайтов.
WWW - это распределенная информационная система
мультимедиа, основанная на гипертексте.
Распределенная информационная система:
информация сохраняется на огромном великом
множестве так называемых WWW-серверов (servers).
То есть компьютеров, на которые установленное
специальное программное обеспечение и которое
объединенные в сеть Internet.
если разрабатывается сайт научного или академического
содержания, особое внимание следует обратить на то, как сайт
работает в Lynx;
если сайт предназначен для потребителей – внимание
обращается на скорость загрузки и внешний вид сайта для AOLбраузеров;
если это сайт для контролируемого окружения, включая
звуковые эффекты – свистки, звонки и, даже, собственные
разработки например корпоративной;
если разрабатывается сайт компьютерных игр, они пользуются
самыми последними версиями браузеров и встраиваемых
приложений.
1.Разработка концепции Web-сайта
- разработка стратегии представления в сети Интернет
- выбор и регистрация свободного доменного имени
- разработка структуры Web-сайта и требований к навигации
- разработка креативной идеи (идей) дизайна Web-сайта
2. Разработка дизайна Web-сайта
- создание эскизов страниц Web-сайта
- верстка принятых эскизов страниц Web-сайта
- разработка баннеров
3. Контент (содержание) Web-сайта
- обработка материалов заказчика
- подбор материалов на заданную тему
- художественное и стилистическое редактирование материалов
- создание оригинальных текстов
- перевод материалов на иностранные языки
- итоговое формирование контента Web-сайта
4. Создание Web-сайта на уровне программных кодов
- создание системы навигации на основе структуры и элементов дизайна
- разработка интерактивных сервисов
- проектирование и создание систем поддержки и обновления ресурса
- наполнение Web-сайта подготовленным контентом
5. Размещение сайта
- исследование возможных вариантов хостинга
- размещение сайта у выбранного хостера
- делегирование доменного имени
Internet explorer на сегодняшний день поддерживает
абсолютно все технологии, использующиеся при создании
сайтов. Internet explorer корректно работает с
подавляющим большинством существующих сайтов.
MAXTHON
MDI интерфейс – а это значит что все открытые окна сайтов находятся в одном
окне программы.
Быстрая и легкая работа с прокси-серверами.
Расширенные возможности Избранного.
Возможность расширения функциональности за счет плагингов.
Возможность изменения внешнего вида программ за счет множества скинов.
Возможность использования «горячих клавиш».
Возможность быстрого поиска.
Возможность настройки фильтров содержимого (баннеры, всплывающие окнa)
Возможность управления браузером движения мыши.
Работа с группами.
Авто-заполнение форм.
Совместим со всеми операционными системами семейства Windows.
Opera
Opera поддерживает CSS, DHTML, JAVA, Flash, всевозможные звуковые и графические
файлы.
MDI-интерфейс позволяет открывать новые окна в одном экземпляре браузера.
Очень удобный менеджер закладок. Может импортировать избранное NN и IE, и
экспортировать собственные. Особенно интересна функция создания HTML-страницы из
имеющихся закладок.
Opera поддерживает огромное количество кодировок. Все замечательно отображается
сразу и ничего нигде не перегружается. Проблема заключается только в плохом
автоматическом определении кодировок.
NETSCAPE NAVIGATOR.
Качественная поддержка стандарта CSS2. Также поддерживает HTML 4.0,
XML 1.0, CSS1, а также стандарты ECMA-262 и Levell DOM.
Преимуществом NETSCAPE NAVIGATOR является поддержка широкого
спектра платформ и операционных систем. Отделение ядра web-браузера от
операционной системы дало возможность одинакового зрительного
изображения страниц во всех системах.
Возможность создания произвольного пользовательского интерфейса
(поддержка «скинов») web-браузера, так называемого «оформления».
MOZILLA
Очень быстро и удобно сохраняет web-страницы.
Есть возможность поиска в Интернете, не заходя на поисковые сервера.
Препятствует открытию всяких всплывающих окон с рекламой.
Вы можете запретить скриптам двигать окна, закрывая их, менять строку
состояния окна.
Вы можете заставить браузер не показывать картинки, которые страница
загружает с других сайтов.
Поддерживает XML User Interface Language (XML- язык разметки
пользовательских интерфейсов), MathML (язык разметки для отображения
математических уравнений), MIME типы.
После аварийного завершения Mozilla теряет весь свой кэш.
FIREFOX
Поддерживает все Веб - технологии.
Препятствует открытию всяких всплывающих окон с рекламой.
Вы можете запретить скриптам двигать окна, закрывать их, менять строку состояния окна
(status bar) или устанавливать cookie.
Вы можете заставить браузер не показывать картинки, которые страница загружает с других
сайтов.
Замечательный менеджер закладок.
Пароли, сохраненные в менеджере паролей, теперь могут быть легко зашифрованы
сильным шифрованием при помощи «Мастера-пароля».
GIF – Grafic Interchange Format
– поддерживает не более 256 цветов
– использует палитру цветов;
– использует сжатие без потери информации по методу LZW
– поддерживает чересстрочную развертку;
– является поточным форматом, т.е. показ картинки начинается во время перекачки;
– позволяет назначить одному из цветов в палитре атрибут прозрачный, что
применяется при создании так называемых прозрачных GIFов;
– имеет возможность сохранения в одном файле нескольких изображений, что находит
свое применение при изготовлении анимированных GIFов;
– поддерживает возможность вставки в файл управляющих блоков, которые позволяют
вставлять комментарии в файл, осуществлять задержку между показами изображений
JPEG – Joint Photographic Experts Group. Он содержит 24-разрядную
информацию о цвете. Это 16,77 млн. цветов в отличие от 256 цветов
формата GIF. В JPEG используется так называемое сжатие с потерями.
Это означает, что некоторая информация об изображениях в процессе
сжатия отбрасывается, но в большинстве случаев ухудшение качества
изображения не наносит вреда и часто даже не заметно.
PNG – Portable Network Graphic
PNG может поддерживать 8-разрядные индексированные цвета, 16-разрядные
полутона или 24-разрядные полноцветные изображения, используя схему сжатия без
потерь. Это обеспечивает более высокое качество изображений, а иногда и меньший
объем файлов по сравнению с форматом GIF. Кроме того, файлы PNG имеют
некоторые замечательные функции, например, встроенное управление
коэффициентом гамма, и изменяемые уровни прозрачности
гибкие
достоинства
недостатки
–Web-страницы
будут
отображаться на
дисплеях с
разным
разрешением;
– заполнено все
пространство
дисплея,
– дизайн гибких
страниц по духу и
по природе более
близок к золотой
середине.
Страница
доступна для
большинства
пользователей.
– На больших
дисплеях длина
строки может
оказаться
чрезмерной.
Длинные строки
особенно неудобны
для чтения с
экрана, поэтому,
значительно
ухудшаются
условия чтения;
–на маленьких
дисплеях элементы
скученные;
–Страница у разных
пользователей
будет выглядеть поразному.
фиксированные
достоинства
недостатки
– страница будет
выглядеть
одинаково
независимо от
размеров
дисплея.
– страницы и
столбцы с
фиксированной
шириной
обеспечивают
лучшее
управление
длинами строк.
– если размер
данного окна
браузера меньше
сетки страницы,
части страницы
не будут видны и
может
потребоваться
горизонтальная
прокрутка.
–сложно
контролировать
размер
выводимых
символов в
браузерах.
Для создания Web-страниц существует множество редакторов. В
своей практической деятельности мы использовали редактор
Microsoft Front Page 2003, который не требует знания HTML-тэгов
и входит в программный пакет Microsoft Office. Его интерфейс
понятен практически каждому пользователю, имеющему
элементарные навыки работы на ПК. В нем обеспечиваются
эффективные функции и элементы управления, помогающие
легче разрабатывать Web-узлы, быстрее генерировать код и
расширять границы использования Интернета, дает возможность
при публикации в Интернете перейти от статических страниц к
современным интерактивным Web-узлам.
За последние три года мы создали и выставили на
конкурсы городских сайтов следующие работы:
Моя семья
Мой район
Виртуальный школьный музей.