Создание директории сайта

Здравствуйте уважаемые начинающие веб-мастера. В этой статье приступим к созданию сайта, который будет расположен на Вашем компьютере.

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

Директория сайта написанного на чистом HTML

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

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

Сначала зайдём в библиотеку «Документы» на нашем компьютере «Пуск-Компьютер-Документы», и щёлкнув правой кнопкой по окну «Документы», выбираем «Создать», а затем «Папку».

Если Вам по душе какое нибудь другое место, то можно разместить директорию сайта в любой другой пользовательской папке, или даже на другом диске.

Пуск - компьютер - документы

Как только папка появилась с названием «Новая папка» в синем фоне, нажимаем клавишу «Backspace», и тем самым убираем название «Новая папка», а вместо него пишем, к примеру, «site»(сайт), и сохраняем, щёлкнув по нему левой клавишей.

Затем двойным щелчком открываем эту папку, и уже в ней, точно так-же, создаём ещё две — «сontent»(содержание) и «images»(изображения)

Содержание директории сайта

В папку site мы в дальнейшем загрузим ещё файл index.html (главная страница сайта), в папку content — остальные страницы сайта, а в папку images — картинки.

Можно спроектировать директорию немного по другому. Можно вместо папки «content», создать несколько папок — rubrica-1, rubrica-2, rubrica-3, и так далее.

Вместо rubrica, написать название рубрики, и уже в них складывать статьи, написанные по теме рубрики.

Директория сайта

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

Вот и всё. Для сайта на чистом HTML корневая папка готова. Теперь можно создавать файлы станиц и заполнять ими эту директорию.

Директория сайта написанного на HTML+CSS+PHP

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

Денвер — это программа, включающая в себя Apache, PHP, MySQL, Perl и другие необходимые для веб модули.

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

Как установить Денвер, Я очень подробно показал в статье Установка Денвер

Когда Денвер будет установлен, можно приступить к созданию на нём директории сайта.

Запускаем Денвер, щёлкнув по ярлыку «Start Denwer», который появился на Вашем Рабочем столе, после установки.

Заходим «Пуск — Компьютер», и открываем диск «Z», автоматически создающийся при установке Денвера.

Открываем папку «home».

29

В этой папке я стёр свои сайты, чтоб Вас не путать, а Вам нужно будет создать новую папку и назвать её, допустим, «site» или «site.ru» Можно любое другое название английскими буквами, значения не имеет.

31

Затем, открываем эту пустую папку, и в ней создаём ещё одну — «www». Эту уже по другому называть нельзя. И вот в ней и будет расположена директория Вашего сайта.

Открываем её, и создаём ещё 3 папки:

1. images    — для картинок.
2. style    — для стилей.
3. is    — для скриптов.

И ещё в эту папку нам нужно поместить файл .htaccess.

.htaccess — файл дополнительной конфигурации веб-сервера Apache, входящего в сборку Денвер. Он позволяет задавать дополнительные параметры и разрешения для работы веб-сервера.

Чтобы его создать, нужно открыть «Блокнот» (Пуск — Все программы — Стандартные), или если у Вас уже установлен Notepad++. Затем скопировать и вставить в него следующий код:

AddDefaultCharset utf-8
AddCharset utf-8 *
<IfModule mod_charset.c>
CharsetSourceEnc utf-8
CharsetDefault utf-8
</IfModule>

Затем «Файл — Сохранить как …», и в открывшемся поисковом окне находим папку «www».

Затем, прежде чем сохранить файл, в «Имя файла», в низу окна поисковика, выделяем, и клавишей «Bacspage» убираем то, что там написано, а прописываем «.htaccess», и теперь уже «Сохранить» (не пропустите точку впереди, так как это расширение).

32

После этого файл появиться в директории.

Всё, корень сайта готов. Можно заполнять его файлами.

33

В папку images будем складывать картинки, в папку style файлы css, а в папку is файлы php.

Хоть это и выходит за рамки данной статьи, но желательно проверить, как работает интерпретатор php.

Для этого потребуется редактор файлов Notepad++. Если он у Вас ещё не установлен, то Вам необходимо сначала прочитать статью Руководство по установке и использованию Notepad++, и установить редактор.

