Как создать свой сайт? С чего начать? Полный гайд для начинающих веб-разработчиков.



В данной статье я постараюсь рассказать и объяснить как делать первые шаги в сайтостроении. С чего начинать? И что нужно зубрить первым делом.
Мы рассмотрим пример создания и настройки так называемой среды для работы с сайтами. Установим DLE движок и разберемся как он устроен.
Поделюсь немного своим опытом, расскажу с чего начинал я, какие ошибки совершал и чего достиг. Надеюсь вам будет интересно...

Начнем с самых азов. У нас есть ПК, У нас есть интернет, этого нам достаточно blush
Что такое среда для разработки сайтов? Это набор необходимых программ таких как Apache - веб сервер, MySQL - база данных. Есть ещё такие программы как Filezilla FTP server, Tomcat и т.д. Но они нам не особо нужны, так как мы будем устанавливать сайт на своём локальном ПК. Если вы хотите изучить всё это дело с самых озов, то вам нужно почитать про эти программы и разобраться как они работают, как настраиваются и как устанавливаются... Так же есть готовый комплекс таких программ, на одной из которых я учился собирать сайты. XAMPP - является самой популярной средой разработки PHP. Короче говоря, всё что нам нужно есть в данной программе. 
Нам не придется мучится, разбираться в настройках. Скачиваем последнюю версию и просто устанавливаем на свой ПК.
В процессе установки XAMPP из компонентов мы оставляем галочки только на Apache и MySQL. 
После установки должна открыться панель управления XAMPP. Выглядит она так:
Клацаем по кнопкам "Start" на против Apache и MySQL. Если вы всё сделали правильно, то эти пункты будут подсвечены зеленым цветом, будут отображены порты которые они используют.
Всё, открываем браузер и вводим в адресную строку адрес http://localhost На главной странице выбираем русский язык, затем переходим в раздел "Security"
Там мы устанавливаем пароль администратора баз данных MySQL root.
С настройками и установкой мы закончили, пришло время создать тестовую страничку.
Переходим в директорию C:\xampp\htdocs\  Создаём тут любую папку (123) а уже в ней создаем файл index.html с нашим html кодом:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>font-weight</title>
  <style>
   h1 {
    font-weight: normal;
   } 
   .select {
    color: maroon;
    font-weight: 600; 
   }
  </style>
 </head>
 <body>
  <h1>Duis te feugifacilisi</h1>
  <p><span class="select">Lorem ipsum dolor sit amet</span>, 
  consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet 
  dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud 
  exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
  consequat.</p>
 </body>
</html>
Радуемся smile
В эту же папку можно устанавливать и DLE скрипт.
Перейдя по ссылке http://localhost/phpmyadmin/ Мы попадаем в админ панель MySQL базы данных.
Логин и пароль для авторизации: root и пароль который мы установили в настройках безопасности.

Что касается редакторов, советую почитать вот эту вот статейку - Важные рекомендации при редактировании php файлов движка DLE (редакторы)
Лично я начинал всё это дело не с зубрёшки, я не смотрел гайды, не читал книги, меня этому никто не учил. Я просто заинтересовался, и стал изучать всё на практике. Не торопитесь создавать нечто грандиозное, это будет сложно, вам предстоит довольно длинный путь.
Попробуйте установить DLE и потихоньку пытаться редактировать стандартные шаблоны. Если вас что-то заинтересует, почитайте об этом в интернете, научитесь пользоваться браузером. Советую использовать голый Google Chrome.
Допустим вы установили DLE и начали редактировать внешний вид, шаблон сайта. Первым делом вам нужно научиться работать с консолью браузера.
Самое элементарное, это возможность редактировать внешний вид через консоль. Наведите курсом на элемент который вы хотите изменить, нажмите правую кнопку мыши и выберите пункт "Просмотреть код" выскочит та самая консоль браузера в которой можно просматривать ошибки, увидеть поток медиапотоков и редактировать внешний вид. В появившейся консоли нам нужна будет вкладка Styles в которой можно задавать и изменять CSS оформление.

От сюда мы потихоньку будем изучать CSS оформление. Устанавливать размер шрифта, цвет, фон и многое другое...
Таким образом, со временем вы научитесь многому. Уверенно владея языками HTML и CSS вы можете приступить к созданию своих проектов, после нескольких работ, вам будет ещё интересней, вас это поглотит и вы станете изучать такие языки как javascript, php.
Главное не останавливаться, не слушать никого пытаться пытаться и пытаться. "Неудача это тоже прогресс"

Я буду развивать данную тему, следите за новыми новостями  wink
скачать dle 11.1смотреть фильмы бесплатно


web guide гайд сайт faq сайт
Комментариев 4
  1. Kerncraft1
    Я так в 2011 первые странички учился делать) Потом яндекс народ, юкоз, а потом уже и до CMS добрался. Главное, чтобы было желание учиться. Вот спустя несколько лет у меня есть несколько сайтов с общей посещаемостью почти 50к человек в сутки.
    1. Юра Жежелев Ответ
      классно , я только учусь есть небольшой опыт с dle и 200 униками в сутки))
  2. Что за бред на уровне одной статейки))) Это целая наука.
    1. Stanislavskiy11 Админ Ответ
      Я не собирался выкладывать целую презентацию и весь семинар по Созданию сайтов.
      Я всего лишь поделился своим опытом. Пример с чего я сам начинал.
Информация