Проектирование и разработка сайта средствами Web Page Maker

Исследование технических возможностей Web Page Maker для проектирования и разработки сайта. Изучение современных Интернет-технологий. Анализ основных этапов создания сайта. Представление текста и графики на web-страницах. Управление объектами страницы.
Краткое сожержание материала:

Размещено на

Курсовая работа

ПРОЕКТИРОВАНИЕ И РАЗРАБОТКА САЙТА СРЕДСТВАМИ WEB PAGE MAKER

СОДЕРЖАНИЕ

• ВВЕДЕНИЕ
• 1. СОВРЕМЕННЫЕ ИНТЕРНЕТ-ТЕХНОЛОГИИ
• 1.1 Web-дизайн и браузеры
• 1.2 Обеспечение доступности Web-страницы
• 1.3 Представление текста на web-страницах
• 1.4 Представление графики на web-страницах
• 1.5 Основные этапы создания Интернет-сайта
• 1.6 Стратегия разработки Интернет-сайта
• 2. ВОЗМОЖНОСТИ ПРОГРАММЫ WEB PAGE MAKER
• 2.1 Окна и панели инструментов
• 2.2 Основные операции
• 2.2.1 Расположение элементов страницы
• 2.2.2 Управление объектами страницы
• 2.2.3 Изменение размеров объектов
• 2.2.4 Управление слоями объектов
• 2.2.5 Блокирование элементов страницы
• 2.3 Создание web-страниц
• 2.3.1 Свойства страницы
• 2.3.2 Создание второй страницы
• 2.4 Гиперссылки
• 2.4.1 Редактор ссылок
• 2.5 Предпросмотр и публикации
• 3. Пример создания сайта средствами web page maker
• ЗАКЛЮЧЕНИЕ
• Список использованных источников
• ВВЕДЕНИЕ
• В данной курсовой работе рассмотрены возможности Web Page Maker для проектирования и разработки сайта. Кроме теоретических сведений в данной работе представлен пример создания экономического сайта средствами Web Page Maker. Интернет развивается довольно стремительно, это самая большая мировая компьютерная сеть. Пользователю приятно посещать те Web-страницы, которые имеют стильное оформление, не отягощены чрезмерно графикой и анимацией, быстро загружаются и правильно отображаются в окне Web-браузера. Web-страницы, поддерживая технологию мультимедиа, объединяют в себе различные виды информации: текст, графику, звук, анимацию и видео. От того, насколько качественно и красиво сделана та или иная Web-страница, зависит во многом ее успех в сети. Особую актуальность приобретает проблема разработки Web-сайтов учебных заведений и использование интернет-технологий в системе образования. Целями данной работы являются анализ использования Web Page Maker и разработка и проектирование сайта. Реализация поставленных целей возможна при решении следующих задач:
• · Обзор технических возможностей Web Page Maker;
• · Изучить теорию Web-дизайна;
• · Изучить Web-технологию;
• · Выявление достоинств и недостатков использования Web Page Maker для разработки сайта.
• Web Page Maker - это очень простой инструмент для создания Web-страниц. С его помощью можно создавать страничку даже не обладая никакими знаниями HTML. Web Page Maker содержит несколько высококачественных шаблонов, которые помогут начать работу. Также вместе с программой поставляются различные эскизы, Java - скрипты, таблицы, формы.
• 1. СОВРЕМЕННЫЕ ИНТЕРНЕТ-ТЕХНОЛОГИИ

1.1 Web-дизайн и браузеры

Многие Web-дизайнеры сходятся во мнении, что одна из главных проблем Web-дизайна - многообразие браузеров и платформ, каждая из которых по-разному поддерживает HTML и сценарии. С выпуском каждого нового браузера улучшаются их характеристики и возможности, но это не означает, что более ранние версии при этом исчезают. В большинстве своем люди не склонны гнаться за новейшим и лучшим. Одни довольствуются тем, что у них имеется, а другие, вероятнее всего, работают на компьютерах фирм или учреждений, которые выбрали браузеры за них.

Как сделать дизайн Web-страницы эстетически и технически интересным, не игнорируя при этом владельцев предыдущих версий браузеров? Неужели Web-страница, рассчитанная на то, чтобы функционировать на любых браузерах, должна быть обязательно скучной?

В Web-дизайне нет жестких правил. Поскольку главная наша задача - сделать содержимое страницы доступным для максимального количества пользователей, то для продвижения вперед одинаково важны и эксперимент, и использование новых технологий с учетом существующих реалий. Залог успеха дизайнерского решения лежит в понимании потребностей аудитории и в четком представлении, как сайт будет использован.

На рынке доминируют два основных браузера: Netscape Navigator и Microsoft Internet Explorer. Вместе они, включая все их версии, представляет примерно 90 % используемых сегодня браузеров.

