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

Создание сайта предусматривает использование специального кода HyperText Markup Language — «язык разметки гипертекста».
При создание сайта в книгах по HTML дают разнообразные методы написания WEB страниц,очень многие из них в настоящее время не используются,так как они уже морально устарели.

Но некоторые владельцы обучающих курсов, не спешат убирать их с продающих страниц. И приобщать широкие массы любителей WEB дизайна к новым стилям и методам построения сайтов.
С одной стороны зачем убивать «курочку» которая и так несёт золотые яички, а с другой знание HTML блогеру весьма нужны в повседневном ведении своих веб-ресурсов.И не только для создания сайтов.

Я хочу рассказать Вам о новых системах с применением CMS, при помощи которых сайт новичку, можно создать в считанные дни. Причём выглядить он будет современнее,чем при создании с  помощью «простых» методов.  А также дам ссылки на Авторитетные WEB ресурсы создающие сайты, чтобы Вы могли сравнить лёгкость их написания и построения.

Простейшая WEB страничка за пять минут

Но если хотите убедиться, что и у вас тоже что-то получится на этой стезе, можете попробовать свои силы не отходя от кассы,простите от компьютера. Для этого наведите курсор на:
->пуск —>все программы—>стандартные—>БЛОКНОТ — открываем блокнот и копируем всё, в той же последовательности,что на картинке внизу.

Или пишем вручную,при этом не забыв включить «английскую раскладку» вашей клавы…После того как проверили точность написания или копирования,жмём в левом верхнем углу —>ФАЙЛ—>сохранить как..

И тут самый ответственный момент-от него зависит увидите вы плоды своего труда или нет. Это правильно сохранить ваше первое творение. Во первых где сохранить? желательно всё же на диске С. Создайте заранее там папку и как нибудь назовите. Неважно как, лишь-бы вы знали что-там у вас.

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

Далее снова внизу, нужно будет быть повнимательнее,на самой нижней строчке так и остаётся ANSI  или другое неважно, в середине щёлкаем по стрелочке и выбираем-ВСЕ ФАЙЛЫ, а вот в верхней строке убираем *txt и пишем page.html -и жмём сохранить.

Теперь осталось зайти в диск С открыть папку и там увидеть файл с изображением картинки вашего браузера(тот что стоит у вас по умолчанию)Щёлкаем по ней два раза и видим результат своей работы.

Или не видим,но не огорчайтесь,вернитесь в начало и проверьте всё-ли вы сделали как мы описали.

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

Пример страницы

Базовые знания по вёрстке сайта

Как бы назвали опытные верстальщики наше произведение ?- на их языке мы сделали простейший шаблон страницы, или будущего сайта.Это как говорится намётки, а чтобы страница была полноценная к ней нужно подставить ещё много элементов.О них мы и будем сейчас с вами говорить.

• Вообще для создания HTML «письма», ну чтобы облегчить этот процесс, народ придумал кучу прибамбасов. Используют при написании программы, в которых знаки, ТЭГИ,скрипты и.т.д вставляются и вручную-когда нужно только «выбрать» и вставить и Автоматом-когда вы начинаете действие, а программа угадывает что вы хотите сделать и вас опережает, предложив вариант и вы можете задать корректировку, к этому действию. Эту программу под названием ТЕКСТОВЫЙ HTML РЕДАКТОР, можно скачать прямо сейчас на этой странице БЕСПЛАТНО.
  Для этого скопируйте эту ссылку и вставьте её в строку вашего любимого браузера:
  http://yadi.sk/d/KnKULh1q1C_o8

  Но как говорится нужно знать, что корректировать и как корректировать, а без знания основ HTML это не реально. Реально только за деньги заказать шаблон сайта(страницы) или самому разобраться, что и как делается и приступить к созданию или если хотите ТВОРЕНИЮ своего детища.

• Теперь поговорим о том, из каких элементов состоит HTML страница. Перво наперво, чтобы поисковая система нас нашла,пишется название сайта. Название включает в себя 5-6- слов на основную тему, о том что это за сайт. Второе это лицо вашего сайта- «оно» может быть в виде картинки,на которой размещены основные фрагменты того, что вы хотите сказать своим посетителям.Или в виде красивого фона с надписями на основную тему сайта. Третье и наверное самое основное это содержание страницы сайта т.е. контекст то что вы хотите до нас донести.
• Давайте теперь разберёмся со знаками какие мы накрапали на своей странице. Как уже было вскольз упомянуто то все HTML документы пишутся при помощи ТЭГОВ. Тэги в свою очередь бывают парные и не парные, открывающие и закрывающие. Тэги при написании заключают в такие<   > скобочки , а закрывающий Тэг имеет вот такую наклонную палочку -/-.И основная причина того что документ при написании открывается не так как мы задумали и заключается, в правильном  т.е  корректном написании этих палочек и крючочков. Но не будем о грустном-ведь у нас получилась первая в нашей жизни HTML страничка, а это главное и дальше мы с вами разберём все элементы правописания и будем шаг за шагом продвигаться к Нашей основной цели.
• Теперь чтобы не потерять основную мысль,узнаем методы написания,или производства картинок.Самым любимым приспособлением у WEB- дизайнеров всё-таки остаётся программа ФОТОШОП и её производные т.е комплектующие её программы, или дополнения к ней.Все они созданы для удобной и приятной работы,по созданию и конвертированию простой картинки с вашего телефона, фотоаппарата,или другого ресурса в WEB-изображение. Один раз приспособившись к этой программе вы будете часто к ней обращаться.
• Для создания различных графических дополнений к сайту, также можно воспользоваться :
  http://cooltext.com — создателем логотипов.Его можно бесплатно скачать как ZIP файл и распаковать себе в папку для работы.
• Верстка сайта так же включает в себя и расстановку элементов вашей WEB-страницы. Она заключается в установке элементов в удобных для читания и просмотра графических изображений местах и легкого перехода по страницам сайта- то есть НАВИГАЦИИ.При расстановке контекста,т.е. того что вы хотите нам донести, старайтесь чтобы он был прямо перед глазами,в центре страницы, это нужно и для раскрутки И тогда будет уверенность, что посетитель прочитает то что ему будет интересно, не поворачивая голову в правую или левую сторону. А рекламу которую вы поставите по сторонам,он увидит и боковым зрением.Ну это конечно если у вас сайт о любимой собачке, и вы хотите дать несколько советов по её воспитанию. А вообще, навигацию лучше ставить вверху, и слева и справа и по середине.
• В середине, между тэгами и пишется контекст.Если вы заметили, то я пишу буквы тэгов то с заглавной, то строчной буквы, так вот ВЕБ-браузер(поисковик) это воспринимает как нормально, то есть ему всё равно, с какой вы буквы написали с заглавной или нет- он приказ понял.А вот если вы при написании тэга поставите лишнюю скобку- < -, то он вам её вынесет на показ-она будет висеть, где-нибудь на середине страницы. Совсем будет хуже если вы её забудете поставить. В лучшем случае, он вынесет всю непрочитанную им строку на страницу,а в худшем вы не увидите ничего что написали или поставили в виде картинки.Я вам всё это так подробно описываю для того,чтобы вы знали -если вы что-то написали и не видите это на странице, то вернитесь и проверьте все палочки и крючочки и всё будет ОК.

Самым простым споcобом создания сайтов является CMS,или движок. Практически всё что я вам тут изложил при этом не нужно.Ну вот только создание ссылок при помощи html,но этому можно быстро научиться.