Как сделать сайт самому для чайников


"Как сделать сайт самому" - пособие для чайников

Добро пожаловать на сайт Ликбез

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

Стратегический вопрос – «В какую сторону идти?», мучает каждого чайника и именно на его решение он напрасно тратит кучу времени, хаотично перемещаясь с одного сайта на другой, в попытке найти ответ.

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

Пособие выстроено по принципу «step by step». Шаг за шагом вы пройдете все этапы создания сайта и ознакомитесь с необходимой на каждом этапе информацией. Даже не сомневаюсь, что у вас возникнет море вопросов, и не обещаю, что на сайте вы найдете ответы на все свои вопросы. Самое главное вы будете знать и понимать - что искать, как искать, и где искать. Дополнительную информацию вы сможете найти в разделе «Ликбез для чайников».

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

Выбор темы для сайта - шаг первый

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

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

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

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

Выбор движка для сайта - шаг третий

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

Делаем шаблон для сайта - шаг четвертый

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

Если вам интересно изучить процесс создания шаблона в мельчайших подробностях,  с самого начала, то стоит внимательно прочесть уроки  «Делаем шаблон с нуля для сайтов на CMS Joomla 2.5 и Joomla 3.0».

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

В категории «Работаем над дизайном сайта» найдете советы по оформлению элементов сайта.

Юзабилити сайта - шаг пятый

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

Внутренняя оптимизация сайта - шаг шестой

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

Выбор хостинга для сайта - шаг седьмой

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

Продвижение и внешняя оптимизация сайта - шаг восьмой

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

Заработок в Интернет с помощью своего сайта

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

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

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

В категории «Сборка сайта Joomla» вы познакомитесь с основными моментами сборки сайта, узнаете о некоторых нюансах, которые необходимо учитывать при разработке сайта, познакомитесь с расширениями Joomla, которые будут очень полезны для вас.

Желаю вам ясного ума, терпения и удачи! Надеюсь, что мои рекомендации помогут вам сделать свой сайт и избавиться от диагноза "чайник".

веб-сайтов «Сделай сам» для чайников Шпаргалка

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

Быстрые шаги по планированию веб-сайта

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

  1. Определите цели и задачи вашего веб-сайта.

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

  2. Создайте список содержимого.

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

  3. Создайте список задач.

  4. Установите временную шкалу.

    Цели всегда помогают продолжить работу над проектом.

  5. Составьте бюджет.

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

  6. Определите, как выполнять обслуживание и обновления.

  7. Соберите команду.

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

Как оптимизировать изображения для вашего веб-сайта

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

Photoshop Elements включает функцию «Сохранить для Интернета», которая позволяет легко оптимизировать любое изображение и сохранить его в наилучшем формате для вашего сайта.

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

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

Программа для дизайна веб-сайтов

Adobe Photoshop, www.adobe.com/photoshop

Adobe Photoshop Elements, www.adobe.com/photoshopelements

Adobe Dreamweaver, www.adobe.com/dreamweaver

Google Analytics, бесплатная служба Google для отслеживания трафика, www.google.com/analytics

FireFTP, бесплатная программа ftp, http://fireftp.mozdev.org

WS_FTP, профессиональная программа FTP для Windows, www.ipswitch.com

CuteFTP, бесплатная программа ftp для Windows, www.cuteftp.com

Fetch, отличная программа FTP для Macintosh, www.fetchsoftworks.com

Программы для ведения блогов

Blogger, www.blogger.com

Joomla, больше, чем просто решение для ведения блогов, Joomla - это система управления контентом с открытым исходным кодом (CMS), Joomla.org

Подвижный тип, www.movabletype.com

TypePad, www.typepad.com

WordPress, www.wordpress.com

Услуги регистрации доменов и хостинга

1 & 1, www.1and1.com

Домен, www.domain.com

GoDaddy, www.godaddy.com

Сетевые решения, www.networksolutions.com

Профессиональный веб-хостинг Rackspace, Rackspace.com

Программное обеспечение и услуги для видео и анимации

Flash Arcade, витрина flash www.flasharcade.com

Flash Kit, инструменты для прошивки www.flashkit.com

QuickTime, www.quicktime.com

Windows Media, Microsoft www.microsoft.com/windows/windowsmedia

Vimeo, сервис видеохостинга, www.vimeo.com

YouTube, видео-социальная сеть, www.youtube.com

Услуги аудио и подкастинга