Затем открыть новый документ и написать в нём следующий скрипт:

<?php
echo 5;

?>

Далее «Файл — Сохранить как …», находим в поисковике папку «www», называем файл «index.php», и сохраняем.

34

После этого можно зайти в нашу директорию, убедиться в том, что файл «index.php» в ней появился, и перезагрузить Денвер, двойным щелчком по «Restart Denwer».

Как только Денвер перезагрузится, открываем новую вкладку в браузере, и вводим в поисковой строке запрос «site/index.php».

На экране должна появиться цифра 5.

35

Это значит, что Денвер работает нормально, можно продолжать изучать веб-дизайн и веб-программирование, и строить свой сайт, хоть только на html + css, хоть с применением php.

Желаю творческих успехов.

Неужели не осталось вопросов? Спросить

Короткий отдых
Перекур

Иду я как-то утром на учёбу, спокойно иду, не опаздываю.
И тут вдруг понимаю, что рядом одеяло, кошка, подушка, будильник: я на кровати!

Делаем сайт и выкладываем его в интернет < < < В раздел > > > Каркас страницы, теги. Создаём файл.

Запись опубликована в рубрике HTML основы. Добавьте в закладки постоянную ссылку.

38 комментариев на «Создание директории сайта»

  1. stariс говорит:

    Ну, это для меня вообще тёмный лес. Я Excel вообще не знаю. Никогда не пользовался. Наверно сделать можно всё, была-бы цель.

  2. Маргарита говорит:

    Здравствуйте! Мой проект реализован просто на VBA Excel. Данные вводятся с помощью выпадающих списков (н-р, выбор оборудования: «Блок7», состояние: «резерв», предыдущее состояние «работа», время выхода в резерв. Эти данные собираются в таблицу, по каждому виду оборудования (блок, корпус, турбина ТГ-3) строится в течение года график. Шкала X — дата, график меняется. Все это должны видеть десяток людей. Вводят одни люди, другие смотрят график. Здесь работа с данными, не просто fase, поэтому PHP. Руководство хочет страницу. Я хочу попробовать.

  3. stariс говорит:

    Вот и славненько. Вот ещё что Вам скажу Рита. Уже несколько раз сталкивался с мнением программистов работающих с другими языками программирования, что php тяжёлый для понимания язык. Впрочем встречалось и такое, будто он прост как дважды-два. Я больше склоняюсь к первому, так как до сих пор не вник в суть. Не получается.

    Возможно потому, что особой надобности нет. CMS (системы управления) готовых пруд пруди, на любой вкус. А чтобы сделать фейс php не нужен. Там css и javascript. В основном css.

    А у Вас что за проект?

  4. Маргарита говорит:

    Уважаемый Сергей, спасибо большое за вашу помощь и рекомендации. Свое восхищение изложением материала высказала в вопросе. Ура, все получается! Вернее, пока только «5» при запуске

  5. Маргарита говорит:

    Спасибо огромное ув.Сергей Юрьевич! С помощью ваших рекомендаций, буквально пошагово установила и поработала, т.е. покопировала и позапускала программки NotePad++. Сегодня установила Denver, все работает. Осталось дело за малым,- изучить PHP. Хотя, если следовать вашим рекомендациям, нужно найти самое необходимое для реализации. В данном случае, НСС должны вводить данные о состоянии оборудования: резерв, работа,текущий ремонт и время смены состояния. Данные в массив, из массива график. Думаю использовать выпадающие списки, к графику даже не знаю как подойти.Всего вам доброго! Респект простоте изложения материала.

  6. stariс говорит:

    Ирина, .htaccess — это расширение, .txt — это тоже расширение. Не может файл htaccess сохранятся как txt. То что на картинке поисковик предлагает вариант "Текстовый документ (.txt)" так это же поисковик предлагает, он может и другие варианты предложить, их у него сотни, если щёлкнуть по треугольничку в конце строки, они и появятся, только выбирать их не нужно. Написали в Имя файла .htaccess и Сохранить — всё.

    То что файл сохранился в .txt говорит о том, что работать в дальнейшем как .htaccess он не будет. Просто будет файл с текстом на память.

    Теперь по ИМ. Если честно, то я магазинами ещё не занимался. Есть планы на ближайшее будущее, но пока только планы. Я буду сам подключать платёжную систему и делать дизайн — знания позволяют, но наверное, доже точно, есть бесплатные плагины интернет магазинов, есть готовые шаблоны, только наверное платные, и так как на получение необходимых знаний потребуется несколько лет, как минимум года два, то возможно лучше поискать в направлении готовых программ.

  7. Ирина говорит:

    За 5 минут я пишу вам уже третий раз))) уж извините, но возник вопрос: я пробую создать свои интернет-магазин. Есть ли у вас руководство по этому поводу ,ведь обычный сайт отличается от ИМ, в ИМ есть кнопки оплаты ,корзина, обратная связь и многое другое. Я могу порыться, конечно, но хотелось бы знать раньше, что бы не терять время. Заранее, спасибо!

  8. Ирина говорит:

    Всё сделала по инструкции, но в поисковой строке запрос «site/index.php» цифра 5 не появилась., пишет, что страница не найдена. Что я могла сделать не так? Прошла все пункты досконально. И документ .htaccess сохраняется в .txt, разве так должно быть? Я просто перед .htaccess поставила цифру 1, чтобы дать название и получилось 1.htaccess, может здесь ошибка?

  9. stariс говорит:

    Ирина, раз файл index.php, то и сохраняться он должен в формате .php. Просто сотрите в Сохранить .txt (это текстовый формат) и напишите .php

  10. Ирина говорит:

    Вечер добрый, почему вводя site/index.php
    мне выдается запросники по php, но не 5
    Хотя все Denwer работает, проверяла по инструкции
    Я правильно поняла файл index.php сохраняем в формате .txt в папке www, где и все остальное

  11. stariс говорит:

    Нина успокойтесь, сосредоточьтесь, сделайте спокойно ещё раз и всё получится. В статье всё подробно описано. Или напишите подробно, покликово, что Вы делаете и что при этом происходит. Я же должен понять что Вы хотите, что для этого сделали и что не получается, чтоб точно подсказать как решить проблему.

  12. нина говорит:

    не получается сохранить каркас.При попытке сохранить как,появляются папки
    notepad++. Не могу извлечь папку site из документов.
    У Вас отличные статьи,спасибо.

  13. stariс говорит:

    Раз браузер не даёт доступ Богдан, значит где-то была допущена мелкая ошибка. Это самая распространённая причина, по которой не открывается файл, так что проверьте ваши действия ещё раз.

  14. Богдан говорит:

    Сделал все по инструкции, но после перехода на сайт выдает такое «You don’t have permission to access /index.php/ on this server.»

  15. stariс говорит:

    Илья, извините уж, но с XP я вообще никогда не работал, так что ничего толком по вашему вопросу сказать не могу.

  16. Илья говорит:

    Доброго времени суток!
    Подскажите,как можно примастить Денвер на ХР?, если это конечноже можно, если нет,то что можно поставить, чтобы работать можно.

  17. stariс говорит:

    Я немного доработал статью. Надеюсь теперь будет понятнее.

  18. Василиса говорит:

    У меня папка пустая я её переименовала в site но она и изначально была пустая!

  19. stariс говорит:

    Вез вариантов лучше сразу на хостинг. Дальнейшее систематическое наполнение очень хорошо для продвижения. Плохо когда в наполнении случаются длительные перерывы (больше месяца). Раз в неделю пост — очень хорошо. А улучшение дизайна можно делать в любое время.
    Возраст домена также играет роль в продвижении, и чем старше тем лучше. Начинает отсчёт как только домен появится в интернете. Пустой или наполненный не важно.

    Вот только меня немного напрягает то, что Вы задали такой вопрос в статье Создание директории сайта. Если Вы собираетесь писать сайт самостоятельно, то я бы всё же настоятельно рекомендовал Вам использовать готовую CMS, WordPress например.

    А упражнения с самостоятельным написанием очень полезны для общего образования, но если у Вас нет опыта в языках программирования, то написать собственную хорошую CMS ВЫ сможете очень-очень не скоро.

    Так что писать самостоятельно лучше на Денвере, а в интернет выходить лучше на готовой CMS, и наполнять её содержанием. А потом, по мере изучения программирования, будете улучшать функции шаблона самостоятельно.

    Почитайте ещё вот эту статью. Там и по Вашему вопросу кое что есть в конце.

    От себя ещё добавлю, что Бегет бесплатно установит вам любую CMS, список у них довольно большой, то есть по сути Вам сразу дадут готовый сайт, только наполняйте, и изменяйте как душе угодно.

  20. Михаил говорит:

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

  21. stariс говорит:

    Попробуйте убрать из запрса site. просто index.php

  22. Qwerter говорит:

    Сайт очень понравился, но возникла проблема.
    Вроде все делал по инструкции, зашел на site/index.php, но там отображается полностью весь код. Хотелось бы узнать, как это дело поправить.

  23. stariс говорит:

    К делу так к делу. Внесём ясность в расширения. Расширение файла должно быть таким, какой файл вы создаёте. Если это html документ, то расширение .html, если скрипт, то расширение .php, если текстовый документ, то расширение .txt, если картинку, то расширение .png или .jpg, если файл создаётся в фотошопе, или каком другом редакторе, то у них могут быть свои расширения. Например у Ворда расширение .dosx, у SkethUp расширение .skp, и так далее. С точкой впереди теперь надеюсь тоже всё понятно.
    Насчет файла в Денвере, точно сказать не смогу. Если Вы делали всё точно по статье, то файл должен открываться. Но любая мельчайшая ошибочка, и он не откроется. Нужно искать: проверить файл hosts, об этом в Установке Денвер, попробовать создать и открыть html документ в той же директории, он проще, и сразу станет понятно, работает Денвер или нет, проверить кодировку и т.п. Если в директории пока больше нет никаких файлов, кроме index.php и .htaccess, то попробуй набрать в новой вкладке не site/index.php, а просто site, или как там у вас название. Можно попробовать в название директории добавить .ru, то есть будет site.ru. Точно не помню, но вроде бы давным дано это сработало. Бывают и такие странности.

  24. Чыныбек говорит:

    Здравствуйте! Перейдем сразу к делу, все вопросы по теме: «Создание директории сайта»
    1) во-первых с каким расширением должен быть создаваемый файл: htaccess (кстати в примере у Вас перед файлом стоит точка «.htaccess», так надо или точка не нужна?
    2) созданный файл index.php не открывается в новой вкладке браузера
    причину не могу сам найти, В чем причина помогите!
    Что это может означать: не верное создание мною Директории сайта или неработоспособность Денвера?

  25. stariс говорит:

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

  26. андрей говорит:

    как сделать, чтобы сайт выскакивал в разных районах подмосковья. например — в Бутово ,в Люблино,в Бирюлёво.Когда их набирают в поисковике…?
    зарание благодарен !-пенсионер…

  27. stariс говорит:

    Даже затрудняюсь ответить. Скорее всего где-то закралась мельчайшая ошибка. Да, скорее всего так и есть. Раз страница открылась, значит Денвер её обработал, а раз она пустая, значит ошибка в коде вывода. Может точка с запятой? Точнее затрудняюсь сказать. И попробуйте пару раз обновить страницу. Может браузер что то не рассмотрел. У меня бывало.

  28. Николай говорит:

    сделал все по инструкции, перезагрузил но
    site/index.php
    страница пустая
    подскажите пожалуйста в чем проблема?
    Спасибо за внимание,с большим уважением к Вам ,Николай

  29. stariс говорит:

    Так ведь я и сам, без пяти минут, пенсионер

  30. Алла говорит:

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

  31. stariс говорит:

    Здравствуй Митя. Спасибо за отзыв о сайте. Как я понял, тебе хочется свой сайт, вот что я посоветую. Мой сайт написан в основном для людей предпенсионного, и пенсионного возраста, для которых компьютер штука довольно таки непривычная, и даже страшная. Поэтому расписано всё так подробно. Если ты из таких, то тебе нужно начать всё с начала. Установил Notepad++ — отлично, установил Денвер — хорошо, следующая статья для продолжения — Каталог сайта на WordPress, и дальше по меню в конце статьи. Посты «Каркас страницы» и «Создаём директорию сайта», это уже из раздела HTML, и раздел этот предназначен больше для понимания этого языка, а не для создания, конкретно, сайта. То же самое и раздел HTML + CSS. Пройдя по этим разделам, можно понять, как всё это пишется и работает. И вот тут, для тренировки, и нужен Notepad++. А в WordPress вся система сайта уже написана. Тебе нужно его только установить, и наполнять сайт контентом, статья Редактор WordPress. А HTML и CSS тебе понадобятся только тогда, когда ты начнёшь переделывать стандартный Вордпресовский дизайн, править шаблон. Про это тоже есть, если пойдёшь по порядку.
    Теперь — если компьютер тебе не страшен. В этом случае Денвер — пустая трата времени. Ты можешь сразу выйти на хостинг. У меня в сайдбаре есть ссылка на хостинг Бегет. Я на нём уже второй год, и очень доволен. Регистрация на нём тебе обойдётся в 1200 рублей в год. Это вместе с доменным именем. Сразу после регистрации, по твоему желанию, Бегет установит на твой сайт WordPress, и даст ссылку, пройдя по которой ты окажешься в админке своего сайта, и всё — заполняй контент. О том, как это делать, и ориентироваться в админке, у меня описано начиная со статьи Настройка WordPress. И никаких каркасов и баз. На Бегете можно не бояться наделать ошибок, так как он делает ежедневный бекап твоего сайта, из которого одним щелчком можно восстановить то, что было накануне. В случае любых затруднений, у них круглосуточная и моментальная техподдержка, которая решит любую проблему с твоим сайтом. Зачем нужен Денвер? Править шаблон (тему) можно и на хостинге, что кстати я и делаю уже давно. А за то время пока ты заполняешь сайт, и учишься править дизайн, твой домен приобретёт, очень необходимый возраст. У молодого домена нет шансов продвинуться. Вот примерно так. Возникнут вопросы — пиши, разберёмся.

  32. Митя говорит:

    Здравствуйте, спасибо за хороший и подробный сайт.
    Но…
    Не могу разобрать. Насоздавал директорий, каркасов страниц, и не могу теперь в них разобраться. Создал директорию на диске С в папке WebServers, на диске Z, в папке Документы тоже. В каждой директории создал каркасы страниц. После установки Денвера, WordPress, Notepad++ — не могу понять! и разобраться, что лишнее или, как с чем работать. Поясните пожалуйста, где моя невнимательность, и рассеянность. Проблема проявилась на стадии входа на свой сайт через Денвер, т.е. на моем компьютере. При вводе в браузере своего сайта, после запуска Денвера, не получается войти (найти) свой сайт. Или опишите подробней, как зайти на свой сайт, который не на хосте еще, и как заходить, когда он будет на хосте.

  33. starik говорит:

    Это точно. Именно на мелочах и получается тормоз. Вы спрашивайте, не стесняйтесь мелочей. По возможности отвечу.

  34. Mansur говорит:

    Извиняюсь, вместо html как-то машинально написал ru. В общем то я для себя самое главное понял, ведь в интернете об этом подробно ни кто не пишет, считая что это мелочь.

  35. starik говорит:

    index.ru — такой страницы нет. Есть index.html — это главная страница сайта. Если у Вас сайт небольшой, то можно вообще обойтись без папки content. Просто в директорию сохраняете файл index.html, затем файл следующей страницы — stranisa.html, и так далее. Папка content становиться нужна только когда у вас более 30 страниц, и несколько рубрик. Она для вашего же удобства, можете делать её, можете не делать.
    Да, файл index.html в content помещать нельзя. Он должен быть в главной директории.

  36. Mansur говорит:

    index.ru тоже как бы считается страница сайта, можно ли его тоже поместить в папку content? И ещё,в папке content кроме страницы сайта, что ещё можно поместить?

  37. starik говорит:

    Разумеется. В любом месте. Допишу абзац по этому поводу.

  38. Mansur говорит:

    Наверное, корневую папку можно создать не только там где вы указали, но и в другой папке(или диске)тоже..

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *