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

БАШКИРСКИЙ ГОСУДАРСТВЕННЫЙ
ПЕДАГОГИЧЕСКИЙ УНИВЕРСИТЕТ

Кафедра информационных
систем и технологий

Студент группы 39.1 ПО
ФМФ БГПУ

Проверила:
Ильясова
Г.Р., старший преподаватель.

Уфа 2005 г.

Оглавление

Разработка структуры сайта
——————————3

Язык разметки – HTML
————————————8

Система распределения гипертекстовой
информации-8

Типы программ для подготовки Web-страниц
———10

Парные и одиночные теги, контейнеры
——————11

Классификация элементов HTML
————————13

Правила составления кода страницы
———————15

Подробное описание кода страницы
——————— 16

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

Введение

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

Название языка программирования HTML
происходит от английских слов Hyper
Text Markup
Language – язык разметки
гипертекста. Этот язык используется
при создании красочно оформленных
Web-страниц, которые пользователь наблюдает
при работе в Интернете (протокол WWW).
Язык HTML составлен на базе
языка SGML (Standard
Generalized Markup
Language – стандартный
обобщенный язык разметки документов).

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

Язык HTML создан Тимом Бернерсом-Ли (1989
г.) и непрерывно совершенствуется.
Разработано несколько его версий: HTML 2
(ноябрь 1995 г.), HTML 3.2 (январь 1997 г.), HTML 4.0
(февраль 1998 г.).

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

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

Курсовая работа

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

Выполнили:
Матузина Р.
А. ,Асбапова А. З.

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

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

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

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

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

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

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

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

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

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

– выбрать стратегию
разработки и создания Web-сайта.

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ УКРАИНЫ

ДОНЕЦКИЙ НАЦИОНАЛЬНЫЙ УНИВЕРСИТЕТ

Кафедра компьютерных технологий

и прикладной механики

Специализация компьютерные технологии

на тему:“Разработка веб-сайта
для проведения тестирования”

Студент Селюков Никита

Научный руководитель Цванг В.А.

Глава 1. Теоретические
сведения 5

Раздел 1. РНР 5

Раздел 2. Denwer6

Раздел 3. MySQL7

Раздел 4. CodeIgniter 8

Раздел 1. Разработка структуры и создание
базы данных 11

Раздел 2. Фреймворк CodeIgniter.
Настройка и совмещение
с веб-серверомDenwer16

Раздел 3. Модели 18

Раздел 4. Контроллеры 19

Раздел 5. Разработка шаблонов и описание
функционала 20

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

Статичеcкий
сайт — это набор статическихHTML-страниц
(HyperTextMarkupLanguage). Каждая страница
создается вручную, сохраняется и
загружается на сервер. Когда требуется
изменить содержание такой страницы,
редактор вручную изменят его и снова
загружает на сервер.

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

Курсовая
работа посвящена возможностям применения
языка PHP, системы управления
базами данных (СУБД)MySQL,
фреймворкаCodeIgniterдля
разработки динамических веб-сайтов.

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

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

Объекты исследования: язык
PHP, базы данных MySQL, фреймворк CodeIgniter;

Теоретической
основой представленного материала
являются данные, представленные в
справочниках, материал из Интернета.

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

Структура и содержание работы включают:

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

Основная
часть состоит из двух глав: теоретические
сведения и практика.

Первая
глава состоит из 4 разделов.
В первом
разделе рассматривается язык PHP. Второй
раздел посвящен выбору веб-сервера. В
третьем разделе предоставлена информация
о базах данных MySQL. В четвертом разделе
речь идет о фреймворке CodeIgniter.

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

Заключение содержит
выводы по теме и список литературы.

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

Исследовательская работа на тему:

«Язык Web-программирования — PHP»

9 «А» класса

Педагог: Абдразакова А.К.

PHP — язык программирования, используемый на стороне WEB-сервера для динамической генерации HTML-страниц. Об этом говорит и расшифровка его названия: PHP — Personal HyperText Processor.

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

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

