Студопедия — Раздел 2. Разработка Интернет-проекта
Студопедия Главная Случайная страница Обратная связь

Разделы: Автомобили Астрономия Биология География Дом и сад Другие языки Другое Информатика История Культура Литература Логика Математика Медицина Металлургия Механика Образование Охрана труда Педагогика Политика Право Психология Религия Риторика Социология Спорт Строительство Технология Туризм Физика Философия Финансы Химия Черчение Экология Экономика Электроника

Раздел 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>;.

Пара "открывающий - закрывающий" тэги называется контейнером.
Каждый документ имеет контейнер <head>...</head>;, содержащий вспомогательную информацию, и контейнер <body>...</body>;, содержащий сам текст документа.

Контейнер <title>...</title>;, расположенный в секции <head>...</head>;, содержит текст, отображаемый в верхней строке окна браузера.

 

 

Форматирование текста

Большинство тэгов предназначено для форматирования документов:

 

Код Вид
Шампунь для <b>жирных</b> котов Шампунь для жирных котов
<i>Спагетти, пицца, капуччино </i> Спагетти, пицца, капуччино
<strike>Вычеркнуть из памяти</strike> Вычеркнуть из памяти
<u>Я подчеркиваю, что</u> Я подчеркиваю, что
A<sub>i,j</sub> Ai,j
A<sup>2</sup> A2
<big>БОЛЬШОЙ</big> ТЕАТР БОЛЬШОЙ ТЕАТР
<small>Маленький</small> Мук Маленький Мук
<center>ЦЕНТР</center> ЦЕНТР
неразрывный &nbsp;&nbsp;&nbsp;&nbsp;пробел неразрывный пробел
перевод<br>строки перевод строки

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

Атрибуты Примеры
size размер <fontsize="+2"> <fontsize="-1"> Увеличили шрифт на 2 пункта Уменьшили шрифт на 1 пункт
color цвет <font color='Red'>Красный текст</font> <font color=rgb(30,20,155)>цвет в формате RGB</font> <font color="#aa00cc">и в 16-ичном виде</font> Красный текст цвет в формате RGB и в 16-ичном виде
face шрифт <font face='Arial'>Arial</font> <font face='Currier'>Currier</font> Arial Currier

 

 

Списки

В HTML -документах часто используются списки: ненумерованные или нумерованные. Элементы списков выделяются с помощью тега <li> (list item). Нумерованный список должен находиться в контейнере <ol>...</ol> (ordered list), ненумерованный список может находиться в контейнере <ul>...</ul> (unordered list) (наличие контейнера необязательно).

Атрибуты тэгов

Большинство тэгов имеет атрибуты, т.е. свойства, которые могут принимать различные значения. Нередко документ размещают на фоне некоторого рисунка. Сам рисунок должен находиться в файле графического формата (gif или jpg), а связь документа с ним обеспечивается атрибутом background тэга <body>;

Атрибуты тэга <body>
background адрес фонового изображения
bgcolor цвет фона
bgproperties fixed - для достижения эффекта скольжения текста по фону

Гиперссылки

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

Гиперссылки создаются с помощью тэга <a>...</a> (англ.: anchor - якорь) и имеют два основных атрибута: href и name.

name Имя.Используется, если нужно отметить то или иное место в документе, чтобы потом "приходить" на него.
href (hyper reference)- адрес документа, вызываемого при щелчке на гиперссылке, и/или имя метки для перехода (метка должна быть установлена заранее). Например, код <a href='#nachalo'> все заново </a> вызывает перемещение на начало данного документа, код <a href='Books.html#zakaz'> о заказе </a> вызывает перемещение на соответствующую метку в файле 'Books.html'.
target Окно, в которое будет загружен указанный документ. Если этот атрибут опущен (или указан как _self), новый документ будет открыт в том же окне, что и текущий. Значение атрибута target="_blank" приведет к открытию нового документа в новом окне.

Изображения

Чтобы "вставить" картинку в документ, используется тэг <img>;.

Его основные атрибуты:

Src Источник(source) изображения, т.е. адрес графического файла.
width, height Ширина и высота изображения. Эти атрибуты можно не указывать, тогда рисунок будет выглядеть "как есть", но лучше задавать их явно, чтобы браузер зарезервировал соответствующий объем памяти.
Alt Текст, появляющийся на экране вместо рисунка, если тот по какой-либо причине не может быть загружен. "Всплывает" при наведении мыши на рисунок.
Border Толщина рамки вокруг рисунка.

 

Таблицы

"Скелет" таблицы выглядит следующим образом:

<table> <tr> <td>Содержимое ячейки</td> <td>Содержимое ячейки</td> ... </tr> <tr> <td>Содержимое ячейки</td> <td>Содержимое ячейки</td> ... </tr> ... </table>

 

Здесь контейнер <tr>...</tr>; определяет строку таблицы, контейнер <td>...</td>; - ячейку в строке, контейнер <table>...</table>; - собственно таблицу. Некоторые из атрибутов тэга <table>; применимы к отдельным строкам или ячейкам таблицы. Так, например, можно задать свой цвет или фоновый рисунок для отдельных ячеек.

Атрибут align, заданный для отдельной ячейки, определяет горизонтальное положение текста внутри нее, атрибут valign, заданный для ячейки, определяет вертикальное положение ее содержимого (top, middle или bottom).

Формы

Одним из важнейших свойств web-документов является возможность получения данных от клиентов и отправки их на сервер. Эта возможность обеспечивается с помощью так называемых ФОРМ (FORMS).

 


 

Вот один из простейших примеров:

 

 

Анкета кандидата в члены EMICS Звездочкой (*) отмечены обязательные поля
1. Фамилия *  
2. Имя, отчество *  
3. Место работы *  
4. Должность *  
5. Рабочий адрес *  
6. Рабочий телефон *  
7. Факс  
8. E-mail *  
9. Адрес личной web-страницы  
10. Ученая степень  
11. Ученое звание  
12. Область научных интересов * 1. 2. 3. 4. 5. 6.
 

Это очень простая форма. Она содержит лишь текстовые поля и две кнопки. Первая кнопка (RESET) позволяет "сбросить" все введенные пользователем данные, вторая (SUBMIT)- непосредственно отсылает данные на сервер. Ясно, что если забыть разместить в форме кнопку SUBMIT, то данные на сервер не будут отправлены.

Этот контейнер можно уподобить обычному бумажному почтовому конверту - на последнем обязательно присутствует адрес назначения и фамилия адресата, в тэге <form>...</form> непременно указывается адрес серверного сценария, который получит и обработает введенные клиентом данные. Для этого используется атрибут action.







Дата добавления: 2015-08-12; просмотров: 332. Нарушение авторских прав; Мы поможем в написании вашей работы!



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

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

ТЕОРЕТИЧЕСКАЯ МЕХАНИКА Статика является частью теоретической механики, изучающей условия, при ко­торых тело находится под действием заданной системы сил...

Теория усилителей. Схема Основная масса современных аналоговых и аналого-цифровых электронных устройств выполняется на специализированных микросхемах...

Тема 2: Анатомо-топографическое строение полостей зубов верхней и нижней челюстей. Полость зуба — это сложная система разветвлений, имеющая разнообразную конфигурацию...

Виды и жанры театрализованных представлений   Проживание бронируется и оплачивается слушателями самостоятельно...

Что происходит при встрече с близнецовым пламенем   Если встреча с родственной душой может произойти достаточно спокойно – то встреча с близнецовым пламенем всегда подобна вспышке...

Неисправности автосцепки, с которыми запрещается постановка вагонов в поезд. Причины саморасцепов ЗАПРЕЩАЕТСЯ: постановка в поезда и следование в них вагонов, у которых автосцепное устройство имеет хотя бы одну из следующих неисправностей: - трещину в корпусе автосцепки, излом деталей механизма...

Понятие метода в психологии. Классификация методов психологии и их характеристика Метод – это путь, способ познания, посредством которого познается предмет науки (С...

ЛЕКАРСТВЕННЫЕ ФОРМЫ ДЛЯ ИНЪЕКЦИЙ К лекарственным формам для инъекций относятся водные, спиртовые и масляные растворы, суспензии, эмульсии, ново­галеновые препараты, жидкие органопрепараты и жидкие экс­тракты, а также порошки и таблетки для имплантации...

Studopedia.info - Студопедия - 2014-2024 год . (0.01 сек.) русская версия | украинская версия