Реферат на тему веб программирование

Обновлено: 18.05.2024

Работа содержит 1 файл

Реферат Математика.doc

Средства разработки Web-страниц

Реферат по дисциплине

доцент Ахмедова А.М.

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

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

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

Каждый выбирает свой инструмент для создания Web-страниц. Это может быть MS FrontPage или Macromedia DreamWeaver, Allaire HomeSite или Front Page. А кто-то пользуется простым текстовым редактором, например Блокнотом (Notepad).

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

Цель нашей работы: Рассмотреть возможности визуального редактора DreamWeaver и Front Page, а так же языки программирования PHP и JavaScript.

Для достижения нашей цели были поставлены следующие задачи:

1)Познакомиться непосредственно с редактором DreamWeaver и Front Page;

2)Рассмотреть основные требования, предъявляемые к Web-странице;

3) языки создания Web-страниц.

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

1.1 JAVASCRIPT

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

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

Таким образом, JavaScript - это язык управления сценариями просмотра гипертекстовых страниц Web на стороне клиента. Если быть более точным, то JavaScript - это не только язык программирования на стороне клиента. Liveware, прародитель JavaScript, является средством подстановок на стороне сервера Netscape. Однако, наибольшую популярность JavaScript обеспечило программирование на стороне клиента.

К возможностям JavaScript можно, например, отнести следующее:

•отображать изменяющиеся данные, такие как текущее время или дата;

•программировать переменное содержание в зависимости от даты, браузера пользователя или других условий;

• изменять внешний вид элементов страницы, если пользователь щелкнул мышью или провел курсор мыши над элементом.

Для языка высокого уровня JavaScript обладает довольно сильными возможностями. Он не позволяет работать на уровне машинных кодов, однако вы получаете доступ ко многим возможностям броузеров, Web-страниц, а иногда и системы, в которой работает броузер. В отличие от Java™ или С, программы на JavaScript обходятся без компиляции, а вашему броузеру не придется загружать виртуальную машину для выполнения программного кода. Программируй и загружай!

JavaScript также работает в объектно-ориентированной архитектуре, напоминающей Java или C++. Такие возможности языка, как конструкторы или наследование на базе прототипов, добавляют в схему разработки новый уровень абстракции, что способствует многократному использованию программного кода.

Одна из главных причин, по которой Web-разработчики приняли JavaScript, — возможность выполнения на стороне клиента многих функций, которые ранее выполнялись исключительно на стороне сервера. Лучшим примером является проверка форм. Программисты старой школы еще помнят, что несколько лет назад для проверки пользовательского ввода в формах HTML приходилось пересылать информацию на Web-сервер и передавать ее сценарию CGI, где и проходила проверка введенных данных.

Наверно Вы не раз видели, как картинка сменяется другой картинкой при наведении на нее мышкой. Этот эффект реализуется при помощи Java-скрипта. Скрипт состоит из двух частей. Первая часть вставляется в html всего один раз. А вторую придется вставить столько раз, сколько у Вас на страничке будет сменяющихся картинок.

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

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

Что есть что: page.htm - имя файла ссылки image_name - Имя картинки, необходимо чтобы java-скрипт знал какую картинку менять. У каждой картинки должно быть свое имя. image1.jpg - Файл не нажатой кнопки.

image2.jpg - Файл нажатой кнопки (будет на месте картинки image1.jpg при наведении на нее мышкой)

1.2 PHP

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

Основными конкурентами РНР являются технологии JSP (Java Server Pages и Java Scriptlets), ASP (Active Server Pages), Perl, SSI (Server Side Includes), Cold Fusion Server Pages.

Рассмотрим те недостатки, которые присущи указанным технологиям. JSP — достаточно сложный для изучения и использования язык. ASP, основанный на синтаксисе VBScript (Visual Basic), имеет всего несколько десятков собственных функций и поэтому вынужден использовать СОМ-объекты; кроме того, он ориентирован исключительно на работу под Windows. Perl — язык головоломный, и его вольности затрудняют его понимание. SSI позволяет всего лишь компоновать HTML-страницу из нескольких файлов. CF — коммерческий продукт, что является его основным недостатком.