PHP не зависит от платформы. PHP прекрасно интегрируется во все популярные веб-серверы: Apacce и IIS, Zens и Netscape Enterprise Server, работает под Windows и OS/2, MacOS и практически всеми UNIX-подобными системами. Как следствие — PHP работает практически у всех хостеров, разрешающих собственные выполняемые скрипты.

Современные тенденции развития языков программирования не обошли стороной и PHP. Средства объектно-ориентированного программирования появились еще в PHP3. А в объектной модели PHP4 в полном объеме реализованы классические понятия объектно-ориентированного программирования: наследование, инкапсуляция и полиморфизм.

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

Цель исследования – Изучить и посмотреть примеры выполнения скриптов PHP

Объект исследования –Язык PHP, Базы данных MySQL.

Предмет исследования – функциональное значение и актуальность языка.

Гипотеза исследования состоит в том, что данный язык очень простой, легко интегрируется в HTML, в связке PHP+MySQL+HTML намного превосходит простой HTML.

Исходя из гипотезы, сформированы следующие задачи :

— изучить особенности и возможности языка PHP;

— сравнить функционал PHP и HTML;

— познакомиться с базами данных MySQL;

— обработать полученные результаты, сделать выводы.

Теоретической основой представленного материала являются исторические данные, представленные в справочниках, материал из интернета.

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

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

Вводную часть, в которой обоснован выбор и актуальность темы.

Глава 1. «Вступление в PHP и MySQL» содержит 6 разделов. В первом разделе идет объяснение, что такое PHP. Во втором описаны его возможности. В третьем разделе главы описывается история языка PHP. В четвертом — сказано почему стоит выбирать именно этот язык программирования. Пятый и шестой разделы посвящены информации о базах данных MySQL.

Глава 2. «Примеры использования PHP» состоит из 3 разделов. В первом разделепоказано как в PHP легко обрабатывать данные с HTML – форм. Во втором мы будем заносить информацию в базу данных. В третьем разделе будем получать информацию из баз данных.

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

Глава 1. Вступление в PHP и MySQL

1.1. Что такое PHP?

PHP – это скрипт-язык (scripting language), встраиваемый в HTML, который интерпретируется и выполняется на сервере. Проще всего это показать на примере:

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

Hi, I’m a PHP script! (см. приложение 1)

Весьма просто и бесполезно.

Отличие PHP от JavaScript, состоит в том, что PHP-скрипт выполняется на сервере, а клиенту передается результат работы, тогда как в JavaScript-код полностью передается на клиентскую машину и только там выполняется.

Любители Internet Information Server найдут, что PHP очень похож на Active Server Pages (ASP), а энтузиасты Java скажут, что PHP похож на Java Server Pages (JSP). Все три языка позволяют размещать код, выполняемый на Web-сервере, внутри HTML страниц.

1.2. Возможности PHP

В нескольких словах – на PHP можно сделать все, что можно сделать с помощью CGI–программ. Например: обрабатывать данные из форм, генерировать динамические страницы, получать и посылать куки (cookies).

Кроме этого в PHP включена поддержка многих баз данных (databases), что делает написание Web-приложений с использованием БД до невозможности простым.

Вот неполный перечень поддерживаемых БД:

Вдобавок ко всему PHP понимает протоколы IMAP, SNMP, NNTP, POP3 и даже HTTP, а также имеет возможность работать с сокетами (sockets) и общаться по другим протоколам.

1.3. Краткая история PHP

Началом PHP можно считать осень 1994 года, когда Расмус Лердорф (Rasmus Lerdorf) решил расширить возможности своей Home-page (Домашней страницы) и написать небольшой движок для выполнения простейших задач. Такой движок был готов к началу 1995 года и назывался Personal Home Page Tools. Умел он не очень много – понимал простейший язык и всего несколько макросов.

К середине 1995 года появилась вторая версия, которая называлась PHP/FI Version 2. Приставка FI – присоединилась из другого пакета Расмуса, который умел обрабатывать формы (Form Interpritator). PHP/FI компилировался внутрь Apache и использовал стандартный API Apache. PHP скрипты оказались быстрее аналогичных CGI – скриптов, так как серверу не было необходимости порождать новый процесс. Язык PHP по возможностям приблизился к Perl, самому популярному языку для написания CGI-программ. Была добавлена поддержка множества известных баз данных (например, MySQL и Oracle). Интерфейс к GD – библиотеке, позволял генерировать картинки на лету. С этого момента началось широкое распространение PHP/FI.

