?

Log in

No account? Create an account

Previous Entry | Next Entry

Сайт с нуля

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

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

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

В первую очередь я советую вам выучить 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);

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

Recent Posts from This Journal

Календурь

December 2018
S M T W T F S
      1
2345678
9101112131415
16171819202122
23242526272829
3031     

В помщь читателям и PR-агентам

Мои данные:

Skype: mobilekid.ru


Этот блог состоит в каталоге
DMOZ

Этот блог порой попадает в
ТОП30 - Рейтинг блогосферы

Это мои посты в разных топах
.

Еще сомневаетесь? Загляните сюда!
Лучший движок для магазина

Рейтинг ведущих компаний по продвижению сайтов Брянска

kwork

А ЕЩЕ Я НА ДОСУГЕ ПОЛУЧАЮ РАЗЛИЧНЫЕ СЕРТИФИКАТЫ
...и это - не все...





Информация
Метрика.ya-watchИндекс цитирования
Счетчик
Поиск по блогу
ЖЖ-мультисёрч


Яндекс-поиск
Яндекс

Google-Поиск

Выгляди умнее!

Толковый Wiki-словарь

 

Wiki-цитатник

 

Google-переводчик

...спасибо за то, что Вы здесь!..
.



mc-yandex


Flag Counter



Метки

Powered by LiveJournal.com