Дорогие друзья, читатели и посетители! В этой статье я хочу рассказать о том, как создать сайт в блокноте, так сказать с чистого листа. Скажу сразу и прямо что для новичка сделать сайт с чистого листа в блокноте очень сложное дело, которое за частую остаются только попытками. Потому что, когда люди хотят сделать сайт в блокноте начинают изучать языки программирования такие как HTML, PHP и т.д. то понимают, какой большой объем информации предстоит изучить, для того, чтобы все это дело привести в соответствие, то есть сделать сайт.
Однако я опираясь на свой опыт, могу сказать что если не останавливаться и постепенно творить (писать свой сайт в блокноте) то обязательно сможете его сделать и за одно можете стать очень успешным вебмастером владеющим языками HTML и PHP.
И так, давайте подробнее напишу о том, как создать сайт в блокноте…
Как создать сайт в блокноте
Для начала, давайте вообще разберем как это все происходит, для полного понимания процесса, а потом закончим обсуждать тему деталями.
В первую очередь посмотрите, как видят мой сайт поисковые системы и браузеры: Для этого достаточно нажать сочетание клавиш CTRL+U.
Из картинки можно сделать вывод, что мой сайт это совокупность кодов, которые воспроизводят браузеры. Каждый знак, каждое сочетание языка HTML определяют дизайн сайта, размеры шрифтов, порядок расположения контента на блоге и т.д. и т.п. и пр.
То есть, мы пишем определенный код а браузер понимает этот код, считывает и воспроизводит его уже визуально. Другими словами, то что Вы сейчас видите текст, картинки, разметку сайта, все это определенные коды, которые успешно считал Ваш браузер и показал Вам визуально.
Такие коды пишутся в блокнотах, а для удобства в специальных HTML-редакторах. Какие редакторы лучше всего использовать при написании сайта, мы по говорим в следующих статьях, поэтому чтобы не пропустить статью подпишитесь на обновления блога.
Чтобы успешно написать сайт нужно изучить языки веб программирования и выставить в том порядке, в котором Вы хотите видеть свой блог (разметку, свет фона, структура сайта и т.д.)
Лучше всего подходят для изучения кодов веб-программирования это учебники по HTML, они дают первое представление о структуре сайта и основных кодах. Это база которую должен знать каждый уважающий себя вебмастер.
Здесь я для Вас приготовил пару учебников, которые Вы должны будете изучить, если хотите понять как создать сайт в блокноте или другом веб редакторе.
СКАЧАТЬ КНИГУ ПО HTML
Схема составления сайта очень проста, но написать сайт в блокноте это половина дела, теперь нужно будет загрузить их на хостинг и привязать к вашему хостингу домен.
Таким образом порядок действий будет таковым, пишите сайт в блокноте, приобретаете домен и хостинг и все эти три элемента соединяете в единую систему.
Процесс создания сайта в блокноте мы разобрали, теперь давайте поговорим о том, что лучше использовать готовые движки или писать сайт с чистого листа.
Плюсы и минусы создания сайта с чистого листа
Я лично признаюсь, что мой сайт, а точнее блог находится на готовом движке, а точнее на движке «WordPress», у меня самого имеется некоторые знания в языках веб программирования, и по своему усмотрению я уже готовые коды редактирую под себя. Как создать блог на WordPress вы можете почитать тут.
Готовые движки обеспечивающие работу сайтов очень удобны и не требуют от вебмастера больших знаний языков программирования, достаточно азов, которые позволят редактировать слегка уже готовый код, структура сайта и его дизайн уже готовы.
Вместе с этим, готовые движки имеют много лишнего и грязного кода, имеется достаточно дыр, которые негативно сказываются в последующем в продвижении в поисковых системах, также имеются проблемы с безопасностью.
Написание с чистого листа, позволяет самостоятельно написать правильный код, без всяких ухищрений что влечет за собой чистоту кода, а это в свою очередь хорошо влияет на поисковое продвижение. Опять же, все зависит от уровня вебмастера пишущего код для сайта.
Я это привел это сравнение для того. чтобы вы решившись создать сайт в блокноте с чистого листа или на готовом движке понимали с чего лучше начать и имели представление об всем этом.
И так, создать сайт в блокноте означает, что Вы с самого начала изучаете все коды веб программирования и пишите их в блокноте, создание сайта на готовом движке означает загрузка готовых файлов с кодами на хостинг, без глубоких знаний кода.
Я лично считаю, что новичку следует начинать создание своего сайта или блога с готовых движков, это позволяет сосредоточится на заполнении сайта контентом и продвижении его в поисковых системах, а начиная создавать свой сайт с чистого листа, вы рискуете так и не создать свой сайт, так как изучить нужно будет очень много тонкостей для того, чтобы создать свою первую страницу, а это может очень сильно помешать Вам при воплощении своих намерений.
Подробнее как создать сайт самому на готовом движке Вы можете почитать здесь, я в этой статье полностью расписал что и как нужно делать, особых сложностей для создания своего сайта не возникает.
Ну а у меня на сегодня все, до новых встреч в новых статьях, уважаемые друзья! Теперь Вы знаете как создать сайт в блокноте с чистого листа и знаете как создать свой сайт самому уже на готовом движке. Выбор за Вами…
С уважением, Сергей Иванов
Сайт с чистого листа сделать было бы полезно и интересно — я заметил что они выводятся в поиске выше (вот только сложное это дело — уже делал несколько попыток…).
И остановился на том, что просто для системы управления контентом шаблон написать также будет круто.
Юрий хотел оставить комментарий на твоем блоге, но форма комментариев просит вести 4500 знаков, что-то очень многовато))))
Увидел себя на блоге, очень понравилась задумка!
Хм… Не могу поверить — минимум 100 знаков должно отправляться — тем более, другие же люди отправляют как-то…
Вот Юрий, я пишу комментарий причем не маленький, а мне с низу выходит сообщение осталось 4340 знака))) Кнопка отправить не нажимается
С какого браузера наблюдается эта проблема?
Дело в том, что реально — посмотри комментарии — у всех они от 100 знаков (максимально наверное 4500).
Кнопка должна нажиматься однозначно — при любом количестве знаков — если символов меньше 100 — то напишет что мало знаков, если же символов большее 4500 — то напишет что нужно удалить часть текста.
Кстати, Андрей, у тебя пропала (или её небыло?) favicon — вместо нее пустое место… Тоже было бы классно поправить… Коммент удали при модерации — просто не хотел писать в обратную связь.
Я знаю что нету, я просто думаю все какой фавикон себе придумать (после смены дизайна), мысли в голову не приходят. Фавикона нет не от незнания, а от того, что сейчас обдумывается его идея. Спасибо Юрий
Ранее была аббревиатура АМ
Все понял по пробую
Так его нужно поставить, любой — однозначно (потом изменить — у меня кстати тоже нет пока…) — а то у меня сайты в закладках — и искать нужный сайт сложно среди многих, когда иконки нет..
Ну, это мое мнение…
Договорились, сегодня же поставлю)
Вижу, красота уже стоит! Я кстати себе «Й» тоже поставил — а то и у меня пусто было…
А при помощи чего реализовали фавикон?
Да просто открыл фотошоп, накалякал там кистью букву, сохранил.
Ну а сейчас уже понимаю, что можно было делать иконку любого размера, и более качественную (не 16*16 пикселей) — а потом просто в тегах указать, что это изображение jpg или gif — и тогда поисковики и браузеры также будут обрабатывать корректно.
Я тоже особо не заморачивался. Накалякал в фотошопе буквы PS, неплохо так получилось.
Особенно если ещё прочитать книгу «Отзывчивый веб-дизайн», которую ты советовал.
Я книжку прочитал, делать научился — но вот такая штука, что реально мне не получается полностью с нуля создать сайт на php чтобы он не был дырявым, да еще и не грузил базу данных лишними запросами.
Я фактически был поклонником вордпреса, но когда уже начал работать с джумлой, то понял как там просто реализован функционал. И начал уже работать с этой системой.
При попытке создать свой шаблон с нуля обломался на том, что нужно же делать чтобы все красиво было — в любой теме дизайнерами это продумано, и гармонично налаживается слой на слой… Я же не художник… Но вот, если бы например кто-то дизайн сделал в PSD — во всех проекциях адаптивности, то думаю благодаря книге Отзывчивый веб дизайн (о котором я говорил) — думаю создать адаптивный дизайн было бы не проблемой.
С тем, с чем я столкнулся — это переменные в джумле — нужно знать все переменные, какие выводят те или иные элементы — и тогда можно было бы делать все самому… А я пока теряюсь…
Нужно стараться Юра, все получится. Я лично не парюсь и если у меня возникает какая-то мысль я просто иду к фрилансером, объясняю все и через некоторое время получаю это себе на блог без парки.
С фрилансерами конечно проще — но и по карману наверное бьет довольно серьезно.
Я себе так думаю, что вот будет у меня хотя бы 500 статей — тогда действительно придется пересмотреть дизайн, заказать макет, и уже по нему сверстать код — правда времени уйдет даже не представляю сколько.
Но ты прав, Андрей — глаза бояться, а руки делают — начинаешь делать, и по шагам решать появляющиеся проблемы, и все становится на свои места.
Что же касается шаблона — пришел к тому, что классно бы свой сделать, но, намного проще любой шаблон с стандартной типографией переделать уже под себя (внешний вид) — и при желании все стили, классы назвать по своему, чтобы сделать тему полностью уникальной как сверху, так и изнутри…
Я же всегда когда начинал что-то делать — то начинал с того, что сидел и в блокноте делал сразу готовый код.
А по технологии для того, чтобы верстать сайт с «нуля» в блокноте нужно первым делом нарисовать PSD — что и где и как выглядеть будет, и уже на основе этого намного проще подгонять стили…
Юрий, правильно говорят «глаза боятся-а руки делают» и должна заметить у тебя это отлично получается. Я о Joomla даже и не думаю, уже в WordPress освоилась.
Если вы просто хотите научиться создавать сайт и написать сайт самому, то изучите все нужные языки программирования и практикуйтесь на создании маленьких сайтов. Но разумнее не тратить время и создать один интересный сайт и зарабатывать на нем деньги.
вполне согласен
Если вы просто хотите научиться создавать сайт и написать сайт самому, то изучите все нужные языки программирования и практикуйтесь на создании маленьких сайтов. Но разумнее не тратить время и создать один интересный сайт и зарабатывать на нем деньги.