Основы электронного бизнеса
Покупка
Издательство:
Поволжский государственный технологический университет
Автор:
Нам Светлана Эдуардовна
Год издания: 2017
Кол-во страниц: 52
Дополнительно
Вид издания:
Учебное пособие
Уровень образования:
ВО - Бакалавриат
ISBN: 978-5-8158-1911-5
Артикул: 786740.01.99
Доступ онлайн
В корзину
Приведены материалы к практическим работам, задания для самостоятельной работы, примерные тесты для промежуточного и итогового контроля; в приложении представлены информационные источники интернета.
Для студентов направления 09.03.03 «Прикладная информатика», изучающих дисциплину «Основы электронного бизнеса».
Скопировать запись
Фрагмент текстового слоя документа размещен для индексирующих роботов.
Для полноценной работы с документом, пожалуйста, перейдите в
ридер.
С. Э Нам ОСНОВЫ ЭЛЕКТРОННОГО БИЗНЕСА Практикум Йошкар-Ола 2017
УДК 004.056:33(075) ББК 65.290я7 Н 24 Рецензент: кандидат экономических наук, доцент кафедры информационных систем в экономике ПГТУ Е. Д. Мещихина; кандидат экономических наук, доцент ПГТУ О. Е. Иванов Печатается по решению редакционно-издательского совета ПГТУ Нам, С. Э. Н 24 Основы электронного бизнеса: практикум / С. Э. Нам. – Йош- кар-Ола: Поволжский государственный технологический университет, 2017. – 52 с. ISBN 978-5-8158-1911-5 Приведены материалы к практическим работам, задания для самостоятельной работы, примерные тесты для промежуточного и итогового контроля; в приложении представлены информационные источники интернета. Для студентов направления 09.03.03 «Прикладная информатика», изучающих дисциплину «Основы электронного бизнеса». УДК 004.056:33(075) ББК 65.290я7 ISBN 978-5-8158-1911-5 © Нам С. Э., 2017 © Поволжский государственный технологический университет, 2017
ВВЕДЕНИЕ Целью курса «Основы электронного бизнеса» является освоение инструментальных средств и информационных технологий, позво- ляющих создавать Web-страницы и Web-сайты, а также получение знаний в области организации современных методов ведения электронного бизнеса и в сфере управления подобными сервисами. Практикум состоит из двух частей. Первая часть содержит четыре практические работы: «Изучение возможностей языка HTML (фреймы, списки, таблицы)», «Шапка документа <head>, МЕТАданные. Метки и карты изображений в HTML-документах», «Разметка (макетирование) страниц с помощью таблиц», «Формы в HTML-документах». Все задания содержат теоретические сведения по теме и примеры выполнения заданий. Во второй части практикума приведены задания для самостоятельного выполнения с дополнительным справочным материалом. В приложении дан список « Информационных источников интернета». Углубленное рассмотрение материала происходит в рамках практических работ, посвящённых поисковым системам, инструментарию формирования Web-ресурсов. По характеру выполняемых задач практические работы подразделяются на: - ознакомительные, с целью закрепления теоретического материала; - творческие, связанные с получением новой информации. Основная форма выполнения работ – поиск рационального решения с последующим анализом полученных результатов. Практикум предназначен для студентов направления 09.03.03 «Прикладная информатика», а также специалистов, работающих в области INTERNET-технологий.
Практическая работа 1 Изучение возможностей языка HTML (фреймы, списки, таблицы) Теоретические сведения Для формирования HTML-документов, содержащих кадры (фреймы), используются два тега: <frameset> и <frame>. Тег <frameset> задает количество и исходные размеры столбцов и строк кадров. Горизонтальное деление экрана задается при помощи атрибута row, вертикальное – атрибута cols. Значения атрибутов могут быть выражены в процентах или пикселях. Внутри тега <frameset> должны быть ссылки на все документы, входящие в состав сложной страницы. Делается это с помощью тега <frame>. Рис. 1.1. Пример Web-страницы с двумя вертикальными фреймами На рисунке 1.1 представлен пример Web-страницы с двумя вертикальными фреймами. Левый кадр служит в качестве оглавления,
правый является целевым кадром, в который выводится содержимое всех ссылок левого фрейма. В левый кадр выводится файл frame2.htm, в правый – frame1.htm. Исходный код документа следу- ющий: <HTML> <HEAD> <TITLE>Пример фреймов</TITLE> </HEAD> <frameset cols="30%,*"> <frame name="toc" src="frame2.htm"> <frame name="main" src="frame1.htm"> </frameset> </HTML> В теге <frame> указывается атрибут name, присваивающий имя кадру. Он необходим для указания целевого кадра для вывода со- держимого гиперссылок. Чтобы документ, полученный по гиперс- сылке, загружался в поименованный кадр, в теге определения ги- перссылок задается атрибут target: <A HREF=”URL документа” target=”имя кадра”. Упрощенный исходный код документа frame2.htm, в котором вывод всех документов по ссылкам определен в кадр с именем main, т.е. правый фрейм исходного документа frame.htm., следующий: <HTML> <HEAD> <TITLE>Файл frame2.htm</TITLE> </HEAD> <BODY > <A HREF="file.htm" target="main"> Поиск файлов</A>
<A HREF="index.htm" target="main"> Автоматические индексы</A> <A HREF="tema.htm" target="main"> Тематические каталоги</A> </BODY> </HTML> Задание 1.1 1. Создайте страницу ссылок на ресурсы сети обязательно с ис- пользованием фреймов. Именами файлов должны быть маленькие латинские буквы! В левом фрейме создайте рубрики, оформите созданные ссылки в виде списка (тег <UL>): • поисковые системы; • каталоги; • литература. В правом фрейме соответственно создайте ссылки с названием и кратким описанием ресурсов: а) для поисковых систем ссылки оформите в виде таблицы из двух колонок и нескольких строк (табл. 1.2). В левой колонке поме- стите рисунки-логотипы поисковых систем, в правой – гиперссыл- ки на эти системы (ссылки www.yandex.ru, www.rambler.ru, www.aport.ru, www.google.com, www.filesearch.ru); Пример: Рис. 1.2. Пример таблицы
б) для каталогов оформите созданные ссылки в виде нумеро- ванного списка (ссылки www.list.ru, www.rambler.ru.); в) для литературы оформите созданные ссылки в виде нумеро- ванного списка, ссылки разложите по рубрикам. Например: библио- теки, техническая литература, стандарты (ссылки www.citforum.ru, www.lib.ru, www.w3.org, http://pyramidin.narod.ru/html401/index.htm.). 2. Сделайте ссылку на эту страницу с главной страницы. 3. Разместите файлы на сервере и просмотрите в браузере, про- верьте работоспособность всех ссылок. 4. В исходнике страницы укажите в виде комментариев, для чего предназначена каждая группа тегов (каждый открывавший тег) и их свойства (атрибуты). К сдаче задания предоставляются работающие страницы на сер- вере с комментариями каждого тега и его свойств в исходнике.
Практическая работа 2 "Шапка" документа <head>, МЕТА-данные. Метки и карты изображений в HTML-документах Теоретические сведения "Шапка" документа ограничивается тэгами <head> и </head>. Содержит мета-информацию, то есть дополнительные данные о странице, заголовок страницы, выносимый в заголовок окна браузера ( в оконной графической системе) и ссылки. Заголовок определяется тэгами <title> и </title>, его присутствие необязательно, но желательно. Тэги <head> и <title> параметров не имеют. Эти теги могут отсутствовать. Главная задача для автора гипертекстового документа, если он хочет донести свое послание до читающей публики, – "отметиться" наиболее удачным способом во всех каталогах и поисковых системах, куда захаживает потенциальный читатель в поисках информации по интересующей его теме. Для этой цели в набор команд языка HTML включена специальная группа инструкций META, предназначенных в основном для описания и индексирования документа поисковыми машинами. Прежде чем начать регистрацию вашего сайта в поисковых системах и каталогах, его необходимо к этому подготовить. Иначе эф- фект от затраченных сил и времени будет минимальным. На данных примерах мы рассмотрим МЕТА-теги. Их роль незаметна при отоб- ражении странички. Это лишь команды для web-сервера или браузе- ра, но команды важные, и правильное использование META-тегов дает вам некоторые преимущества. Поисковые системы при регистрации страницы используют ин- формацию, хранящуюся в Мета-дескрипторах, которые помещаются между тегами заголовка <head> и </head> в html-страницах вашего сайта. Мета используются хотя и не всеми поисковыми системами, однако без них не обойтись. Элемент META определяет перемен- ную=значение, описывающую некоторое свойство документа: ин-
формацию об авторе, список ключевых слов и т.п. Атрибут name – переменная, а content – ее значение. Запомните! Все META-теги не несут визуальной информации и должны располагаться только в секции <head></head> документа. Необязательно использовать весь набор Мета, но необходи- мость базовых очевидна. К ним отнесем Title, Keywords, Description, Charset (многие серверы эту информацию сообщают в HTTP-заго- ловке), Author. Title – заголовок документа Хороший осмысленный заголовок может заставить пользовате- ля из множества других выбрать именно вашу ссылку, например <TITLE>. Здесь вы пишите заголовок документа </TITLE> Description – описание Нельзя переоценить значение хорошего описания, которое точ- но отражает преимущества вашего сайта. Description отвечает за описание сайта, которое будет выводиться при ответе на запрос. Для указания краткого описания используется: <meta name="description" content="описание_страницы"> Если хотите указать описание на русском, то надо указать атри- бут lang: <meta name="description" lang="ru" content="описание_страницы"> Нужно включить все наиболее часто используемые на вашем сайте термины, фразы и их синонимы в тег "desctiptions". Keywords – поисковые слова и фразы Используйте ваши ключевые слова, они наиболее важны. Ис- пользуйте различные слова и их изменения (в множественном числе и проч.), нижний регистр, обычно пишущееся с орфографическими ошибками и т.п., разделяя запятыми и пробелом после запятой. Важно, чтобы слова отражали верно содержание. В этом случае к вам придут люди, которые найдут у вас необходимое.
Длина содержимого тегов "Keywords" не должна превышать 1000 символов, хотя некоторые поисковики не в силах принять бо- лее 255 (поисковые машины отбросят часть описания, превышающе- го установленные нормы). Для указания ключевых слов и терминов используется: <meta name="keywords" content="Ключевые слова."> Если хотите указать слова на русском, то надо указать атрибут lang: <meta name="keywords" lang="ru" content="Ключевые слова."> Многие поисковые системы проверяют, чтобы содержание клю- чевых слов соответствовало основному тексту странички. Нельзя повторять ключевые слова несколько раз – вас могут вообще не включить в базу данных. Полнотекстовые поисковые системы ана- лизируют все содержимое странички, но ключевые слова в них име- ют приоритет при поиске. Content-Language Еще одно частое использование META-тега – это указание язы- ка, на которой написана страничка. Например, для того, чтобы ска- зать браузеру, что ваша страничка содержит текст на русском языке, вы должны написать следующий код: <META HTTP-EQUIV="Content-Language" CONTENT="ru"> Charset – кодировка Это указание кодировки, на которой написана страничка. Например, для того чтобы сказать браузеру, что ваша страничка со- держит текст в кодировке Win-1251, вы должны написать следую- щий код: <meta http-equiv="content-type" content="text/html; charset=Windows-1251"> Robots – робот Управление индексацией для поисковых серверов. Основные значения: ALL – индексировать все, NONE – не индексировать. Зна-
Доступ онлайн
В корзину