Особенности методики обучения созданию сайтов и порталов для коммерческого использования

научно-методический электронный журнал

Степаньян В. В. Особенности методики обучения созданию сайтов и порталов для коммерческого использования // Концепт. - 2014. - № 02 (февраль). - ART 14043. - 0,3 п. л. - URL: http://e-kon-cept.ru/2014/14043.htm. - Гос. рег. Эл № ФС 7749965. - ISSN 2304-120X.

ART 14043

УДК 37.018:004.62

Степаньян Владимир Владимирович,

студент экономико-технологического факультета НОУ ВПО «Международный инновационный университет», г. Сочи step.wo@mail.ru

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

Раздел: (01) педагогика; история педагогики и образования; теория и методика обучения и воспитания (по предметным областям).

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

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

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

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

В данной статье предлагается методика обучения созданию сайтов и порталов для коммерческого использования в системе электронного образования.

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

Сайт - это любая совокупность веб-страниц, объединенная общим доменным именем. Сайты, в зависимости от цели создания, функционала, типа размещаемого контента, могут быть разными: сайты-визитки; корпоративные, научные сайты; блоги; интернет-магазины и т. п.

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

Особенности методики обучения созданию сайтов и порталов для коммерческого использования

f\j Л f\j

КОНЦЕПТ

Степаньян В. В. Особенности методики обучения созданию сайтов и порталов для коммерческого использования // Концепт. - 2014. - № 02 (февраль). - ART 14043. - 0,3 п. л. - URL: http://e-kon-cept.ru/2014/14043.htm. - Гос. рег. Эл № ФС 7749965. - ISSN 2304-120X.

научно-методический электронный журнал ART 14043 УДК 37.018:004.62

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

- интернет-представительства: сайты-визитки; корпоративные сайты; интернет-витрины и промо-сайты;

- информационные ресурсы: тематические сайты; интернет-порталы; блоги и каталоги сайтов;

- веб-сервисы: поисковые системы; почтовые системы; интернет-форумы; доски объявлений и социальные сети.

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

Основная идея предлагаемого метода - использовать в обучении как базовый язык HTML. К примеру, создадим несколько веб-страничек с помощью автоматических редакторов веб-дизайна (FrontPage или Dreamweawer). Так же эти веб-странички будут соединены между собой в автоматическом режиме. Это позволит существенно сократить время работы (рис. 1).

Рис. 1. Работающая веб-страница

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

«vi О nj

КОНЦЕПТ

научно-методический электронный журнал ART 14043 УДК 37.018:004.62

Степаньян В. В. Особенности методики обучения созданию сайтов и порталов для коммерческого использования // Концепт. - 2014. - № 02 (февраль). - ART 14043. - 0,3 п. л. - URL: http://e-kon-cept.ru/2014/14043.htm. - Гос. рег. Эл № ФС 7749965. - ISSN 2304-120X.

Каталог фирм Ульяновска - Образование и переводы - ВУЗы Ульяновска (Г в— а

Сюткш лтшзпа) ишим Jba.MUi.Mi Зшгьнпр!.. -f fttiimumiBKUonm«. •™viAilyj-o.Äct>.ru'o.- » В Дебит» мепу.. Итрт моет, и

Гите Ne» Rcnitn -M - Д *  / S

i= J i* а з - *' «

\</<r<n>eo<tMM

<">««(< «мытое

Mt<i<,</<t<t<!b

