Инструменты и методы разработки веб-сайтов

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

ГУО «Средняя школа №37 г.Могилева»

Творческая работа по информатики

Инструменты и методы разработки веб-сайтов

Выполнила:

Мозаловская Анастасия 11 «А» класса

Содержание

1. Инструменты и методы разработки веб-сайтов

2. Визуальный метод

3. Программный метод

4. Языки веб-программирования

5. Программы для создания сайта

6. Методы веб-конструирования

7. Кроссворд

Список используемой литературы

1. Инструменты и методы разработки веб-сайтов

Веб-страницы и веб-сайты широко применяются во Всемирной паутине.

Для создания веб-сайтов используется язык разметки гипертекстовых документом HTML (HyperText Markup Language).

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

По степени автоматизации конструирования веб-сайтов следует выделить два основных метода: визуальный и программируемый.

2. Визуальный метод

Визуальный метод позволяет конструировать веб-сайт с высокой степенью автоматизации. Этот метод возник из необходимости уменьшить трудоёмкость создания сайта и сократить сроки выполнения работ. При использовании этого способа создатель конструирует свою страницу на экране визуального редактора (онлайнового или программного), после чего программа по этой конструкции генерирует соответствующий код HTML для каждой страницы, который представляет собой набор конструкций языка HTML. Один из главных принципов визуальных редакторов формулируется как WYSIWYG - What You See Is What You Get, который переводится как «Что видишь при разработке, то и получаешь при просмотре странички». При создании сайтов с использованием визуального метода необходимо выбрать инструменты - редакторы визуального конструирования.

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

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

Второй вид -- программы-клиенты (офлайновые), устанавливаемые на компьютер. Офлайновые редакторы позволяют создать достаточно сложные проекты. Среди наиболее известных редакторов можно отметить: Microsoft FrontPage, DreamWeaver (Macromedia), NamoWEbEditor, Adobe GoLive и др.

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

3. Программируемый метод

HTML (HyperText Markup Language) является стандартным языком, предназначенным для создания гипертекстовых документов в Интернет среде. Суть языка HTML - в разметке текста с помощью управляющих символов - тегов, которые располагаются в угловых скобках.

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

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

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

Html-тэги могут быть условно разделены на две категории:

тэги, определяющие, как будет отображаться браузером тело документа в целом;

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

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

Также к программируемым способам относится написание сайтов на языках веб-программирования и Фреймворках: ASP.NET, Java, PHP, Perl, Ruby и т. д., но в основе любого кода сайта лежит язык гипертекстовой разметки Html. Его должны знать все разработчики.

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

Необходимо понимать разницу между языком программирования и Фреймворком. Язык программирования -- это некоторый базовый синтаксис (возможно со стандартными библиотеками), с помощью которого можно создавать некоторые приложения. Фреймворк же предоставляет разработчику различные библиотеки, значительно упрощающие создание программ и сайтов. Некоторые языки и Фреймворки представляют собой неразрывное целое (например, ASP.NET и JSP). Другие языки могут использоваться без Фреймворка (PHP и Perl).

4. Языки веб-программирования

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

Среди клиентских языков веб-программирования надо выделить JavaScript, который, также как и HTML, лежит в основе многих веб-технологий (например, в основе популярной в последнее время технологии AJAX) и умение программировать на нем относится к базовым знаниям веб-разработчика.

Другие популярные клиентские языки, а точнее Фреймворки - это Adobe Flash (язык ActionScript) и SilverLight (любые .NET языки). Adobe Flash применяется веб-мастерами очень давно. Основное применение этой технологии - интерактивные сайты и сервисы, онлайновые игры, мультимедийный контент и реклама. SilverLight - это новая технология, разработанная компанией Microsoft и позиционируемая как замена Adobe Flash. Несмотря на то, что с помощью Adobe Flash или SilverLight можно построить полностью весь сайт, так делать не следует (за редким исключением). Дело в том, что системы глобального поиска пока не умеют индексировать ни Adobe Flash, ни SilverLight.

Серверные языки веб-программирования могут быть условно разделены по операционной системе, на которой они работают: Windows и *nix. Это разделение в некоторой степени условно, т.к. практически все популярные языки и Фреймворки портированы на обе ОС. Тем не менее, они редко используются на неродных ОС.

Если говорить про ОС Windows, то тут безраздельно властвует технология ASP.NET, разработанная компанией Microsoft. С помощью ASP.NET можно создавать сайты любого уровня сложности - от самых простых, состоящих их нескольких страниц, до очень сложных, обрабатывающих миллионы запросов в день (сайты Microsoft, написанные на ASP.NET, являются одними из самых посещаемых в Интернет). Технология ASP.NET привлекательна для тех, кто неплохо разбирается в ОС Windows, но незнаком с Unix-подобными системами. Основной недостаток - меньшее, по сравнению с *nix, количество дешёвых хостингов или необходимость покупки серверной лицензии, в случае с выделенным хостингом. Однако, по сравнению со стоимостью разработки сложных сайтов, а, также, стоимостью трафика, разница расходов на Windows и *nix хостинг может быть пренебрежимо мала.

