Как создать собственный сайт - самостоятельное создание веб сайта

Тема в разделе 'Разработка сайтов - интернет магазины, визитные карточки', создана пользователем Bizball, 15 авг 2012.

Loading
ad_thread_view_above_messages
  1. Bizball Administrator

    На форуме с:
    21 июн 2012
    Сообщения:
    721
    Симпатии:
    23
    ad_message_body
    Делаем первый сайт: создание веб сайта самому

    [IMG]Самостоятельное создание собственного сайта: делаем первый сайт своими руками

    Когда я только-только знакомился с интернетом, использовал его, как источник информации и развлечений, мне и в голову мысль не приходила, как устроена сама сеть… знал слово веб САЙТ, а как это и куда… бррр… увольте! :) Был без понятия. Как всегда, жил, учился, занимался бытовыми делами… Но то и дело, видел и слышал: “Создаем веб сайты, недорого!”, “Язык программирования HTML”… Чуть ли не в судороги бросало от таких заявлений. Другими словами, создать веб сайт – для меня это было сверх возможностью. Считал, что на это способны лишь опытные программисты, как минимум, лет десять отсидевшие пред собственными мониторами и имеющих огромные линзы, почти вместо глаз… :)

    … Шло время, а убивать свой стереотип создания веб сайтов я не спешил еще лет пять… Свершилось таки чудо! Прекрасным темным и дождливым днем, страдая от вечной скуки, запустил простенький HTML-редактор FrontPage и… сконструировал свою первую HTML страничку. Собрал, проще говоря, а программа за меня прописала HTML код. Открыл… работает! Мне понравилось :) С того дня, я только что и делал, это составлял различные комбинации текста, картинок, фотографий и просто публиковал себе это все на жесткий диск, с которого потом запускал и наслаждался сотворенным. Все это дало мне огромный стимул и я решил создать нечто большее, чем простецко-позорную страничку и выложить ее в интернет, то есть, создать полноценный веб сайт. Пытался самостоятельно заниматься веб-дизайном, графикой и оформлением… Примерно то же самое получалось у детей из детского сада… :) Пришел к простому и эффективному выводу – использованию готовых шаблонов. Это был прогресс. Подобрав красивый шаблон, открыв его редактором, я его немного подкорректировал и выкинул в сеть, на бесплатный хостинг Narod.yandex.ru (о котором, кстати, я узнал еще года через два), придумал свое собственное доменное имя третьего уровня и запустил уже через сервер он-лайна. Счастью не было границ :) У меня есть созданный веб сайт! Теперь, думал я, можно хвастаться друзьям и другим людям о том, что у меня есть собственный веб сайт, сделанный лично мной! Мелочь, а приятно :) Так погиб мой стереотип о невозможности и сверхъестественности не только в создании веб сайтов, а вообще во всем, что есть. Уже со временем, месяц за месяцем, год за годом, я начал вникать в саму структуру HTML кода и писать его чисто в блокноте. Но до сих пор, открою маленькую тайну, все свои сайты, я делаю исключительно в редакторах :) И только потом, корректирую в блокноте. Мало того, что это удобно, так еще наглядно и приятно, нежели тупо строчить надоедающие символы программного языка… Собрал конструктор – проверь код. Все отлично? Запускаем! :)

    … Какой из всего этого можно сделать вывод: повторяю в сотый раз – создать свой веб сайт может абсолютно любой человек, не зависимо от того, знает он HTML или нет! Плюс, не пренебрегайте ценным советом – обзаведитесь любым наглядным HTML редактором, типа Web Page Maker, облегчите себе жизнь и улучшите настроение в процессе своих деяний!

    Многие говорят, что HTML-редакторы – враги человека, запихивают в код столько постороннего хлама, который так негативно влияет на отображение и загрузку страницы… 90% сказанного – бред. Остальные 10% хлама, действительно, но не всегда, могут присутствовать… Тем не менее, максимум на что все это безобразие может повлиять, так это на скорость загрузки страницы. Допустим, “чистая”, написанная в блокноте – 1 секунда, “с примесями”, причем не значительными, созданная в редакторе – 1.25 секунд. Согласитесь, смешное отличие… :)

    Теперь, перейдем непосредственно к практической части… Все же, редакторы имеются не у всех, но попробовать хочется многим… :) В данной части мы рассмотрим сам HTML код, прописывая его в блокноте, а так же, ознакомимся с обязательными частями любой страницы, ибо в случае с HTML редактором, думаю необходимости в этом не потребуется (конструктор хоть все умеют собирать?!)…

    Разделим урок на две части:

    1) Создание веб сайта с нуля – пишем код вручную;
    2) Создание веб сайта по шаблону – не пишем код, а лишь меняем текст в готовом шаблоне ;)

    1) Сайт с нуля: создание веб сайта в блокнтое
    Что делать, если нет ни учебников (при желании, можно найти здесь), ни желания его читать, ни редакторов… есть только старенький Windows 95 и обычный блокнот… Блокнот – это сила ;) Как же мы будем его использовать для создания веб сайтов…

    1. Просто открываем, зайдя в пуск ->программы ->Стандартные ->Блокнот;
    2. Открыли? Уверен, Вы смогли это сделать. Пишем:

    HTML:
    <html>
    <head>
    <title>Добро пожаловать в куда-нибудь</title>
    <meta name="description" content="Эта страничка посвящена мне…">
    <meta name="keywords" content=" куда, нибудь, добро пожаловать">
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
    <META name=author content="Фрэд Дарст">
    <META name=copyright content="Copyright Krevedko">
    <META name=revisit-after content="14 days">
    <META name=distribution content="Global">
    <meta name=rating content="general">
    </head>
    </html> 
    Написали? Сохраняем, задав например имя – Krevedko, не забыв указать расширение *.html, то есть, целиком файл должен выглядеть так: Krevedko.html Сохранили, запускаем и что мы видим… о ужас… Ничего! :) Зачем же так много писали… Поясняю: то, что мы сейчас сделали является обязательной частью каждого создаваемого веб сайта, так сказать, “база”. Теперь поясняю, что есть что:

    HTML:
    <html> - просто начало кода, как открывающаяся кавычка… 
    HTML:
    <head> - “голова сайта”, макушка то есть, начало… 
    HTML:
    <title>Добро пожаловать в куда-нибудь (А если еще точнее, здесь вписываются ключевые слова для продвигаемой страницы)</title> - название страницы, заголовок, то что можно увидеть в самом верху в панели Вашего браузера. Этот же заголовок используется и при случае поиска Вашего сайта через поисковую систему. 
    HTML:
    <meta name="description" content="Эта страничка посвящена мне…"> - по сути, этот тег не так давно умер… предназначался для вывода заголовка страницы. Но используется по сей день. Здесь желательно вписывать дополнительное описание страницы с использованием ключевых слов.
    HTML:
    <meta name="keywords" content=" куда, нибудь, добро пожаловать"> - аналогично предыдущему. Предназначался для поисковых машин в целях указания ключевых слов, через запятую. Тем не менее, так же используется по сей день. Если в title мы оформляем красиво все, то здесь просто через запятую точные вхождения ключевиков.
    HTML:
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> - очень частая ошибка новичков. Тег, отвечающий за отображение текста на странице, его кодировка. Если не указать – весь Ваш написанный текст будет отображаться красивыми и непонятными каракулями и символами, не доступными для чтения. 
    HTML:
    <META name=author content="Bizball"> - тег, отвечающий за права создаетеля. Другими словами, в нем Вы указываете свое имя. 
    HTML:
    <META name=revisit-after content="2 days"> - время, через которое поисковик будет обновлять Вашу страничку на предмет чего-то новенького… ключевых, слов, самого контекста… 
    HTML:
    <META name=distribution content="Global"> и <meta name=rating content="general"> - дополнительные команды для поисковых систем, указывающие более точные сведения о странице. 
    С тегами разобрались… Идем дальше, вставляем текст, таблицы и картинки…

    3. Пишем дальше… Обращаем внимание на перестановку тега </html>
    Вставляем невидимую таблицу, в которой будем размещать текст (на будущее, каждый сайт состоит из множества разбитых таблиц):

    HTML:
    <html>
    <head>
    <title>Добро пожаловать в куда-нибудь</title>
    <meta name="description" content="Эта страничка посвящена мне…">
    <meta name="keywords" content=" куда, нибудь, добро пожаловать">
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
    <META name=author content="Фрэд Дарст">
    <META name=copyright content="Copyright Krevedko">
    <META name=revisit-after content="14 days">
    <META name=distribution content="Global">
    <meta name=rating content="general">
    </head>
    [COLOR=#008000]<table border="0" width="100%" cellspacing="0" cellpadding="0">[/COLOR]
    [COLOR=#008000]<tr>[/COLOR]
    [COLOR=#008000]<td width="100%">Моя первая страничка с[/COLOR]
    [COLOR=#008000]собственным текстом!</td>[/COLOR]
    [COLOR=#008000]</tr>[/COLOR]
    [COLOR=#008000]</table>[/COLOR]
    </html> 
    Сохраняем, смотрим… Получилось? Думаю, что да J Таким образом, весь будущий сайт разбивается на несколько таблиц, для более корректного его отображения. В одной написано одно, в другой – другое, в третьей стоит картинка например…

    4. Вставляем картинку в существующую таблицу… Для этого, желательно соблюдать порядок расположения файлов в папке, то есть, там где будет Ваша страничка Krevedko.html (которая, по всем правилам, если будет являться главной, должна называться index.html), в корневой директории, создать еще одну папку, например images и в нее записать картинку, допустим kartinka.jpg Указываем ее месторасположение в таблице, как images/kartinka.jpg следующим образом:

    HTML:
    <html>
    <head>
    <title>Добро пожаловать в куда-нибудь</title>
    <meta name="description" content="Эта страничка посвящена мне…">
    <meta name="keywords" content=" куда, нибудь, добро пожаловать">
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
    <META name=author content="Фрэд Дарст">
    <META name=copyright content="Copyright Krevedko">
    <META name=revisit-after content="14 days">
    <META name=distribution content="Global">
    <meta name=rating content="general">
    </head>
    [COLOR=#008000]<table border="0" width="100%" cellspacing="0" cellpadding="0">[/COLOR]
    [COLOR=#008000]<tr>[/COLOR]
    [COLOR=#008000]<td width="100%">[COLOR=#333399]<img border="0" src="images/kartinka.jpg"[/COLOR] width="260" height="300">Моя[/COLOR]
    [COLOR=#008000]первая страничка с собственным текстом!</td>[/COLOR]
    [COLOR=#008000]</tr>[/COLOR]
    [COLOR=#008000]</table>[/COLOR]
    </html> 
    Сохраняем, смотрим и наслаждаемся полученным…

    Таким образом, “клеим” всю страничку целиком, делая ее из таблиц, текста и картинок. Дал лишь общую схему, для общего понятия, подробности, сможете прочитать в HTML-учебнике. Просто? Если честно, скажете – не очень… Еще бы J На то и придуманы HTML-редакторы…

    Для создания более сложных конструкций, потребуется и большее количество HTML кода, больше трудностей и тонкостей… Кому как, а писать сайт вручную лично для меня – бредовая идея. Это то же самое, что идти пешком из Новосибирска в Москву, не воспользовавшись для этой цели собственным автомобилем, который тихо и мирно только и дожидается Вас в своем гараже… Вот так вот.

    2) Создание веб сайта с использованием готового шаблона
    Данный способ намного проще и по сути своей, напоминает тот же конструктор, только здесь ничего писать и менять не надо в цифровом коде… Меняется только текст и ссылки, то есть – содержание страницы. Делается это совершенно просто, без знаний HTML, без редактора, в блокноте, через готовый шаблон сайта. Скачать десяточек из них Вы можете при помощи поисковых систем, благо искать долго не придется, сайтов таких навалом.

    Вывод: узнали о двух основных способах создания сайта – ручная прописка в блокноте, лишь замена данных в блокноте при помощи готового шаблона сайта и посредством программы-генератора. Совсем новичкам, рекомендую все же начинать с генераторов, они более просты, понятны и удобны. Для тех, кто уверен в своих силах, может попробовать свои знания, смекалку и хитрость в случае с шаблоном. Ну а кто совсем профессионал – пишите сайт вручную :)
  2. Mr.Adver Статус

    ad_message_below
  3. Bizball Administrator

    На форуме с:
    21 июн 2012
    Сообщения:
    721
    Симпатии:
    23
    Буду периодически дополнять материал, чего и вам советую. :)

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

    Свой сайт – это очень хорошая возможность начать зарабатывать в Сети. Ведь сайты приносят их владельцам большой и стабильный доход (виды заработка на сайте).

    У многих людей есть такая мечта – сделать сайт, но не все решаются её осуществить. Ведь, по их мнению, создание сайта это очень сложно, надо быть супер программистом, знать языки программирования и т.п. Всё вовсе не так!
    Конечно чтобы сделать сайт и успешно его раскрутить необходимо получить знания в следующих областях:

    Если Вы хотите быстро и легко получить эти знания и начать сами создавать сайты, то я Вам настоятельно рекомендую обратить внимание на видеокурсы (их очень много в интернете, бесплатных, на YouTube). По окончании обучения Вы получите не только знания о том, как создаются сайты, графика и т.д., но и готовый к работе сайт, в котором нужно только изменить дизайн (при этом Вы будете досконально знать как этот сайт устроен).

    Если у Вас нет желания разбираться с языками программирования для создания сайтов, то я хотел бы Вам порекомендовать способ создания сайта с помощью "конструктора" сайтов- Joomla. С помощью этого способа любой новичок сможет легко построить свой сайт (как самый простой, так и большой профессиональный интернет-портал). Wordpress еще проще.

    Чтобы самому создать сайт нужно, во первых желание, во вторых время, в третьих – идея, потому что если у вас нет идеи касательно тематики вашего будущего сетевого ресурса, то нет смысла что-либо начинать. Что бы найти идею - вперёд в поисковики! Надо идти в интернет в поисках такого сайта, чья тематика вам будет по душе и вам захочется создать, что то похожее. Главное – это идея, а всё остальное – придумается в процессе.

    Каким же должен быть сайт?

    Если Вас привлекает, например, Flash-анимация, то я Вам рекомендую ознакомиться с видеокурсами по флеш анимации.

    Давайте сначала подумаем о конечной цели существования сайта: обычно цель заключается в том что ресурс (сайт) нужен для принесения (получения) какой-либо прибыли. От этого и будем исходить. То есть, прежде всего, нужно заинтересовать клиента своим порталом, сделать так, чтобы он не ушёл с сайта в течение первых нескольких секунд, ведь многие посетителей отказываются от просмотра сайта в первые секунды. Это вызвано либо слишком большим количеством различной надоедливой рекламой, либо неудобными, непонятными пунктами меню. Но если посетитель все-таки остался на ресурсе, то тогда нужно показать ему весь перечень услуг компании, а также любовь компании к клиенту. Если сделать сайт правильно, то клиент забудет о ваших конкурентах, и сделает заказ в вашей компании.

    Давайте выясним, что же все-таки заставляет удержать клиента на страницах привлекательного сайта? Это ощущение комфорта! Когда посетители попадают на страницы вашего интернет-портала, они должны получить самую важную и нужную им информацию за короткий период времени.
  4. Sakura Member

    На форуме с:
    24 апр 2013
    Сообщения:
    39
    Симпатии:
    1
    Самостоятельное создание сайтов - отличное умение, которое может приносит заработок как при раскрутке собственных сайтов, так и при создании их кому-то по заказу. При этом подобной работой можно заниматься дома, то есть быть фрилансером - свободным работником.
  5. Violetta New Member

    На форуме с:
    2 май 2013
    Сообщения:
    16
    Симпатии:
    0
    В интернете можно найти множество инструкций которые без проблем помогут создать вам сайт с нуля, даже есть сервисы способствующие этому, достаточно лишь нажимать в нужные места - но все это не то, чтобы действительно создать что-то толковое, нужно это сделать самому, вот допустим создание сайтов через блокнот самое адекватное решение, не через сервисы и различные редакторы, а именно через простой стандартный блокнот, либо какой-то с светом тегов.
  6. Roman Member

    На форуме с:
    24 апр 2013
    Сообщения:
    37
    Симпатии:
    0
    По своему опыту могу сказать, что большинство людей считает создание сайтов чем-то очень сложным и что подобным могут заниматься только супер умные программисты. Но миф понемногу этот развеивается. Информации о том как создать веб сайт самостоятельно очень много в интернете. Следуйте рекомендациям, которые изложены в статье и все у вас получится. Кстати, есть и обучающие ролики в ютюб.
  7. Натэлла New Member

    На форуме с:
    3 май 2013
    Сообщения:
    19
    Симпатии:
    0
    Вот смотрю я на это программирование в котором ничего не понимаю, а мне говорят что все так просто. Неужели создать сайт своими руками это так элементарно? Или просто авторы статей лукавят и считают всех такими же умными и продвинутыми в программировании как и они? Что скажете?
  8. fresh New Member

    На форуме с:
    24 апр 2013
    Сообщения:
    28
    Симпатии:
    1
    Проводил статистику среди друзей и знакомых, так вот оказалось, что процентов 40 заказывали себе готовый сайт, 40 сделали сами, используя конструктор сайтов, а 20 сделали сами, но с помощью программистов. В общем, народ развивается и не ленится уже попробовать создать свое "детище" самостоятельно.
  9. Александр Козырев New Member

    На форуме с:
    5 апр 2014
    Сообщения:
    6
    Симпатии:
    0
    Полностью готовый сайт + интернет-магазины
    24 готовых сайта под ключ
    Бизнес + готовый сайт!!! Детальная инструкция по запуску проекта!!!
    Бизнес + готовый сайт!!! Детальная инструкция по запуску проекта!!! Абсолютно готовая бизнес-идея!!! Неисчерпаемые ресурсы!!!
    РОБОСАЙТ. 5 сайтов, готовых сразу зарабатывать тебе деньги!
    Робосайт - это сборка сайтов из 5-и самых прибыльных ниш! Это 5 ГОТОВЫХ сайтов с контентом, рекламой, партнерскими ссылками
    Готовый сайт анимированных gif-картинок
    Готовый сайт анимированных gif-картинок. Отличный сервис для привлечения посетителей с поисковиков.
  10. Александр Козырев New Member

    На форуме с:
    5 апр 2014
    Сообщения:
    6
    Симпатии:
    0
    100 ГОТОВЫХ САЙТОВ И РЕСЕЛЛ-КОМПЛЕКТЫ
    100 готовых сайтов смс сервисов, 10-продающих страниц, 10-реселл-комплектов всё с правами перепродажи, спешите предложение ограничено!
    Комплект "Готовый бизнес под ключ" + готовые сайты с видео + готовая авторассылка+ права перепродажи
    Этот комплект для тех, кто хочет начать зарабатывать реальные деньги уже сегодня.Ты будешь получать стабильные деньги из Интернета
    Готовый сайт который приносит деньги!
    Готовый информационный бизнес за час!
    Готовый сайт приносящий прибыль, за час! После оплаты Вы получаете: Готовый сайт ( интернет магазин по продаже цифровых товаров

    Автоматизированный мини-сайт, который зарабатывает деньги на автопилоте.
    Готовый информационный бизнес за час!
    Готовый сайт приносящий прибыль, за час! После оплаты Вы получаете: Готовый сайт ( интернет магазин по продаже цифровых товаров и не только подробности внутри
    Комплект из готового сайта и 36 инфопродуктов с правами перепродажи
    Готовый инфобизнес "под ключ" - комплект из 36 инфопродуктовс правами перепродажи + готовый продающий сайт с инструкцией
    20 Готовых продающих сайтов "Landing Page"
    Полностью готовые и сверстанные продающие сайты. Прекрасная возможность быстро запустить тот или иной товар. Без знаний HTML
    !!!!!!!Готовый сайт на wordpress !!!!!!!!
  11. Александр Козырев New Member

    На форуме с:
    5 апр 2014
    Сообщения:
    6
    Симпатии:
    0
  12. Александр Козырев New Member

    На форуме с:
    5 апр 2014
    Сообщения:
    6
    Симпатии:
    0
    +++ "Готовый сайт за 1 час!.." +++
    Простое и пошаговое руководство, которое поможет Вам создать свой первый сайт уже сегодня! ВНИМАНИЕ! Это товар с ПРАВАМИ ПЕРЕПРОДАЖИ!
  13. CREATIVE_AXE New Member

    На форуме с:
    20 фев 2014
    Сообщения:
    2
    Симпатии:
    0
    Не понимаю, зачем в наше время платить деньги за создание сайта программистам, дизайнерам, верстальщикам... если можно сделать сайт самому и бесплатно.
    Я сделал свой сайт на этом сервисе бесплатно Setup.ru — бесплатный конструктор сайтов, создать сайт бесплатно, раскрутка сайта бесплатно спустя 3 месяца он занимает ТОП-1 в Яндексе и Google по высокочастотному запросу, спустя 4 месяца в Яндексе этот сайт ТОП-1, ТОП-2, ТОП-3 по этому же запросу.
    Создал сайт за 2 дня.
    Так что нечего платить за это другим людям большие деньги.
  14. workoni Member

    На форуме с:
    24 сен 2017
    Сообщения:
    49
    Симпатии:
    0

ad_thread_view_below_messages

Поделиться этой страницей

ad_below_bottom_breadcrumb