1


 
 
 

МЕХЗАВОД | Сайтостроение для начинающих

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » МЕХЗАВОД | Сайтостроение для начинающих » Самостоятельное обучение » С чего начать изучение сайтостроения


С чего начать изучение сайтостроения

Сообщений 1 страница 5 из 5

1

Первый вопрос, который возникает у человека, желающего стать web-мастером звучит так: с чего начать изучение сайтостроения. И первый ответ - начать с html. А что после этого? А после этого остается совсем немного до сайтосроения. Но обо всём попорядку.Здесь я покажу общую картину, чтобы Вы могли сами решить, что Вам изучать, а что можно пропустить или освоить в процессе работы.

http://s4.uploads.ru/t/gIzdZ.jpg

Что представляет собой создание сайта в интернете.
Сайт это набор файлов на сервере. Любой компьютер в интернете может подключиться к серверу и посмотреть эти файлы. Это упрощенное определение для понимания сути. В самом простом случае файл состоит из html кода. Для того чтобы Ваш браузер знал к какому серверу и каким файлам обратиться, у каждого сайта есть адрес. Его Вы набираете в адресной строке. Например, для сайта "доход с нуля" этот адрес выглядит так: dohod-s-nulya.ru. После ввода адреса браузер смотрит в общей базе на каком сервере находятся файлы сайта и обращаются к этому северу. Браузер получает файлы от севера и Вы видите сайт. Таким образом для создания сайта нужны: - адрес сайта; - сервер, на котором хранятся файлы сайта и который обрабатывает запросы других компьютеров; - файлы самого сайта. Адрес или доменное имя можно получить у регистратора. В настройках своего доменного имени указывается IP адрес сервера.

http://sg.uploads.ru/t/pPJsI.png

Далее нам нужен сервер. Сервер - это компьютер, на котором размещается наш сайт. Не обязательно иметь собственный сервер, можно арендовать готовые. Этот процесс называется хостингом. За некоторую абонентскую плату хостер предоставляет возможность размещать сайт у себя на сервере. Работы с регистрацией домена и размещением на хостинге относительно просты и не забирают много времени. И об этом можем поговорить более подробно в комментариях к данной теме. Теперь более подробно остановимся на самом сайте - на той информации, что размещается на сервере.

http://sa.uploads.ru/t/TAND1.jpg

Код сайт.
Сайт представляет собой код, который компьютер получается с сервера при обращении к нему. Допустим, если Вы набираете в адресной строке dohod-s-nulya.ru, то сервер выдает вам файл index.php. Браузер обрабатывает файл и выводит на экран. Все сайты используют в своей работе html. На его изучение уходит один - два дня. Не обязательно его знать досконально. Нужно знать основные принципы, а за деталями Вы в любой момент можете обратиться к справочникам по html. Именно поэтому всегда рекомендуют изучать html, если Вы решили заняться сайтостроением. При изучении html обычно работают с файлами вида index.html. В примере с сайтом dohod-s-nulya.ru появился файл index.php Расширение php означает, что файл создан с использованием языка программирования php. Если с помощью html создают статические страницы, то php и другие языки программирования позволяют работать с динамическими страницами. Допустим, организовать возможность добавления комментариев к статье удобнее с помощью php нежели, чем только на html. А чаще всего php позволяет делать, то что недоступно на html.

http://s5.uploads.ru/t/39N40.jpg

Php - это наиболее распространенная технология создания сайтов. Кроме неё есть флеш, яваскрипт и многие другие. В начале изучения сайтостроения можно не забивать себе голову этими технологиями, достаточно просто знать, что они есть. Следующий вопрос: css - что это такое и для чего он нужен. Css - это файлы стилей. Когда на html странице много элементов, то описание этих элементов начинает загромождать весь код. Так как многие элементы кода повторяются на страницах многократно, то логика подсказывает, что информацию с описание того, как должен выглядеть тот или иной элемент лучше выделить в отдельный файл. Это делает код коротким и более понятным. К тому же такое разделение оптимизирует работу всего сайта. Дело в том что один файл стилей можно использовать для множества страниц. И так и делают. Браузер загружает один раз этот файл стилей и показывает с его использованием множество html файлов. Надо ли изучать css - знания основ пригодятся. А детали можно смотреть в справочниках.

http://sh.uploads.ru/t/EvxTQ.jpg

Можно ли делать сайты без знания программирования и что такое cms.
Может быть Вы удивитесь, но большинство сайтов так и сделаны - без знания программирования. Вместо того, чтобы писать код сайта, можно взять готовый код, скопировать его и поменять в нем только тексты и картинки. Люди даже упростили себе работу по копированию кода. Есть так называемые системы управления сайтами (CMS), которые содержат в себе весь необходимый для работы сайта код. Разновидностей CMS великое множество: есть системы управления для статейных сайтов, для форумов, для новостных сайтов, для досок объявлений, для соцсетей, для интернет-магазинов и прочих сайтов. При этом одна CMS может иметь множество вариантов настроек и дополнений. Берем готовую CMS, копируем на сервер, вводим настройки базы данных и сайт готов. Остается только писать для него статьи.