В конце 1997 Зээв Сураски (Zeev Suraski) и Энди Гутманс (Andi Gutmans) решили переписать внутренний движок, с целью исправить ошибки интерпретатора и повысить скорость выполнения скриптов. Через полгода, 6 июня 1998 года вышла новая версия, которая была названа PHP 3. К лету 1999 года PHP 3 был включен в несколько коммерческих продуктов. По данным NetCraft на ноябрь 1999 PHP использовался в более чем 1 млн. доменах.

1.4. Почему нужно выбирать PHP

Разработчикам Web-приложений нет необходимости говорить, что web-страницы — это не только текст и картинки. Достойный внимания сайт должен поддерживать некоторый уровень интерактивности с пользователем: поиск информации, продажа продуктов, конференции и т.п. Традиционно все это реализовалось CGI-скриптами, написанными на Perl. Но CGI- скрипты очень плохо масштабируемы. Каждый новый вызов CGI, требует от ядра порождения нового процесса, а это занимает процессорное время и тратит оперативную память. PHP предлагает другой вариант – он работает как часть Web-сервера, и этим самым похож на ASP от Microsoft.

Синтаксис PHP очень похож на синтаксис C или Perl. Люди, знакомые с программированием, очень быстро смогут начать писать программы на PHP. В этом языке нет строгой типизации данных и нет необходимости в действиях по выделению/освобождению памяти.

Программы, написанные на PHP, достаточно легкочитаемы. Написанный PHP – код легко зрительно прочитать и понять, в отличие от Perl-программ.

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

· Не такая большая база готовых модулей, как, например, СPAN у Perl. С этим ничего нельзя поделать – это дело времени. В PHP 4 разработчики предусмотрели специальный репозиторий PEAR, аналогичный CPAN, и я думаю, очень скоро будет написано достаточное количество модулей для его наполнения.

1.5. Что такое MySQL

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

MySQL был разработан компанией TcX для внутренних нужд, которые заключались в быстрой обработке очень больших баз данных. Компания утверждает, что использует MySQL с 1996 года на сервере с более чем 40 БД, которые содержат 10,000 таблиц, из которых более чем 500 имеют более 7 миллионов строк.

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

На текущий момент MySQL все еще в стадии разработки, хотя версии 3.22 полностью работоспособны.

MySQL-сервер является бесплатным для некоммерческого использования. Иначе необходимо приобретение лицензии, стоимость которой составляет 190 EUR.

1.6. Возможности MySQL

MySQL поддерживает язык запросов SQL в стандарте ANSI 92, и кроме этого имеет множество расширений к этому стандарту, которых нет ни в одной другой СУБД.

Краткий перечень возможностей MySQL.

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

· Количество строк в таблицах может достигать 50 млн.

· Быстрое выполнение команд. Возможно MySQL самый быстрый сервер из существующих.

· Простая и эффективная система безопасности.

MySQL действительно очень быстрый сервер, но для достижения этого разработчикам пришлось пожертвовать некоторыми требованиями к реляционным СУБД.

В MySQL отсутствуют:

· Поддержкавложенныхзапросов, типа SELECT * FROM table1 WHERE id IN (SELECT id FROM table2).

· Не реализована поддержка транзакций. Взамен предлагается использовать LOCK/UNLOCK TABLE.

· Нет поддержки триггеров и хранимых процедур.

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

Глава 2. Примеры использования PHP

2.1. Работа с формами

В этом примере показано как в PHP легко обрабатывать данные с HTML – форм.

Создадим простой HTML файл.

Хотите больше знать о наших товарах?

/* Этот скрипт получает переменные из request.html */

Спасибо за ваш интерес.

(Приложения 2, 3)

Теперь мы должны сдержать обещание и выслать email.

Для этого в PHP есть функция MAIL.

Синтаксис: void mail ( string to , string subject, string message, string add_headers);

to – email адрес получателя. subject – тема письма. message – собственно текст сообщения.

add_headers – другие параметры заголовка письма (необязательный параметр).

Допишем в конец файла email.php следующий код:

$subj = «Запрос на информацию»;

Спасибо за ваш интерес!

Мы их распространяем бесплатно.

Обратитесь в ближайший филиал нашей компании и получите ящик этого продукта.»;

$subj = «Поступил запрос на информацию»;

Вот теперь пользователь будет получать письмо с более подробной информацией о наших товарах. Также письмо получит и администратор сайта. (Приложение 4)

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

2.2. Работа с MySQL (сохранение данных в базе данных)

Для общения с MySQL из PHP понадобятся следующие функции.

Функция возвращает параметр типа int, который больше 0, если соединение прошло успешно, и равен 0 в противном случае.

int mysql_select_db(string database_name, int link_identifier);

Выбрать базу данных для работы. Параметры:Database_name – имя базы данных.link_identifier – ID соединения, которое получено в функции mysql_connect. (параметр необязательный, если он не указывается, то используется ID от последнего вызова mysql_connect)

Функция возвращает значение true или false

int mysql_query(string query, int link_identifier);

Функция выполняет запрос к базе данных.Параметры:Query – строка, содержащая запросlink_identifier – см. предыдущую функцию.

Функция возвращает ID результата или 0, если произошла ошибка.

int mysql_close(int link_identifier);

Функция закрывает соединение с MySQL.

link_identifier – см. выше.

Теперь наш файл email.php будет иметь след. вид:

/* Переменные для соединения с базой данных */

$hostname = «localhost»;

$password = «mypassword»;

$dbName = «products»;

/* Таблица MySQL, в которой хранятся данные */

/* email администратора */

/* создатьсоединение */

/* выбрать базу данных. Если произойдет ошибка — вывести ее */

mysql_select_db($dbName) or die(mysql_error());

/* Отправляем email-ы */

$subj=«Поступил запрос на информацию»;

/* составить запрос для вставки информации о клиенте в таблицу */

/* Выполнить запрос. Если произойдет ошибка — вывести ее. */

/* Закрыть соединение */

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

2.3. Работа с MySQL (получение данных из базы данных)

После занесения данных, нас иногда будет интересовать вопрос так кого же из наших клиентов интересует товар “Яблоки” (не путать с Apple Macintosh, по поводу Apple Macintosh см. www.stealthcomp.com).

Напишем скрипт apple.php

/* Скрипт показывает клиентов, которые яблоки любят больше чем апельсины */

/* составить запрос, который выберет всех клиентов — яблочников */

$res = mysql_query($query) or die(mysql_error());

/* Как много нашлось таких */

$number = mysql_num_rows($res);

/* Напечатать всех в красивом виде*/

/* Получать по одной строке из таблицы в массив $row, пока строки не кончатся */

Вот и все, коммерческий продукт практически готов.

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

Можно сделать вывод о том, что сайты с использованием связки HTML+PHP+MySQL в несколько раз превосходят обычные HTML сайты по функциональности, удобству и т.д.

Неудивительно, что эта связка PHP+MySQL развивается очень быстро. Постоянно появляются новые возможности, разные полезные скрипты, которые позволяют усовершенствовать свой сайт.

Различные технологи вроде Flash, Ajax, JavaScript хорошо взаимодействуют с PHP, что позволяет создавать просто сумасшедшие по функциональности и красоте сайты.

СПИСОК ИСПОЛЬЗОВАННОЙ ЛИТЕРАТУРЫ

• Джордж Шлосснейгл. Профессиональное программирование на PHP, 2006
• Мишель Е. Дэвис и Джон А. Филипс. Изучаем PHP и MySQL, 2008
• Николай Прохоренок. HTML, JavaScript, PHP и MySQL. Джентельменский набор Web-мастера, 2010

Пример вывода текста скрипта в браузер

Вывод сообщения пользователю, интересующемуся товаром «Яблоки»

Электронное письмо, отправившееся пользователю

Измененный вывод сообщения пользователю, интересующимуся товаром «Яблоки»

Вывод информации о количестве пользователей, которым нравится тот или иной товар