Раздел 2. Разработка Интернет-проектаДля предприятия должно быть реализовано:
1. интернет-магазин (для организации продаж продукции большому числу конечных потребителей) и или корпоративный сайт (для поиска оптовых партнеров, рекламы фирменного знака, раскрутки бренда); 2. рекламная и PR компания разработанного Интернет-проекта.
При оформлении раздела 2 в курсовой работе необходимо включить следующие отчетные материалы:
Сайт - цели, задачи, актуальность; - структура (карта сайта) с описанием; - HTML код сайта; - страницы сайта (формат презентации); - проект сайта на электронном носителе;
Рекламная и PR компания - цели, задачи, актуальность; - стратегия рекламной и PR компании; - схема партнерских размещений баннеров, рекламных блоков;
А также другие материалы на усмотрение студента.
Сайт разрабатывается студентами на языке HTML.
HTML - (от англ. Hypertext Markup Language — «язык разметки гипертекста») - это стандартный язык разметки документов во Всемирной сети Интернет. Практически все веб-страницы создаются при помощи языка HTML или его последователя — XHTML. Редактор HTML или HTML-редактор - компьютерная программа, позволяющая создавать и изменять HTML-страницы. Несмотря на то, что HTML-код может быть написан в простом текстовом редакторе (например, Notepad), специальные редакторы для написания кода HTML предлагают больше удобств и функциональности. По своей функциональности они делятся (часто весьма условно) на две категории: 1. редактор показывает только исходный код; 2. редактор показывает готовую страницу в режиме WYSIWYG (что видишь, то и получишь). Многие WYSIWYG-редакторы позволяют одновременно работать и с кодом страницы.
Для начала работы: заходим в меню «Пуск - Все программы - Стандартные - Блокнот». В Блокноте прописываем HTML код. Далее «Файл - Сохранить как» сохраняем под именем: index.html. Открыть этот файл можно с помощью браузера и увидеть, как выглядит созданная html страничка.
Основным понятием языка HTML является "тэг" (англ.: tag -ярлычок, этикетка). Тэги - это заключенные в угловые скобки " <,>;" последовательности букв, (образованные, как правило, сокращением английских слов). Код любого HTML -документа начинается тегом <html>; и завершается тегом </html>;. Пара "открывающий - закрывающий" тэги называется контейнером. Контейнер <title>...</title>;, расположенный в секции <head>...</head>;, содержит текст, отображаемый в верхней строке окна браузера.
Форматирование текста Большинство тэгов предназначено для форматирования документов:
Форматирование текста, т.е. определение шрифта, размера и цвета букв, можно осуществлять с помощью атрибутов тэга <font> (они перечислены ниже), хотя позднее Вы познакомитесь с другими, более гибкими способами управления стилем документа, в том числе и характеристиками текста.
Списки В HTML -документах часто используются списки: ненумерованные или нумерованные. Элементы списков выделяются с помощью тега <li> (list item). Нумерованный список должен находиться в контейнере <ol>...</ol> (ordered list), ненумерованный список может находиться в контейнере <ul>...</ul> (unordered list) (наличие контейнера необязательно). Атрибуты тэгов Большинство тэгов имеет атрибуты, т.е. свойства, которые могут принимать различные значения. Нередко документ размещают на фоне некоторого рисунка. Сам рисунок должен находиться в файле графического формата (gif или jpg), а связь документа с ним обеспечивается атрибутом background тэга <body>;
Гиперссылки Гиперссылки - это фрагменты (слова, рисунки, кнопки и т.д.), щелкнув мышью на которых мы попадаем на новый документ или на новой место в этом же документе. Гиперссылки создаются с помощью тэга <a>...</a> (англ.: anchor - якорь) и имеют два основных атрибута: href и name.
Изображения Чтобы "вставить" картинку в документ, используется тэг <img>;. Его основные атрибуты:
Таблицы "Скелет" таблицы выглядит следующим образом:
Здесь контейнер <tr>...</tr>; определяет строку таблицы, контейнер <td>...</td>; - ячейку в строке, контейнер <table>...</table>; - собственно таблицу. Некоторые из атрибутов тэга <table>; применимы к отдельным строкам или ячейкам таблицы. Так, например, можно задать свой цвет или фоновый рисунок для отдельных ячеек. Атрибут align, заданный для отдельной ячейки, определяет горизонтальное положение текста внутри нее, атрибут valign, заданный для ячейки, определяет вертикальное положение ее содержимого (top, middle или bottom). Формы Одним из важнейших свойств web-документов является возможность получения данных от клиентов и отправки их на сервер. Эта возможность обеспечивается с помощью так называемых ФОРМ (FORMS).
Вот один из простейших примеров:
Это очень простая форма. Она содержит лишь текстовые поля и две кнопки. Первая кнопка (RESET) позволяет "сбросить" все введенные пользователем данные, вторая (SUBMIT)- непосредственно отсылает данные на сервер. Ясно, что если забыть разместить в форме кнопку SUBMIT, то данные на сервер не будут отправлены. Этот контейнер можно уподобить обычному бумажному почтовому конверту - на последнем обязательно присутствует адрес назначения и фамилия адресата, в тэге <form>...</form> непременно указывается адрес серверного сценария, который получит и обработает введенные клиентом данные. Для этого используется атрибут action.
|