http://sd.uploads.ru/t/HOXgB.jpg

Блогеры так и делают - им не нужно знать программирование, чтобы вести свой блог. Если нужно поменять что-то в сайте, то заходим в администраторскую панель и меняем настройки. Возникает вопрос, зачем тогда изучать html, php и прочие примудрости. Эти знания нужны для следующего: - в некоторых случаях настройки администраторской панели не позволяют менять то что нужно. Допустим Вы хотите уменьшить высоту какого-то элемента на 1 пиксель. - если Вы придумаете, что-то новое, то для формирования задания программисту знания основ Вам очень пригодятся. CMS или как их еще называют движки есть на все случаи жизни. Но каждый день вебмастера придумывают что-то новое. Допустим у вас возникла мысль сделать какой-то калькулятор у себя на сайте или ещё что-то, что ранее до Вас этого не делали. Вот допустим соцсеть - это немного измененный вид форума. Но ведь до Цукерберга таких разновидностей форумов не встречалось.

http://sa.uploads.ru/t/zmagG.jpg

Поэтому вполне возможно, что вы придумаете, что-то простое и при этом очень эффективное. При работе с движком сайта, Вам придется столкнуться с таким понятием как база данных. Тут ничего сложно, это такие же файлы, но структурированные и хранятся они в отдельном месте на сервере. База данных позволяет сайту работать с информацией эффективно. На каждом сайте есть сотни статей и к каждой статье есть комментарии. Для каждой статьи и комментария сайт сохраняет информацию о времени размещения и авторе. Информации получается очень много и поэтому она помещается в базу данных. При использовании cms вся работы с базами данных сводится к созданию баз - выбор логина и пароля для создаваемой базы.

http://sh.uploads.ru/t/plqmS.jpg

Как изучать сайтостроение
Теперь когда мы имеем общую картину о сайтостроении поговорим о том, как его изучать. Ответ на этот вопрос зависит от ответа на другой вопрос: для чего Вам нужно изучать сайтостроение. Какая конечная цель? Все цели можно разделить на следующие: - Цель в организации бизнеса в интернете. - Цель в занятии этим увлекательным делом. - Цель в воплощении имеющейся идеи. В первом случае, когда цель в создании бизнеса в интернете, то можно начать с изучения основ html и css, а дальше брать готовую cms и покорять мир. Весь процесс от начала изучения, до готовности первого сайта, из которого можно начинать извлекать доход составляет несколько дней. Если Вы хотите, чтобы сайтостроение стало Вашим хобби, то начинайте с HTML, далее CSS и блочная верстка, потом PHP и яваскрипт.

http://s4.uploads.ru/t/hDfa8.jpg

А дальше Ваше увлечение само подскажет в каком направлении развиваться.
:) Если цель в организации какого-то мегапроекта или просто в воплощении идеи. Например Вы хотите сделать новую онлайн игру, или какой-то сайт, который должен стать конкурентом для существующих поисковиков и соцсетей. Тогда целесообразней пройтись по верхам сайтостроения и собирать команду программистов.
http://s9.uploads.ru/t/j3znt.jpg

Ссылка

2

Основы сайтостроения Уроки

Ссылка

Ссылка

3

Постараюсь объяснить, что нужно знать и уметь, чтобы освоить профессию front-end разработчика и web-программиста.

Front-end — интерфейс взаимодействия между пользователем и программной частью. Говоря проще, это лицевая часть вашего сайта, которая создана для взаимодействия с пользователем (посетителем сайта).

Что должно входить в багаж знаний front-end разработчика:

    Умение работать с графическими редакторами, например: Photoshop. Front-end разработчик не обязан быть профессиональным дизайнером, но должен уметь работать с готовым макетом сайта, а в идеале уметь создать макет самостоятельно.
    Знание языка разметки HTML для переноса дизайна сайта из графического редактора непосредственно на WEB-страницы. HTML – это основа, которую обязан знать и верстальщик, и WEB-программист.
    Знание формального языка CSS (каскадные таблицы стилей) для визуального оформления WEB-страниц и адаптации под все устройства, на которых будет отображаться ваш сайт от телевизоров до мобильных телефонов.

http://s7.uploads.ru/t/DCcnR.jpg

    Еще несколько лет назад трех первых пунктов было достаточно, но прогресс не стоит на месте, и к ним добавился JavaScript и дополняющие его различные фреймворки и библиотеки, такие как jQuery. Это полноценный язык программирования, но в WEB-разработке в основном, используется клиентский JavaScript. Он используется для создания слайдеров, модальных окон, эффектной анимации и еще множества элементов, оживляющих ваш сайт, с его помощью на сайте все будет крутиться и вертеться.

