Содержание

	Введение	4
1	Разработка логической структуры веб-сайта	5
2	Разработка физической структуры веб-сайта	7
3	Разработка дизайна и оформления веб-страницы	10
4	Верстка макета веб-страницы	11
5	Разработка скриптов для создания динамической страницы	13
	Заключение	14
	Список использованной литературы	15
	Приложение А. Текст программы	16

Приложение Б. Скриншоты сайта 21

Введение

Целью прохождения данной учебной практики являлось рассмотрение и изучение процесса работы на крупных предприятиях работающих в области информационных технологий, в моем случае таким предприятием послужила компания – ТОО «ERVELLA».

Компания ТОО «ERVELLA» – это современный поставщик инновационного программного и аппаратного обеспечения в области систем управления информацией и бизнес аналитики. В портфеле компании лучшие решения от известных мировых производителей как Microsoft, HP, Oracle, Cisco, VMware, Tableau Software.

Компания занимается внедрением инновационной web-системы документооборота DocLogix для широкого круга отраслей, а также разработкой и внедрением программного обеспечения в области систем управления информацией, анализа и отчетности, а также разработкой структуры и внедрением хранилищ данных на крупных предприятиях с использованием инновационных продуктов HP Vertica и HP Autonomy для быстрой обработки больших объемов данных.

Я проходил практику в отделе технической поддержки компании, мне была поставлена задача – разработать внутренний новостной веб-сайт компании, где компания могла бы размещать новости для сотрудников, объявления, уведомления, достижения компании. А также необходимым условием являлось создание страницы с формами регистрации новых пользователей и авторизации уже зарегистрированных пользователей на сайте компании.

Также необходимо было разработать несколько веб-скриптов на языке JavaScript для придания веб-сайту динамичности.

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

В качестве языка программирования я выбрал стандартный язык разметки веб-страниц – HTML, и   язык описания внешнего вида документа, написанного с использованием языка разметки – CSS.

Используемыми программными средствами послужили текстовый редактор – Notepad++, графический редактор – Adobe Photoshop CS6, веб-браузер – Google Chrome.

1 Разработка логической структуры веб-сайта

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

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

Весь контент интернета делится на несколько видов:

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

Текстовая информация (информация доступная для чтения). Сюда входят статьи, обзоры, описания, рецензии, инструкции, комментарии и т.д.

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

Мультимедиа (видео, фото, аудио, графика, флэш, анимация и пр.)

Смешанный контент. Например, одна страница может содержать видеоролик (мультимедиа), его фактическую информацию (длительность, размер), описание и рецензии (отзывы) пользователей.

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

Первое, что нужно сделать - поставить себя на место посетителя и представить, что он увидит, когда окажется на вашем интернет ресурсе.

А найти веб-сайт он может несколькими способами:

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

2 Перейти на любую страницу (но чаще опять-таки на главную) по рекламной ссылке. Таких посетителей зачастую довольно мало. Если вы конечно не вкладываете в рекламу огромные деньги. С оглядкой на возможную рекламу даю около 5% трафика.

3 Зайти на любую страничку вашего сайта из поисковых систем. Это основной источник посетителей и потенциальных клиентов. Поисковый трафик составляет более 90% от общей посещаемости ресурса.

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

В графическом виде логическая структура представлена на рисунке 1

Рисунок 1 – Логическая схема для новостного веб-сайта компании