Основные достоинства РНР:

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

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

Развитие персональных компьютеров привело к появлению компьютерных сетей которые обеспечили обмен данными между вычислительными устройствами (компьютерами). Объединение локальных сетей в глобальную сеть повлекло за собой появление – Internet.

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

С развитием Интернета возникло такое понятие как Web-технология, то есть начали возникать веб-сайты различной тематической направленности.

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

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

С развитием глобальной сети Интернет возникла необходимость:

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

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

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

Предмет исследования – web-технологии.

Объект – среды и языки разработки web-приложений.

Цель работы – рассмотреть возможности языков программирования и программного обеспечения для создания web-приложений.

Для достижения поставленной цели необходимо решить ряд задач:

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

1 Теоретические основы разработки Web-приложений

1.1 Понятия и классификация web-приложения

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

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

Web-технология полностью перевернула представления о работе с информацией, да и с компьютером вообще.

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

Для того чтобы просмотреть Web-сайт на своем компьютере пользователь использует специальные программы, которые называются браузерами. Наиболее распространенными браузерами в настоящее время являются:

Яндекс Браузер
Google Chrome
Mozilla Firefox
Orbitum
Internet Explorer
Opera

В зависимости от того, какое имя сайта мы зададим в строке "Адрес", браузер будет загружать в свое окно соответствующую информацию.

Web-сайт состоит из связанных между собой Web-страниц. Web-страница представляет собой текстовый файл с расширением - *.htm, *.html, *.php и т.п. Данный файл содержит как текстовую информацию, так и специальные команды – HTML-коды, определяющие в каком виде эта информация, будет отображаться в окне браузера. Все графические, аудио и видео файлы, непосредственно в Web-страницу не входят и представляют собой отдельные файлы, на которые ссылаются HTML-коды.

Наиболее распространённые web-приложения:

Требования к Web-приложениям

Основой при создании web-проекта является анализ целей, и на какую целевую аудиторию будет ориентирован сайт.

Вторым этапом будет построение информационной архитектуры сайта.

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

Основными разделами веб-сайта могут быть (в зависимости от задач решаемых сайтом):

Меню сайта

Навигация по сайту осуществляется при помощи интерактивного меню. Меню сайта может располагаться сверху, либо справа или слева на каждой веб-странице.

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

Главная страница

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

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

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

"О нас"

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

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

Контент

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

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

Для того, что бы страницы было удобно просматривать, необходимо использовать:

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

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

Почта

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

Привязанность

Классический путь увеличения привязанности к сайту – это публикация свежих материалов с определённой регулярностью (ежедневно, еженедельно, ежемесячно). Для желающих необходимо организовать рассылки свежего материала. Почти 100% из тех, кто подписался, будут периодически заходить и на сам сайт, пока автор будет напоминать им о себе.

Дизайн сайта должен приспосабливаться к людям. Одним из вариантов такого приспособления служит профайл, но его заполнение требует терпения, из-за этого его заполняют устоявшиеся посетители сайта. Поэтому для отслеживания пользователей лучше применять "cookie", в файл которого заносится вся необходимая информация, а не нудную процедуру регистрации. Если всё же необходимо для безопасной работы регистрация, то не стоит создавать слишком строгие формы для ввода. Если есть возможность использовать автозаполнение и автоматически устанавливать курсор в первом поле формы.

Ссылки

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

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

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

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

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

Итак, секрет успеха в том, что бы совместить рекламу с целями пользователей.

В рекламе пользователей больше всего раздражает:

реклама во всплывающих окнах;
её медленная загрузка;
отсутствие кнопки "Закрыть";
уловки заставляющие кликнуть;
реклама закрывает читаемый материал;
мигающая реклама;
двигающаяся реклама;
реклама произвольно начинающая играть музыку или проигрывать видео.

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

Если хочется разместить, рекламу она должна соответствовать следующим правилам:

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

2. Средства разработки Web-приложений