Резюмируем. Front-end разработчик должен уметь работать с графическим редактором, а в идеале сам создавать дизайн сайта, свободно владеть языками HTML и CSS, программировать на языке JavaScript с использованием jQuery и других JS библиотек.

Back-end – это административная или программно-аппаратная часть сайта, которая не видна пользователю. Если провести аналогию, например, с магазином конкретной продукции, то витрина с товарами это front-end, а производство – back-end. Back-end разработчик и есть WEB-программист.

Языков программирования много, но WEB-программист обязан знать минимум два языка: PHP и SQL. Для работы с этими языками необходим сервер Apace, интерпретатор PHP и сервер баз данных MySQL (PostgreSQL и т.д., в этой статье затронем только MySQL). Чтобы работать на своем компьютере, существуют специальные сборки, такая сборка называется локальный web-сервер, скачать ее можно с официального сайта разработчика. Самыми популярными и удобными в работе сейчас считаются: для Windows - Open Server, для Mac OC - MAMP и XAMPP. Более продвинутый вариант - создание виртуальной машины с самостоятельной установкой необходимых компонентов.

http://s8.uploads.ru/t/0xnLq.jpg

    PHP – серверный язык программирования, при разработке сайтов WEB-программистами в основном используется именно этот язык, на нем написано подавляющее большинство сайтов. На PHP создаются приложения, функционал рассылок, различных форм отправки сообщений, комментариев и т.д.
    MySQL – сервер баз данных, на сервере баз данных хранится информация с сайта: статьи, комментарии, названия страниц, URL-адреса и т.д. Для работы с MySQL необходимо знать язык SQL. Сервер баз данных, вместе с PHP, является необходимым при разработке сайтов на сервере. Для облегчения работы с MySQL существуют разные вспомогательные программы, самая известная из них – phpMyAdmin.

http://sd.uploads.ru/t/P7odQ.jpg

CMS – это (система управления контентом) движок сайта в прямом смысле этого слова. CMS позволяет автоматизировать работу сайта, сделать его динамичным и упростить публикацию нового контента. Все популярные CMS работают на PHP и MySQL.

Систему управления контентом можно спрограммировать самому или воспользоваться уже готовыми:

    Для создания собственной качественной CMS нужно на профессиональном уровне изучить PHP и MySQL. Конечно, своя уникальная и, главное, хорошего качества CMS всегда лучше, чем готовая, которой пользуются очень многие, но если вы профи, то и из готовой можно сделать конфетку.
    Готовые системы управления контентом бывают платные и бесплатные. Самыми популярными бесплатными являются WordPress, Joomla, Drupal и OpenCart, а платными — Битрикс и Netcat.

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

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

4

Основы продвижения сайтов

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

Внутренняя оптимизация:

    Составление семантического ядра сайта, группирование ключевых запросов. Написание статей заточенных на конкретный запрос или группу запросов. Работа с заголовками, мета-тегами, текстом и изображениями. Перелинковка, закрытие от индексации ненужных исходящих ссылок и страниц, устранение всех битых ссылок. Исключение дублированного контента при помощи файла robot.txt или техническим решением. Правильная настройка sitemap.xml карты сайта для поисковых роботов. Внутренняя оптимизация сегодня играет очень большую роль для продвижения, чем несколько лет назад, в идеале ее нужно начинать еще до создания сайта.

http://sa.uploads.ru/t/GXiOj.jpg

Внешняя оптимизация:

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

5

Зачем современному сайтостроителю знать HTML?

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

http://s9.uploads.ru/t/3zDuS.png

Сайт, созданный на чистой CMS, конечно, будет работать, но функционалом обладать не будет. Функционалом же сайт обеспечивают плагины. Простейшие плагины можно запустить и без знания программирования, однако многие из них все же требуют корректировки и в процессе установки, и в процессе работы. Зачастую многие плагины просто “вылетают” и тогда либо “слетает” весь сайт, либо сайт идет вкривь и вкось.

В принципе, изучить язык HTML не так и сложно. В том числе, самостоятельно. Тем более, что знать его досконально совершенно не обязательно. Как говорил мой учитель в сайтостроении Евгений Попов, для создания сайта достаточно знать не более 20 процентов языка HTML. И это для создания сайта своими руками на чистом HTML. Значит, для создания сайта на CMS-движке, язык HTML надо знать в еще меньшем объеме.

В настоящее время в интернете можно найти большое число учебников по HTML, в том числе и в объемах, достаточных для самостоятельного создания сайтов. К примеру, элементарный “Учебник по Html для чайников”.

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

Успехов в сайтостроении!


Вы здесь » МЕХЗАВОД | Сайтостроение для начинающих » Самостоятельное обучение » С чего начать изучение сайтостроения


создать форум