Разработка веб-сайта на тему "Социальные сети"

Размещено на http://www.allbest.ru/

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

УО «Гомельский государственный технический

университет имени П.О. Сухого»

Кафедра: «Информатика»

Реферат

«Основы веб-дизайна и композиции»

на тему:

Разработка веб-сайта на тему «Социальные сети»

Выполнил студент гр. ЗВД-11

Пешко Э.Г.

Принял преподаватель

Рябченко А.И.

ГОМЕЛЬ 2010

Содержание

Введение

Глава 1. Анализ программного обеспечения

1.1 Исследование

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

1.2 Выбор программного обеспечения

1.3 Схема сайта и контент

Заключение

Список литературы

Введение

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

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

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

Создать Web-страницу непросто, но наверно каждый человек хотел бы попробовать себя в роли дизайнера.

Целью данной курсовой работы стоит создание Web-сайта из нескольких страничек на тему “Социальные сети”. При работе необходимо использовать стили CSS.

Глава 1. Анализ программного обеспечения

1.1 Исследование

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

Все предугадать невозможно, но на начальном этапе можно придерживаться следующих правил:

- если разрабатывается сайт научного или академического содержания, особое внимание следует обратить на то, как сайт работает в Lynx (или в другом неграфическом браузере);

- если сайт предназначен для потребителей - например, сайт, который предлагает обучающие игрушки для детей, - внимание обращается на скорость загрузки и внешний вид сайта для AOL-браузеров;

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

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

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

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

<div>

Элемент <div> является блочным элементом и предназначен для выделения фрагмента документа с целью изменения вида содержимого. Как правило, вид блока управляется с помощью стилей. Чтобы не описывать каждый раз стиль внутри тега, можно выделить стиль во внешнюю таблицу стилей, а для тега добавить атрибут class или id с именем селектора.

Как и при использовании других блочных элементов, содержимое тега <div> всегда начинается с новой строки. После него также добавляется перенос строки.

Синтаксис <div>...</div>

<h1>

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

Синтаксис

<h1>Заголовок первого уровня</h1>

<p>

Определяет текстовый абзац. Тег <p>является блочным элементом, всегда начинается с новой строки, абзацы текста идущие друг за другом разделяются между собой отбивкой. Величиной отбивки можно управлять с помощью стилей. Если закрывающего тега нет, считается, что конец абзаца совпадает с началом следующего блочного элемента.

Синтаксис

<p>Текст</p>

<table>

Элемент <table> служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов <tr> и <td>. Внутри <table> допустимо использовать следующие элементы:<caption>, <col>, <colgroup>, <tbody>, <td>, <tfoot>, <th>, <thead> и <tr>.

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

Синтаксис

<table>

<tr>

<td>...</td>

</tr>

</table>

<a>

Тег <a> является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия атрибутов name или href тег <a> устанавливает ссылку или якорь. Якорем называется закладка внутри страницы, которую можно указать в качестве цели ссылки. При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри веб-страницы.

Для создания ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. В качестве значения атрибута href используется адрес документа (URL, Universal Resource Locator, универсальный указатель ресурсов), на который происходит переход. Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду независимо от имени сайта или веб-страницы, где прописана ссылка. Относительные ссылки, как следует из их названия, построены относительно текущего документа или корня сайта.

Синтаксис

<a href="URL">...</a>

<a name="идентификатор">...</a>

1.3 Выбор программного обеспечения

Dreamweaver -- HTML-редактор. Разработан и поддерживался компанией Macromedia в версиях до 8-й (2005 год). Следующие версии (начиная с Dreamweaver CS3 (2007)) выпускает Adobe. Богатый инструментарий, открытость приложения для всевозможных настроек, удобный интерфейс и другие особенности сделали Dreamweaver одним из наиболее популярных HTML-редакторов в мире. Недостатком считается добавление «лишнего» кода.

Заметную популярность программа получила начиная с версии MX, выпущенной компанией Macromedia в 2002 году. До этого момента были выпущены версии 1--4, версию 5 компания пропустила. 7-я версия программы получила название Dreamweaver MX 2004, а затем в 2005 году была выпущена Dreamweaver 8. 20 апреля 2007 года уже компания Adobe выпустила более свежую версию под названием Dreamweaver CS3.

На сегодняшний момент последней версией является Dreamweaver CS5.

1.4 Схема сайта и контент

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

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

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

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

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

В процессе создания вебсайта были использованы материалы со следующих источников:

www.wikipedia.com

www.social-networking.ru

Заключение

веб сайт тег

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

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

В данной работе рассмотрены актуальные вопросы разработки и создания современной домашней Web-страницы.

При этом мною были решены следующие частные задачи:

- ознакомление с современными Интернет-технологиями и их использование в настоящей разработке;

- изучение программного инструментария, применяемого для разработки и создания Web-сайтов;

- выявление и учет методов и способов представления на Web-страницах различных видов информации, не препятствующих их доступности;

- ознакомление с основными правилами и рекомендациями по разработке и созданию Web-сайтов и неукоснительное следование им на практике;

- определение структуры Web-страниц;

- выбор стратегии разработки и создания Web-сайта.

К числу основных отличительных особенностей HTML можно отнести следующее:

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

сжатые форматы графических файлов, что так же положительно влияет на уменьшение размера Web-страниц и времени их скачивания по каналам Сети;

отсутствие проблем совместимости с различными браузерами, например такими широко распространенными, как Internet Explorer и Google Chrome;

Таким образом, материалы работы показывают, что поставленные в ней задачи полностью решены.

Список литературы

1. М.Левин "Internet для "чайников", Москва 2005.

2. Ф.Рассохин и Лебедев "World Wide Web - глобальная информационная паутина в сети Internet", Москва 2006.

3. М.Перри "Секреты World Wide Web", Москва 2005.

Размещено на Allbest.ru