2.1 Области применения языков программирования для разработки Web-приложений

Для создания Web-приложений существует много специализированных языков программирования. Перечислим некоторые из них и далее дадим краткую характеристику:

2.1.1 HTML

Язык разметки гипертекста (Hypertext Markup Language), или, как его чаще называют, HTML, — это компьютерный язык, лежащий в основе World Wide Web (Всемирной Паутины). Появился на заре становления Интернета.

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

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

2.1.2 JavaScript

Язык программирования JavaScript разработан фирмой Netscape для создания интерактивных HTML-документов. Это объектно-ориентированный язык разработки, выполняющейся как на стороне клиента, так и на стороне сервера. Синтаксис языка очень похож на синтаксис Java – поэтому его называют – Java-подобным.

Основные области применения JavaScript делятся на следующие категории:

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

2.1.3 Ajax

Ajax расшифровывается как Asynchronous Javascript And XML (Асинхронные Javascript и XML). В стандартном web-приложении обработкой всей информации занимается сервер, тогда как браузер отвечает только за взаимодействие с пользователем, передачу запросов и вывод поступившего HTML. В Ajax-приложении между пользователем и сервером появляется еще один посредник - движок Ajax. Он определяет, какие запросы можно обработать "на месте", а за какими необходимо обращаться на сервер.

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

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

Где стоит использовать Ajax:

Формы. Они очень медленны. Если асинхронно передавать данные, страница не перезагружается.
Навигация в виде "дерева". Простая топология намного удобнее, но если уж до этого дошло, лучше использовать Ajax.
Голосования. Пользователю будет приятней оставить свой голос за несколько секунд, чем за 30-40.
Фильтры. Часто на сайтах делают сортировку по дате, по имени использовать Ajax это будет значительно удобнее.

2.1.4 jQuery

jQuery – это JavaScript-библиотека, которая обеспечивает взаимодействие JavaScript, HTML и CSS.

Что умеет jQuery

Обращаться к любому элементу DOM (объектной модели документа) и не только обращаться, но и манипулировать ими.
Работать с событиями.
Легко осуществлять различные визуальные эффекты.
Работать с библиотекой AJAX (очень полезная технология, позволяющая общаться с сервером без перезагрузки страницы).
Имеет огромное количество JavaScript плагинов, предназначенных для создания элементов пользовательских интерфейсов.

Принцип работы jQuery.

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

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

Содержание работы

Выполняемые на стороне клиента.

Язык гипертекстовой разметки HTML.

Язык гипертекстовой разметки XML.

JavaScript язык управления сценариями.

Клиентская технология ActiveX.

Языки программирования выполняемые на стороне сервера.

Язык программирования Perl.

Принципы работы Web-приложений.

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

Файлы: 1 файл

Языки программирования web.docx

Язык программирования Perl.

• Perl способствует быстрой разработке, так как это интерпретируемый язык; исходный код не надо компилировать перед запуском.

• Perl доступен на многих платформах с минимальными изменениями.

• Perl содержит очень мощные функции для обработки строк со встроенной в язык поддержкой поиска и замены по регулярным выражениям.

• Perl обрабатывает двоичные данные так же легко, как и текст.

• Perl не требует четкого разделения на типы: числа, строки и логические выражения являются обычными скалярами.

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

• Для Perl есть много свободно доступных модулей от CPAN, начиная с модулей для создания динамической графики до интерфейсов с Интернет-серверами и системами управления базами данных. За подробной информацией по CPAN обратитесь к приложению В.

Perl действительно очень быстрый: считывая исходный файл, он тут же компилирует его в низкоуровневый код, который потом исполняет. Обычно компиляция и исполнение в Perl не воспринимаются как отдельные шаги, поскольку выполняются вместе: Perl запускается, читает исходный файл, компилирует его, запускает и затем завершает работу. Этот процесс повторяется каждый раз, когда запускается сценарий Perl, в том числе CGI-сценарии. Поскольку Perl так эффективен, этот процесс происходит достаточно быстро, чтобы обрабатывать все запросы не на самых загруженных серверах. Однако следует обратить внимание, что в системах Windows это гораздо менее эффективно из- за необходимости создания новых процессов.