Эти два браузера конкурируют между собой за господство на рынке. Результатом их борьбы стала коллекция фирменных HTML-тегов, а также несовместимые реализации различных технологий. С другой стороны, конкуренция между Netscape и Microsoft в целом способствовала более быстрому развитию среды Web.

Большинство Web-авторов в своей работе ориентируются на Navigator и Internet Explorer, поскольку они занимают львиную долю рынка. Тем не менее, существует ряд других браузеров, которые можно принимать во внимание.

1.2 Обеспечение доступности Web-страницы

При разработке Web-страницы фиксированного размера, вероятно, придется выбирать для нее размер экрана. Страница должна быть доступна и правильно отображаться для максимально возможного числа пользователей. Идея проста: необходимо определить наиболее часто используемое разрешение дисплея и разработать страницу таким образом, чтобы страница гарантированно заполняла все рабочее пространство.

Большинство дизайнеров рекомендуют разрабатывать страницы в формате 640x480, чтобы при просмотре пользователям не пришлось применять горизонтальную прокрутку. Горизонтальная прокрутка всегда затрудняет восприятие, поэтому дизайнеры традиционно ее отвергают.

Все большее число разработчиков считает стандартным разрешение 800x600. И совсем единицы разрабатывают страницы для еще более высоких разрешений.

Достойный уважения Web-дизайн включает разработку страниц, доступных для пользователей с ограниченными возможностями, в частности по зрению и слуху. Консорциум World Wide Web объявил об инициативе Web Accessibility Initiative (WAI), которая ставит целью сделать Web более доступным для всех пользователей. Однако успех данной инициативы зависит от участия в ней рядовых разработчиков, которые могут (или не могут) создать Web-сайты в соответствии с поставленными задачами.

1.3 Представление текста на web-страницах

При создании профессиональной графики для Web используется текст со сглаженными краями. Сглаживание - это легкая размытость на неровных краях, сглаживающая переходы между цветами. Не сглаженные края, напротив, выглядят зазубренными и ступенчатыми. Исключением из этого общего правила является текст очень малого размера, (10 пунктов и меньше), применение сглаживания делает его практически неразличимым. Текст малых размеров будет выглядеть намного лучше без сглаживания.

Два комплекта шрифтов. При разработке Web-страницы средствами базового HTML есть два комплекта шрифтов; пропорциональный и шрифт фиксированной ширины. Проблема заключается лишь в том, что неизвестно, какой из них и какого размера будет использован при отображении.

Пропорциональный шрифт - иначе "шрифт переменной ширины" для каждого символа выделяет разное количество места в зависимости от его начертания. Например, в пропорциональном шрифте заглавная "W" занимает больше места в строке по горизонтали, чем прописная "I". Такие гаринитуры, как: Times, Helvetica и Arial являются примерами пропорциональных шрифтов.

Web-браузеры для большинства текстов на Web-странице, включая основной текст, заголовки, списки, цитаты и т. д., используют пропорциональные шрифты. Как правило, большие отрывки основного текста удобнее читать, когда они напечатаны пропорциональными шрифтами. Поскольку большинство пользователей не имеют времени заменить шрифты, установленные по умолчанию, с большой вероятностью можно предположить, что текст на вашей странице будет отображен шрифтом Times размером 10 или 12 пунктов (по умолчанию в Netscape) или Helvetica (по умолчанию в Microsoft Internet Explorer). Но это всего лишь общее правило. Шрифт с фиксированной шириной предоставляет одинаковое место для всех символов шрифта. Заглавная "W" занимает не больше места, чем прописная "I". Примерами шрифтов фиксированной ширины являются гарнитуры Courier и Monaco.

1.4 Представление графики на web-страницах

На данный момент почти все изображения в Web, представлены в двух форматах: GIF и JPEG. Третий соперник, заслуживающий упоминания, формат PNG, борется за поддержку и внимание браузеров. Далее - краткий обзор "большой тройки" онлайновых графических форматов. Более подробная информация представлена в главах, посвященных каждому из форматов. GIF. GIF - Grafic Interchange Format можно назвать традиционным форматом файлов Web. Он был первым форматом файлов, который поддерживался Web-браузерами, и по сей день продолжает оставаться основным графическим форматом Web.

Его свойства состоят в следующем:

· поддерживает не более 256 цветов (меньше можно и часто нужно);

· использует палитру цветов;

· использует сжатие без потери информации по методу LZW (который подобен применяемому в архиваторе PKZIP, и, следовательно, GIF-файлы в дальнейшем практически не сжимаются);

· поддерживает чересстрочную развертку;

· является поточным форматом, т.е. показ картинки начинается во время перекачки;

· позволяет назначить одному из цветов в палитре атрибут прозрачный, что применяется при создании так называемых прозрачных GIFов;

· имеет возможность сохранения в одном файле нескольких изображени...