Jump to content
  • 0

Инструкция, создания сайта

werwen

Asked by werwen,

 Share

Question

werwen Explorer

werwen

Posted
Posted

Доброго времени суток, форумчане. Есть желание создать сайт, но проблема в том, что не знаю с чего начать. Интересует, такой вопрос, как начать грамотную разработку сайта? С чего начать лучше? База данных? CMS? А может, с самого HTML?

Link to comment
Share on other sites

37 answers to this question

Recommended Posts

  • 0
werwen Explorer

werwen

Posted
  • Author
Posted (edited)

Идея есть. Вопрос в реализации. Что сначала? Не понимаю, всю цепочку. Сначала сверстать сайт? Потом, залить на хостинг? А потом, уже писать PHP и базу данных?

Edited by werwen
Link to comment
Share on other sites
  • 0
werwen Explorer

werwen

Posted
  • Author
Posted (edited)

Все.Совсем меня запутали) С созданием сайта, вроде как разобрался. А как насчет динамических, или как правильно, элементов? Типа гостевой книги и почты? нужно самому CMS писать?

В моем понимании были, создание сайта, потом туда просто вставлять php обработчик, для базы данных.

Edited by werwen
Link to comment
Share on other sites
  • 0
Bobikys Explorer

Bobikys

Posted
Posted (edited)

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

кстати прочитывая хтмл практику тут я читал спецификацию по хтмл 4.01 и ща читаю книженцию по цсс2.1

Edited by Bobikys
  • Like 1
Link to comment
Share on other sites
  • 0
madhed Explorer

madhed

Posted
Posted

Этапы выглядят примерно так:

1. Идея сайта, для чего он нужен, кто целевая аудитория, что вы ждете от сайта (магазин, сайт-визитка, информационный сайт, блог)? На этом этапе удобно выбрать cms, если она нужна. (к примеру на сайт-визитку можно и не ставить cms, для блога подойдет Wordpress и т.п.)

2. Дальше нужно описать структуру сайта: что будет на главной? Какие будут пункты меню, какая информация будет по пунктам меню? Как будет представляться информация? (что в шапке, где меню, сколько колонок...)Собственно по возможности собрать информацию, которая будет изначально.

3. Теперь должен работать дизайнер, которому рассказывают предыдущие 2 пункта... предоставляют логотип (если есть, если нет - заказывают у него же)

4. Далее работа верстальщика, который взяв в руки макет делает из него html, css и js код.

5. Потом приступает к работе программист (если выбрана cms, если нет - то пропускаем пункт), который натягивает верстку на движок cms

6. Параллельно с 5тым пунктом ищется хостинг для сайта, он так же зависит от выбранной cms.

7. Сайт заливается на хостинг и начинается заполнение сайта информацией. СЕО оптимизация и раскрутка.

Начиная с 4 пункта с кодом должен работать и тестер, который проверяет работоспособность кода, соответствие дизайну и изначальной идее сайта.

На самом деле достаточно вбить в поисковик, и выдаст еще 57миллионов вариантов)

  • Like 2
Link to comment
Share on other sites
  • 0
werwen Explorer

werwen

Posted
  • Author
Posted (edited)

Благодарю! Очень, развернутый ответ. Этапы создания сайта, понятно. А вот для чего нужна, база данных? Xранить странички .html, .php? А сам php , получается можно внедрить в страничку .html и просто поменять расширение? Насколько, я знаю, .html , не понимает .php.

И еще один вопрос. Какую CMS, лучше выбрать, для корпоративного сайта?

Edited by werwen
Link to comment
Share on other sites
  • 0
werwen Explorer

werwen

Posted
  • Author
Posted (edited)

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

Edited by werwen
Link to comment
Share on other sites
  • 0
npofopr Trainee

npofopr

Posted
Posted

Просто в гугле этот вопрос находится за считанные секунды.

Думаете кому то хочется отвечать на нудные вопросы, по 100500 раз на дню? Такие вопросы как ваш, повторяются с завидной периодичностью на многих форумах.

Почему кто то должен за вас искать вам информацию? Давать вам ссылки, где можно прочитать подробнее?

Когда я начинал, я никого не спрашивал. Тогда и интернет был не тот. Зайдите в википедию, там все ответы на ваши вопросы.

Link to comment
Share on other sites
  • 0
werwen Explorer

werwen

Posted
  • Author
Posted (edited)

Просто в гугле этот вопрос находится за считанные секунды.

Во-первых, если вы предлагаете, все вопросы искать в гугл, тогда смысл, вообще этого форума? Во-вторых, выше просил, тех кто не может , не хочет, а еще хуже острит и язвит, в эту тему, просьба, не заглядывать! При всем при этом, Вы нарушаете первый пункт, культурного поведения, данного раздела форума.

Думаете кому то хочется отвечать на нудные вопросы, по 100500 раз на дню? Такие вопросы как ваш, повторяются с завидной периодичностью на многих форумах.

Почему кто то должен за вас искать вам информацию? Давать вам ссылки, где можно прочитать подробнее?

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

