Реферат создание веб страниц языки возможности современные технологии

Обновлено: 28.06.2024

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

Файлы: 1 файл

Языки программирования WEB реферат.doc

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

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

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

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

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

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

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

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

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

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

Когда-то Web-технологии использовались по большей части для хранения статических документов, но по мере распространения "всемирной паутины" и благодаря заинтересованности бизнеса в быстром развитии они приобретали все более мощные возможности. Сейчас Web-технологии используются не только для создания сайтов, но и для построения корпоративных систем для малого, среднего и даже большого бизнеса. Начала стираться грань между корпоративными сетями и всемирной Сетью, так как использование Web-серверов и протокола TCP/IP позволило приложениям работать как в рамках одной компании, так и на аудиторию всей Интернет, а во многих случаях одновременно и там, и там.

Web-приложения (веб- приложения, Web-application) — вспомогательные программные средства, предназначенные для автоматизированного выполнения действий на Web-серверах. Они используют в качестве пользовательских интерфейсов Web-браузеры. Обычно Web-приложения создаются в разных вариантах архитектуры клиент-сервер. К числу средств создания Web-приложений относятся ISAPI, CGI, ASP, JSP, WAP. За годы существования WWW состав Web-приложений, выполняемые ими функции, принципы и архитектура их построения претерпели значительные изменения — от простейших средств хранения HTML-страниц до решений, ориентированных на поддержку работы корпоративными информационных систем и их партнеров.

Языки программирования WEB-приложений подразделяются на два класса:

Выполняемые на стороне клиента в WEB браузере и Выполняемые на стороне сервера.

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

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

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

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

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

JavaScript - это язык управления сценариями просмотра гипертекстовых страниц Web на стороне клиента. Если быть более точным, то JavaScript - это не только язык программирования на стороне клиента. К возможностям JavaScript можно, например, отнести следующее:

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

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

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

В ответ на появление JavaScript Microsoft выпустила версию своего популярного языка программирования Visual Basic. В целом VBScript делает то же самое, что JavaScript, только программный код очень похож на Visual Basic. Visual Basic Script - подмножество языка Visual Basic. VBScript позволяет решать задачи, связанные с Internet, а именно создавать сценарии (или скрипты) управления объектами (кнопками, списками, ниспадающими меню и т. д.) на Web-страничках. С помощью VBScript можно быстро создавать собственные страницы или даже писать игры. И все это размещается внутри HTML-документа.

Создание языка Java — один из самых значительных шагов вперед в области разработки сред программирования за последние 20 лет. Язык HTML был необходим для статического размещения страниц во “Всемирной паутине” WWW (World Wide Web). Язык Java потребовался для качественного скачка в создании интерактивных продуктов для сети Internet. Три ключевых элемента объединились в технологии языка Java и сделали ее в корне отличной от всего, существующего на сегодняшний день.Java предоставляет для широкого использования свои апплеты (applets) — небольшие, надежные, динамичные, не зависящие от платформы активные сетевые приложения, встраиваемые в страницы Web. Апплеты Java могут настраиваться и распространяться потребителям с такой же легкостью, как любые документы HTML. Java высвобождает мощь объектно-ориентированной разработки приложений, сочетая простой и знакомый синтаксис с надежной и удобной в работе средой разработки. Это позволяет широкому кругу программистов быстро создавать новые программы и новые апплеты. Java предоставляет программисту богатый набор классов объектов для ясного абстрагирования многих системных функций, используемых при работе с окнами, сетью и для ввода-вывода. Ключевая черта этих классов заключается в том, что они обеспечивают создание независимых от используемой платформы абстракций для широкого спектра системных интерфейсов.

Апплеты Java.

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

Клиентская технология ActiveX (Active Desktop)