Основные достоинства РНР:

работает на UNIX и Windows платформах;

допускает работу с большинством СУБД;

имеет широкий набор функций (более 3 тыс.);

допускает объектно-ориентированное программирование;

позволяет выполнять все операции, что и перечисленные его конкуренты, и даже работать с файлами графики. Можно также запускать РНР-скрипты как интерпретируемые файлы и компилировать исполняемые приложения (в том числе с поддержкой графического интерфейса GTK).

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

В конце 1997 г. Microsoft реализовала относительно простую среду периода выполнения пля Web — Active Server Pages (ASP) как часть сервера Internet Information Server (IIS), включенного в Windows NT 4 Option Pack. IIS обслуживает Web-страницы, запрашиваемые пользователем. ASP позволяет программистам реализовывать алгоритмы динамического создания страниц на IIS, состоящих из статического HTML и кода сценариев. Когда пользователь запрашивает ASP-страницу, IIS должен ее найти и активизировать ASP-процессор. ASP-процессор должен прочитать страницу и один к одному скопировать содержащиеся на ней HTML-элементы в выходную страницу. Технология Microsoft ASP представляет собой совокупность серверных средств для динамического создания Web-документов. Активные серверные страницы (Active Server Pages, ASP), созданные Microsoft для собственного веб-сервера, сейчас доступны для многих серверов. Сервер ASP интегрирован в веб-сервер и не требует отдельного процесса. Он позволяет программистам совмещать код и HTML-страницы вместо того, чтобы писать отдельные программы. Для ASP существуют модули, позволяющие делать то же самое, используя CGI. ASP поддерживают различные языки программирования, самый популярный из которых Visual Basic, хотя JavaScript также поддерживается. Кроме того, существует версия Perl от ActiveState, которую можно использовать в Windows с ASP.

Сервлеты - это высокопроизводительные платформо-независимые server-side-пpиложения, написанные на Java и составляющие реальную конкуренцию таким технологиям, как CGI, PHP3, Perl, и уж конечно ASP. Java-сервлеты были созданы в Sun. Сервлеты похожи на CGI-сценарии тем, что это код, создающий документы. Тем не менее, сервлеты, поскольку они используют Java, должны быть скомпилированы перед запуском как классы, которые динамически загружаются веб- сервером при запуске сервлетов. Интерфейс отличается от CGI. JavaServer Pages или JSP - это другая технология, позволяющая разработчикам встраивать Java в веб-страницы, наподобие ASP.

К преимуществам сервлетов можно отнести:

Исключительно высокая скорость работы.

Быстpодействие сервлетов объясняется тем, что они, во-пеpвых, пpедставляют собою уже скомпилиpованный и оптимизиpованный код (а в случае с JIT-ом - ещё и пpеобpазованный в машинный) и, во-втоpых, выполняются в единожды загpуженной и инициализиpованной Java-машине. Таким образом, экономятся ресурсы на запуск обработчика/паpсеpа скpипта, необходимые, например, для Perl.

Сервлеты, написанные в соответствии со спецификацией от Sun и не использующие какие-то особенности конкретного веб-сервера, работают безо всякой переделки или перекомпиляции под любыми, порой весьма далёкими друг от друга платформами, будь то Solaris, FreeBSD или OS/2. В связи с этим разработчик может совершенно свободно выбирать, в какой системе ему удобнее работать - он ни коим образом не привязан ни к серверу, ни к будущей целевой платформе.

Работа с базами данных.

Работа с реляционными СУБД из Java унифицирована (для этого существует специальный пакет java.sql), удобна и отвязана от специфичных для конкретной СУБД тонкостей.

