В какой последовательности изучать основы сайтостроения

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

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

Контент — всему голова!

На самом начальном этапе, периоде, когда веб-мастер только планирует создание сайта, необходимо определиться с тематикой будущего ресурса. Вопрос с выбором темы сайта — не стоит, если вы создаете ресурс для какой-либо организации, но если вы «свободный» сайтостроитель и сайт для вас — это способ самовыражения или предполагаемый источник дохода, тогда стоит задуматься о критериях при выборе тематики сайта. К таким критериям можно отнести: ваша заинтересованность в тематике, актуальность, популярность, прибыльность, конкурентоспособность и законность темы.

Для сайта, как и для любого другого источника информации, важен контент, а для хорошего сайта важна его (контента) уникальность. Львиная доля посетителей сайта переходят на него с поисковых систем (Yandex, Google и т.п.), соответственно, хороший веб-мастер должен учитывать требования основных поисковиков. Оптимизация, раскрутка и продвижение сайта в социальных сетях — отдельные области знаний, но если вы хотите чтобы ресурс был востребованным, необходимо ориентироваться в этих понятиях.

Организовать текстовую и мультимедийную информацию на сайте можно разными способами и при использовании самых разных технологий. Сайт сам по себе в минимальном варианте – это HTML страница/страницы, связанные между собой гиперссылками. Знаний языка разметки гипертекста (HTML) – вполне достаточно для создания сайта, а применение CSS и JavaScript могут придать вашему ресурсу больше «красивости» и функциональности.

Современная технология создания сайтов WEB 2.0

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

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

В последнее время в корпоративном секторе набирает популярность метод продвижения товаров и услуг через так называемые Landing Pages или продающие страницы. Суть метода в том, что создается одностраничный сайт с оригинальным дизайном, контактными данными организации, небольшой справочной информацией и призывом к посетителю совершить какое-либо действие, этакий аналог сайта-визитки. Мне доводилось общаться с создателем одного подобного сайта. Этот веб-мастер организовал целую сеть раскрученных в социальных сетях страниц и групп, с которых осуществлялось большое количество переходов на домен с Landing Page. По результатом работы этого специалиста была достигнута посещаемость в 50 000 хостов в сутки, исключительно за счет трафика с социалок! Этот пример наиболее ярко демонстрирует ту роль, которую занимают социальные сети в современных методиках продвижения веб-сайта.

В рамках WEB 2.0 акценты смещаются в сторону клиентских языков то, что раньше исполнялось исключительно на стороне сервера переноситься на сторону клиента, то-есть браузер. Растет роль такого специалиста, как front-end разработчик. Но о таких вещах новичку еще рано задумываться, сперва нужно научиться ориентироваться в популярных технологических решениях для создания сайта.

Введение в технологии создания сайта

Не стоит обманываться в вопросах «внешности» сайта, потому что даже «навороченный» ресурс может быть исполнен на самых простых технологиях, а сайт со скромным дизайном обладать колоссальным функционалом и высокими качественными характеристиками – , безопасность, скорость работы, гибкость и расширяемость. Тут мы плавно переходим к такому понятию – как современные технологии для создания сайтов. Зачем столько «философии»? Дело в том, что многие, даже искушенные специалисты, часто экспериментируют и «ломают голову» над выбором подходящей технологии для создания конкретного веб-ресурса. Сложность выбора обусловлена огромным количеством факторов: задачи под которые создается сайт, нагрузка на ресурс, функционал, интеграция со сторонними приложениями (например 1С), предпочтения клиента и уровень компетенции человека, который будет заниматься наполнением сайта контентом. Мой следующий пост поможет постепенно разобраться в этих вопросах и расскажет о разнице между .

Привет, друзья!

Хорошее дело — удаленная работа. Прибыльное, полезное и очень удобное. Особенно для тех, кто так же, как и я, любит путешествовать. Недавно только понял лишний раз, что не смотря на все возможные минусы, совершенно не хочется все это менять на стены офисов.

Особенно, когда в понедельник ранним утром едешь по пустой и прямой трассе на мотоцикле в стороне Бангалора и понимаешь, что именно сейчас твои знакомые и коллеги трутся спинами в пробках по дороге на службу.

