Сайт с нуля

Опубликовано mobilekid - вт, 27/11/2012 - 22:26

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

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

Но если вы читаете данную статью, то видимо вы тоже хотите свой сайт создать сами, но не знаете, видимо с чего, начать, но ничего страшного, в этой статье вы всё узнаете.

В первую очередь я советую вам выучить HTML (от англ. HyperTextMarkupLanguage — «язык разметки гитпертекста»). Благодаря нему вы сможете осуществлять разметку на сайте (другими словами, сделаете чертеж, где и что должно стоять, только чертёж будет выражен кодами). Язык довольно лёгкий в обучении, при огромном желании вы сможете его выучить за неделю.

Структура HTML:

<!DOCTYPE HTML> /*определяет с какой версией HTML будем работать, в данном примере HTML5*/

<html> /*начало работы  с HTML*/

 <head>

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> /*определяем в какой кодировке будет наш текст*/

  <title>Пример веб-страницы</title> /*это для поисковых систем, по этому запросу наш сайт смогут найти*/

 </head>

 <body>/*всё что здесь находится, это будет отображаться в окне браузера*/

  <h1>Заголовок</h1>


  <p>Первый абзац.</p>

  <p>Второй абзац.</p>

 </body>

</html>

Дальше можно взяться и за сложнее задачку. Например, выучить следующий язык программирования – CSS (от англ. CascadingStyleSheets — каскадные таблицы стилей). С ним вы будете задавать или менять внешний вид сайта (это сравнимо с дизайнером на стройке, который решает, каким цветом, будет пол, какие обои будут поклеены и т.д.). Этот язык программирование будет тяжелее предыдущего. На обучение понадобиться около полугода. CSS как бы говорит браузерам, что и как должно выглядеть. Какой должен быть шрифт, какой цвет, где должны располагаться отдельные блоки вашего сайта.

Структура CSS:

/*id, class или имя блока*/

 {/*свойство которое хотите задать*/;}

Пример:

 div

{width: 500px;/*задаем ширину всем блокам div*/

 height: 100px; /*задаем высоту всем блокам div*/

 background: yellow; /*задаем желтый фон всем блокам div*/

}

Следующую технологию, которые должны освоить – это JavaScript. Именно им вы будете задавать «сценарии» объектам. Менять их свойства. JavaScript обладает колоссальными возможностями  в прямых руках. JavaScript пожалуй самый тяжелый язык в обучении. Для обучения его понадобиться не один месяц. Так как у него много библиотек (jquery, mootools, AJAX и пр.).

Возможности языка:

Анонимные функции;

Полная автоматика в сборке мусора и поведении типов;

Функции как объекты первого класса;

Интроспекация объектов.

Структура:

//Создаем массив

 var var1=new Array («Машина», «Трактор»);

//Создаем функцию, которая складывает переданные значения и возвращает результат

Function sum (a,b) {

return a+b;

}

//Вызовем функцию и запишем результат в переменную с

C=function (4,10);

На этом пока всё, учите, не ленитесь и вы достигните многого.