Минлигареев, Павлов — Основные понятия WEB-Сайт..


Чтобы посмотреть презентацию с картинками, оформлением и слайдами, скачайте ее файл и откройте в PowerPoint на своем компьютере.
Текстовое содержимое слайдов презентации:

Основные понятия WEB-СайтаВыполнили студенты группы ИС-11-9: Минлигареев Максим и Павлов Егор Основные понятияВеб-сайт (англ. Website, от web - паутина и site - «место») - в компьютерной сети объединённая под одним адресом (доменным именем или IP-адресом) совокупность документов частного лица или организации.Сайт располагается в сети Интернет и все веб-сайты Интернета в совокупности составляют Всемирную паутину, а также, чтобы обеспечить пользователей доступом к веб-сайтам, на серверах был специально разработан протокол HTTP.Веб-сайты иначе называют Интернет-представительством человека или организации.


Основные понятияВ настоящее время многие сайты интерактивны и динамичны, в отличии от статических сайтов, представляющих из себя лишь однообразную и не меняющуюся страницу.Такие сайты называются веб-приложением – готовым программным комплексом для решения задач веб-сайта.Примером такого сайта может служить популярный среди всех возрастов сайт «Вконтакте», как real-time приложение.

style.rotation Основные понятияВ большинстве случаев в Интернете одному веб-сайту соответствует одно доменное имя. Именно по доменным именам сайты идентифицируются в глобальной сети.Возможны иные варианты: один сайт на нескольких доменах или несколько сайтов под одним доменом. Обычно несколько доменов используют крупные сайты (веб-порталы) чтобы логически отделить разные виды предоставляемых услуг (mail.google.com, news.google.com, maps.google.com).
Классификация WEB-СайтаПо доступности сервисов:Открытые - все сервисы полностью доступны для любых посетителей.Полуоткрытые - для доступа необходимо зарегистрироваться (обычно бесплатно).Закрытые - полностью закрытые служебные сайты организаций (в том числе корпоративные сайты), личные сайты частных лиц. Такие сайты доступны для узкого круга людей. Доступ новым людям обычно даётся через так называемые инвайты (приглашения).

Классификация WEB-СайтаПо природе содержимого:Статические - всё содержимое заранее подготавливается. Пользователю выдаются файлы в том виде, в котором они хранятся на сервере.Динамические - содержимое генерируется специальными скриптами (программами) на основе других данных из любого источника.

Классификация WEB-СайтаПо физическому расположению:Внешние сайты сети Интернет.Локальные сайты - доступны только в пределах локальной сети. Это могут как корпоративные сайты организаций, так как и сайты частных лиц в локальной сети провайдера.

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


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

Классификация WEB-СайтаПо схеме представления информации, её объёму и категории решаемых задач можно выделить веб-ресурсы:Веб-сервис:Поисковые сервисы.Почтовый сервис.Веб-форумы.Блоговый сервис.Фотохостинг.Видеохостинг.Доска объявлений.Каталог сайтов.






Этапы разработки WEB-СайтаПроектирование.Разработка дизайна.Вёрстка.Программирование.Наполнение сайта.Тестирование.Публикация.Продвижение.Поддержка.




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

Карта сайта Карта сайта — одна из страниц сайта, информация на которой аналогична разделу «Содержание» обычной книги. Используется как элемент навигации. В карте сайта представлен полный перечень разделов и/или всех страниц, имеющихся на сайте. Нередко, заголовки страниц в списке служат ссылками на эти страницы.HTMLXML


Критерии оценки качества сайтаОбщее впечатление:Каково общее впечатление от посещения сайта?Отвечает ли сайт вашим потребностям как пользователя? Удалось ли вам успешно завершить задачи?Вы бы захотели вернуться на этот сайт? Функциональность:С точки зрения функциональности, легко ли было завершать реальные задачи или ваши пути приводили в тупики?Регистрация и процедура заказа проблематичны или гладки?



Критерии оценки качества сайтаСпособы раскрытия содержания сайта:Структура сайта (логика ярко выражена или есть проблемы); Соответствие названий содержанию;Удобство средств навигации (меню); Оправданность применяемых элементов дизайна и/или анимации для раскрытия содержания страницы сайта.Внешнее оформление:Цветовое решение; Читаемость текстов на предложенном фоне; Качество шрифтового оформления; Сбалансированность наполнения экрана; Качество графических объектов и анимации.





Основные понятия Web-дизайнаВеб-дизайн (от англ. Web design) — отрасль веб-разработки и разновидность дизайна, в задачи которой входит проектирование пользовательских веб-интерфейсов для сайтов или веб-приложений.Веб-дизайнер — человек, занимающийся веб-дизайном.
Требования к дизайну сайтаДля корпоративного сайта наиболее важным будет исполнение дизайна сайта в фирменном стиле компании;Для промо-сайта характерно исполнение с использованием ярких красок и запоминающихся образов;Для интернет-магазина актуальна будет простота и функциональность.

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

Этапы разработки дизайна сайтаДизайн основной и типовых страниц сайта.HTML-верстка.Программирование.Тестирование.