С чего можно начать фрилансерствовать я уже писал. Сегодня же коснусь самой близкой для себя темы (и крайне полезной для читателей), а именно: как научиться создавать сайты с нуля и зарабатывать на этом деньги.

Ибо, так уж сложилось, что именно о сайтах и их создании мне очень часто задают вопросы как на вебинарах, так и в личку. Что ж, будем раскрывать карты.

Вообще, веб-строительство (или веб-мастеринг, как его называю я) — достаточно обширная ниша, куда входят специалисты самого разного уровня: от тех, кто педалит простые одностраничники в lpgenerator до могущественных фронт-энд разработчиков Ruby on Rails и Python. Я, как обычно, остановлюсь посередине и расскажу о том, какие делаю сайты я и что для этого необходимо знать.

В данное время я занимаюсь разработкой WordPress-сайтов под ключ.

Для их создания необходимо следующее:

1. Основы профессии веб-дизайнера и базовые знания типографики . Сочетание цветов, умение находить комбинации форм и шрифтов. Наверное, это самая-самая нужная база для создания сайтов с нуля.
2. Понимание работы веб-серверов, хостингов и вообще сети интернет . Тут вообще без маньячного красноглазия сисадминства обходится плохо. Но на начальном этапе с этим можно не заморачиваться.
3. Умение работать с хостингами . Хотя бы чтоб залить-исправить Ваш шедевр через интернет.
4. Знание хотя бы на уровне определений таких понятий, как FTP, HTTP, IP-адрес, CMS, Javascript, HTML, CSS. Не пугайтесь — все намного проще, чем вам кажется. На начальном этапе достаточно будет изучить, что такое FTP (чтобы заливать сайты на хостинг), CMS (чтобы управлять наполнением) и IP (чтобы знать как этот FTP настроить).
5. Желательно уметь разбираться в HTML и CSS и хоть немного понимать, как сайты верстать.
6. и, пожалуй, все!

Не заметили, какого одного не хватает пункта, о котором многие говорят? Правильно — «программирования»! Как так — спросите Вы? А вот...

Как Вам такая красота? Пугает?

Для того, чтобы на базовом самому научиться делать сайты, Вам совершенно не нужно знать таких страшных вещей, как PHP, MySQL, Javascript и.NET. Однако (чтобы меня не закидали помидорами супер-корифеи) подчеркну: со знанием программирования Ваши возможности увеличиваются в разы, следовательно сложность разрабатываемых сайтов повышается колоссально, а вместе с ней и возможная оплата труда.

Понятие «писать сайты» осталось актуальным только для систем, в которых крайне важна разработка с нуля и где предъявляются самые крутые требования к безопасности, скорости и чистоте кода. Хотя, есть такие фанаты, которые даже простые сайты-визитки предпочитают писать ручками.

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

А пока о структуре работы.

Как происходит создание сайта?

Создание — это всегда процесс творческий, однако и он (в целях удобства) подвергается достаточно жесткой структуризации. Ранее, этот этап мне казался лишним. Мол, чего тратить время?

Сейчас же я понимаю, что более скрупулезное внимание к процессу разработки сайта на каждом из этапов круто сокращает время во время его завершения и исправления ошибок.

Поэтому, не важно: будете ли Вы создавать свой сайт с нуля самостоятельно или заказывать его у фрилансеров — всегда в этом процессе должен быть этап прототипирования.

Создание прототипа будущего сайта.

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

Если уж творить, то только так

Если Вы фрилансер, то приступайте к следующему этапу разработки только после принятия заказчиком прототипа! Если есть тексты и изображения — разместите их в макете. Если нет — вставляйте «текст-рыбу» и произвольные картинки.

Что можно использовать для создания прототипа:

• обычный листок А4 и цветные ручки (обожаю аналоговые инструменты и скрип пера по бумаге)
• Word, Excel или их аналоги
• Обычный Paint
• Photoshop
• Adobe Muse

Не важно, какой инструмент выберите Вы. Главное, чтобы он максимально эффективно решал задачу — создание прототипа. Я, к примеру, люблю рисовать все на бумаге. И даже в путешествиях вожу с собой блокнот А4. Не совсем удобно с точки зрения переноса тяжестей, но такой кайф — рисовать цветными ручками и по максимуму задействовать свой творческий потенциал.

