Практическая работа 13 «Анализ сильных и слабых сторон web-сайта»


НазваниеПрактическая работа 13 «Анализ сильных и слабых сторон web-сайта»
страница1/4
ТипПрактическая работа
blankidoc.ru > бланк заявлений > Практическая работа
  1   2   3   4


Министерство образования Республики Башкортостан

УФИМСКИЙ ГОСУДАРСТВЕННЫЙ КОЛЛЕДЖ РАДИОЭЛЕКТРОНИКИ





УТВЕРЖДАЮ

Зам. директора

_____________ Л.Р. Туктарова

«_____» ______________2014 г.

СБОРНИК МЕТОДИЧЕСКИХ УКАЗАНИЙ
ДЛЯ СТУДЕНТОВ ПО ВЫПОЛНЕНИЮ
ПРАКТИЧЕСКИХ РАБОТ
ДИСЦИПЛИНА «ИНФОРМАЦИОННЫЕ ТЕХНОЛОГИИ»

(раздел «WEB-дизайн»)
специальность 230113 «Компьютерные системы и комплексы»
ДЛЯ СТУДЕНТОВ ОЧНОЙ И ЗАОЧНОЙ ФОРМ ОБУЧЕНИЯ


СОГЛАСОВАНО

__________________ Р.М.Халилова
РАСCМОТРЕНО

На заседании кафедры программирования и информационных технологий

_____________ М.Е. Бронштейн

«___» ______________ 2014 г.

РАЗРАБОТЧИК

___________Р.Р. Рахимов





Уфа 2014 г.

СОДЕРЖАНИЕ





Стр.

Предисловие

Практическая работа 13 «Анализ сильных и слабых сторон web-сайта»

Практическая работа 14 «Создание алгоритма разработки web-сайта»

Практическая работа 15 «Составление технического задания на разработку web-сайта»

Практическая работа 16 «Синтаксис документа HTML»

Практическая работа 17 «Разметка и эскиз web-страницы тегами HTML»

Практическая работа 18 «Создание сайта с тремя HTML-страницами»

Практическая работа 19 «Использование таблиц при создании web-страниц»

Практическая работа 20 «Отправка данных с использованием форм. Создание формы на html-странице»

Практическая работа 21 «Форматирование web-страниц с использованием таблиц стилей. Создание каскадных листов стилей (CSS)»

Практическая работа 22 «Создание логотипа и баннера для web-сайта в программе Adobe Photoshop»

Практическая работа 23 «Создание простейшей анимации в программе Macromedia Flash»

Практическая работа 24 «Создание анимации с использованием готовых анимационных эффектов в программе Macromedia Flash»

Практическая работа 25 «Создание анимации формы в программе Macromedia Flash»

Практическая работа 26-27 «Создание сайта в программе Macromedia Dreamweaver и его публикация

3

5

10
17

21

40

52

56
60
62
68
70
85
114
133


ПРЕДИСЛОВИЕ
Методические указания для студентов по выполнению практических работ являются частью основной профессиональной образовательной программы Государственного бюджетного образовательного учреждения среднего профессионального образования «Уфимский государственный колледж радиоэлектроники» по специальности СПО 230113 «Компьютерные системы и комплексы» в соответствии с требованиями ФГОС СПО третьего поколения.

Методические указания для студентов по выполнению практических работ адресованы студентам очной, заочной и заочной с элементами дистанционных технологий форм обучения.

Методические указания созданы в помощь для работы на занятиях, подготовки к практическим работам, правильного составления отчетов.

Приступая к выполнению практической работы, необходимо внимательно прочитать цель работы, ознакомиться с требованиями к уровню подготовки в соответствии с федеральными государственными стандартами третьего поколения (ФГОС-3), краткими теоретическими сведениями, выполнить задания работы, ответить на контрольные вопросы для закрепления теоретического материала и сделать выводы.

Отчет о практической работе необходимо выполнить и сдать в срок, установленный преподавателем.

Наличие положительной оценки по практическим работам необходимо для допуска к экзамену, поэтому в случае отсутствия студента на уроке по любой причине или получения неудовлетворительной оценки за практическую необходимо найти время для ее выполнения или пересдачи.
Правила выполнения практических работ

