Средства создания web-сайтов

Доступ пользователей к информационным ресурсам интернета. Понятие web-страниц, язык программирования HTML. Изучение основной особенности гипертекстового документа. Программы для создания web-страниц. Современные способы создания и разработки сайтов.

Рубрика Программирование, компьютеры и кибернетика
Вид реферат
Язык русский
Дата добавления 11.09.2014
Размер файла 33,3 K

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.

Размещено на http://www.allbest.ru/

АНО ВПО «Омский экономический институт»

Кафедра информационно-вычислительных систем

Контрольная работа по дисциплине

«Электронная коммерция»

Тема: «Средства создания web-сайтов»

Выполнил: студент группы зиэБХ3 -033

Головацкая О.Г.

Омск 2014

Содержание

Введение

1. Понятие web-страниц, язык HTML

2. Программы для создания web-страниц

Заключение

Список литературы

Введение

Internet - всемирная сеть, которая объединяет множество компьютерных сетей различного уровня и отдельных компьютеров, обменивающих друг с другом информацией по каналам общественных телекоммуникаций на базе протоколов связи TCP/IP. Информация в Интернет хранится на серверах (сайтах). Серверы, объединенные высокоскоростными магистралями, составляют базовую часть сети Интернет. Доступ пользователей к информационным ресурсам Internet обычно осуществляется через провайдеров или корпоративную сеть. В сети Интернет существует несколько сервисов или служб (E-mail, USENET, TELNET, WWW, FTP и др.), но наиболее популярной службой является WWW. Услуги WWW построены по принципу клиент-сервер. Служба состоит из серверов, доступ к серверам осуществляется клиентскими приложениями или браузерами. Основной объем информационных ресурсов в виде веб-страниц или файлов в формате html находится на веб-сайтах, размещенных на Web-серверах (на хостингах) сети Интернет.

1. Понятие web-страниц, язык HTML

интернет программирование гипертекстовый сайт

Web-страницы создаются, точнее размечаются, с помощью специализированных языковых средств, классическим из которых является HTML (Hyper Text Mark up Language) - язык разметки гипертекста.

Термин HTML (Hyper Text Markup Language) означает "язык маркировки гипертекстов". Это понятие более широкое, включает в себя Интернет и локальные сети, редакторы, броузеры, разнообразные программные продукты, компакт-диски, обучающие курсы, дизайн и многое другое. HTML - своеобразная противоположность сложным языкам программирования, известным только специалистам.

HTML как явление нашей жизни

HTML давно перестал быть просто языком программирования. Человек, изучавший этот язык, обретает возможность делать сложные вещи простыми способами и, главное, быстро, что в компьютерном мире не так уж и мало. Гипертекст подходит для включения элементов мультимедиа в традиционные документы. Практически именно благодаря развитию гипертекста, большинство пользователей получило возможность создавать собственные мультимедийные продукты и распространять их на компакт-дисках. Такие информационные системы, выполненные в виде набора HTML-страниц, не требует разработки специальных программных средств, так как все необходимые инструменты для работы с данными (WEB-броузеры) стали частью стандартного программного обеспечения большинства персональных компьютеров. От пользователя требуется выполнить только ту работу, которая относится к тематике разрабатываемого продукта: подготовить тексты, нарисовать рисунки, создать HTML-страницы и продумать связь между ними.

HTML является основой моды в Интернете.

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

Основная особенность гипертекстового документа - это способность получить сложные эффекты форматирования простыми и наглядными методами. Сравним гипертекстовый документ, например, с файлом в формате MS Word. В том и другом случаях можно использовать одни и те же приемы форматирования: выбор шрифта, курсив, выравнивание, вставку таблиц, рисунков и т.д. Но в документах Word механизм форматирования скрыт от пользователя, работать с файлом можно только в самом редакторе или программе, поддерживающей его формат. С гипертекстом дело состоит иначе. Такой документ можно открыть в любом текстовом редакторе и увидеть, где и каким образом отформатирован текст. Просмотреть или распечатать документ в отформатированном виде возможно тоже только в специальном приложении гипертекстовом редакторе или броузере.

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

Разработчик HTML-документа может выбрать способ работы с ним. Теоретически с гипертекстом можно работать даже на уровне MS-DOS в любом редакторе, открывающем ASCII-файлы. Это требует от пользователя обязательного знания большинства элементов HTML. Можно использовать для создания гипертекста и браузер. Любая из этих программ имеет режим редактирования WEB-страницы в режиме «источника». Для этого может подключатся один из установленных на компьютере текстовых редакторов. Браузеры имеют и встроенные редакторы гипертекста. Существуют гипертекстовые редакторы, которые используют только для разработки WEB-страниц и создания на них визуальных и звуковых эффектов.