Создание дизайна проекта по готовому макету

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

Веб-дизайнерское камлание выглядит примерно так

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

Верстка дизайна

Верстка — это перенос дизайна из картинки в код HTML, чтобы браузер понял, как этот самый сайт отображать. Самый интересный этап, который отпугивает большинство новичков, ибо именно здесь, как нигде, знания html, css и jquery становятся актуальными.

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

В последних всю работу по верстку Вы производите путем расстановки блоков на экране, без написания кода.

Казалось бы, халява, но знать принципы использования блочной верстки — крайне желательно, чтобы процесс работы оставался осмысленным и ничего никуда не разъезжалось.

Настройка CMS и наполнение

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

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

Где учиться делать сайты быстро?

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

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

Да и вообще, обучение у профессионалов — это самой прямой, самый быстрый и самый эффективный путь. Без долгих прогулок по полям с граблями и скрупулезных изобретений трехколесных велосипедов (с бибикалкой, ага).

Самому, безусловно, можно тоже обучаться. Но не проще ли отдать какую-то сумму, чтобы профессионал провел Вас мимо заблуждений и откровенных ям на пути? Рецепт — стар как мир: учимся и развиваемся.

Обучение заработку на сайтостроении

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

Вот несколько предложений от его центра:

1. БЕСПЛАТНАЯ ИНСТРУКЦИЯ по заработку на веб-строительстве
2. БЕСПЛАТНАЯ КНИГА «Создание сайта от начала до конца» В ней автор на наглядном примере показывает весь процесс разработки сайта, который Вы будете делать самостоятельно.

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

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

Как зарабатывать на создании сайтов?

Следующий шаг после обучения ремеслу — заработок на нем. Это хорошая мотивация, когда за интересное хобби ты начинаешь получать деньги. Именно так это вышло у меня.

Делается это в двух словах так:

1. Ты даешь информацию своим друзьям-знакомым о том, чем ты теперь занимаешься
2. Ставишь минимальный ценник для наработки опыта и портфолио
3. После — идешь на биржи фриланса
4. Получаешь заказы, обрастаешь нужными связями и опытом
5. Развиваешься и становишься профессионалом экстра-класса
6. Покупаешь себе Геленваген и дачу на Бали

6 очевидных шагов, которые иногда очень тяжело даются.

Сколько времени нужно для того, чтобы научиться делать сайты?

Иногда мне задают вопросы: сколько нужно времени чтобы освоить создание сайтов. Ответить на него тяжело, ибо не совсем понятен «пункт прибытия». Т.е. какой момент будет считаться точкой, где ты «уже умеешь». У меня этот процесс длится уже 8 лет и чем дальше, тем я кажусь себе все менее компетентным:)

Однако, за 2-3 месяца можно неплохо поднатаскаться, чтобы уверенно делать что-то несложное на заказ. Когда я начал осваивать более продвинутую верстку, взял заказ через 2 недели после начала обучения. Наделал кучу ошибок, но свои первые фрилансерские 900 рублей заработал. Радости предела не было)

Поэтому, скажу так: учитесь и как почувствуете под ногами опору сделать что-то простое — беритесь! И не бойтесь допустить ошибку.

Замечание для матерых веб-программистов

Предвижу вполне обоснованные возражения от акул кодинга и веб-девелопмента.

«Мол, зачем дискредитировать науку создания сайтов? Ибо дилетантов уже и так полно на рынке. Пользы от них мало, а вот убытков они приносят много. Заказчикам — ибо совершенно не умеют работать ни как специалисты, ни как продажники; коллегам по цеху, ибо откровенно демпингуют на рынке»

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

Профессионалы и адекватные специалисты всегда были и остаются в цене.

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

Жаль, что мало кто придерживается одних и тех же принципов в повседневной жизни и в работе. Большинство пытается урвать кусок пожирней, и сделать это как можно быстрее, совершенно не заботясь о собственной совести и дальнейшем взаимодействии с заказчиками. И фриланс тут просто еще одна точка приложения. Об этом я уже писал в статье .