В момент старта сервера вместе с ним стартует и ява-машина с так называемым servlet-wrapper'ом или средой, в которой в дальнейшем и предстоит исполняться сервлетам. Строго говоря, JServ - это и есть та самая среда. Он целиком написан на Java и занимается непосредственно загрузкой и исполнением сервлетов, следуя спецификации Sun, а также обменом данными с собственно веб-сервером. При получении запроса на документ, приходящийся на специально оговоренный URL или каталог (обычно это что-нибудь вроде /servlets/), apache с помощью модуля mod_jserv передает этот запрос JServ'у, который определяет, какой сервлет должен этот запрос обработать, загружает этот сервлет (если он ещё не был загружен) и затем возвращает веб-серверу тот текст или поток данных, который был сформирован в результате работы сервлета.

Вложение	Размер
issledovatelskaya_rabota.doc	985.5 КБ

Предварительный просмотр:

Основы разработки сайта. ………………………………………………. 4

Требования к Web-приложениям ……. ………………………………. 4
Основные правила и этапы создания сайта ………………. 5
Web-дизайн - создание графических элементов макета сайта, стилей и элементов навигации, наполнение контентом…………………………………………………….6
Типы языков программирования ……………………………………………………. 7
Разработка базы данных и других элементов сайта, необходимых в проекте ……..7

Вставка комментариев в код ……………………………………………………8
Создание управляющего PHP скрипта…………………………………………8

Валидатор и проверка на кроссбраузерность ………………………………. 8
Хеширование данных ………………………………………………………………….9

Размещение сайта в сети Интернет ……………………………………………………….10

Список литературы и интернет-ресурсы……………………………………………………. 12

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

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

Каждый из нас уже сейчас может сделать свой вклад в развитие Internet. Для этого достаточно создать свой веб-сайт и разместить его в Сети.

Объектом исследования данной работы является: разработка и размещение сайта в сети Интернет.

Предмет – создание структуры Web-сайта.

Для достижения поставленной цели необходимо решить следующие частные задачи :

– ознакомиться с современными Интернет-технологиями и, по возможности, использовать их в своей разработке;

– изучить основные понятия и программный инструментарий, применяемый для разработки и создания Web-сайтов;

– выявить и учесть методы и способы представления на Web-страницах различных видов информации (текстов и изображений);

– ознакомиться с основными правилами и рекомендациями по разработке и созданию Web-сайтов и неукоснительно следовать им в своей практике;

– определиться со структурой Web-страниц;

– представить пошаговую стратегию разработки web-сайта.

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

Основы разработки сайта.

Требования к Web-приложениям

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

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

• название компании или логотип в левом верхнем левом углу

• прямую ссылку на главную страницу

• индивидуальный слоган для сайта, состоящий из одного предложения

В разделе "О сервисе" необходимо представить основные сведения:

• цели данного сервиса;

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

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

Для того, что бы страницы было удобно просматривать, нужно использовать:

• выделение ключевых слов;

• грамотно составленные заголовки;

• списки с маркерами;

• один абзац на одну идею (пользователи пропустят все остальные идеи, если их не привлекут основные слова абзаца);

• стиль перевёрнутой пирамиды (где статья начинается с заключения);

• меньшее количество слов, чем в обычной статье;

• минимум мало понятных терминов;

• контекстную информацию атрибута " ALT".

электронные заголовки часто выводятся вне контекста:

• в списке статей на сайте;

• в результатах поиска;

• в закладках браузера.

Реклама должна соответствовать следующим правилам, если хочется разместить ее:

• четко указывать, что произойдёт по щелчку по ней;

• четко идентифицировать себя как реклама;

• описывать, что именно рекламируется;

• даёт дополнительную информацию о себе без надобности покидать текущую страницу.

Для создания сайта потребуется:

Локальные серверы Apache и MYSQL;
Установленный интерпретатор PHP;
Графический редактор;
Основные браузеры (Opera, IE, Mozilla, Google Chrome и тд.)

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

СУБД MYSQL нужна для хранения информации, которая будет на сайте. В случае с HTML-страницами все содержимое сайта находится непосредственно в них. Каждая страница содержит определенный объем информации (контента).

Интерпретатор PHP - это своеобразная программа, которая осуществляет обработку PHP-кода на веб-сервере. Без него невозможно выполнить PHP-скрипты и увидеть результат их работы.

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