Способы создания гипертекста обеспечивают его абсолютную платформенную независимость. Создавая WEB-страницу на компьютере, который работает под управлением Windows, можно не сомневаться, что администратор сервера сможет использовать файлы на компьютере, работающем под управлением UNIX или другой операционной системы.

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

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

Несмотря на то, что спецификация HTML является стандартом, этот язык дополняется новыми элементами (расширениями). Поэтому некоторые WEB-страницы удобнее просматривать при помощи определенных браузеров. Расширения создаются только известными фирмами, которые разрабатывают программное обеспечение для WWW, а рядовые пользователи могут совершенствовать свои WEB-страницы при помощи программирования. Апплеты позволяют снять ограничения HTML и дают простор фантазии разработчик

2. Программы для создания web-страниц

HTML (HyperText Mark-Up Language)

Основной способ хранения документов в сети Интернет, и в месте с тем, самый популярный язык разметки гипертекстовых файлов. Главной особенностью HTML является способность использовать гиперссылки, благодаря которым возможна связь с другими документами, как локальными, так и находящимися на другом конце земного шара. HTML позволяет внедрять в документы изображения, звук, видео и т.д. Язык HTML состоит из набора тэгов (tags), содержащих фрагменты текста документа и обеспечивающих возможности разметки - такие, как абзацы, полужирный или курсивный текст, заголовки, встроенные графические изображения и т.д. Разметка придает документу некую структуру. HTML-файлы могут просматриваться с помощью специальных программ-браузеров (таких, как: Internet Explorer, Netscape Navigator или Opera).

Tag (Тэг)

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

Hyperlink (Гиперссылка)

