HTML (HyperText Markup Language) - язык гипертекстовой разметки документов, служащий для
написания гипертекстов в специальном стандарте SGML (Standard Generalized Markup Language).
Чтобы создать сайт достаточно открыть Блокнот и ввести следующий текст:
<html>
<head>
<title>Мой первый шаг </title>
</head>
<body>
Здравствуйте, это моя первая страница.
<br>
Добро пожаловать! :)
</body>
</html>
Затем остаётся нажать Файл>Сохранить как>В имени файла указать обязательно index.html>Сохранить.
Для редактирования получившигося файла кликаем по нему два раза, по умолчанию он откроется с помощью
браузера. Чтобы внести изменения, кликаем правой кнопкой мыши и выбираем "Просмотр HTML-кода". После
этого достаточно нажать Файл>Сохранить, вернуться в браузер, кликнуть "Обновить" и просмотреть
обновлённую страницу сайта.
INDEX.html
Главная страница сайта всегда должна иметь только такое название. Это связано с тем, что на всех
хостингах при обращению к адресу сайта по умолчанию открывается только это страница.
Основные тэги:
Тэги - это элементы html-страницы, которые изменяют графический вид сайта. Все тэги записываются в виде
<начало тэга>текст</конец тэга>, исключение - тэг br.
<html>...</html> - начало и конец html-страницы;
<head>...</head> - верхняя часть документа;
<title>...</title> - заголовок, отображается в окне браузера;
<body>...</body> - основная часть документа (содержание);
<br> - перенос текста на новую строку;
<font>...</font> - форматирование текста;
<div>...</div> - выравнивание текста и картинок;
<H>...</H> - создание заголовков;
Атрибуты тэгов:
Атрибуты тэгов - это дополнительные элементы тэгов.
<font> - имеет атрибуты color - цвет шрифта, size - размер шрифта. Например: <font
color="#0000ff" size="-2">текст</font>. size может иметь значения от -2 (самый мелкий) до
+4 (самый крупный).
<body> - имеет атрибуты text - цвет текста документа, bgcolor - фон страницы. Например:
<body text="#336699" bgcolor="#336699"<. Для жанного тэга не обязательно указывать атребуты, по
умалчанию текст чёрный, фон белый.
<div> - center - выравнивание по центру, left - по левому краю, right - по правому краю,
justify - по ширине Например: <div align="center">текст или картинка</div>.
<H>...</H> - имеет параметры 1-6, 1 - самый большой заколовок, 6 - самый маленький. Например:
<H6>текст</H6>. Данный тэг выполняет туже функцию что и font, но является более желательным
для использования.
Следует учитывать что главным к выполнению является тот тэг, который находится ближе всего к
форматируемому объекту.
» Введение в PHP
PHP-документ – это обычный текстовый документ с расширением php. Например, index.php. Хотя
php-документ и является обычным текстовым файлом,
но если его просто открыть браузером, то он работать не будет. Для этого необходимо установить
серверный пакет Денвер. Скачать можно на
Установочная программа представляет собой один файл, установив который, можно сразу же начинать
использовать на своем
компьютере Apache + PHP + MySQL + Perl. После его установки, все настройки будут произведены
автоматически, вам останется только запустить
программу и начать с ней работать.
PHP–файлы можно создать просто сохранив обычные html-файлы с расширением *.php. Чтобы работать с
PHP-файлами, сначала нужно запустить PHP-сервер.
Это можно сделать, пройдя по ярлыку Start servers. Если сервер успешно будет запущен, то в панели
состояния должен появиться значок пера.Теперь
нужно проверить, работают ли на компьютере php-файлы или нет. Найдите папку, в которую был установлены
все файлы. По умолчанию она должна
находиться на диске C в папке webservers. Все php-файлы, работу, которых вы хотите проверить должны
находиться в папке C:\WebServers\home.
Внутри home есть несколько серверов, которые можно использовать. Это домен test1.ru и test2.ru. Т.е.
вы можете набирать любой из этих доменов
в адресную строку браузера и проверять работу php-файлов, которые в нем находятся, предварительно
скопировав необходимые файлы в паку
C:\WebServers\home\test1.ru\www.
Права доступа и изменение атрибутов файла:
Права доступа (chmod) – это атрибут, которым снабжен каждый файл и каждая папка на веб-сервере.
Благодаря этим правам, можно указывать какие
действия разрешено производить с ними. Владелец сайта имеет право разрешать или запрещать чтение,
запись или выполнение (если это программа)
файлов для посетителей своего сайта. Для указания прав доступа к файлам используются следующие
символы:
r – пользователи могут читать файл;
w – у пользователей появляется право изменять содержимое файла и копировать его содержимое;
x – разрешает запускать файл на выполнение.
Для указания тех пользователей, которые имеют соответствующие права, используются символы:
u – владелец файла (User, Owner);
g – тот, кто принадлежит к той же группе, что и владелец сайта (Group);
o – все пользователи (Public).
Для установки прав доступа можно воспользоваться FTP-клиентом. Например CUTE-FTP PRO v.8.3.1.
Для этого нужно зайти на ftp-аккаунт своего
хостинга, нажать на нужном файле правой кнопкой мышки и выбрать пункт Properties/CHMOD. После этого
появится окошко со свойствами файла или
папки, где нужно поставить галочки в соответствующих разделах. Либо выставить конкретное численное
значение прав, в текстовое поле Permissions
(Например: 666, 777 или др.). После этого нажимаем ОК и права будут установлены:
4 – это право на чтение (read);
2 – право на запись (write);
1 – право на выполнение (обычно используется для программ).
В номере 666, первая цифра обозначает права для группы Owner (владельца сайта), вторая для Group (для
людей работающими вместе с вами в одной
группе), и третья для всех остальных – Public. В нашем случае 6 получается путем сложения чисел
4+2=6. Т.е. файл будет доступен для чтения и
записи. Вот цифры, которые могут еще встретиться:
3 (2+1) – разрешена запись и выполнение файла;
5 (4+1) – чтение и выполнение;
7 (4+2+1) – разрешены все доступные операции.
Автоматически обновляемое меню для сайта:
Для этого нужно сделать меню сайта отдельным файлом, а затем просто на него ссылаться на каждой из
страниц. Как только нам нужно будет внести
какое-то изменение в это меню, достаточно будет только изменить общий для всех страниц сайта файл с
меню и изменения сразу же распространятся
на все страницы сайта. Например: index.php – главная страница, menu.php – файл, который будет
содержать меню сайта. Код для страницы index.php:
<? include "menu.php"; ?>
вставляется в то место где должно быть меню (файлы index.php и menu.php находятся в корневой папке
сайта). Аналогично данный код вставляется на
все остальные страницы. При этом все коды РНР, содержащиеся во вставляемом файле, исполняются так же,
как если бы они были на месте этой команды.
Т.е. php-команда include вставляет содержимое файла menu.php в файл index.php.
Также можно отметить, что в меню для кнопки "Главная" правильно чтобы ссылка выглядела так:
<a href="/">Главная</a>.
Кроме меню в отдеьный файл удобно выносить те части которые повторяются на каждой странице. Как правило
это шапка и подвал сайта.
PHP-редакторы:
Для редактирования php-файлов можно использовать PHP Expert Editor. Скачать можно на
phpexperteditor.com и
ankord.com
(для работы необходима бесплатная регистрация).
» Графика
Чтобы создать уникальный дизан для сайта удобнее всего сделать следующее: найти красивые
сайты требуемой тематики и написать свой шаблон как бы срисовывая его с исходного. В итоге
получится красивый сайт с уникальным дизайном.
Чтобы найти картинки для сайта удобно использовать поиск по картинкам, напимер в:
images.google.ru, images.yandex.ru.
» Вывод баннеров
Выводить баннеры удобнее всего с помощью скрипта. Например, с помощью
Данный скрипт не требует базы данный MySql, необходима только поддержка PHP.
Установка скрипта:
1.Создём в корневой директории сайта папку banner.
2.В файле скрипта config.inc в строчке $direct внутри кавычек пишем адрес папки "banner/".
3.В файле скрипта index в строчке $imgbasa внутри кавычек пишем "banner/base.txt".
4.В файл скрипта base.txt вставляем все необходимые баннеры (редактировать желательно с помощью
а не Блокнота. Важно, если вконце файла оставить пустую
строку, то будет появлятся пустой баннер.
5.На странице сайта, где должны выводиться баннеры, вставляем код <? include
"banner/index.php"; ?>.
Если код выставить в нескольких местах, то везде будут отображаться разные баннеры.
6.Заливаем отредактированные файлы скрипта в папку banner, а страницы сайта в корневую папку.