ActiveX реализуется на машине-клиенте с помощью библиотек, поставляемых вместе с Internet Explorer 3.0. В дальнейшем эти библиотеки будут дополняться и переписываться, в частности, наиболее значимые обновления этих библиотек на клиенте следует ожидать после выхода NetShow, продукта, предназначенного для оптимальной передачи по сети данных мультимедиа. Программные компоненты ActiveX могут быть установлены автоматически на компьютер пользователя по сети с удаленного сервера, причем будет загружен код, подходящий для конкретной платформы клиента, будь то Macintosh, Windows или Unix. Разработчик Web-страниц может либо сам запрограммировать элементы ActiveX, используя популярные языки программирования Visual C++, Visual Basic или Java, либо использовать существующие. Используя языки сценариев ActiveX, программисты могут обеспечить взаимодействие различных элементов ActiveX, Java, других программ на клиентском компьютере и различных частей самого Internet Explorer. Например, программный элемент синхронизации может обновлять страницу Web через определенные промежутки времени. Можно также периодически запускать программный элемент, привлекающий внимание пользователя. Имеются реализации Visual Basic Scripting Edition, являющегося подмножеством Visual Basic, и JScript. Кроме того, разработчик может написать интерпретатор собственного языка сценариев и добавить его в систему. С ActiveX Documents знаком каждый, кто работал с составными документами. С помощью Internet Explorer можно работать, например, с таблицами Microsoft Excel и файлами других офисных приложений. Это делает программу просмотра универсальным средством, способным не только отображать файлы в формате HTML и осуществлять переходы по ссылкам, но и поддерживающим работы с документами любых приложений и даже запуск программ.

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

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

Работа содержит 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. Поэтому, когда вы видите файлы с таким расширением, можно с почти полной уверенностью утверждать, что при их создании использовался РНР.

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

Предмет исследования: изучение возможностей языка гипертекстовой разметки HTML.

Цель: рассмотреть особенности работы в языке гипертекстовой разметки HTML.

Задачи исследования:

Изучить и проанализировать специальную литературу по теме исследования.

Рассмотреть основы языка гипертекстовой разметки HTML.

Выявить особенности работы с языком гипертекстовой разметки HTML.

Создать электронное портфолио при помощи языка HTML.

Методы исследования: изучение литературы, анализ, синтез, классификация и обобщение, моделирование.

Практическая значимость: материалы курсовой работы можно использовать студентам и преподавателям при подготовке к учебным занятиям, а также при самостоятельном изучении языка гипертекстовой разметки HTML

Глава 1. Язык гипертекстовой разметки HTML как средство создания гипертекстовых документов

1.1. Язык HTML и его назначение

HTML – похож на обычный текстовый файл, в котором находится как стандартный текст, так и особые коды форматирования или разметки. Эти коды указывают, каким образом должен отображаться данный документ программой — просмотрщиком (браузером).

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

1996 год знаменовался тем что вышла версия HTML 3.2 в которую были включены фреймы, которые стали весьма популярны у разработчиков Web-страниц. Практически все современные браузеры поддерживают версию HTML 3.2. В следующей версии HTML 4 (Dynamic HTML) они были включены на полном основании, эта версия вышла в 1997 году. Уже в этом году было очевидно что дальнейшее развитие гипертекста будет осуществляться за счет скриптов- программирования. Оказалось это наиболее эффективным, чем вводить новые элементы.

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

Язык HTML как средство реализации гипертекста и гипермедиа в сети Интернет наряду со стандартом адресации URL (Universal Resourse Locator,

1) Устанавливается жирное начертание шрифта -тег .

2)
предусмотрен для разрыв строки -

одиночный тег
переносит текст строки на другую строку.

1.2. Структура Web-страницы и Web-сайта

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

Содержимое файла Web-страницы заключается в тег . . .

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

Интернет — страница обычно состоит из двух частей: заголовка (HEAD) и тела (BODY). Эта базовая структура в простейшем виде , ее можно наглядно показать.

Начало тега HTML – документа

Начало тега заголовка

начало тега строки — названия страницы

… строка названия страницы

конец тега строки — названия страницы

конец тега заголовка

начало тега тела страницы

… тело (всё содержимое) страницы

-75%

Вложение	Размер
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".

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

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

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

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

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

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

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

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

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

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

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

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

Локальные серверы 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. Делается это с помощью тэга