Графическое изображение или текст на сайте (или в письме электронной почты, устанавливающие связь и позволяющие переходить к другим объектам сети Интернет. Это строка в HTML-документе, указывающая на другой файл, который может быть расположен в сети Интернет, и содержащая полный путь к этому файлу. Чтобы отличить их от обычного текста, гиперссылки обычно выделяются жирным шрифтом или подчеркиванием.

CSS (Cascading Style Sheets)

Язык иерархических стилевых спецификаций. Был разработан как дополнение к HTML, с целью восполнить ограниченные возможности этого языка в области визуального форматирования. Позволяет описать форматирование всего документа или группы документов, а также добавлять некоторые эффекты изображениям и тексту (например, изменение цвета ссылки при наведении мышкой). Помогает иногда значительно сократить размеры документов. Работает только в браузерах версий 4.0 и старше.

Frames (Фреймы)

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

ASP (Active Server Pages)

Смесь средств программирования с использованием языка HTML, выполняющих чтение и запись в базу данных посредством ODBC. Предоставляет массу возможностей, не требующих применения, но похожих на такие средства программирования, как CGI, JavaScript, Perl, ActiveX и ISAPI. Все задействованные ASP-страницами программы запускаются и выполняются на сервере, причем браузер получает только результирующие HTML-файлы.

Flash (Флэш)

Технология Shockwave / Flash, которую разработала Macromedia Inc. для того, чтобы разнообразить обычные текстовые страницы веб-сайта красочной и интерактивной векторной графикой. Технология Flash позволяет создавать как поражающие воображение презентационные ролики, так и интерактивные интерфейсы, создающие новое качество комфорта на сайте.

Script (Скрипт)

Программа, написанная на каком-либо языке программирования для взаимодействия клиента с сервером. Например: Script на Perl для подсчета количества посещений.

JavaScript (Ява-скрипт)

Фирма Netscape разработала в 1995 году замечательный инструмент, позволяющий HTML-странице, загруженной в браузер, динамически управлять своим содержимым и самим браузером. Последняя реализация JavaScript, называемая "динамический HTML" позволяет реализовать на веб-странице почти полноценный пользовательский интерфейс с выпадающими многоуровневыми меню, перетаскиванием объектов мышью, анимацией и т.п. Текст программы встроен непосредственно в HTML-документ и интерпретируется самим броузером. Применяется в основном для создания таких эффектов, как: бегущая строка, рисунки, изменяющие свой вид при подведении курсора и т.д.

PHP

Язык программирования, дающий возможность легко и быстро создавать динамично изменяемые html-страницы, профессионального программирования для Интернет, создания профессиональных web-сайтов и web-приложений.

Perl

Язык программирования. Программы, написанные на Perl, запускаются на стороне сервера. В основном применяется на UNIX-ориентированных WEB-серверах. Применяется для обеспечения доступа к базам данным, создания динамических страничек и т.п.

CMS (Content Management System)

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

Counter (Счетчик посещений)

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

Banner (Баннер)

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

Rich-media Banner (Рич-медиа баннер)

Rich media дословно переводится с английского языка как "богатое" или "обогащенное" средство. Это новая технология изготовления рекламных материалов с применением Flash и Java. С помощью этой технологии рекламу можно сделать более занимательной и интерактивной. Однако такая реклама более сложна в изготовлении, чем, скажем, простая анимированная картинка. Rich media - интерактивная и агрессивная реклама, поэтому при ее использовании особенно важно соблюдать меру, чтобы оставить у пользователей положительное впечатление.

VRML (Virtual Reality Modeling Language)

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

Заключение

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

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

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

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

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

Создание и разработка сайтов включает:

· утверждение первоначального технического задания на разработку сайта;

· определение структурной схемы сайта - расположение разделов, контента и навигации;

· web-дизайн - создание графических элементов макета сайта, стилей и элементов навигации;

· разработка программного кода, модулей, базы данных и других элементов сайта необходимых в проекте;

· тестирование и размещение сайта в сети интернет.

Список литературы

1. Дунаев В. Самоучитель JavaScript, 2-е изд. - СПб.: Питер, 2005. - 395 с.

2. Зольников Д.С. PHP5. Как самостоятельно создать сайт любой сложности. - 2-е изд. стер. - М.: НТ Пресс, 2007. - 272с.

3. Инькова Н. А., Зайцева Е. А., Кузьмина Н. В., Толстых С. Г. Создание Web-сайтов: Учебно-методическое пособие. Ч. 5. Тамбов: Изд-во Тамб. гос. техн. ун-та, 2005. - 56 с.

Размещено на Allbest.ru


Подобные документы

  • HTML - это язык, принятый в World Wide Web для создания и публикации веб-страниц. Общие сведения о создании веб-страниц, особенности их оформления. PHP как язык программирования с динамической типизацией, история его создания и возможности использования.

    доклад [18,9 K], добавлен 27.12.2010

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

    презентация [144,4 K], добавлен 01.01.2011

  • Основы языка программирования Web-страниц – HTML. Виды информации, которую может содержать Web-страница: текст, графика, звук, анимация и видео. Инструментарий для создания Web-страниц. Основные HTML-редакторы, которые используются для Web-дизайна.

    реферат [374,0 K], добавлен 19.01.2011

  • Hyper Text Markup Language (html) как стандартный язык для создания гипертекстовых документов в среде web. Тэги списков, гипертекстовые ссылки, графика внутри документа, специальные тэги html и таблицы. Планирование фреймов. Этапы создания сайтов.

    контрольная работа [126,9 K], добавлен 18.11.2010

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

    контрольная работа [16,0 K], добавлен 19.06.2014

  • Подходы к созданию сайтов. Обоснование необходимости наличия персонального сайта компании ИП Тимонина Е.Н.. Структура, интерфейс, этапы создания сайта. Описание кода страниц. Создание web-страниц и наполнение их информацией. Верстка сайтов с чистым кодом.

    дипломная работа [1,5 M], добавлен 03.06.2015

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

    контрольная работа [28,1 K], добавлен 05.03.2009

  • История развития информационных технологий. Появление Интернета, браузеры. Основы web-программирования: классификация сайтов, языки программирования. Создание сайта для кафедры высшего учебного заведения: технология создания и руководство пользователя.

    дипломная работа [471,5 K], добавлен 23.04.2015

  • Понятие средств обучения, их классификация. Подбор конструктора сайтов для создания электронного средства обучения. Создание электронных учебно-методических материалов с помощью технологии "Конструктор сайтов Wix.com". Категории шаблонов, дизайн страниц.

    курсовая работа [2,4 M], добавлен 14.01.2014

  • Знакомство с особенностями создания WEB-страниц с использованием HTML. Общая характеристика основ компьютерного моделирования с применением Powersim и AnyLogic. Анализ способов создания динамических WEB-страниц с использованием JavaScript и PHP.

    презентация [801,7 K], добавлен 25.09.2013

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.