Все просто: «живи сам и дай жить другим», — как говорят на Шри Ланке!

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

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

Красивых Вам сайтов и платежеспособных заказчиков!

Lynda

Один из старейших образовательных порталов, созданный в 1995 году. На сайте представлены курсы и видеоуроки. Учебные материалы обновляются каждую неделю. Курсы рассчитаны на разные уровни знаний: новички смогут освоить базу, а более опытные - повысить квалификацию. В разделе «Разработка» на данный момент доступно 384 онлайн-курса и более 16 тысяч видео; в «Дизайне» - 573 курса и свыше 27 тысяч видео, в разделе Web вас ждёт 639 курсов и порядка 24 тысяч видеороликов. Обучение платное, а среди плюсов - наличие мобильных приложений.

Zillion

Это образовательный медиаресурс. Предлагаются программы интенсивного обучения в режиме реального времени, за пару месяцев можно получить современную специальность. Тем, у кого профессия уже есть, можно совершенствоваться посредством видеокурсов. Тематика обширна (маркетинг, PR, продажи, менеджмент и так далее), а преподавательский состав вызывает уважение. Создателей сайтов в ближайшее время может заинтересовать экспресс-курс от Дмитрия Сатина, эксперта в области User Experience. Называется «Универсальный интерфейс. Как познакомить с ним клиента ». По окончании этого или другого курса можно получить сертификат-подтверждение.

Academic Earth

Сайт, созданный Ричардом Ладлоу. На нём собрано множество лекций лучших мировых университетов: Гарварда, Оксфорда, Стэнфорда и других. Помимо физики и экономики, на сайте можно найти видеоуроки по дизайну, маркетингу и бизнесу. Интересная функция - playlists, при помощи неё можно просматривать ролики по разным дисциплинам, но со схожей темой. После завершения курса можно сдать экзамен и получить диплом от университета, чьи лекции вы прослушали.

Деловая среда

Это портал для предпринимателей, направленный на создание комплексной инфраструктуры для малого бизнеса. Ещё это дочерняя компания Сбербанка России. Помимо прочего, у них есть школа дистанционного образования. Там выкладываются курсы и вебинары по различным тематикам. Тем, кто хочет создавать сайты, будут интересны следующие: «Как создать продающий сайт интернет-магазина », «Сайт для бизнеса 2.0 », «Идеальный сайт с точки зрения поисковой системы ».

ThinkFul

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

Нетология

«Нетология» предлагает онлайн-обучение для веб-специалистов. Преподаватели - хорошо известные в Рунете люди, профи в своём деле. Спектр учебных направлений «Нетологии» довольно обширный. В том числе время от времени появляются курсы для тех, кто учится делать сайты. Например, 26 июня стартует курс «HTML-вёрстка: с нуля до первого макета ». Но особенно много на «Нетологии» курсов по маркетингу и менеджменту, электронной коммерции, социальным сетям, веб-дизайну. Курсы можно отсортировать по тематике и уровню - от базового до продвинутого. Многие курсы платные, но для жаждущих знаний есть система подписки. По окончании курса можно получить диплом, подтверждающий его прохождение.

HubSpot

Портал HubSpot представляет 18 бесплатных классов по маркетингу: блогинг, SEO, SMM, email-маркетинг, работа с ключевыми словами - программа обширная. Это отличное решение для новичков в вопросах продвижения сайтов.

edX

edX - академическая платформа с массовыми открытыми онлайн-курсами. Это совместный некоммерческий проект Массачусетского технологического института, Гарварда и Университета Беркли. Тем, кто занимается созданием сайтов, будут интересны такие курсы, как Learn HTML5 from W3C Этот список обучалок можно продолжить. И мы предлагаем сделать это тем, у кого есть опыт в создании сайтов. Какими ресурсами вы пользовались, когда осваивали науку сайтостроения? Кидайте ссылки в комментариях.

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

Доменное имя

Чтобы сделать сайт, сначала необходимо зарегистрировать доменное имя (domain name), которое является ничем иным, как названием вашего сайта. Например, доменное имя веб-сайта новостного портала «Корреспондент» - «korrespondent.net». Чтобы получить доменное имя, придется заплатить годовой взнос регистратору, который даст право на использование выбранного вами имени. Регистрация - только первый шаг, и то, что вы заплатили за название, означает только забронированное место в интернете, а не уже готовый сайт. Существует огромное количество регистраторов, которых легко можно найти в интернете. Один из самых известных и недорогих это — 2domains.ru.

Веб-хостинг

Вторым шагом при создании сайта будет выбор веб-хостинга (web hosting). Веб-хостинг - это компания, в которой есть множество компьютеров, постоянно подключенных к интернету где и будет находиться сайт. Когда вы размещаете свой сайт на хостинге, каждый пользователь интернета в мире сможет его просмотреть. Выборе веб-хостинга можно столкнуться с многочисленными проблемами поскольку у каждого есть отрицательные отзывы. Но по практике могу посоветовать один недорогой и надежный хостинг — .

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

Совет: доменное имя лучше не регистрировать на веб-хостинге где вам предоставляют его бесплатно в качестве бонуса. Потом не сможете поменять хостинг не потеряв доменное имя.

Разработка сайта

После того как вы определились с доменным именем и веб-хостингом, следующий шаг - это собственно разработка веб-сайта. Здесь есть варианты. Можно, конечно, нанять профессионального разработчика, дизайнера, услуги которого будут стоить немало (также я предоставляю подобные услуги, подробнее ), или попытаться сделать все самостоятельно. Что из этого лучше - зависит от ситуации. Если вам необходим базовый сайт для бизнеса на несколько страниц со стандартным набором функций - вы вполне можете сделать его сами. Но если хотите Интернет- магазин достаточно высокого уровня - здесь не обойтись без специалиста.

Контент сайта

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

Конструкторы

Используйте Google или другую поисковую систему, чтобы найти сайты, которые предлагают бесплатные встроенные конструкторы, например, wix.com, где достаточно легко и быстро спроектировать дизайн собственной веб -страницы. Некоторые хостинговые компании также предлагают такие конструкторы, на которых вы можете создать сайт за считаные минуты. Но следует понимать, что, строя свой сайт в таком конструкторе, вы несколько ограничены в возможностях. (мягко сказано)

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

Регистрация в поисковиках

Когда сайт будет готов, вы должны зарегистрировать его в поисковых системах, таких, как, например, Google, Яндекс, Бинг. Кроме регистрации сайта в поисковых системах, рассмотрите все возможные способы его раскрутки. Например, подайте объявление в газету, расскажите о нем друзьям, знакомым, в социальных сетях. В интернете есть даже компании, которые могут помочь в продвижении вашего сайта.

Иметь свой сайт - это одновременно и престижно, и полезно. Неважно, для какой цели, Интернет - сайт сегодня нужен каждому.

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

1. Якоб Нильсен, Кара Перниче «Анализ веб-сайтов по движению глаз»
Авторы разработали и применили на практике строгую методологию исследования удобства использования веб-сайтов на основе технологии отслеживания движений глаз, чтобы проанализировать около 1,5 млн. фиксаций взгляда пользователей при просмотре веб-сайтов. Кроме того, авторы дают ценные рекомендации по компоновке веб-страниц, навигационных меню, отдельных элементов интерфейса сайта, выбору изображений и размещению рекламы. /2010 год. Купить на Озоне.

2. Дик Мак-Клелланд «Уроки мастерства Adobe. Приглашение к дизайну»
В книге делается попытка пролить свет на искусство дизайна на примерах работ семи ведущих практиков в этой области, выбранных компанией Adobe Systems. Вы познакомитесь с индивидуальными приемами творчества художников, увидите, как они применяют свои навыки на практике. Отличный дизайн зависит не от применения инструментов и средств. Мощные приложения могут облегчить работу, но без глубоких идей и таланта инструменты стоят немного. /2003 год. Купить на Озоне.

3. Скотт Митчелл «Секреты Web-дизайна»
В этой книге вы увидите, насколько просто создать собственный Web-сайт. Используя предлагаемые автором книги шаблоны профессиональных Web-сайтов и бесплатный редактор Web-страниц Mozilla Composer, вы сможете быстро и легко переделать шаблоны под индивидуальный Web-сайт. Просто укажите нужные элементы и щелкните по ним мышью! С помощью редактора вы сможете легко отредактировать, добавить или удалить страницы, изображения и текстовые заголовки. /2007 год.
Купить на Озоне.

