Программы для создания веб страниц реферат

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

Для учеников 1-11 классов и дошкольников
Бесплатные сертификаты учителям и участникам

госудаственное бюджетное профессиональное образовательное учреждение

Выполнила: Анохина Д.С.

Проверила: Мамедова С.А.

2. Создание сайта

3. Веб-дизайн; Веб-верстка; Веб-программирование

4. Структура сайтов

Создание сайтов

1 Способ. Заказываем сайт в веб-студии

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

2 Способ. Используем систему управления сайтом (CMS)

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

3. Способ. Создаем сайт с нуля

Веб-дизайн; Веб-верстка; Веб-программирование

1 Разработка дизайна

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

Верстальщик получает макеты шаблонов в виде простых изображений (например, в формате JPEG или PNG), либо разбитых по слоям (например, в PSD или AI). Его задача - получить из этих графических макетов гипертекстовые веб-страницы с подготовленными для интернета изображениями. Одним из сложных моментов в работе верстальщика является обеспечение совместимости со множеством браузеров - программами для просмотра веб-страниц (так называемая кроссбраузерность). Браузеры могут одни и те же элементы разметки или правила CSS интерпретировать по-своему, в результате чего некоторые пользователи могут увидеть содержимое не так, как задумывал дизайнер и ожидает увидеть заказчик. Когда верстальщик убедится, что большинство браузеров одинаково отображают готовые шаблоны, наступает следующая фаза разработки - веб-программирование.

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

Структура сайтов

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

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

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

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

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

1.1 JavaScript

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

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

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

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

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

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

Статистика используемости РНР приблизительна, но, согласно исследованию, проведенному Netcraft, в начале 2001 года РНР использовался на более чем 5 300 000 сайтах по всему миру. Для сравнения: в это время число IIS серверов было примерно таким же (5 млн). Разработка интерпретатора РНР приняла форму организованного командного процесса, ядро интерпретатора разрабатывает компания Zend. При этом РНР распространяется свободно: его последнюю версию можно загрузить с сайта PHP. Модули РНР поставляются в комплекте с сервером Apache, в комплектах систем Linux.

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

бесплатен; постоянно совершенствуется; работает на UNIX и Windows платформах;

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

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

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

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

Каждая команда РНР обычно начинается с тэга . Если вы используете несколько команд подряд, они могут быть объединены внутри одной пары тэгов - в этом случае каждую команду необходимо отделять друг от друга символом ;. В любом месте РНР-скрипта можно размещать комментарии. Для начала комментария используется символы /*, а для его завершения - */. Если комментарий небольшой, удобней использовать символы // - тогда все, что следует за ними до конца строки, будет игнорироваться, подобно лишним символам пробела, табуляции и новой строки.

РНР позволяет использовать переменные - при этом их не нужно описывать так, как это делается в Visual Basic или Pascal. Вы просто вводите необходимую переменную там, где вам нужно и тогда, когда вам это нужно. Имена переменных начинаются с символа $.

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

Здесь переменной а присваивается значение 7, и она приобретает тип целочисленной. Переменная b обретает вещественный тип и становится равной 9,5. Строка Hello присваивается переменной с, в результате чего она становится строковой.

Для отображения переменных или результатов работы скрипта используется команда echo. Вот небольшой пример рабочей страницы, для того, что бы можно было оценить, как просто включить PHP-скрипт в обычный html-документ:

Для достижения нашей цели были поставлены

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

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

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

WEB-дизайн и программы для создания web-страниц

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

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

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

К возможностям JavaScript можно, например, отнести

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

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

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

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

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

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

Технологии баз данных для интернет

. отдельные стадии развития технологии баз данных, подчеркнуть особенности, специфичные для конкретного этапа. [ . десятков строк кода. Обилие картинок в пособии вполне . HTML с Web-страниц, полученных во время навигации по гиперссылкам. [3] ^ Развитие интернет-технологий и систем управления удаленными базами данных однозначно показало высокую эффективность создания корпоративных баз данных, .

Также была добавлена поддержка баз данных mSQL. С этого момента в разработке стали принимать участие добровольцы.

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

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

Создание сайта на языке HTML

. язык гипертекстовой разметки HTML. Объект - веб-сайт. Предмет - создание сайта на языке HTML. Цель работы - изучение языка гипертекстовой разметки HTML . Dynamic HTML стало уделом программистов достаточно крупных организаций, где есть условия для разработки сложных . различных версий по-разному интерпретировали программы на разных языках JAVA, JAVASCKRIPT, Visual Basic (VBScript). В результате .

Примеры похожих учебных работ

Создание сайта на языке HTML

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

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

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

Проектирование и создание современного web-сайта

. Lynx, поэтому не стоит удивляться, если клиент закажет разработку сайта для Lynx. Этот браузер также важен для . им в своей практике; определиться Web-страниц; выбрать стратегию разработки и создания Web-сайта. 1. СОВРЕМЕННЫЕ ИНТЕРНЕТ-ТЕХНОЛОГИИ 1.1. .

WEB-дизайн и программы для создания web-страниц

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

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