Надеюсь вы уже прочитали мое "Вступление" и твердо решили заняться этим. А если нет, то либо читайте, либо закрывайте данную тему. Но если вы уверенны в своем решение, то добро пожаловать Заметка: "Я не тру прогер, да и вообще не прогер, скорее просто очередной "говно кодер", так что просьба "тру кодерам" давать советы, а не кидать тапками. Буду благодарен за помощь старших
Как вы поняли из "Вступления" я буду использовать только php,js(jquery). Также нам потребуется база данных. Использовать я буду MySQL.
И так, к делу: 1. Во-первых создадим файл .htaccess в корне сайта.
#Файл который прогружается в первую очередь DirectoryIndex /public/index.php
#Файл который прогружается при ошибке 404. Тоесть когда страница не найдена ErrorDocument 404 /public/templates/404.html
2. Создаем также в корне сайта файл robots.txt дабы поисковики не ругались при индексировании сайта. Я не стал вообще парится с ним и просто разрешил индексирование всего сайта всем ботам.
Код
User-agent: * Disallow:
3. Далее по структуре самого сайта. Создаем папку public. В ней будут находится все доступные файлы из вне. В ней создаем следующие папки:
img - в ней будут хранится все изображения
css - в ней будут храниться все стили сайта
js - в ней будут храниться все js скрипты
templates - в ней будут храниться все статичные страницы
4. Далее в папке templates создаем файл 404.html
Код
<!DOCTYPE html> <html> <head> <title>Страница не найдена</title> <meta charset="utf-8"> <link rel="shortcut icon" href="/public/img/favicon.ico" type="image/x-icon" /> <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700&subset=latin,cyrillic' rel='stylesheet' type='text/css'> <style type="text/css"> html, body {width:100%;height:100%;overflow:hidden;margin:0px;padding:0px;font-family:'Open Sans',sans-serif;font-size:16px} body {background:url('/public/img/404.png') center no-repeat #333039} .content {width:100%;text-align:center;position:absolute;bottom:10%;left:0px;} .content a {display:inline-block;text-decoration:none} .content a, .content a:hover {color:rgba(255,255,255,0.3);} .content a:hover {color:rgba(255,255,255,0.5);} @media only screen and (max-width: 460px), screen and (max-height: 700px) { .content {position:static;} .content a {display:block;width:100%;height:100%;position:absolute;top:0px;left:0px;font-size:0px;opacity:0;} body {background-size:cover} } </style> </head> <body> <div class="content"> <a href="/"></a> </div> </body> </html>
5. Создаем папку Core - в ней будет храниться основное ядро нашего сайта. Далее в нем создаем такой каталог
Classes - здесь будут храниться классы нашего сайта
Config - здесь будут храниться "настройки" нашего сайта
Вот, впринципе основа уже заложена. Спасибо за просмотр, ждите следующего урока, посвященной работе с БД(База Данных).
Все картинки будут выкладываться в конце темы ссылками на своем сайте. На файлообменниках пришлось бы перезаливать
Картинка для страницы 404 - /public/img/ - 404.png