4. Чарльз Уайк-Смит «Стильный сайт с помощью CSS»
Книга посвящена применению CSS для создания внешнего облика сайта. Ее структура чрезвычайно проста и логична: первые главы посвящены созданию отдельных компонентов сайта с применением CSS. В последней главе все эти компоненты сводятся в единое целое — читателю предлагается подробная инструкция по их объединению в готовый к работе сайт. В книге содержатся примеры кода компонентов сайта и вариантов разметки, которые можно использовать как заготовки для своих целей, внеся в них необходимые изменения. /2007 год. Купить на Озоне.

5. Пол Макфедрис «Создание Web-страниц»
Данная книга поможет начинающим веб-мастерам освоить не только азы мастерства, но научит ориентироваться в новых разработках в этой постоянно развивающейся области информационных технологий визуальных сред. В книге представлены полезные советы автора по созданию веб-страниц, очень доступно объяснены основы HTML, а приводимые примеры помогут вам правильно разместить рекламу и преодолеть проблемы, связанные с созданием своих домашних страниц. /2007 год.
Купить на Озоне.

6. Келли Гото, Эмили Котлер «Веб-редизайн»
Основной постулат этой книги — веб-дизайн находится в постоянном движении со временем. Веб-дизайнер экстра-класса Келли Гото и ее соавтор Эмили Котлер делятся своим опытом, предлагая эффективный подход к процессу веб-редизайна, учитывающий как приоритеты бизнеса, так и интересы хорошего дизайна. Авторы сосредотачивают внимание на пересечении этих сфер, попадая прямо в «яблочко». Каждая глава содержит наглядный пример, иллюстрирующий ключевые стадии процесса. /2006 год. Купить на Озоне.

7. Кэрри Бикнер «Экономичный Web-дизайн»
Эта книга о том, как создать профессионально выглядящий веб-сайт при ограниченных финансовых возможностях и как применить принципы малого бюджета к каждому аспекту веб-производства: управлению сайтом, созданию интерфейса, дизайну, написанию текста, хостингу и поддержке сайта после запуска. Книга предназначена для тех, кто экономит не только свои средства, но также и свое время, кто стремится разработать качественный сайт за короткие сроки. /2005 год. Купить на Озоне.

8. Кент Вертайм, Ян Фенвик «Цифровой маркетинг»
Книга посвящена тому, как увеличить продажи с помощью социальных сетей, блогов, вики-ресурсов, мобильных телефонов и других современных технологий. В книге дается полный перечень цифровых каналов коммуникации, которые стоит задействовать в рекламе вашего продукта, описываются нюансы использования каждого и даются методики планирования кампании. Не забывают и о том, как сочетать новые цифровые методы рекламы с традиционными. /2010 год. Купить на Озоне.

9. Этан Вотролл и Джефф Сьярто «Изучаем веб-дизайн»
Было бы просто замечательно, если бы было возможно научиться реальному веб-дизайну, просто прочитав умную книгу. Ведь тогда бы все сайты и страницы стали намного красивее, удобнее, доступнее, функциональнее. Тем не менее, толковая книга существенно облегчит этот процесс. Так из этой книги можно узнать секреты мирового дизайна, тонкости и хитрости юзабилити, познакомиться с процессом создания сайта — от эскиза до реализации в HTML и CSS. /2010 год. Купить на Озоне.

10. Дэн Седерхольм «Пуленепробиваемый Web-дизайн»
Настоящее издание посвящено применению XHTML и CSS для создания сайтов, отличающихся доступностью для различных браузеров, устройств и программ, гибкостью и готовностью к любым ситуациям. В каждой главе книги обсуждается один компонент веб-страницы. В последней главе все компоненты сводятся воедино, и описывается процесс создания готового шаблона непробиваемой страницы. На реальных примерах вы научитесь создавать гибкие, адаптируемые и доступные сайты./2006 год. Купить на Озоне.