Самым популярным языком веб-программирования является, безусловно, PHP. Его основными преимуществами являются: простой синтаксис, высокое быстродействие, поддержка большинством хостингов. Очень весомым преимуществом является то, что на PHP написаны многие популярные CMS(Content Management System) (например, самая популярная CMS для stand alone блогов - WordPress).

Другой популярный язык веб-программирования на платформе Unix - язык Perl. Он имеет сложный запутанный синтаксис и никогда не предназначался для веб-программирования.

JSP (Java Server Pages) - это часть технологии J2EE, предназначенная для создания сайтов с помощью языка Java. JSP имеет очень много общего с ASP.NET и выбор между этими двумя технологиями чаще всего основывается на субъективных предпочтениях, а не на каких-либо преимуществах или недостатках этих платформ.

В последнее время высокую популярность приобрёл язык Ruby и, в частности, Фреймворк Ruby on Rails. С его помощью можно очень быстро создать сайт с требуемой функциональностью. Одним из существенных недостатков Ruby является низкое быстродействие.[12]

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

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

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

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

Для разработки структуры и навигации сайта в CMS не требуются знания html, поскольку данные системы разработаны с учётом того, чтобы подобная разработка делалась визуально, и была доступна в т.ч. неопытному пользователю.

В любой CMS предусмотрены различные виды доступа. Администратор имеет доступ к любым разделам и может менять структуру сайта, и любой рубрики. Редактор может менять любой текст на сайте, но не может изменять структуру рубрик, добавлять их или удалять. Пользователь имеет доступ только к определённой рубрике (или конкретным материалам из неё), и может работать только с ней. Таким образом, CMS является многопользовательской системой, позволяющей давать соответствующий доступ к механизму сайта различным группам.

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

5. Программы для создания сайта

Для создания (написания, вёрстки) сайтов, для работы с языком html, практически не нужны никакие специальные программы. Можно создавать свой сайт в БЛОКНОТЕ, который есть на любом компьютере, а результат сразу-же просматривать в браузере. Вы прописываете необходимые теги в блокноте и получаете результат. Этот метод требует знания языка html, нужно представлять какое действие выполняет каждый тег и как будет выглядеть итоговый результат после изменения кода.

Метод более трудоёмкий, но даёт прекрасные результаты и полное ощущение того, что всё это Вы сделали лично своими руками. А ручная работа всегда была и остаётся в цене. Ручной метод особенно предпочтителен в начале пути, так как предоставляет прекрасную возможность овладеть знаниями в области изучения тегов.

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

Для начала Вам нужно выбрать редактор. Cyщecтвyeт двa типa peдaктopoв:

WYSIWYG (What-You-See-Is-What-You-Get Что-ты-видишь-то-и-получаешь) и

peдaктopы, paбoтaющиe нaпpямyю c HTML-кoдoм.

Ecли Вы нe имeeтe ни мaлeйшeгo пpeдcтaвлeния o HTML, тo для начала вaм пoдoйдyт peдaктopы пepвoй гpyппы, нaпpимep: MS Front Page 2003, SharePointDesigner 2007 или Adobe Dreamweaver.

Ecли хотите научиться paбoтaть c HTML-кoдoм нaпpямyю, воспользуйтесь - HTMLPad, Notepad или Bred2.

Bred2 в отличии от стандартного Notepad`а обладает множеством разных настроек - ToolBar, StatusBar, MultiUndo, есть подсветка HTML тегов, автозамена, автоматическая регистрация расширений (*.txt, *.ini, ...), а лимит текста - не менее 1Mb. И это далеко не все его возможности. Вашему вниманию предлагается русская версия.

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

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

6. Методика веб-конструирования

веб программирование сайт тэг

Методика веб-конструирования предполагает выполнение проектирования сайта за несколько основных этапов:

1. Разработка тематики сайта, его целей и задач.

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

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

Методы и инструменты конструирования веб-сайтов очень разнообразны, например можно создавать сайты динамические и статические.

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

Статический сайт не обновляется в режиме реального времени.

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

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

7. Кроссворд

По горизонтали:

2. Некоторый базовый синтаксис (возможно со стандартными библиотеками), с помощью которого можно создавать некоторые приложения - это язык… 3. Это программы-клиенты, устанавливаемые на компьютер, которые позволяют создать достаточно сложные проекты. 4. . Какие сайты веб-страниц генерируются серверными программами и информация обычно берется из баз данных? 5. На каких сайтах размещается информация, которая может изменяться пользователем или загружаться из баз данных и которая требует постоянного обновления? 6.Эти языки используются для написания программ, выполняемых на стороне клиента. 8. Какие языки используются для программ, выполняемых на сервере? 10. Позволяет конструировать веб-сайт с высокой степенью автоматизации - это ……..метод.

По вертикали:

1. В каком методе HTML является стандартным языком, предназначенным для создания гипертекстовых документов в Интернет среде? 7. Этот сайт не обновляется в режиме реального времени. 9. Специальные механизмы для создания сайтов, располагающихся непосредственно в Интернете, чаще всего на сервисах, предоставляющих хостинг (платный или бесплатный) - это …….. редакторы.

Список используемой литературы

1. http://shikalakula.livejournal.com/3922.html

2. http://www.litecode.ru/sozdanie_saita_samostoyatelno.shtml

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