1. Студент должен прийти на практическое занятие, подготовленным к выполнению практической работы.

2. После проведения практической работы студент должен представить отчет о проделанной работе.

3. Отчет о проделанной работе следует выполнять в журнале практических работ на листах формата А4 с одной стороны листа.
Оценку по практической работе студент получает, если:

- студентом работа выполнена в полном объеме;

- студент может пояснить выполнение любого этапа работы;

- отчет выполнен в соответствии с требованиями к выполнению работы;

- студент отвечает на контрольные вопросы на удовлетворительную оценку и выше.

Зачет по выполнению практических работ студент получает при условии выполнения всех предусмотренных программой работ после сдачи журнала с отчетами по работам и оценкам.
Внимание! Если в процессе подготовки к практическим работам или при решении задач возникают вопросы, разрешить которые самостоятельно не удается, необходимо обратиться к преподавателю для получения разъяснений или указаний в дни проведения дополнительных занятий.
Обеспеченность занятия (средства обучения):


  1. Учебно-методическая литература:

  • Дунаев В.В. Сам себе Web-дизайнер. – СПб.: БХВ – Петербург; Арлит, 2002

  • Кирсанов Д. Веб-дизайн: книга Дмитрия Кирсанова. – СПб: Символ-Плюс, 2004.

  • Клонингер К. Свежие стили Web-дизайна: как сделать из вашего сайта «конфетку»: Пер с англ. – М.: ДМК Пресс, 2005




  1. Справочная литература:

  • справочник по HTML.

  • справочник по CSS.




  1. Технические средства обучения:

  • персональный компьютер.




  1. Программное обеспечение: Adobe Photoshop, Macromedia Dreamweaver, Macromedia Flash, Блокнот




  1. Отчет по выполнению практических работ


Порядок выполнения отчета по практической работе

  1. Ознакомиться с теоретическим материалом по практической работе.

  2. Записать краткий конспект теоретической части.

  3. Выполнить предложенное задание согласно варианту.

  4. Продемонстрировать результаты выполнения предложенных заданий преподавателю.

  5. Записать код программы (ход работы) в отчет.

  6. Ответить на контрольные вопросы.

  7. Записать выводы о проделанной работе.


Практическая работа № 13
«Анализ сильных и слабых сторон web-сайта»
Цель работы:

1. Ознакомиться с процессом анализа хороших и плохих web-сайтов.

2. Научиться анализировать сильные и слабые стороны конкурентов.
Образовательные результаты, заявленные во ФГОС третьего поколения:

Студент должен

уметь:

- создавать web-приложения;



знать:

- инструменты создания web-приложений.
Краткие теоретические и учебно-методические материалы по теме практической работы
Анализ сильных и слабых сторон конкурентов, информационное проектирование сайта, разработка его концепции, понимание аудитории на которую сайт рассчитан. Это первый и важный этап, поскольку он определяет дальнейшую работу над созданием сайта -дизайн, программирование, написание кода. Описание и анализ каждого этапа разработки веб сайта позволяет оценить его с разных позиций, - как пользователей, так и создателей, что должно сделать разрабатываемый проект интересным и удобным для целевой аудитории, а авторам лучше понять его предназначение и структуру.

Первым этапом разработки сайта – это выбор темы, идеи, какие материалы будут на сайте. Но прежде чем перейти непосредственно к разработке содержания и оформления, следует посмотреть, что уже сделано по выбранной тематике. Делается это для того, чтобы учесть сильные и слабые стороны конкурентов, выбрать лучшее, что у них имеется и отказаться от плохих и малоэффективных решений.

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

Для удобства, весь процесс анализа сайтов разбит на несколько этапов.

1. Выбор критериев при оценке сайтов

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

Навигация по сайту

Навигация характеризует удобство перемещения между разделами сайта, возможность быстро переходить на нужную страницу. Хорошо продуманная навигация сайта должна отвечать на вопросы посетителя: какие страницы я уже посетил, где я нахожусь относительно сайта, какие разделы еще могу посетить.