Для создания HTML, PHP, CSS и JavaScript кодов нужен мощный редактор. Наиболее удобным инструментом для создания веб–страниц является Adobe Dreamweaver,

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

Базовый (основной) пакет Денвера включает в себя:

- Инсталлятор - программа, выполняющая установку выбранных программ на компьютер пользователя;

- Apache, SSL, SSI, mod_rewrite, mod_php;

- PHP5 с поддержкой GD, MySQL, sqLite;

- MySQL5 с поддержкой транзакций.

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

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

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

В последнее время очень популярной стала блочная верстка сайтов или, как ее еще называют, div верстка. Большинство современных сайтов строятся именно по этой технологии. Суть ее заключается в том, что базовый каркас (шаблон) страницы формируется из блоков, в качестве которых выступает html тег DIV. С помощью стилей эти блоки позиционируются на странице определенным образом, формируя каркас, который уже затем наполняют содержимым. Полный HTML код каркаса представлен на рис.1. Приложение 1

В качестве графического редактора можно использовать наиболее мощный растровый редактор Adobe Photoshop . Данная программа обладает широчайшими возможностями по созданию и обработке графики. Используя данную программу, был создан логотип моего сайта (Приложение 1, рис.2), а также некоторые значки меню выбора языка (Приложение 1, рис.3).

На сегодняшний день практически все программы, используемые для просмотра интернет страничек, одинаково воспроизводят сайты, на которых используются каскадные таблицы стилей css. Основным понятием CSS является стиль – т. е. набор правил оформления и форматирования, который может быть применен к различным элементам страницы. С помощью каскадных таблиц стилей можно создать красивые и небольшие web-страницы. На рисунке 4 (Приложение 1) показана часть CSS кода, который использован для оформления главной страницы сайта. Сама главная страница, а также другие изображены на рисунках 5, 6, 7 (Приложение 1).

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

Создание навигации для сайта является одним из наиболее важных моментов. От меню зависит удобство посетителей сайта и индексация страниц сайта поисковыми машинами. Многие создают на своих сайтах различные Jscript и Flash меню. Наиболее удачной технологией для создания навигации считается CSS. На рисунке 9 (Приложение 1) показана часть HTML кода каркаса после добавления меню навигации.

Создание страницы входа. Тут пользователь вводит указанный при регистрации логин и пароль (Приложение 1, рис.14), и в случае соответствия данных попадает на страницу панели управления таблицей учета доходов и расходов (Приложение 1, рис.15).

На данной странице создан блок-подсказка с раскрывающимися списками (Приложение 1, рис.16). В столбцы “Выручка” и “Затраты” пользователь вводит свои данные. Рядом с этими данными он может написать заметки, а в столбце “Проценты” указывает необходимую ему процентную ставку. Для автоматического подсчета прибыли, был написан скрипт, который показан на рисунке 17 (Приложение 1). Чтобы создать новую строку нужно нажать на кнопку “Создать”, также на этой кнопке можно ввести нужное количество строк, но не больше 100. Если допущена какая-либо ошибка или некоторые ранее введенные данные стали не нужны, пользователь может их удалить или очистить поля. Завершается работа кнопкой “Сохранить”.

Есть два типа языков:

К серверным языкам относится PHP язык.

PHP – скриптовый язык программирования общего назначения, интенсивно применяемый для разработки веб-приложений.

Для придания сайту новой функциональности используются PHP блоки. Для этого необходимо изменить расширение каждого файла с HTML на PHP. После использования PHP функциональность сайта резко возрастает.

Клиентские языки работают в браузере каждого конкретного человека. Типичным представителем клиентских языков является JavaScript.

JavaScript — прототипно-ориентированный сценарный язык программирования. JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам.

jQuery — библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML. Библиотека jQuery помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими. Также библиотека jQuery предоставляет удобный API для работы с AJAX.

Так как JavaScript – это не HTML, нужно указать браузеру, в каком месте страницы нужно вставить код JavaScript. Делается это с помощью тэга

Читайте также: