Создание ВЕБ-сайта
Оглавление
ВВЕДЕНИЕ 2
ОСНОВНЫЕ ПОНЯТИЯ 10
РЕАЛИЗАЦИЯ ЗАДАЧИ 12
Этап №1 12
Этап №2 14
Этап №3 15
Этап№4 17
Этап №5 19
ЗАКЛЮЧЕНИЕ 21
ЛИТЕРАТУРА 22
ПРИЛОЖЕНИЕ 23
Листинг №1 23
Листинг №2 25
Листинг
№3 26
Введение
Что такое Интернет? Кому принадлежит Всемирная Сеть и кто за нее платит?
Определения, которые давались сети Интернет: Глобальная компьютерная сеть, Сеть сетей, Всемирная Сеть.
Интернет представляет собой распределенную децентрализованную систему, т.е. в нем нет центральных/главных узлов. Правила его функционирования стандартизованы и общедоступны.
С технической точки зрения, Интернет состоит из большого числа менее крупных сетей, которые также неоднородны.
Формально Интернет никому в отдельности не принадлежит.
Оплата расходов
по поддержанию в рабочем
Расходы по прокладке новых каналов - правительство, крупные телекоммуникационные компании, инвестиционные фонды.
Зачем знать о сети
Пользователи Интернет изобретают все более эффективные способы для создания, хранения и получения информации.
Больше пользователей в Сети - тем большее количество информации они производят.
Интернет является
на сегодняшний день основной информационной
средой, местом циркуляции информации
и ее огоромным всемирным
Так рост Интернет видится журналистам "New-York Times".
В новом тысячелетии информация будет играть все более важную роль в жизни человека, доступ к информационным потокам и интеграция в них станут неотъемлемой частью нашей жизни.
Сегодня
Вы становитесь пользователем
История возникновения Интернет
1957 г.: Д. Эйзенхауер, DARPA (Defense Advanced Research Projects Agency), ответ на запуск Советами первого искусственного спутника Земли. Dr. J.C.R. Licklider.
60-е годы: идеи,
легшие в основу Интернет. Проекты
предусматривали разработку
70-е годы: построение такой сети - ARPANET.
В ARPANET сеть использовалась главным образом для передачи файлов и электронных сообщений.
Начало 80-х: стали
бурно развиваться
86 год: NSF (National Science Foundation) начал работы по созданию NSFNET, сети магистральных каналов для американского Интернет’a. Создание ISOC (Internet Society) - добровольной организации по обеспечению глобального обмена информацией посредством Internet, Internet Architecture Board (IAB) - сертификация стандартов и распределения ресурсов, Internet Engineering Task Force (IETF) -эксплуатационные и назревающие технические проблемы. Эти организации успешно действуют по сей день.
В 90-е годы появляется Интернет как международная глобальная сеть. В 90 г. В Интернете – 300000 пользователей. В 1991 году происходит изобретение gopher’а и World Wide Web, служб Интернет, которые привлекут миллионы новых пользователей.
Сегодня Интернет не охватывает только несколько стран Африки и Восточной Азии. Количество машин в Интернет – около 20 млн., количество пользователей – в 5-10 раз больше.
Источники доп. информации (на англ. яз.):
· A Brief History of the Internet and Related Networks - краткая история Интернет.
· All about the Internet - коллекция ссылок на подборки статистической и иной информации.
· The Roads and Crossroads of Internet History - все об истории Интернет.
Интернет: как это работает? - компьютерные сети и сетевые протоколы. Семейство протоколов TCP/IP
Немного терминологии
Когда два или более компьютеров связывают постоянным соединением для обмена данными, говорят о создании компьютерной сети.
Сетевой протокол определяет правила передачи информации в компьютерной Сети. Уместно сравнение сетевого протокола с языком – это такая же оболочка для передачи информации.
Различают открытые и закрытые сетевые протоколы, в зависимости от того, является ли открытым определяющий их стандарт.
Можно говорить также о протоколах различных уровней, в частности, о протоколах уровня приложений и протоколах уровня передачи данных.
Операционная система – основная программа, работающая на компьютере. Запускается раньше всех других программ и делает возможным из запуск. Пример: MS DOS, Windows 95, UNIX, Linux, Novell Netware.
UNIX – операционная система и семейство мощных современных многопользовательских операционных систем, на которых построен Интернет.
RFC – Request For Comments, стандарты Интернет, публикуемые IAB.
Провайдер Интернет – поставщик услуг Интернет, тот, через кого Вы или Ваша организация подключаетесь к Сети.
Модем (модулятор-демодулятор) - устройство для соединения удаленных компьютеров. Работает по выделенным и телефонным (коммутируемым) линиям. Используется, среди прочего, для подключения к компьютерной сети домашних пользователей.
LAN (local area network) - локальная компьютерная сеть, соединяющая компьютеры непосредственно, обычно с помощью кабелей.
WAN (wide area network) - сеть, соединяющая локальные сети (LAN).
Режим работы on-line/off-line – с подключением к Интернет/без него.
PPP – Point-to-Point Protocol – используются наряду с прочими при подключении хоста или сети к Интернет, в частности – при подключении к Интернет домашних компьютеров пользователей в режиме on-line.
SLIP – Serial Line IP (Internet Protocol) - менее совершенный аналог PPP.
UUCP – Unix-to-Unix Copy Protocol – устаревший протокол передачи файлов и почтовых сообщений.
Броузер (browser) – программа для доступа к самым популярным службам Интернет. Самые известные броузеры – Netscape Navigator (http://www.netscape.com) и Microsoft Internet Explorer (http://www.microsoft.com/ie).
Единицы измерения информации и скорости ее передачи
Бит - минимальное
количество информации - "да" или
"нет", "0" или "1".
Байт - 8 бит для описания буквы или
символа "00000110" = "6"
Бит/с(bps) или бод (baud) - импульс в секунду.
(Кбит/с); (Мбит/с).
Приставки: кило – 103, мега –
106, тера – 10 9.
Семейство протоколов TCP/IP
TCP/IP (Transmission Control Protocol/Internet Protocol – протокол контроля за передачей данных/протокол передачи данных) – семейство протоколов, на которых построен Интернет, от второго из них он получил свое имя. В TCP/IP входит около 100 протоколов различного уровня.
IP-Адрес (IP-address) – уникальный идентификатор компьютера в Интернет. Каждый компьютер, работающий по TCP/IP имеет его. IP-Адрес представляет собой четыре групы по восемь двоичных чисел, и часто записывется в десятеричной форме, например 193.232.121.66
Маска подсети (Subnet mask) – параметр конфигурации TCP/IP, задаваемый администратором сети. Имеет такой же вид, как и IP-Адрес, например 255.255.255.0
Шлюз (Gateway) – компьютер, соединяющий локальную сеть (LAN) с провайдером (WAN).
| TCP/IP | ||
|
Общий вид Интернет:
Службы (сервисы) Интернет и архитектура клиент-сервер
Интернет вызывает
интерес пользователей
Службы Интернет используют архитектуру клиент-сервер, т.е. если Вы – пользователь, клиентская программа на Вашем компьютере должна подключиться к серверу и послать ему запрос на получение информации. Программа на сервере, в свою очередь, вышлет эту информацию и будет ожидать следующего запроса (это, конечно, некоторое упрощение).
Серверы и Клиенты
Cервер (server), предоставляет определенные ресурсы. Другая программа - клиент (client)- эти ресурсы использует.
Некоторые сервисы Интернет:
|
Подробнее о WWW (World Wide Web)
"Всемирная паутина"- доступ к сетевому гипертексту.
- гипертекст - текст плюс связи (гиперссылки на) с другими текстами, графикой, видео или звуковой информацией
- гиперсреда - гипертекст плюс нетекстовой файл.
Адресация ресурсов в Интернет: DNS, URL
DNS (Domain Name Service, Служба доменных имен) позволяет использовать наряду с цифровыми адресами имена компьютеров.
|
Организационные домены 1 уровня (США)
| com - | коммерческие организации |
| edu - | образовательные организации |
| org - | некоммерческие организации |
| gov - | правительственные организации |
| mil - | военные организации (США) |
| int - | международные организации |
| net - | организации, предоставляющие сетевые услуги |
Некоторые географические домены 1 уровня
| fr - | Франция |
| de - | Германия |
| ru - | Россия |
| se - | Швеция |
| tm - | Туркменистан |
FQDN (Fully Qualified Domain Name) – Имя хоста.имя домена, например: машина tom в домене foobar.com имеет FQDN tom.foobar.com
Другие примеры: fadr.msu.ru, www.ford.com
URL – Universal Resource Locator – общая форма представления адреса ресурса в Интернет
URL формируется следующим образом:
<имя
протокола>://<FQDN
или адрес хоста>{/<путь
к ресурсу>}
ОСНОВНЫЕ ПОНЯТИЯ
HTML (HyperText Markup Language, язык гипертекстовой разметки) - специальные инструкции браузеру, с помощью которых создаются Веб-страницы.
Т.е. Web-страницы - это документы в формате HTML, содержащие текст и специальные тэги (дескрипторы) HTML. По большому счету тэги HTML необходимы для форматирования текста (т.е. придания ему нужного вида), который "понимает" браузер. Документы HTML хранятся в виде файлов с расширением .htm или .html.
Тэги
HTML сообщают браузеру информацию о
структуре и особенностях форматирования
Веб-страницы. Каждый тэг содержит определенную
инструкцию и заключается в угловые
скобки <>. Большинство тэгов состоят
из открывающей и закрывающей
частей и воздействуют на текст, заключенный
внутри.
PHP – это широко используемый язык сценариев общего назначения с открытым исходным кодом.
Говоря проще, PHP это язык программирования, специально разработанный для написания web-приложений (сценариев), исполняющихся на Web-сервере.
Аббревиатура PHP означает “Hypertext Preprocessor (Препроцессор Гипертекста)". Синтаксис языка берет начало из C, Java и Perl. PHP достаточно прост для изучения. Преимуществом PHP является предоставление web-разработчикам возможности быстрого создания динамически генерируемых web-страниц. Важным преимуществом языка PHP перед такими языками, как языков Perl и C заключается в возможности создания HTML документов с внедренными командами PHP. Значительным отличием PHP от какого-либо кода, выполняющегося на стороне клиента, например, JavaScript, является то, что PHP-скрипты выполняются на стороне сервера. Вы даже можете сконфигурировать свой сервер таким образом, чтобы HTML-файлы обрабатывались процессором PHP, так что клиенты даже не смогут узнать, получают ли они обычный HTML-файл или результат выполнения скрипта.
PHP позволяет
создавать качественные Web-приложения
за очень короткие сроки,
PHP прост
для освоения, и вместе с тем
способен удовлетворить
Даже если Вы впервые услышали о PHP, изучить этот язык не составит для Вас большого труда. Мы не сомневаемся, что изучив основы PHP в течение нескольких часов, вы уже сможете создавать простые PHP-скрипты.
Язык PHP постоянно
совершенствуется, и ему наверняка
обеспечено долгое доминирование в
области языков web -программирования,
по крайней мере, в ближайшее время.
РЕАЛИЗАЦИЯ ЗАДАЧИ
Этап №1:
Создание каркаса Web-страницы с подключением основных блоков
Реализация:
Создается PHP форма.
Формы позволяют обеспечивать
интерактивную связь сайта с
пользователем. Элементы форм (области
редактирования текста, поля ввода,
меню) позволяют посетителям вводить
различную информацию и
<?php
include ("blocks/bd.php"); /*Соединяемся с базой данных*/
$result = mysql_query("SELECT title, meta_d, mata_k, text FROM settings WHERE page='index'",$db);
$myrow = mysql_fetch_array($result);
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD
HTML 4.01//EN" "http://www.w3.org/TR/html4/
<html>
<head>
<meta name="description" content="<?php echo $myrow['meta_d']; ?> ">
<meta name="keywords" content="<?php echo $myrow['mata_k']; ?> ">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title><?php echo $myrow['title']; ?></title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000033" class="main_border">
<!--Подключаем шапку сайта-->
<? include("blocks/header.php");
<tr>
<td><table width="800" height="100%" border="2" align="center" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF">
<tr>
<!--Подключаем навигацию сайта-->
<? include ("blocks/lefttd.php"); ?>
<td height="100%" valign="middle" background="img/звезды.jpg" bgcolor="#FFFFFF">
<?php echo $myrow['text']; ?> </td>
</tr>
</table></td>
</tr>
<!--Подключаем низ сайта-->
</table>
</body>
</html>
Этап №2:
Разбиение на блоки («blocks»)
Реализация:
("blocks/header.php")
<tr height="157">
<td><img src="img/шапка.gif" width="800" height="157"></td>
</tr>
("blocks/lefttd.php");
<td width="180" valign="top" bgcolor="#F6F6F6" class="left"><div align="justify"></div>
<p align="center" class="title"></p>
<div id="coolmenu"><img src="img/навигация.gif" width="255">
<a href="index.php"><b>Главная</
<a href="lessons.php"><b>Зарядные устройства</b></a>
<a href="articles.php"><b>
<a href="contacts.php"><b>Наши контакты</b></a></div>
("blocks/footer.php");
<tr>
<td><img src="img/низ3.jpg" width="800" height="37"></td>
</tr>
Этап №3:
Формирование статей «Зарядные устройства»
Реализация: lesson.php
<?php
include ("blocks/bd.php"); /*Соединяемся с базой данных*/
$result = mysql_query("SELECT title, meta_d, mata_k, text FROM settings WHERE page='lessons'",$db);
$myrow = mysql_fetch_array($result);
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD
HTML 4.01//EN" "http://www.w3.org/TR/html4/
<html>
<head>
<meta name="description" content="<?php echo $myrow['meta_d']; ?> ">
<meta name="keywords" content=" <?php echo $myrow['mata_k']; ?> ">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Зарядные устройства</title>
<link href="style.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style></head>
<body>
<table width="800" height="100%" border="2" align="center" cellpadding="0" cellspacing="0" bgcolor="#000033" class="main_border">
<!--Подключаем шапку сайта-->
<? include("blocks/header.php");
<tr>
<td valign="baseline"><table width="800" height="100%" border="2" align="center" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF">
<tr>
<!--Подключаем навигацию сайта-->
<? include ("blocks/lefttd.php"); ?>
<td valign="top" background="img/звезды.jpg" bgcolor="#FFFFFF"><p><?php echo $myrow['text']; ?> </p>
<?php
$result = mysql_query ("SELECT id,title,description,data FROM
lessons", $db);
$myrow = mysql_fetch_array ($result);
do {
printf (" <table align='center' class='lesson'>
<tr>
<td>
<p class='lesson_name'><a
href='view_lesson.php?id=%s'>%
<p class='lesson_adds'>Дата добавления: %s</p></td>
</tr>
<tr>
<td>%s</td>
</tr>
</table><br><br>", $myrow["id"], $myrow["title"], $myrow["data"],
$myrow["description"] );
}
while ($myrow = mysql_fetch_array ($result));
?>
<p> </p></td>
</tr>
</table></td>
</tr>
<!--Подключаем низ сайта-->
</table>
</body>
</html>
Этап №4:
Формирование статей «Аккамуляторы»
Реализация: articles.php
<?php
include ("blocks/bd.php"); /*Соединяемся с базой данных*/
$result = mysql_query("SELECT title, meta_d, mata_k, text FROM settings WHERE page='articles'",$db);
$myrow = mysql_fetch_array($result);
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD
HTML 4.01//EN" "http://www.w3.org/TR/html4/
<html>
<head>
<meta name="description" content="<?php echo $myrow['meta_d']; ?>">
<meta name="keywords" content="<?php echo $myrow['mata_k']; ?> ">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Аккумуляторы</title>
<link href="style.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style></head>
<body>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000033" class="main_border">
<!--Подключаем шапку сайта-->
<? include("blocks/header.php");
<tr>
<td valign="baseline"><table width="800" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF">
<tr>
<!--Подключаем навигацию сайта-->
<? include ("blocks/lefttd.php"); ?>
<td valign="top" background="img/звезды.jpg" bgcolor="#FFFFFF"><p> <?php echo $myrow['text']; ?> </p>
<?php
$result = mysql_query ("SELECT id,title,description,data FROM
articles", $db);
$myrow = mysql_fetch_array ($result);
do {
printf (" <table align='center' class='lesson'>
<tr>
<td>
<p class='lesson_name'><a
href='view_articles.php?id=%s'
<p class='lesson_adds'>Дата добавления: %s</p></td>
</tr>