и,.(,((4. > V« 15 о

«7 ЕШ d © ГШ' s

Рис. 2. Неработающая веб-страница

Поэтому придётся изучать язык HTML (Hyper Text Markup Language) - язык разметки гипертекста. Этот язык был разработан Тимом Бернерсом-Ли в рамках создания проекта распределённой гипертекстовой системы, которая была названа World Wide Web (WWW) или Всемирная паутина. HTML предназначен для написания гипертекстовых документов, публикуемых в World Wide Web. Опыт создания веб-сайтов показывает, что овладение базовым языком HTML намного упрощает процесс создания сайтов. Он так же расширяет возможности дальнейшего применения специализированных пакетов прикладных программ (ППП) и редакторов. Язык HTML является основой построения сайтов. В этом языке нет особых сложностей. Обыкновенный текст заключается в теги, что позволяет браузеру отображать набранную страницу.

Напрример, Src="img/HTML.jpg" - источник (путь) к изображению, bordet="5" - рамка и её толщина, align="left" - смещение текста, hspace="30" - горизонтальный интервал между изображением и обтекающим его текстом, vspace="30" - вертикальный интервал между изображением и обтекающим его текстом, width="100" - ширина изображения, height="70" - высота изображения - вот некоторый набор наиболее популярных меток.

Для того, чтобы сайт был удобен в использовании, нужно начинать с основ языка HTML, иными словами создавать сайт с нуля. Сейчас помимо HTML созданы другие языки программирования, на основе которых строиться основная часть сайтов, например PHP, PITON и т. п. В использовании они просты и удобны, избавляют от рутинной деятельности. Но для того, чтобы пользоваться этими языками программирования со стороны сервера, создавать сайты автоматически, нужно изучит HTML.

Среди программ для изучения языка HTML следует отметить сборник видео уроков «Основы ВЕБ - конструирования HTML+CSS» Д. Тарасова (2009) [1]. Также есть сайт http://videouroki.net [2], где можно найти дополнительный учебный материал.

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

ru о м

КОНЦЕПТ

Степаньян В. В. Особенности методики обучения созданию сайтов и порталов для коммерческого использования // Концепт. - 2014. - № 02 (февраль). - ART 14043. - 0,3 п. л. - URL: http://e-kon-cept.ru/2014/14043.htm. - Гос. рег. Эл № ФС 7749965. - ISSN 2304-120X.

научно-методический электронный журнал ART 14043 УДК 37.018:004.62

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

Рассмотрим пример создания веб страницы. Для работы нужен текстовый редактор «Блокнот», в нем создаем тело веб-страницы, сохраняем результат, выходим из блокнота и меняем формат документа c «txt» на формат «html». Смотрим результат.

<Html> <head> </head>

<body bgcolor=#00ffff> <bodytext=#ff0000>

^^Пример моей Веб-странички^М^ ^1>Пример текста<^1> ^6>Пример текста<^6> <em align="center">

^^^^^ирный текст</b></pre></h2>

<рге><>^2>наклонный текст</></рге><^2>

<input type=text name="foo" size=20>

<input type="submit" value="Принять"><input type="reset">

</body>

</Html>

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

Таблица 1

Основные теги языка HTML

Основные теги

<html>, </html> Указывает программе просмотра страниц что это HTML документ

<head>, </head> Определяет место, где помещается различная информация, не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин

<body>, </body> Определяет видимую часть документа

Теги оглавления

<basehref="www.?"> Указание браузеру от какого базового адреса все ссылки

<metaname="author" content="?"> Указание автора странички

<metaname="keywords" content="?"> Описание содержащийся информации

<title>, </title> Помещает название документа в оглавление программы просмотра страниц

Атрибуты тела документа

<bodybgcolor="?"> Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет

<bodytext="?"> Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет

Теги форматирования текста

<h1>, </h1> Создает самый большой заголовок

<h2>, </h2>, <h3>, </h3> Создает заголовки промежуточных размеров

<h6>, </h6> Создает самый маленький заголовок

<b>, </b> Создает жирный текст

<i>, </i> Создает наклонный текст

ГУ yj nj

КОНЦЕПТ

научно-методический электронный журнал ART 14043 УДК 37.018:004.62

Степаньян В. В. Особенности методики обучения созданию сайтов и порталов для коммерческого использования // Концепт. - 2014. - № 02 (февраль). - ART 14043. - 0,3 п. л. - URL: http://e-kon-cept.ru/2014/14043.htm. - Гос. рег. Эл № ФС 7749965. - ISSN 2304-120X.

Гиперссылки

<a href="URL">, </a> Создает гиперссылку на другие сайты

<a href="NAME">, </a> Создает гиперссылку на другую страницу

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

<p>, </p> Создает новый параграф

Также есть теги для установки цвета (рис. 3).

Цвет Код Цвет Код Цвет Код Цвет Код

aqua (морская волна) #00ffff black (чёрный) #000000 blue (синий) #0000ff fuchsia (фуксия) #ff00ff

gray (серый) green (зелёный) #008000 Нте(лайм) #00ff00 maroon (тёмно-бордовый) #800000

navy (тёмно-синий) #000080 olive (опивковый) #808000 purple (пурпурный) #800080 red (красный) #ff0000

silver (серебряный) #С0С0С0 teal (сине-зелёный) #008080 white (белый) frffffff yellow (жёлтый) :#ffff00

Рис. 3. Цветовые теги

Выводы

1. Язык HTML - основа из основ. Без знаний этого языка человек не может называться специалистом веб-дизайна.

2. В наше время помимо HTML появились другие языки программирования, на основе которых создаётся большая часть сайтов. Однако не зная HTML это все равно, что азы без которых веб-дизайнер не сможет пользоваться этими языками.

3. Использование сайтов и порталов затрагивает многие сферы деятельности человека. С их помощью легко реализуются многие финансовые и коммерческие процессы.

4. Именно коммерческая составляющая в создании сайтов и порталов играет важную роль в развитии нашей современной цивилизации.

5. Достаточно знать 20% языка чтоб работать с HTML.

Ссылки на источники

1. Тарасов Д. Основы веб-конструирования HTML+CSS. - СПб., 2009.

2. Видео уроки. - URL: http://videouroki.net.

Vladimir Stepanian,

3rd year student, Faculty: Economics and Technology, Department of «Computer Science and Natural Sciences», Soch/step.wo@mail.ru Features teaching methods create sites and portals for commercial use Abstract. The article is devoted to popularize the HTML programming language in web design and commercial networks, as well as the creation of teaching methods. The author uses case-studies to facilitate the user experience. Key words: Programming HTML, web design, tutorials. References: 1-2 - Russian Sources.

Рекомендовано к публикации:

Горевым П. М., кандидатом педагогических наук, главным редактором журнала «Концепт»; Утёмовым В. В., кандидатом педагогических наук

PU г м

977230412014202