Когда я начинал, я никого не спрашивал. Тогда и интернет был не тот. Зайдите в википедию, там все ответы на ваши вопросы.

Я рад за Вас! Ну это вам не дает права кого-то оскорблять, принижать или показывать свое высокомерие. Дверь сзади Вас!

По делу, хотелось бы написать. За несколько последних дней, по наставлению , более опытных людей, пришел к такому заключению. Сперва создается сам сайт, состоящий из HTML, CSS , JavaScript и выбора CMS. После этого, стоит выбор, делать страницу динамической или нет. Если да, то весь контент, помещается в базу данных и при помощи PHP, создаются скрипты, для взаимодействия с базой данных. Кажется так)

Edited by werwen
Link to comment
Share on other sites
  • 0
eis Explorer

eis

Posted
Posted

Попробую привести пару примеров, возможно, станет понятнее.

HTML, CSS - статическая страница - ссылки, формы, кнопки. В общем верстка. (не беру во внимание выпадающие меню и другие интересные вещи создаваемые с помощью css)

JavaScript - придание странице HTML более живого виду посредством возможностей данной технологии. Для примера - перелистывающийся слайдер с картинками. Но все выполняется на стороне клиента, без обращения к серверу.

PHP - придание страницам динамичности изменения различных данных. Пример - вывести в отдельном блоке на сайте количество зарегистрированных пользователей. И когда новый пользователь будет регистрироваться на сайте, в данном блоке будет автоматически обновляться цифра. Здесь, правда будет взаимодействие с базой данных.

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

Link to comment
Share on other sites
  • 0
werwen Explorer

werwen

Posted
  • Author
Posted (edited)

Попробую привести пару примеров, возможно, станет понятнее.

HTML, CSS - статическая страница - ссылки, формы, кнопки. В общем верстка. (не беру во внимание выпадающие меню и другие интересные вещи создаваемые с помощью css)

JavaScript - придание странице HTML более живого виду посредством возможностей данной технологии. Для примера - перелистывающийся слайдер с картинками. Но все выполняется на стороне клиента, без обращения к серверу.

PHP - придание страницам динамичности изменения различных данных. Пример - вывести в отдельном блоке на сайте количество зарегистрированных пользователей. И когда новый пользователь будет регистрироваться на сайте, в данном блоке будет автоматически обновляться цифра. Здесь, правда будет взаимодействие с базой данных.

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

Благодарю, очень развернуто и понятно) я так, в принципе и представлял, на данный момент, эту картину) Теперь остается один, не большой момент, взаимодействие технологий. Создается HTML+CSS+JavaScript, все это добро, так сказать), натягивается на CMS. После этих "не сложных" действий, во всю эту конструкцию , можно внедрить PHP, которая будет иметь, непосредственное, соединение с базой данных. Надеюсь я правильно все понял и изложил?))

З.Ы. eis, хотел тебе поставить "+", но почему-то не могу.

Edited by werwen
Link to comment
Share on other sites
  • 0
Николя223 Explorer

Николя223

Posted
Posted (edited)

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

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

Edited by Николя223
Link to comment
Share on other sites
  • 0
werwen Explorer

werwen

Posted
  • Author
Posted (edited)

Так я же спрашиваю тех, у кого есть свободное время, кто не просит оплаты, за своевременную помощь, а у вас, не смею отнимать ваше драгоценное время)) лучше потратьте на решение, ваших лично, проблем ;-)

Теперь остается один, не большой момент, взаимодействие технологий. Создается HTML+CSS+JavaScript, все это добро, так сказать), натягивается на CMS. После этих "не сложных" действий, во всю эту конструкцию , можно внедрить PHP, которая будет иметь, непосредственное, соединение с базой данных. Надеюсь я правильно все понял и изложил?))

Edited by werwen
  • Like 1
Link to comment
Share on other sites
  • 0
eis Explorer

eis

Posted
Posted

werwen, да, Вы, практически, все правильно поняли.

Если Вы (или Вам) нарисовали макет-дизайн, его надо сверстать в HTML+CSS, плюс, по необходимости, добавить JavaScript.

Далее "натяжка" на готовую CMS. Вначале этого вполне хватит. Проект готов.

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

И в зависимости от Ваших потрбеностей, Вы либо используете готовые решения, либо пишите (на PHP как вариант) свое и добавляете в виде модулей в CMS.

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

В общем так.

Link to comment
Share on other sites
  • 0
werwen Explorer

werwen

Posted
  • Author
Posted (edited)

eis, Большое спасибо. Помог разобраться в этом вопросе. Теперь все, встало на свои места)

Kray Storm, Конечно это печально, ну что делать? Свободный рынок есть свободный рынок. Угрызения совести, по этому поводу, меня совсем не мучают)

Кто-то, мне, репутацию подпортил) Паразит, скажи мне, хотя бы, в лицо и объясни причину?

Edited by werwen
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing

  • Обсуждения

    • Nikker
      Дизайн сайтов, landing page, логотипов, баннеров, шапок | Высокое качество, по хорошей цене

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Nikker
      Брендовый дизайн в социальных сетях

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept