В 1994 году началась революция — Всемирная паутина. Всемирная паутина (WWW) соткана из веб-страниц, которые содержат различную информацию в зависимости от тематики сайта. Полезность Интернета возросла с развитием компьютерных технологий с задержкой около 10 лет. В конце 1980-х годов появление персональных компьютеров привело компьютерную науку из области знатоков к широкой публике. По мере того, как Интернет развивался и становился повсеместным, он участвовал в такой передаче.
Ученые и преподаватели уже несколько лет пользуются Интернетом, но общество в целом только начинает осознавать его привлекательность. Во всем мире пользователи компьютеров были увлечены идеей доступа к огромной глобальной компьютерной сети, но полученная информация часто разочаровывает — Интернет был всего лишь текстовой средой.
Позже, когда Сеть была в начале своего развития, очень мало внимания уделялось дизайну и макету страниц.
Дизайнеры поняли, что точная технология размещения графики для точного воспроизведения красоты печатной страницы стала популярной, хотя и ограниченной с точки зрения скорости и дизайна сайта.
Среди большого количества инструментов и программных продуктов навигация была очень сложной. Каждая развивающаяся компания пыталась внедрить что-то новое в свои инструменты. Это оказало очень сильное влияние на пользователя, который иногда даже не мог просмотреть веб-документ на своем компьютере. Возникла постоянная необходимость в установке всех новых программ для просмотра и работы с документами Web, созданными на новом языке программирования для Web. Они также не могли справиться с заданиями, которые им давали, и необходимо было перепутать некоторые инструменты разработки для Web.
Всемирная паутина (или просто паутина) облегчает пользование Интернетом, всемирной компьютерной сетью, созданной в конце 1960-х годов. Изначально, работа с Интернетом (в том числе получение данных с компьютеров, подключенных к этой сети) требовала от пользователя знания большого количества сложных команд, таких как заклинания.
В 1992 году Тим Бернерс-Ли и другие исследователи создали Сеть, которая позволила «просматривать» ресурсы Интернета, не прибегая к сложным командам. С годами веб-браузеры — программы, предназначенные для серфинга в Интернете — сделали работу в Интернете еще проще и мощнее.
Слово Web используется в двух различных значениях. Обычно слово «Web» означает World Wide Web, но в приложении FrontPage Web означает набор страниц, созданных в этом приложении для сайта.
WEB-дизайн и программы для создания web-страниц
... Всемирная паутина (WWW) и Web-дизайн Всемирная паутина Всемирную паутину образуют миллионы веб-серверов сети Интернет, расположенных по всему миру. Веб-сервер является программой, запускаемой на подключённом к сети компьютере ... Однако современное применение HTML очень далеко от его изначальной задачи. Например, тег <TABLE>, несколько раз использованный для форматирования страницы, предназначен ...
Сеть была основана на гипертексте — методе, изобретенном в 1960-х годах для связывания блоков данных или «страниц». Но только в 1990-х годах Бернерс-Ли и его коллеги перенесли концепцию гипертекста в Интернет и создали протокол HTTP — Hypertext Transfer Protocol. С появлением HTTP родилась Всемирная паутина.
Сегодня в Интернете миллионы сайтов. Вы можете получить доступ к информации по различным темам, открыть свою компанию в Интернете. Вы также можете найти информацию о них и технологиях, на которых они основаны в Интернете.
В то время как Всемирная паутина была основана на протоколе HTTP и гипертексте, паутина основана на языке HTML — Hypertext Markup Language. HTML использует команды, называемые тегами, для определения содержания и формата гипертекстовых документов. Web — браузер преобразует эти команды в текст и графику и помещает их в нужном месте на экране компьютера.
Помимо описания формата текста и графики на странице, язык HTML используется и для других целей. Гиперссылка дает команду Web — браузеру для вызова новой страницы в Интернете и отображения ее содержимого на экране.
Сейчас на многих веб-страницах используются специальные программы — скрипты, написанные на таких языках, как Microsoft VBScript или JavaScript. С помощью таких «мини-программ», встроенных в код веб-страниц, можно управлять форматированием, выводом изображений, воспроизведением медиа — скрипты аналогичны программам, написанным на других языках программирования. Однако, самым мощным инструментом, доступным в настоящее время для управления исполнением скриптов, является DHTML — Dynamic HTML (Динамический HTML).
С помощью DHTML можно создавать простые анимации и многие другие эффекты.
Для создания сайта с FrontPage не обязательно изучать HTML, скриптовые языки или DHTML. С помощью FrontPage можно просто ввести текст, который можно разместить на веб-странице, разместить изображения в нужных местах, встроить звуковой дизайн. С помощью FrontPage можно создавать эффекты, для которых обычно требуются скрипты или программы в формате DHTML. Конечно, можно вводить HTML-код, скрипты или DHTML-код, но это не нужно делать при работе с FrontPage.
Цель курсовой работы
Основные принципы создания сайтов
Интернет
Интернет —
Веб-дизайн
Веб-дизайн — дизайн веб-сайтов и их отдельных элементов, создание графических рекламных материалов в Интернете. Обычно услуги веб-дизайна предлагаются студиями веб-дизайна.
Веб-сервер
веб-сервер; WWW-сервер
Веб-сервер
Веб- страница
Веб-сайт; WWW-страница; Страница
Веб-страница, Главная страница
Личные страницы
Веб-сайт
Веб-сайт (или узел)
На каждом сайте есть специальная веб-страница, называемая домашней страницей или домашней страницей (домашняя страница).
Все посетители сайта сначала заходят на эту страницу. Щелкнув по определенной гиперссылке, пользователи могут перейти на другие страницы сайта. Web — Страницы, на которые указывают гиперссылки, могут находиться на том же компьютере, на котором находится домашняя страница, а также на любом другом компьютере, подключенном к Интернету.
» Разработка веб-сайта для школы»
... Обзор и сравнительный анализ HTML-редакторов 22 1.6 Оценка экономической целесообразности использования HTML-редакторов 22 2 Проектирование web-сайта образовательного учреждения 27 2.1 Методика разработки сайта школы 31 2.2 Разработка структуры сайта ...
Гиперссылка
Гиперссылка
Гиперссылка состоит из двух частей: самой гиперссылки и целевого адреса, который определяет путь к веб-странице, которая загружается после нажатия на гиперссылку. Когда пользователь наводит указатель мыши на гиперссылку, она принимает форму рукописной ссылки. Эта форма указателя сообщает пользователю, что лежащий в основе объект (графический или текстовый) является гиперссылкой.
Браузер
Интерфейс
Web — веб-сайт
Поиск Web — сервера
Большинство интернет-провайдеров (ISP) предлагают услугу хостинга веб-сайта (эта услуга называется веб-хостингом) как часть серии услуг для доступа в Интернет. В этом случае провайдер предоставляет часть места на веб-сервере для хранения веб-файлов. Для простейших сайтов вполне достаточно набора услуг по их посредничеству и поддержке интернет-провайдерами. Большие и сложные веб-сайты должны размещаться на выделенном сервере (также называемом выделенным веб-хостом), где можно получить больше места для хранения данных. На выделенном сервере также может быть установлено и быстрое оборудование.
Планирование Web — сайтов
Теперь мы должны решить, какой материал будет включен в сеть — сайт, который является клиентом World Wide Web. В первую очередь необходимо определить, для чего будет создан сайт.
Веб-сайты — сайты могут быть созданы и для других целей. Сайт может оказывать техническую поддержку пользователям любого программного продукта. Другой сайт может содержать каталог продукции и предоставлять возможность надежно размещать заказы. Цель создания сайта определяет его дизайн и содержание.
Затем необходимо определить, как связать страницы сайта. Очевидно, используя гиперссылки.
Фрейм
Разместите графические изображения на веб-странице.
Существует два основных типа графических изображений: Фотографии и изображения. Файлы, содержащие фотографические изображения, могут быть в различных форматах, но для Web — чаще всего используются браузеры, или GIF (Graphics Interchange Format), или JPEG (Joint Photographic Group Format).
Форматы GIF и JPEG используют алгоритмы сжатия изображений, что позволяет сохранять изображения в файле меньшего размера, чем другие форматы. Файлы изображений в этих форматах загружаются быстрее.
Добавление звука и музыкальных фрагментов на веб-страницу.
Большинство веб-страниц содержат некоторую информацию, но эта информация — не единственное, для чего стоит создавать страницы. Нужно сделать сайт — смотреть на него было просто приятно. Один из способов сделать сайт более привлекательным — добавить на главную страницу фоновый звуковой дизайн. Фоновый звук будет проигрываться все время до тех пор, пока страница не будет открыта в веб-браузере. Но так же легко разместить его на страницах и видеоклипах. Когда посетитель сайта загружает страницу со встроенным видеоклипом, видео и звук воспроизводятся одновременно. Вы также можете создавать гиперссылки на файлы, содержащие видеоклипы.
Разработка сайта с использованием PHP программирования
... на php файлы, позволяющие редактировать, удалять, и добавлять контент сайта и пользователей. Динамическая часть сайта находится ниже шапки сайта ... других. Основная цель разработки сайта используя PHP программирование - нести ... на стороне сервера, то есть того компьютера, на котором размещен сайт. Они выполняются еще до загрузки страниц сайта на ... администраторов сайта. Разработанная для данного дипломного ...
Привлекательная, но не очень простая хитрость заключается в использовании таблиц стилей для контроля за тем, как веб-страницы выглядят. Листы стилей Web — страницы — это отдельный текстовый файл, в котором вы указываете различные элементы страницы.
Таблицы стилей также называются «иерархическими таблицами стилей». Название отражает тот факт, что несколько стилей на разных уровнях могут быть применены к веб-странице одновременно.
Создание всплывающих кнопок
Видеоклипы — не единственный тип анимации, доступный при работе с FrontPage. Еще один популярный мультимедийный эффект — всплывающая кнопка (навешивание), внешний вид которой меняется при наведении на нее курсора мыши.
Всплывающая кнопка, Веб-страница проверки орфографии
Перед публикацией веб-сайта на сервере, будь то в Интернете или в вашей локальной сети, вы должны сделать его как можно более совершенным. Ошибки, допущенные по неосторожности, могут создать негативное впечатление о сайте.
Публикация сайта
После проверки орфографии сайт готов к публикации. Публикация web — сайта — это то, что делает прекрасный web — сайт. Также стоит опубликовать веб-сайт на вашем компьютере и сделать резервную копию. Если вы изменяете рабочую копию сайта, а затем хотите вернуть изменения в старую версию, то сайт, опубликованный на локальном компьютере, просто полезен.
Изменение и поддержка сайта
Работа на сайте продолжается и после его публикации. Время от времени сайт необходимо будет модифицировать, чтобы обогатить его новыми идеями и соответствовать требованиям. Modification Web — Сайт — это загрузка новых страниц или исправленных версий старых веб-страниц.
Удаление файлов сайта с веб-сервера
В принципе, есть два способа удалить веб-сайт с удаленного веб-сервера. Сначала можно удалить все файлы сайта, но оставить папку, содержащую сайт. Во-вторых, вы можете удалить файлы вместе с папкой. Файлы можно удалять самостоятельно, но лучше оставить удаление папок у системного администратора.
Постановка задачи
Сайт «Игрушки» был создан в результате выполнения технического задания по дизайну . Он предназначен для получения интересной информации через Интернет.
Основа для развития:
Основой для разработки является дипломное проектное задание, выданное Челябинским энергетическим колледжем (ЧЭнК).
Тема разработки: создание сайта «Игрушки», Цель разработки:, Требования к функциональным возможностям:
Разработанный сайт должен осуществлять переход на гиперссылки с одной страницы на другую.
Разделы:
- Домашняя страница : Содержание сайта.
- На странице «История внешнего вида» должна содержаться информация о происхождении игрушек.
- Страница «Производители» должна содержать: список производителей игрушек лучшего качества.
- На странице «Экспертиза» должна содержаться информация об основных характеристиках игрушки и ее функциональном назначении.
- Страница «фотоальбом» должна содержать фотографии различных игрушек.
- Страница «Вредные игрушки» должна содержать статистику и основной список последствий контакта с вредными игрушками.
- Страница «Руководство по выбору» должна содержать рекомендации по выбору игрушки для вашего ребенка.
Требования к надежности:, Условия использования:, Требования к составу и параметрам технических средств:
- 433 МГц центральный процессор Pentium III;
- Размер оперативной памяти не менее 128 Мб;
- Стандартный манипулятор «мышь»;
- Стандартный SVGA-монитор;
- Программа Internet Explorer;
- Операционная система типа Windows 98, 2000, XP;
- Модем.
Требования к совместимости информации и программного обеспечения:
При входе и выходе с сайта информация должна быть предоставлена в текстовом и цифровом виде, а также на русском языке. Метод решения проблемы, язык программирования и программное обеспечение выбираются разработчиком. Этот сайт был создан в визуальной объектно-ориентированной системе программирования Ace Html Pro v6.2, так как позволяет делать много вещей руками, но необходимые меню обычно находятся под рукой. Включает в себя набор готовых Java-апплетов. Есть почти все, что нужно для нормальной работы. Удобная настройка интерфейса позволяет включать в него только часто используемые меню и функции, теги, специально помеченные для IE или NN (что очень удобно), есть поддержка ASP, PHP, WML, XML. Интерфейс отвечает всем требованиям Windows и автоматически настраивается под систему, установленную на компьютере пользователя.
Проектирование и создание современного web-сайта
... JavaScript! Люди действительно используют Lynx, поэтому не стоит удивляться, если клиент закажет разработку сайта для Lynx. Этот браузер также важен для инвалидов по зрению: они ... поэтому использование ряда особых возможностей версии 4.0 может исключить из игры некоторых пользователей. Некоторые документированные различия включают: отсутствие поддержки шрифтов; отсутствие поддержки фильтров CSS ...
Документация по программе должна включать в себя:
- Объем обязанностей;
- Текст сайта;
- Пояснительная записка.
Технические и экономические показатели:
Этот сайт не требует больших ресурсов компьютерной системы. Не занимает место на жестком диске. Однако для просмотра сайта нужна программа — Internet Explorer.
Этапы и стадии развития, Веб-сайт разрабатывается в несколько этапов:
- Этап 1: — Определение цели и функций веб-сайта;
- Этап 2: — выбор цвета и стиля;
- Этап 3: — определение страниц и содержания;
- Этап 4: — выбор языка программирования, соответствующего функциям и целям сайта;
- Этап 5: — создание графических элементов сайта;
- Этап 6: — макет сайта.
Документация по программному обеспечению должна быть разработана для веб-сайта.
Порядок контроля и принятия:
- Программа должна быть протестирована различными методами тестирования.
- Важнейшим методом выявления ошибок в программе, разработанной в отчете, является тестирование.
- Тестирование — это процесс выполнения программы для проверки точности ее результатов. Это включает в себя преднамеренное построение сложных наборов входных данных, которые предлагают наибольшую вероятность программных ошибок.
Основным методом выявления ошибок в программе является проведение тестов. Тестирование подразумевает запуск программы для проверки правильности ее результатов и соответствия указанным характеристикам. Процесс тестирования предполагает продуманное проектирование сложных наборов входных данных, которые генерируют наибольшую вероятность сбоя программы.
Средства создания Web-сайтов
... пользователей, путешествующих по безбрежным просторам Web. Предмет исследования- web-технологии. Объект - среды и языки разработки web-сайтов. ... узкое место системы интерфейса пользователя. Устаревший механизм ... Web-сайт состоит из связанных между собой Web-страниц. Web-страница представляет собой текстовый файл с расширением *.htm, который содержит текстовую информацию и специальные команды - HTML ...
Порядок проведения испытаний:
- Запуск сайта;
- Ссылка должна быть введена на странице, определенной Пользователем;
- Правильное отображение графических элементов;
- Корректное отображение сайта в различных режимах пользователя;
- Функциональность и соответствие проекта задаче.
Разработка сайта
Согласно техническому заданию на разработку дизайна диплома, необходимо разработать сайт «игрушки». Он предназначен для размещения текущей информации, автоматизации поиска данных и вывода результатов.
Автоматизация процесса поиска данных позволяет решить многие задачи, связанные с поиском необходимой информации.
Одним из таких сайтов является «Игрушки». На этом сайте вы можете размещать информацию и осуществлять поиск информации по различным критериям.
Основные особенности программы:
- выбор необходимой информации;
- нажимая на гиперссылки и кнопки;
- простой и удобный интерфейс для работы пользователя.
Выбор метода решения
В настоящее время существует множество способов создания программного обеспечения, похожего на веб-сайт «Игрушки».
Для решения проблемы можно предоставить такие программные средства как:
- Язык гипертекстовой разметки (HTML);
- Объектная среда визуального программирования FrontPage 2003;
- Текстовый редактор блокнота;
- Скриптовые языки JavaScript и/или VBScript;
С помощью каждого из этих инструментов можно обеспечить полное выполнение задания на проектирование.
Для создания сайта программного продукта «игрушка», наиболее удобным инструментом является программа FrontPage 2003, так как она позволяет делать многое своими руками. В ней есть практически все, что необходимо для нормальной работы, и это тоже самая очевидная программа.
Сайт, разработанный в рамках дипломного проекта, упрощает и ускоряет процесс поиска и отображения на экране необходимой информации.
Сайт может быть использован как самостоятельный продукт.
Разработка структуры сайта
Первое место в процессе создания сайта занимает забота о правильности путей к файлам. Если вы заранее подумаете об именовании файлов и каталогов на локальном компьютере, то позже проблем при размещении сайта на веб-странице будет меньше.
Несмотря на то, что файловая структура сайта может отличаться, вы всегда должны следовать некоторым правилам. Вам следует рассмотреть возможность обновления сайта в будущем. Если вам нужно заменить файлы, то вы и все ссылки нужно будет изменить, а это может занять много времени и сил.
Известны такие способы организации веб-сайтов:
- Все файлы в одном каталоге. Небольшие сайты с несколькими HTML-страницами и несколькими изображениями могут позволить себе хранить все их содержимое в одной директории. Одним из самых больших преимуществ этой системы является то, что вам не нужно указывать пути для локальных связей. Недостатком является то, что такая система перегружается при росте сайта: в этой одной директории, как и в любом дампе, ничего не найти. Обновить такой сайт непросто.
- Функциональные каталоги. Один из способов организации сложных веб-сайтов следующий. В каждой из директорий находятся файлы, относящиеся к одной и той же функциональной части системы. Например, на верхнем уровне отображаются только main.html и связанные с ним графики. Каталоги следующего уровня содержат файлы, относящиеся к каждому разделу сайта: «описание больницы», «меню» и т.д. Каждый каталог может содержать собственные HTML-файлы и связанные с ними графические или мультимедийные файлы.
- Директории по типам файлов. Некоторые веб-дизайнеры предпочитают хранить файлы одного и того же типа в каждой директории, независимо от того, к какой функциональной части сайта они принадлежат. В основном каталоге сайта хранится только index.html , в других каталогах могут содержаться, например, все изображения сайта, HTML страницы, загруженные файлы и др. Основным преимуществом такого подхода является то, что при обновлении файлы нужно заменять только один раз. Например, если одно и то же изображение используется на нескольких страницах, достаточно заменить его только в одном месте, где хранятся изображения. В этом случае все ссылки на всех страницах будут указывать на обновленный файл (конечно, не забудьте назвать его точно так же, как и старый).
15 стр., 7123 слов
Разработка сайта туристического агентства «Интер-Транстур»
... разработка интерфейса страниц, проектирование навигационной системы, а также системы администрирования; тестирование проекта и его корректировка. Объект - это сайт для туристической фирмы. Предмет - сайт ... некоторых пунктах меню информация неполная. Сайт, разработанный в ходе дипломного проектирования отличается от данных сайтов оригинальным дизайном, полнотой информации и удобным навигационным ...
После того, как вы определили процедуру организации файлов, вы должны создать все необходимые директории как на сервере, так и на вашем компьютере. То есть, если используются образы каталогов, то они будут такими же, как и на сервере. Как и на локальном компьютере, должен быть относительный путь, который содержит этот каталог. Создание файловой структуры имеет 2 функции. Во-первых, он защищает от случайных ошибок при размещении файлов не в тех каталогах на сервере. Во-вторых, это облегчает процесс создания относительных URL (гипертекстовых ссылок).
Разработка интерфейса сайта
Термин «интерфейс» часто используется в тех областях, где человек занимается обработкой информации на компьютере. Переведено с английского, интерфейс означает внешнее лицо. В компьютерном мире существует множество различных типов интерфейсов: Пользовательский интерфейс, графический интерфейс, интерфейс ввода/вывода, внешний или внутренний интерфейс, интеллектуальный интерфейс, человеко-машинный интерфейс, программный интерфейс и т.д.
Интерфейс
Особое значение имеет интерфейс, позволяющий пользователю взаимодействовать с персональным компьютером, называемый интерфейсом пользователя. Удобство этого интерфейса во многом определяет успех нового программного продукта на конкурентном рынке программных средств. Пользовательский интерфейс может быть символическим или графическим.
Символический интерфейс обычно используется, когда видеосистема работает в текстовом режиме. Информация отображается на экране монитора в символическом виде. До Windows все операционные системы, включая MS DOS и его оболочку Norton Commander, предоставляли пользователю символический интерфейс. Она достаточно ресурсоэффективна и может сделать работу пользователя достаточно комфортной. Исключением является интерфейс командной строки MS DOS, где пользователь должен знать синтаксис команды.
Создание сайта на языке HTML
... работы связана с созданием web-сайта на языке гипертекстовой разметки HTML и программами, с помощью которых можно написать web-страницы. К своей работе я прикрепляю web-сайт ... оформительский инструментарий имеет интуитивно-понятный интерфейс и многочисленную библиотеку шрифтов, линий, ... HTML-страниц, не требует разработки специальных программных средств, так как все необходимые инструменты для работы ...
Графический интерфейс появляется, когда видеосистема может работать в графическом режиме, т.е. на экране монитора может отображаться информация по пунктам. Переход на графический пользовательский интерфейс стал возможен благодаря улучшению технических характеристик персонального компьютера. Такой интерфейс предъявляет повышенные требования к скорости работы видеосистемы, но в то же время достигается главная цель — создание комфортной среды для пользователя, ведь человек с изображениями (картинками) более естественен и удобен в использовании. Графический интерфейс воспринимается как более понятный и интуитивно понятный по сравнению с символическим интерфейсом.
Графический интерфейс пользователя — это интерфейс, в котором графические средства используются для взаимодействия человека и компьютера.
Показательным примером графического интерфейса пользователя является интерфейс Windows. При разработке данной операционной системы специалисты широко использовали возможные графические инструменты: чертежи, специальные иконки, цветовое оформление, разнообразные шрифты, экранное оформление и т.д.
Графический интерфейс Windows позволяет быстрее задавать команды операционной системы, запускать программы, выбирать файлы, кнопки и пункты меню.
Оформление Web-сайта
Цвет и фон страницы выбираются по желанию веб-мастера, но при этом следует учитывать и то, что от этого зависит визуальное восприятие всего сайта. Нет причин скрывать все слишком много, текст легко читается, когда он хорошо виден. Не используйте черный цвет и не мотивируйте его для продления срока службы мониторов пользователя. Согласно статистике, количество посетителей «черных» сайтов не очень велико.
При выборе цвета фона важно учитывать, как он гармонирует со всеми другими элементами: Цвет текста, цвет гиперссылок. Крайне важно обеспечить достаточный контраст цветов и яркостей между элементами навигации на странице и фоном. Если изображение используется в качестве фона, оно должно быть едва заметно. Это изображение должно содержать только нейтральные, не конфликтующие между собой цвета.
Нежелательно создавать очень большие таблицы, можно разделить таблицу на несколько меньших.
Используйте стили
Технология каскадных таблиц стилей (Cascading Style Sheets, CSS) представляет собой набор правил дизайна и верстки, которые могут быть применены к различным элементам веб-страницы. В стандартном языке HTML для присвоения элементу определенных свойств, таких как цвет, размер и т.д., вы должны описывать его каждый раз при его использовании. Используя технологию CSS, будет достаточно один раз описать свойства элементов и определить это описание как стиль.
Всегда необходимо сохранять принятый стиль. Если сайт имеет разветвленную структуру, необходимо придать его страницам такой же дизайн, т.е. выдержанный в едином стиле. Все страницы должны иметь одинаковые элементы управления, одинаковые интервалы и одинаковые шрифты.
Создание структуры Web-сайта
... Тема моей курсовой работы: Разработка Web-сайта посвященного компании "Марс". Объект исследования: Web-сайт салона ООО Марс. Предмет – создание структуры Web-сайта. Цель - создание Web-сайта компании "Марс". ... показывает в своем окне программа-клиент для просмотра Web-страниц — Web-обозреватель. С технической точки зрения Web-страница — это обычный текстовый файл, который можно создать ...
С помощью текстовых фильтров можно добиться хорошего дизайна сайта даже без использования «навороченных» изображений. Кроме того, в отличие от изображений, эти фильтры не усложняют загрузку страниц.
Выбор и обоснование среды программирования
Для создания веб-сайта можно использовать несколько методов. Наиболее распространенными являются текстовый редактор (блокнот), язык HTML для описания гипертекстовых документов, программа Microsoft FrontPage2003, специальные программы — скрипты, написанные на таких языках Microsoft VBScript или JavaScript.
С помощью Microsoft VBScript или JavaScript можно управлять форматированием, выводом изображений, воспроизведением мультимедиа — в этом случае скрипты аналогичны программам, написанным с использованием других языков программирования. Сегодня DHTML — Dynamic HTML — это самый мощный инструмент, позволяющий контролировать выполнение скриптов. С помощью DHTML можно создавать простые анимации и многие другие эффекты.
HTML использует команды, называемые тегами, для определения содержания и формата гипертекстовых документов. Веб-браузер преобразует эти команды в текст и графику и отображает их в правильном виде на экране компьютера.
Помимо описания текстового формата и расположения графики на странице, язык HTML используется и для других целей. Гиперссылка дает веб-браузеру команду вызвать новую страницу в Интернете и отобразить ее содержимое на экране.
Этот сайт был разработан с использованием программы frontpage 2003.
Для создания сайта с FrontPage 2003 нет необходимости изучать HTML, скриптовые языки или DHTML. FrontPage 2003 позволяет легко вводить текст для размещения на сайте, размещать изображения в нужных местах и встраивать звуковой дизайн. С помощью FrontPage 2003 вы можете создавать эффекты, которые обычно требуют написания сценариев или DHTML.
FrontPage 2003 позволяет легко не только создавать веб-страницы и веб-сайты, но и управлять ими.
Ярлыки можно использовать для выбора различных режимов просмотра и редактирования веб-страниц.
Инструменты FrontPage 2003 позволяют просматривать веб-страницу в нескольких режимах отображения. На панели «Виды» (Режимы просмотра) есть иконки, которые позволяют выбрать тот или иной способ просмотра или редактирования веб-страницы.
В списке папок отображаются все папки и файлы, связанные с текущим веб-сайтом, а в окне просмотра страниц отображается выбранная веб-страница.
FrontPage 2003
Тестирование сайта
Концепция тестирования
Тестирование —
Основным методом выявления ошибок в программе является проведение тестов. Тестирование подразумевает запуск программы для проверки правильности ее результатов и соответствия указанным характеристикам. Процесс тестирования включает в себя преднамеренное проектирование сложных наборов входных данных, которые генерируют наибольшую вероятность сбоя программы.
Порядок проведения испытаний:
- запуск сайта;
- ссылка должна быть введена на странице, определенной пользователем;
- правильное отображение графических элементов;
- корректное отображение сайта в различных режимах пользователя;
- функциональность и соответствие проекта поставленной задаче.
Типы и методы испытаний
Чтобы проверить, как на самом деле выглядит созданная страница, полезно воспользоваться веб-браузером. Практически любая из них может загрузить веб-страницу с жесткого диска так же, как и из Интернета. Вы должны найти такие команды, как «Файл», «Открыть файл» в меню браузера. Вы можете воспользоваться диалоговым окном команды Открыть файл, чтобы открыть нужный вам файл.
Чтобы протестировать документ в браузере:
- выберите Сохранить файл, чтобы сохранить все изменения в редакторе. Перейдите в окно браузера и выберите пункт Открыть файл, чтобы открыть сохраненный элемент.
- документ должен появиться в браузере. Проверьте его на ошибки, опечатки и гиперссылки.
- вернитесь в окно текстового редактора и внесите необходимые исправления. Редактированный файл должен быть сохранен.
- если страница уже открыта в Вашем браузере, нажмите кнопку «Обновить», чтобы увидеть сделанные изменения.
Процедура обследования
Процесс тестирования проводится в несколько этапов:
- сохранение данных в редакторе с расширением html (расширение для просмотра веб-сайтов) и открытие этого документа в Internet Explorer (окно браузера)
- выбранный документ появляется в окне браузера Проверка орфографических ошибок, опечаток, гиперссылок, кликов по клавишам, интерфейса (достаточно ли просто для пользователя, совместимость цветов, размер изображения, текста).
- во время проверки орфографии были допущены ошибки. Изменения были сделаны в окне текстового редактора и сохранены в том же текстовом редакторе с тем же именем.
- чтобы увидеть изменения, вы вернулись в окно браузера и нажали кнопку «Обновить». При повторном обнаружении дефектов следует вернуться к пункту 3.
В результате тестирования были обнаружены орфографические и интерфейсные ошибки. Все эти ошибки были исправлены. Все гиперссылки.
Операция «Гиперссылка»:
- вы можете перейти к страницам со стартовой страницы.
- «История появления «.
- Производители «.
- «Наша экспертиза».
- «Фотоальбом».
- «Вредные игрушки».
- «Руководство по выбору».
Работа ссылок:
Сначала, если вы нажмете на ссылки выше, вы можете перейти со страницы «Главная» на страницу, которая вас интересует.
Программная документация
Руководство по эксплуатации было разработано для того, чтобы сделать программу более эффективной для оператора. В нем описывается, для чего нужна программа и ее применение, необходимые условия для выполнения программы и работы с ней, а также последовательность работы с программой, чтобы у пользователей не возникало вопросов о том, как пользоваться программой.
Назначение
Программа предназначена для визуализации приема данных через Всемирную паутину. Основные функции сайта: Получение информации и навигация по гиперссылкам.
Условия выполнения программы
Программа работает, если у вас есть Internet Explorer. Вам также нужен модем для доступа в Интернет.
Для обеспечения нормальной работы программы необходимо использовать следующую конфигурацию компьютера:
- 433 МГц центральный процессор класса Pentium;
- не менее 128 Мб оперативной памяти (так как при меньших объемах скорость загрузки страниц ниже);
- стандартный манипулятор «мышь»;
- стандартный SVGA-монитор;
- операционная система типа Windows, 98, 2000, XP;
Условия выполнения программы
Для просмотра сайта «Игрушки» могут использовать «главный» файл на дискете или одноименный файл на жестком диске вашего компьютера. Вы также можете запустить программу, открыв приложение Ace Html Pro v6.2 и выбрав основное приложение из списка представленных веб-страниц.
При открытии файла «Главная» появляется диалоговое окно Internet Explorer. В этом окне вы можете нажать на соответствующие имена, чтобы перейти на нужную страницу.
Страница имеет функциональные копии, которые позволяют перейти на другую страницу.
Такие кнопки:
- кнопка «Главная» (позволяет перейти на страницу с названием главной страницы);
- Кнопка «Домой».
При нажатии на кнопку «Главная» вы должны иметь возможность перейти со страницы, содержащей эту кнопку, на главную страницу.
Сообщения оператору
Во время выполнения программы пользователю не выдается никаких сообщений, так как пользователь не может ввести никакой информации.
Руководство программиста
Программа предназначена для визуализации приема данных через Всемирную паутину. Основные функции сайта: Получение информации и навигация по гиперссылкам.
Для обеспечения нормальной работы программы необходимо использовать следующую конфигурацию компьютера:
- 433 МГц центральный процессор класса Pentium;
- как минимум 128 Мб. ОЗУ;
- стандартный манипулятор «мышь»;
- стандартный SVGA-монитор;
- программа Internet Explorer;
- Windows, 98, 2000, тип операционной системы XP;
- модем.
Обращение к программе
Вы можете скачать сайт с дискеты, жесткого диска, открыв файл с именем Main.html . Если вы щелкните мышью с этой страницы, вы можете вернуться на главную страницу с тех же самых страниц.
Входные и выходные данные
Сайт предназначен для поиска информации, так как условия ссылки предусматривают, что пользователь не должен вводить в программу какую-либо информацию, которая могла бы повредить программу или повлиять на достоверность информации.
Сообщения в адрес
Программист может получить сообщение о невозможности отображения страницы. Это может быть связано с неправильным адресом, на который ссылается страница, изображение.
Руководство по эксплуатации
Для обеспечения нормальной работы программы необходимо использовать следующую конфигурацию компьютера:
- 433 МГц класс III Центральный процессор Pentium;
- не менее 128 Мб оперативной памяти (так как при меньших объемах скорость загрузки страниц ниже);
- стандартный манипулятор «мышь»;
- стандартный SVGA-монитор;
- Программа Internet Explorer;
- Операционная система Windows, 98, 2000, XP;
- модем.
Заключение
Когда вы путешествуете по Интернету сегодня, вы найдете много очень хорошо разработанных сайтов, которые быстро загружаются, выглядят привлекательно, имеют четко определенные информационные разделы и удобные функции навигации. Такие сайты просто приглашают вас посетить их, отдохнуть, остановиться на некоторое время, повеселиться и узнать что-то новое.
Если кто-то долгое время остается на сайте и даже не замечает этого, то этот сайт кажется очень хорошо продуманным.
Многие веб-мастера не тратят время на обдумывание потока информации и ограничиваются лишь размещением текста и изображений на странице. Хотя многие сайты могут похвастаться тем, что у них гораздо больше посетителей, чем у их конкурентов, это не лучший показатель качества работы. Лучшим показателем является время: если пользователи остаются на сайте достаточно долго, чтобы пройти через различные уровни и разделы, можно быть уверенным в том, что работа выполнена хорошо. С таким инструментом, как Ace Html Pro v6.2, есть почти все возможности для создания самого посещаемого сайта.
Список литературы
[Электронный ресурс]//URL: https://inzhpro.ru/kursovaya/razrabotka-bloga/
- Антипов Д.В. Соколов А.В. Интернет как глобальное средство коммуникации — Москва 1997.
- Клименко С. Урасметов В. ИНТЕРНЕТ — Живая среда информационного общества. Москва 1995.
- Хроника Использование Интернета 2-е издание Издатель: К.: Диалектика.
- Расохин Д. и Лебедев А. Всемирная паутина — Всемирная информационная сеть в Интернете — Москва 1998.
- Перри Секреты Всемирной паутины Москва 1997.
- Нолден. Встреча: Всемирная паутина Москва 1996 г. Издатель: В.: BHV
- Ахметов Microsoft Internet Explorer 4.0 для всей Москвы 1998 Издатель: Москва: ComputerPress
- HTML 4.0 — ЧРЕЗВЫЧАЙНЫЙ Сергеев: БХВ — Санкт-Петербург, 1998.
- Сайт собственными руками — И. Шапошников: БХВ — Санкт-Петербург, 2001.