Организация информации на страницах сайта

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

Стиль написания текста

Известно, что читабельность текста с экрана монитора ухудшается процентов на 25. С учетом этой особенности, тексты на сайте должны быть более лаконичными и разбиты при необходимости на несколько страниц. Следует, также, учитывать целевую аудиторию, на которую рассчитан сайт - для детей надо писать проще, для учителей, наверное, еще проще.
Дизайн сайта

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

Полнота информации

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

Скорость загрузки веб-страниц сайта

Один из важных критериев. Большинство посетителей сайта в первую очередь отмечают именно быстроту загрузки страниц, а не суперстильный и навороченный дизайн.

Используемые технологии

Не все современные технологии, такие как Flash, DHTML и другие применяют обоснованно, но их использование может придать создаваемому сайту большую выразительность и удобство. В каждом случае следует учитывать уместность и производимый эффект. Технологии могут быть реализованы по разному в различных браузерах, поэтому сайт рекомендуется просматривать в нескольких, самых популярных.

Интерактивность

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

Частота обновления

По обновлению информации, сайты можно разделить на обновляемые часто и редко. Но в любом случае, обновлять информацию рекомендуется не реже, чем раз в две недели.

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

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

Содержание сайта.

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

Структура и навигационные функции сайта.

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

Дизайн сайта.

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

Функциональность сайта.

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

Интерактивность сайта.

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

Общее впечатление от сайта.

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

Похожие:

Практическая работа 13 «Анализ сильных и слабых сторон web-сайта» iconПрактическая работа 1 «Создание алгоритма разработки web-сайта»
Практическая работа 7-8 «Дополнительные элементы языка html для форматирования web-страниц»

Практическая работа 13 «Анализ сильных и слабых сторон web-сайта» iconПрактическая работа 1 «Создание алгоритма разработки web-сайта»
Практическая работа 7-8 «Дополнительные элементы языка html для форматирования web-страниц»

Практическая работа 13 «Анализ сильных и слабых сторон web-сайта» iconАнкета – отраслевой 7swot-анализ
Формирование набора ключевых выводов стратегической диагностики Республики Адыгея основывается на 7swot-анализе1 сильных и слабых...

Практическая работа 13 «Анализ сильных и слабых сторон web-сайта» icon1. Резюме проекта
Анализ рынка. Оценка спроса и прогноз будущих продаж, сравнение нового продукта с уже существующими предложениями на рынке, соответствие...

Практическая работа 13 «Анализ сильных и слабых сторон web-сайта» iconАнализ сильных и слабых сторон страны в контексте выполнения Плана действий ввуио
На Рис. 147 наглядно представлена оценка Таджикистана в части реализации основных направлений Плана действий ввуио

Практическая работа 13 «Анализ сильных и слабых сторон web-сайта» iconТехническое задание на разработку веб-сайта
Ресурс – разрабатываемая информационная система, представленная в виде web-сайта и онлайновой системы управления web-сайтом (cms),...

Практическая работа 13 «Анализ сильных и слабых сторон web-сайта» iconЕсли вы читаете это пособие, значит, вы стоите на пороге очень важного...
Спитание ребенка, оставшегося без попечения родителей, в выявлении своих слабых и сильных сторон, ресурсов и ограничений в воспитании...

Практическая работа 13 «Анализ сильных и слабых сторон web-сайта» iconПрактическая работа №1 «Работа с нормативными документами»
...

Практическая работа 13 «Анализ сильных и слабых сторон web-сайта» iconПрактическая работа №1 «Разработка бланков документов»
Практическая работа №6 «Оформление договора на техническое обслуживание оборудования»

Практическая работа 13 «Анализ сильных и слабых сторон web-сайта» iconПрактическая работа №1. «Колонки и списки». Практическая работа №2....
Разместить текст в журнале, брошюре или объявлении можно с помощью газетных колонок

Вы можете разместить ссылку на наш сайт:


Все бланки и формы на blankidoc.ru




При копировании материала укажите ссылку © 2024
контакты
blankidoc.ru