Практическая работа 13 «Анализ сильных и слабых сторон web-сайта»
Скачать 1.74 Mb.
|
2. Составление списка сайтов После определения критериев, необходимо составить список сайтов наиболее подходящих к выбранной области, наиболее характерных сайтов по теме. Такой набор сайтов можно получить разными способами - воспользоваться поисковыми системами, каталогами, обзорами интернет-издателей, журналами, посвященных Интернету и тому подобное. Количество сайтов, которое необходимо выбрать, измеряется от пяти до десяти. Но это должны быть наиболее интересные, популярные и посещаемые ресурсы, они должны составлять лучшую подборку по интересующей теме. Список лучше проранжировать (что, впрочем, необязательно) по релевантности, популярности или другому критерию. 3. Выставление критериев Создаем следующую таблицу, в которой по горизонтали приведены выбранные критерии, а по вертикали - полученные сайты.
Общее впечатление На месте пересечения ячеек выставляем оценку веб сайта по данному критерию. Оценка произвольная, от 1 до 10 баллов или от 1 до 5 баллов, просто словами или какая другая.
Так как оценки субъективны, то будет лучше, если сайты посмотрят несколько человек, желательно, чтобы они относились к разным группам, т.е., были разного возраста, пола, положения и тому подобное. Чем больше людей сумеете привлечь для оценивания сайтов, тем более точной и объективной получится суммарная их оценка и результат. 4. Оценка результатов и выводы Из Таблицы 2 видно, что все сайты страдают плохой организацией материала и обладают малой интерактивностью. Дизайн имеет место быть только у одного веб-сайта, который получил оценку 5 баллов, остальные же представляют мало интереса в этом плане и получили среднюю оценку. Также, навигацией по сайту может похвастаться только один сайт. Подобное сведение информации в одну таблицу позволяет сразу охватить и определить все положительные и отрицательные качества выбранных сайтов и сделать соответствующие выводы. Взяв самое лучшее от других и учтя их недостатки, можно разработать такой сайт, который будет сочетать в себе удобство для его посетителей, высокую интерактивность и красивый дизайн. Таким образом, анализ чужих веб сайтов позволяет найти ту изюминку, которая должна стать притягательной силой для своего собственного сайта. Кроме того, подобный подход можно использовать и для анализа своего собственного сайта, чтобы выявить его недостатки и внести изменения. Проектирование предназначено для разработки понятной и четкой внутренней организации содержимого веб-сайта, чтобы его посетители могли легко найти нужную им информацию. Речь идет не о создании привлекательной графики и выразительных лозунгов, а об улучшении ясности и функциональности веб-сайта. Правильно выполненное проектирование дает посетителю возможность оценить, какая информация находится на веб-сайте и насколько быстро можно до нее добраться. На любой странице посетители должны представлять свое местоположение, что они могут сделать на этой странице, и куда могут пойти дальше. Задания для практического занятия: 1.Определите и запишите тему, цели и основные задачи вашего будущего веб-сайта. Дайте краткую характеристику. 2.Составьте и запишите список сайтов наиболее подходящих к выбранной области, наиболее характерных сайтов по теме (5-10 сайтов). 3 .Составьте таблицу «Оценка сайтов», в которой по горизонтали приведены выбранные критерии, а по вертикали - полученные сайты. Оцените выбранные web-сайты. 4.Оцените полученные результаты. Сделайте вывод. Контрольные вопросы 1.С какой целью проводится анализ сильных и слабых сторон конкурентов? 2.Что такое критерии? 3.Каким правилами необходимо руководствоваться при составлении критерий? 4.По каким критериям вы оценивали сайты? 5.Зарисуйте в виде схемы последовательность (алгоритм) анализа web-сайтов. Практическая работа № 14 «Создание алгоритма разработки web-сайта» Цель работы: ознакомиться с логической и физической структорой сайта, элементами web-страницы, научиться строить логическую и физическую структуру сайта. Образовательные результаты, заявленные во ФГОС третьего поколения: Студент должен уметь: - создавать web-приложения. знать: - инструменты создания web-приложений. Краткие теоретические и учебно-методические материалы по теме практической работы Каждый ресурс Интернета, от любительской домашней странички до большого информационного портала, содержит несколько тематических рубрик, соединенных между собой гиперсвязями. Как правило, ссылки на все разделы сайта с краткими анонсами их содержимого приводится на первой, так называемой стартовой странице, которой присваивается имя index.htm (.html). Если тематические рубрики содержат собственные подразделы, каждая из них также имеет свою стартовую страницу, называющуюся index.html. Примечание: Такое имя файла рекомендуется присваивать всем стартовым документам сайта, поскольку в противном случае при обращении к какому-либо разделу посредством сокращенного URL без указания названия стартовой страницы (например, http://www.mysite.ru/photos/ вместо http://www.mysite.ru/photos/startpage.html) броузер отобразит не саму web-страницу, а перечень хранящихся в данной папке файлов. Подобный набор тематических рубрик с распределенными по соответствующим разделам документами и заранее спроектированными гиперсвязями между всеми страницами ресурса и называется логической структурой сайта. Физическая структура, напротив, подразумевает алгоритм размещения физических файлов по поддиректориям папки, в которой опубликован ваш сайт. Пример сравнения логической и физической структур одного и того же ресурса Интернета показан на рис. 1.1.  Рисунок - Сравнение логической и физической структуры сайта Очевидно, что логическая и физическая структуры могут не совпадать, поскольку в общем случае физическая структура ресурса разрабатывается, исходя из удобства размещения файлов. Однако более или менее точное сохранение порядка следования логических разделов в физической структуре сайта позволит вам избежать путаницы при последующем дополнении и обновлении материалов. Совет: Рекомендуется размещать все графические изображения, являющиеся элементами проекта, в отдельной папке с названием «Images», расположенной в корневой директории сайта. Такой подход позволит обновлять хранящиеся в других тематических разделах документы HTML без переноса графики, использовать одни и те же графические файлы во всех разделах сайта и при необходимости удалять целые директории. Для того чтобы все гиперссылки на вашей домашней страничке или web-сайте работали корректно, все документы открывались правильно, и броузер не выдавал ошибок при обращении к каким-либо разделам ресурса, при создании его физической структуры следует соблюдать несколько простых правил: 1. Назначайте имена директорий, имена и расширения документов HTML и графических файлов с использованием символов только латинского алфавита и только в строчном регистре. Старайтесь, чтобы имена созданных вами файлов и директорий не превышали по длине восьми символов. 2. При присвоении имен файлов документам HTML старайтесь следить за тем, чтобы эти имена были «смысловыми»: впоследствии вы легко можете забыть содержимое и назначение какой-либо web-страницы, если имена файлов будут выглядеть, например, как l.htm, 2.htm, 3.htm и т. д. Для того чтобы облегчить процесс обновления web-страниц, дополнения разделов или создания новых рубрик, заведите средство документирования проекта — любую электронную таблицу, созданную, например, в Microsoft Excel, или просто разграфленную тетрадку, в которую записывайте соответствие элементов физической структуры вашего проекта его логической структуре. До тех пор пока количество составляющих ваш сайт файлов относительно мало, это может показаться излишним, когда же оно перевалит за первые два десятка, в обилии html-документов и графических элементов будет легко запутаться, особенно если вы создаете несколько проектов одновременно. Пример оформления такого средства документирования показан в табл. 1.1. Таблица Пример оформления средства документирования проекта
Становится очевидным, что физическая структура сайта скрыта от посетителей вашего ресурса: они могут наблюдать только логическую структуру, причем именно так, как она представлена при помощи элементов навигации. Отсюда следует вполне логический вывод: строение системы навигации должно если не полностью повторять, то хотя бы максимально соответствовать разработанной вами логической структуре сайта. Элементы web-страницы Любая web-страница содержит определенный набор стандартных элементов, являющихся обязательными компонентами каждого ресурса Интернета. Безусловно, ассортимент и количество подобных объектов могут варьироваться в зависимости от тематической направленности сайта, объема опубликованных на нем материалов, а также от целей и задач, которые ставит перед собой создатель данного ресурса. Компоновка таких элементов, проектирование их взаимного расположения и составляет одну из главных задач web-мастера. Первым элементом web-страницы является ее заголовок. Он может быть выполнен как в текстовом, так и в графическом варианте, однако и в том и в другом случае он должен располагаться в верхней части документа. Иногда с заголовком совмещают меню выбора кодировки кириллицы и кнопки для перехода с русскоязычной на англоязычную версию сайта, если данный web-ресурс представлен на двух языках. Непосредственно под заголовком документа, как правило, располагается пространство, отведенное для размещения рекламного баннера. Включение баннера именно в верхнюю часть web-страницы в большинстве случаев является обязательным условием регистрации сайта в службах баннерного обмена — системах, рекламирующих созданный вами ресурс в обмен на показ на страницах вашего сайта рекламы других участников баннерообменной сети. Стандартный размер баннеров, публикуемых под заголовком документа, составляет обычно 468x60 точек. Если вы используете статический принцип компоновки страницы, ширина заголовка вашего документа будет составлять приблизительно 640 пикселов: это значение обусловлено, прежде всего, необходимостью обеспечить корректное отображение документа на мониторах с экранным разрешением 640x480 точек и избежать появления горизонтально полосы прокрутки, затрудняющей его просмотр. Очевидно, что ширина баннера в этом случае будет значительно меньше ширины заголовка, благодаря чему в той части страницы, где вы планируете отвести место под рекламу, образуется незанятое пространство, которое можно заполнить логотипом компании-владельца данного сайта или ссылкой на сервер, осуществляющий web-хостинг. Разумеется, логотип необходим далеко не всегда: как правило, он включается в состав web-страницы лишь в случае, если сайт имеет коммерческую направленность. Основную часть документа занимает так называемое текстовое поле — участок, где и размещается смысловое наполнение страницы: содержательный информационный текст и иллюстрации. Перечисленные элементы еще называют «контент» (от англ, content — содержание). Расположение текстового поля зависит в первую очередь от того, каким образом web-дизайнер разместит остальные элементы документа. Следующей обязательной составляющей частью web-страницы являются элементы навигации — гиперссылки, связывающие данный документ с другими разделами сайта. Элементы навигации могут быть выполнены в виде текстовых строк, графических объектов, то есть кнопок, либо активных компонентов, например Java-апплетов. Последние представляют собой те же кнопки, которые, в отличие от своих «традиционных» сестер, умеют реагировать на движения мыши, выполняя при наведении на них курсора какие-либо несложные действия (включение подсветки, создание эффекта «нажатия», изменение формы и т. д.). Располагать элементы навигации следует таким образом, чтобы они всегда были «на виду», «под рукой», то есть так, чтобы пользователю не приходилось «отматывать» страницу назад, если текстовое поле занимает по высоте несколько физических экранов, после чего подолгу искать ссылки на другие разделы. Наиболее устоявшимся подходом является размещение элементов навигации у левой границы страницы. В нижней части документа принято публиковать информацию о разработчиках сайта и адрес электронной почты. Если web-страница является стартовым документом, в нижней ее части также размещают счетчик посещений — небольшой сценарий, вызывающий установленный на сервере CGI-скрипт, который фиксирует каждое открытие документа в броузере пользователей, изменяя значение индикатора счетчика. Благодаря этому web-мастер без труда определит количество посетителей, навестивших его страничку в течение какого-либо времени. На практике часто встречаются web-сайты, в дизайне которых, элементы навигации позиционированы по правой границе экрана. В этом случае текстовое поле смещается налево, остальные компоненты документа располагаются, исходя из принципа максимальной эстетичности их сочетания. Пример такого исполнения сайта показан на рис.  Рисунок - Пример компоновки web-страницы с правым позиционированием элементов навигации Как видно из рисунка, логотип в этом случае помещен на один уровень с заголовком документа, а рекламный баннер позиционирован относительно центра страницы. При таком подходе рекомендуется выдерживать графическое оформление заголовка, логотипа и поля для размещения рекламы в едином цветовом и художественном стиле — тогда несимметричность положения данных объектов будет не столь очевидна и не станет «резать глаз» сторонникам строгой, «табличной» эстетики дизайна. Элементы навигации можно разместить не только вблизи правой и левой границ страницы, но и в верхней части документа. Такой вариант компоновки наиболее подходит, на мой взгляд, при создании домашних страничек: в этом случае все объекты страницы гармонично «вписываются» в заданную ширину невидимой таблицы, при этом подготовка самой таблицы значительно упрощается. Единственным недостатком подобного подхода является необходимость продублировать элементы навигации в нижней части документа. Очевидно, что вариантов «смешанной компоновки» web-страницы может быть великое множество: конкретные решения зависят от количества составляющих ресурс разделов, объема подготовленного для размещения на сайте текста и, наконец, от фантазии самого дизайнера. Важно лишь, чтобы внешний вид сайта не вызывал нареканий у посетителей. |
Похожие:
 | Практическая работа 7-8 «Дополнительные элементы языка html для форматирования web-страниц» | | Практическая работа 7-8 «Дополнительные элементы языка html для форматирования web-страниц» |
 | Формирование набора ключевых выводов стратегической диагностики Республики Адыгея основывается на 7swot-анализе1 сильных и слабых... | | Анализ рынка. Оценка спроса и прогноз будущих продаж, сравнение нового продукта с уже существующими предложениями на рынке, соответствие... |
| На Рис. 147 наглядно представлена оценка Таджикистана в части реализации основных направлений Плана действий ввуио | | Ресурс – разрабатываемая информационная система, представленная в виде web-сайта и онлайновой системы управления web-сайтом (cms),... |
| Спитание ребенка, оставшегося без попечения родителей, в выявлении своих слабых и сильных сторон, ресурсов и ограничений в воспитании... | | ... |
| Практическая работа №6 «Оформление договора на техническое обслуживание оборудования» | | Разместить текст в журнале, брошюре или объявлении можно с помощью газетных колонок |