Audacity, бесплатная программа для записи и редактирования аудио, http://audacity.sourceforge.net

Gcast, бесплатное обслуживание, www.gcast.com

iTunes, подкастинг, музыка, фильмы и многое другое на сайте Apple www.itunes.com

My Podcast Recorder, бесплатная загрузка, www.MyPodcast.com

Podcast Alley, www.podcastalley.com

Сеть подкастов, www.thepodcastnetwork.com

Инструменты для подкастов, www.podcasting-tools.com

SolidCasts, бесплатное обслуживание, www.solidcasts.com

Рекламные сети

Читика, поисковая рекламная сеть www.chitika.com

Commission Junction, партнерская реклама, www.CommissionJunction.com

Google AdSense, www.google.com/adsense

Партнерская реклама LinkShare, www.linkshare.com

Amazon Associates, партнерские объявления и ссылки на продукты, https://affiliate-program.amazon.com/

Услуги электронной торговли

Google Checkout, предлагает простые кнопки «Купить сейчас» и корзину, www.google.com/sell

PayPal, Международный платежный сервис с кнопками "Купить" и интеграцией корзины покупок, www.paypal.com

Yahoo! Merchant Solutions, один из крупнейших поставщиков электронной коммерции в Интернете, store.yahoo.com

Sell on Amazon, предлагает широкий спектр услуг электронной коммерции, www.amazonservices.com/content/sell-on-amazon.htm

PayLoadz, специализированный сервис электронной коммерции для продажи цифровых товаров, таких как видео и электронные книги, www.payloadz.com

ProStores, сервис электронной торговли eBay, www.prostores.com

Службы отчетов о трафике

Google Analytics, самая популярная служба отслеживания трафика с бесплатным www.google.com/analytics

Clicky, www.getclicky.com

Yahoo! Веб-аналитика, http://web.analytics.yahoo.com

AWStats, http://awstats.sourceforge.net

Piwik, www.piwik.org

Веб-браузеры

Microsoft Internet Explorer, www.microsoft.com/ie

Mozilla Firefox, www.firefox.com

Apple Safari (только Mac), www.apple.com/safari

Google Chrome, www.google.com/chrome

Архив браузера, http: // браузеры.evolt.org/

Услуги онлайн-тестирования веб-браузера

Adobe Browser Labs, https://browserlab.adobe.com

Browsershots, www.browsershots.org

Кроссбраузерное тестирование, www.crossbrowsertesting.com

Тестовая среда браузера Xenocode, www.xenocode.com/Browsers

Где узнать больше о веб-дизайне

DigitalFamily.com, www.digitalfamily.com

JCWarner.com, www.jcwarner.com

ArtesianMedia.com, www.artesianmedia.com

.

Как создать схему для нового веб-сайта

  1. Веб-дизайн и разработка
  2. Разработка сайта
  3. Как создать схему для нового веб-сайта

Лиза Лопак

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

Уравновешивание бизнес-требований и потребностей пользователей веб-сайта

Сбор бизнес-требований - это на самом деле упражнение по составлению клиентом списка желаний для своего нового сайта. Вы создаете список бизнес-требований, заполнив несколько утверждений «сайт должен иметь возможность выполнять X». Затем клиент оценивает эти утверждения о «способности к» от наиболее до наименее важных для определения приоритетов для бизнеса.

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

Категоризация и приоритезация информации для структуры вашего веб-сайта

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

Ключ к созданию успешной схемы - это ваша способность сгруппировать похожие элементы и функции в

.

Как создать сайт


Узнайте, как создать адаптивный веб-сайт, который будет работать на всех устройствах, ПК, ноутбук, планшет и телефон.


Создание веб-сайта с нуля


A «Эскизный план»

Перед созданием веб-сайта может быть целесообразно нарисовать черновик макета страницы:

Панель навигации

Боковое содержание

Какой-то текст какой-то текст ..

Основное содержание

Какой-то текст какой-то текст..

Какой-то текст какой-то текст ..

Какой-то текст какой-то текст ..

Нижний колонтитул


Первый шаг - базовая HTML-страница

HTML - это стандартный язык разметки для создания веб-сайтов, а CSS - это язык, описывающий стиль HTML-документа. Мы объединим HTML и CSS, чтобы создать простую веб-страницу.

Пример




Название страницы



кузов {
семейство шрифтов: Arial, Helvetica, sans-serif;
}

Мой веб-сайт


Веб-сайт, созданный мной.


Попробуй сам "

Объяснение примера