Требования к дизайнуWeb-страниц одного сайтаДизайн играет важную роль в привлечении внимания пользователей сети Интернет к определенной веб-странице. При разработке дизайна веб-страницы прежде всего нужно учитывать особенности восприятия целевой аудитории. При этом оформление должно соответствовать содержанию веб-страницы.Дизайн веб-страниц предполагает разработку:Цвета;Шрифта;Графики;Компоновки веб-страницы.


Инструментальные средства разработки Web-дизайнаДля разработки, размещения на сервере, поддержки работоспособности и актуальности сайта требуется большое число программных продуктов. В первую очередь необходимы HTML-редакторы, графические редакторы, аниматоры, FTP-клиенты.Создавать HTML-документы можно даже с помощью обычных текстовых редакторов, например MS Word или Notepad.

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




Обзор инструментальных средств разработки web-сайтов FrontPage 2003Разработчик: MicrosoftСайт программы: www.microsoft.com/frontpageУсловия распространения: ориентировочная цена — 155 долл.Описание: Microsoft FrontPage — это простой в освоении и удобный Web-редактор для проектирования, подготовки и публикации Web-сайтов. Благодаря интеграции с семейством продуктов MS Office, привычному интерфейсу и обилию шаблонов программа позволяет быстро освоить работу даже начинающим пользователям, знакомым с основами работы в MS Word.


Обзор инструментальных средств разработки web-сайтов Adobe GoLive CSРазработчик: AdobeСайт программы: www.adobe.com/products/golive/main.htmlУсловия распространения: триал, цена — 399 долл., апгрейд — 169 долл.Описание: Adobe GoLive CS — это универсальное многофункциональное профессиональное средство для создания, построения и управления Web-сайтами от компании — производителя популярнейшего графического пакета Photoshop. Последняя версия Adobe GoLive получила название Adobe GoLive CS, поскольку вместе с другими ключевыми продуктами Adobe входит в комплект программ Creative Suite, что и обозначает аббревиатура «CS».


Обзор инструментальных средств разработки web-сайтов Macromedia Dreamweaver MX 2004 v7.0Разработчик: MacromediaСайт программы: www.macromedia.com/software/dreamweaverУсловия распространения: триал-версия, цена — 399 долл.Описание: Dreamweaver всегда считался инструментом скорее дизайнера, чем программиста. Однако в последней версии имеется полный набор средств как для визуального конструирования, так и для кодирования.


Обзор инструментальных средств разработки web-сайтов HomeSite 5.0Разработчик: AllaireСайт программы: www.macromedia.comУсловия распространения: триал-версия на 60 дней, цена — 99 долл.Описание: В качестве разработчика мы указали компанию Allaire, однако с 2001 года продукт дорабатывался компанией Macromedia, объединившейся в марте того же года с Allaire; при этом продуктовые линейки обеих компаний удачно дополнили друг друга.


Технология гипертекста – язык HTMLПод разметкой гипертекста подразумевается использование специальных кодов, легко отделяемых от содержания документа и используемых для реализации гипертекста.Применение этих кодов подчиняется строгим правилам, определяемым спецификацией языка HTML (Hyper Text Markup Language).Управляющие конструкции языка HTML называются тегами (дескрипторами) и вставляются непосредственно в текст документа. Все теги заключаются в угловые скобки <…>. Сразу после открывающей скобки помещается ключевое слово, определяющее тег, например<DIV>.

Теги HTMLTeги HTML бывают парными и непарными. Непарные теги оказывают воздействие на весь документ или определяют разовый эффект в том месте, где они вставлены. При использовании парных тегов в документ добавляются открывающий и закрывающий теги, которые воздействуют на часть документа, заключенную между ними. Закрывающий тег отличается от открывающего наличием символа "/" перед ключевым словом (</DIV>).
Атрибуты открывающих теговК открывающему тегу может быть добавлен атрибут, представляющий собой дополнительные ключевые слова, отделяемые от ключевого слова, определяющего тег, и от других атрибутов пробелами и размещаемые до завершающего тег символа ">". Способ применения некоторых атрибутов требует указания значения атрибута. Значение атрибута отделяется от ключевого слова атрибута символом "=" и заключается в кавычки.
Два способа формирования документов HTMLПервый способ состоит в разметке существующего или создаваемого документа вручную. Эта работа выполняется в текстовом редакторе или редакторе HTML.Второй способ заключается в формировании документа непосредственно на экране и автоматической его разметке. В этом способе необязательно знание языка HTML. Разметка выполняется специальным редактором, работающим по принципу WYSIWYG, например, FrontPage Express.Воспроизведение документа HTML выполняетсябраузерами, например Internet Explorer.


style.rotation Структура документа HTMLПростейший правильный документ HTML, содержащий все теги, определяющие структуру, выглядит следующим образом:
Структура документа HTMLHTML — начало и конец документа HTML;HEAD — начало и конец раздела заголовка;TITLE — начало и конец общего заголовка документа;BODY — начало и конец тела документа.Большинство элементов языка HTML описывает части содержания документа и помещаются между тегами <BODY> и </BODY> (структурный элемент BODY). Основными функциональными элементами документа HTML являются заголовки и абзацы. Язык HTML поддерживает шесть уровней заголовков, которые задаются при помощи тегов от <H1> до <H6>. В Web-документе они отображаются шрифтом разного размера.



Приложенные файлы

  • pptx 15814158
    Размер файла: 1 MB Загрузок: 0

Добавить комментарий