Как создать свой сайт для чайников: инструкция для чайников — Личный опыт на vc.ru

инструкция для чайников — Личный опыт на vc.ru

Друзья, сегодня расскажу вам о том, как я, будучи прокрастинирующим перфекционистом и гуманитарием по жизни, сделала сайт своими руками. Я делала и делаю реально все сама, при том что до этого я не знала даже что такое «фавикон» и CMS. Итак, история о том, как сделать сайт с нуля: инструкция для чайников.

3844
просмотров

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

Как сделать сайт с нуля

С чего все началось

В марте 2020 года, когда как раз начиналась эпопея с пандемией и карантином, я решила попробовать сделать свой блог. Сейчас же у нас все – блогеры. Мне уже далеко за 30, пенсия так сказать на горизонте (шутка, до пенсии еще пахать и пахать), и чтобы было чем заняться в «старости», плюс возможность получить дополнительный доход (в случае успеха), я решила попробовать. Получится – хорошо, не получится – ну и Бог с ним.

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

Я начала читать про рейтинги конструкторов сайтов, чтобы выбрать на каком делать свой сайт. Остановилась я, в итоге, на wix.com, о чем конечно потом пожалела. Но, без этого опыта я бы не смогла пойти дальше, поэтому это было нужно. В итоге, на конструкторе Wix у меня получился сайт, главная страница которого была похожа на лендинг. Изучала конструктор сама, методом «тыка». В целом могу сказать, что было не очень сложно: там есть инструкции по работе в системе и различные подсказки.

Как я выбирала домен

После выбора конструктора сайта передо мной встал выбор доменного имени. Так как я не знала, о чем будет мой блог, я решила его назвать «Немного обо всем». В связи с этим, я выбрала соответствующий домен nemnogoobovsem.com (звучит складно, но я наивная была), который как раз был свободен.

Тогда я еще не задумывалась о том, что продвижение сайта на домене «.com» в России будет проблематично, а на конструкторе Wix – так вообще невозможно. Но зато я придумала о чем писать в блоге. Карантин был в разгаре, и я написала несколько статей о коронавирусе, о цифровизации образования и о цифровизации населения в России. Это были очень заезженные темы на тот период. Об этом не писал только дурак.

В итоге получился вот такой сайт.

Почему я перешла на WordPress

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

В итоге я поняла, что на конструкторе далеко не уедешь. А еще он очень медленный, сайт всегда долго грузился. И опять начитавшись про SEO-friendly CMS, я решила переезжать с Wix на WordPress. Вроде как это одна из самых популярных систем (на ней сделано чуть ли не половина всех существующих сайтов), а еще она не очень сложная в работе, даже новичок справится. В общем, выбором CMS я довольна.

Для справки: что такое CMS.

CMS или Content Management System — это система управления веб-сайтом, написанная на том или ином языке программирования. Она представляет собой небольшую программу/фреймворк, в котором имеются все необходимые инструменты для публикации и редактирования различной информации.

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

Домен перенести труда не составило, а вот перенести сайт с Wix на WordPress невозможно. Это конечно меня огорчило, но ничего не оставалось делать, как создать новый сайт уже на WordPress (по подобию сайта, который был на Wix). Благо постов к тому времени было не очень много, пришлось все руками делать заново.

Таким образом, с августа по декабрь 2020 года мой новый сайт на WordPress на домене nemnogoobovsem.com просуществовал. За это время я искала подходящие темы для шаблона сайта, изучала саму CMS, добавляла новые статьи.

Но при этом, улучшения в продвижении в поисковой выдаче Яндекса никакого не происходило. Уникальные посетители приходили только с Google, приходилось иногда делать рекламу в Яндекс.Директ.

Новый домен для старого сайта

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

28 декабря я написала в техподдержку письмо с вопросом «сколько стоит услуга по переносу сайта с одного домена на другой». Оказалось, что это бесплатно. Я купила у Timeweb новый домен neobovsem.ru и буквально в тот же день мой сайт перенесли на этот домен.

Это так быстро произошло, что я даже опешила и растерялась. Я не смогла зайти в свою админку, ведь url сайта техподдержка уже поменяла! Я пишу им «а как я теперь войду в свою админку без логина и пароля?». На том конце наверно посмеялись, но сразу ответили мне, что надо делать. Все-таки переносом домена я занимаюсь первый раз в жизни.

Ответ был следующий:

«Использовать реквизиты доступа в административную панель сайта neobovsem.ru вы можете такие же, как и для сайта по домену nemnogoobovsem.com, с которого выполнялся вход в административную панель ранее. При необходимости, восстановить пароль администратора возможно по этой инструкции: https://timeweb.com/ru/help/pages/viewpage.action?pageId=11075586 В случае возникновения дополнительных вопросов, пожалуйста, обращайтесь».

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

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

Мне ответили:

«Самый простой способ в разделе «Сайты» создать сайт, привязать к нему домен nemnogoobovsem.com и в настройках включить «перенаправлять на домен:», ввести neobovsem.ru».

Что я и сделала.

Переадресация со старого домена на новый

Интересные плюшки

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

Дело в том, что в админке урлы всех картинок поменялись на новые, а вот на самом сайте – нет. Мне пришлось ручками заходить в каждую запись и менять в редакторе картинку на такую же, только с новым url вида https://neobovsem.ru/wp-content/uploads/..

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

Так, вернемся к плюшкам. Где-то в интернете я вычитала, что страница имеет бОльший вес чем рубрика. И я испугалась, что мои рубрики не будут появляться в поиске. Тогда я создала новые 4 страницы с названиями и урлами такими же, как и у рубрик. Получились пустые страницы, на которых только заголовок прописан. Я добавила эти страницы в главное меню. И как вы думаете, что из этого получилось? Они слиплись – рубрики и страницы! Нажимая на страницу в главном меню, открывается рубрика!

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

Еще один момент – как я избавилась от дублей страниц. В принципе я изначально сделала постоянные ссылки в виде названия записей. Ну вот нравятся мне красивые урлы без лишних префиксов.

Постоянные ссылки

Как же я избежала дублей страниц? Все просто – я не включала функцию «Добавить префиксы рубрик». Она у меня отключена.

Префиксы рубрик отключены

Тем самым не происходит задвоение записей, в случае, когда одна запись находится в двух рубриках. На мой взгляд это очень удобно! И урлы все красивые — https://neobovsem.ru/perfekcionizm-chto-eto-takoe/.

В заключение

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

Лично я нашла себе новое хобби – это мой блог. И выглядит теперь он вот так – https://neobovsem.ru. Заходите ставьте лайки, если он вам понравился. Мне он безумно нравится!

P.S. Делитесь своими историями о том, как сделать сайт с нуля.

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

Понравилась статья? Ставьте лайки и делитесь с друзьями. Мы стараемся для вас!

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

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

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

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

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

Пособие выстроено по принципу «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, которые будут очень полезны для вас.

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

Step By Step (Веб-сайты для чайников)

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

Что такое конструктор сайтов?

Конструкторы веб-сайтов — это универсальные инструменты для создания веб-сайтов.

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

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

Какой лучший конструктор сайтов?

Лучший конструктор сайтов зависит от ваших потребностей. Вот что я нашел:

  • Squarespace ⁠ — Отличные шаблоны, продуманные функции и интуитивно понятный дизайн. Я выбрал его как лучший универсальный конструктор сайтов.
  • Shopify ⁠ — имеет понятный интерфейс, полезный магазин приложений и передовые инновации в отрасли ⁠ и является лучшим конструктором веб-сайтов для электронной коммерции;
  • Webflow ⁠ — отличный инструмент пользовательского дизайна с полноценной CMS. Отлично, если вы хотите создавать свои собственные шаблоны.
  • Square Online ⁠ — лучший бесплатный конструктор сайтов.

Пошаговое руководство по созданию веб-сайта с помощью Squarespace

Теперь, когда у вас есть обзор конструкторов веб-сайтов, давайте шаг за шагом пройдемся по созданию веб-сайта с помощью Squarespace.

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

Шаг 1: Выберите шаблон

Зарегистрируйтесь в Squarespace, чтобы начать.

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

Выбор шаблона Squarespace.

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

Я выберу шаблон Paloma :

Выберите шаблон ‘Paloma’.

Зарегистрироваться

Далее мы зарегистрируемся в бесплатной пробной версии Squarespace — на данный момент кредитная карта не требуется.

Регистрация в Squarespace.

Регистрация в Squarespace.

После завершения регистрации мы в Squarespace! Хороший!

Добро пожаловать в Squarespace!

Шаг 2: Создание страниц

Начнем с добавления нескольких страниц. Итак, нажмите Страницы:

Добро пожаловать в Squarespace!

Удалить демонстрационные страницы

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

Удалить страницы, помеченные как «DEMO».

Добавить страницы

Теперь давайте добавим наши страницы. Нажмите значок плюса (+), чтобы добавить страницы:

Мы добавим 3 пустые страницы ( Песни и EP , О программе, и Контакты ) и 1 страницу блога ( Блог ). Они составят нашу основную навигацию.

Шаг 3. Добавьте логотип и настройте заголовок

Далее мы добавим логотип и настроим заголовок.

Итак, нажмите Изменить , чтобы открыть редактор:

Нажмите Изменить, чтобы открыть редактор веб-сайта.

Затем наведите указатель мыши на заголовок и нажмите Изменить заголовок сайта:

Удалить значки социальных сетей

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

Итак, нажмите Элементы:

И мы сделаем две вещи. Во-первых, давайте отключим переключатель социальных ссылок . Во-вторых, давайте сделаем кнопку ссылкой на мой Spotify:

How To Add Your Logo

Вернитесь в редактор заголовков. Затем нажмите Название сайта и логотип:

Отсюда вы можете загрузить изображение логотипа:

Добавление моего логотипа!

У меня нет логотипа для моей музыки — поэтому я использую в качестве примера логотип Nike .

Итак, я просто собираюсь придерживаться текстового логотипа по умолчанию Squarespace предоставляет:

Настройка навигации

Далее я хотел бы выровнять навигацию по центру.

Итак, вернитесь в редактор заголовков и щелкните значок Desktop :

Щелкните значок на рабочем столе.

Оттуда мы можем выбрать, где мы хотели бы показывать навигацию — давайте установим центрирование:

И вот — наш заголовок настроен! Вот как это выглядит:

Наш настроенный заголовок.

Шаг 4: Оформление веб-сайта с помощью шрифтов и цветов

Далее мы настроим шрифтов и цветов . Это полезный способ создать бренд.

Выбор пользовательских шрифтов

Щелкните значок кисти, чтобы открыть Стили сайта:

Щелкните значок кисти, чтобы открыть стили сайта.

Затем выберите Шрифты:

Выберите шрифты в стилях сайта.

Глобальные стили текста позволяют нам выбрать шрифты, которые мы хотим использовать на всем нашем веб-сайте:

Глобальные стили текста.

Я собираюсь выбрать Freight Text Pro для заголовков и Helvetica Neue для абзацев, кнопок и прочего:

Настройка пользовательских цветов

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

Щелкните значок кисти, чтобы открыть Стили сайта:

Щелкните значок кисти, чтобы открыть стили сайта.

Затем выберите Цвета:

И нажмите Редактировать палитру:

Нажмите «Редактировать палитру».

Цвета вашего веб-сайта будут взяты из этой палитры — изменение палитры автоматически изменит цвета на всем вашем веб-сайте.

Наиболее важным цветом в вашей палитре является Accent Color . Здесь вам понадобится ваш самый важный фирменный цвет. Для своего я выбираю королевский синий:

Акцентный цвет — самый заметный из цветов.

Шаг 5: Как редактировать страницы в Squarespace

Теперь давайте приступим к разработке контента нашего веб-сайта — мы начнем с нашей домашней страницы. Поэтому перейдите на домашнюю страницу и откройте редактор веб-сайта (помните, что вам просто нужно нажать кнопку Edit ).

Изменение фонового изображения

Начнем с изменения фона Section . Поэтому щелкните значок карандаша (ниже), чтобы открыть редактор разделов :

Откройте редактор разделов.

Затем щелкните Фон и загрузите новое фоновое изображение:

Вы можете использовать Непрозрачность наложения , чтобы добавить немного затемнения на фон. Это помогает выделять текст:

Установка непрозрачности наложения.

Редактирование текста

Чтобы отредактировать текст в Squarespace, вы можете просто щелкнуть его, и появится текстовый редактор:

Редактирование этого текста.

Нажмите синий значок +, если хотите добавить новый текст Блок контента:

Мы собираемся добавить видео Блок контента:

Вот как это выглядит — у нас есть текст и видеоконтент блоков:

Я разместил видео на своей домашней странице.

Как изменить высоту и ширину секции

Вы также можете изменить высоту и ширину раздела в редакторе разделов .

Например, вот Большая секция :

Широкая секция.

А вот и Средний раздел:

Средний раздел.

Создание разделов с нуля

Далее создадим страницу Contact . Итак, перейдите на страницу Contact нажмите Добавить раздел:

Нажмите «Добавить раздел»

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

Мы собираемся выбрать один из этих предварительно созданных разделов страницы контактов…

Выбор из предварительно созданных страниц контактов.

…. И теперь у нас есть страница C ontact !

Наша контактная страница.

Установка цвета раздела

Нам просто нужно изменить цвет фона на более темный, чтобы он соответствовал остальной части веб-сайта.

Итак, нажмите Изменить раздел :

Нажмите «Редактировать раздел»

Затем щелкните вкладку Цвета и выберите более темный цвет:

Настройка цвета раздела в соответствии с остальной частью веб-сайта.

Шаг 6. Создание блога
  • Примечание. Просто пропустите этот шаг, если вам не нужен блог на вашем сайте! *

К настоящему моменту вы должны хорошо понимать, как работает Squarespace. Поэтому я буду двигаться немного быстрее.

Итак, перейдите на страницу блога .

Перейти к блогу.

И добавим Заголовок раздел:

Нажмите «Добавить раздел», чтобы добавить заголовок в блог.

Вот, выглядит хорошо:

Добавление заголовка в блог

Настройка макета блога

Теперь я хочу изменить макет блога, что мы можем сделать, нажав Редактировать раздел:

Редактировать раздел.

Отсюда я сделаю несколько настроек:

  • Изменено Компоновка на Кладка
  • Изменено Ширина на Вставка
  • Поместить сообщения в 3 столбца
  • Скрыть Выдержки из и Подробнее Ссылки
  • Поместить метаконтент под заголовком
  • И центрировать весь текст

Итак, это выглядело так:

Эти настройки блога являются личными предпочтениями!

Как добавлять сообщения в блог в Squarespace

Откройте редактор блога , чтобы добавить новые сообщения.

Вы можете открыть редактор, нажав Управление сообщениями на странице блога:

Откройте редактор блога.

Оттуда просто нажмите на запись, которую хотите отредактировать:

Редактор блога.

Приятного ведения блога!

Шаг 7: Редактирование нижнего колонтитула

Мы до сих пор не редактировали нижний колонтитул нашего веб-сайта. Итак, перейдите к нижней части страницы и нажмите Редактировать нижний колонтитул:

Редактирование нижнего колонтитула сайта.

Для начала давайте удалим все, что находится в нижнем колонтитуле:

Удалим все, что сейчас находится в нижнем колонтитуле.

Затем я добавлю этот готовый раздел, который Squarespace предоставляет:

Мне понравился внешний вид этого раздела.

Отсюда я настроил текст и добавил Социальные ссылки и Информационный бюллетень блоки контента.

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

Вот последний нижний колонтитул!

Шаг 8: Добавление доменного имени

Итак, наш сайт готов!

(Примечание. Чтобы сэкономить ваше время, в этой статье не показано, как создать страницу Songs & EPs и страницу About , но вы уже должны знать, как создавать эти страницы.)

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

Наш веб-сайт выглядит хорошо — теперь пришло время добавить доменное имя!

Теперь давайте опубликуем этот сайт на пользовательском доменном имени!

Во-первых: Обновите Squarespace

Чтобы добавить доменное имя, нам нужно перейти на платный план.

Платные планы могут быть либо Ежемесячными, либо Годовыми . Я выберу годовой план, потому что он включает бесплатное доменное имя на 1 год.

Я выбираю Персональный — самый дешевый тариф:

Выбор тарифа Персональный.

Заявка на бесплатное доменное имя

После перехода на платный план у вас будет возможность заявить права на бесплатное доменное имя. Нажмите на это поле:

Щелкните это поле, чтобы получить бесплатное доменное имя.

Затем нажмите Получить домен:

Нажмите «Получить домен»

Здесь мы можем искать наше бесплатное доменное имя! Я выберу этот:

Это доменное имя, которое я выбрал.

Последний шаг: опубликовать веб-сайт

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

Итак, перейдите к Настройки и нажмите Доступность сайта:

Нажмите «Доступность сайта»

Затем установите для сайта Общедоступный:

Установите для своего веб-сайта статус Общедоступный в доступности сайта.

И с наш сайт работает на нашем доменном имени!

Наш сайт работает!

Советы и ресурсы по созданию собственного сайта0044 Интернет для чайников

Интернет для чайников

Исследуйте книгу Купить на Amazon

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

Фото: ©iStockphoto.com/Maximkostenko

Создателей страниц предостаточно

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

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

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

  • Настройка: Некоторые сайты создания страниц позволяют настраивать дизайн в большей степени, чем другие. Некоторые позволяют вам увидеть HTML (код веб-страницы), из которого состоят ваши страницы, и настроить его так, чтобы ваши страницы выглядели правильно. Другие не разрешают.

  • Субдомен: Ваш сайт может быть субдоменом сайта создателя страницы, где ваш веб-адрес является адресом основного сайта с заменой www на выбранное вами имя. Вы можете захотеть, чтобы у вашего веб-сайта было собственное доменное имя (веб-адрес, оканчивающийся на . com или что-то еще), чтобы придать ему дополнительную известность.

  • Дизайн: Сайты для создания страниц предлагают множество стандартных дизайнов. Посмотрите, есть ли у каких-либо сайтов дизайн, который вам нравится.

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

  • Размер: Объем информации, которую вы можете хранить на своем веб-сайте, зависит от максимального количества страниц.

Вот несколько хороших сайтов для создания страниц

  • Сайты Google — это бесплатный сайт для создания страниц, управляемый (кем еще?) Google. Он не очень гибкий, но прост в использовании.

  • Homestead предназначен для малого бизнеса и позволяет начать с более чем 2000 бизнес-шаблонов.

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

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

  • Wix предоставляет облачные услуги веб-разработки, позволяющие создавать веб-сайты и мобильные сайты с помощью онлайн-инструментов перетаскивания. Существует бесплатный конструктор веб-сайтов и плата за более продвинутые услуги.
  • Weebly имеет удобную систему перетаскивания для настройки вашего сайта — и никакой рекламы.

  • Webs имеет множество шаблонов дизайна и может размещать фотографии, видео, блоги и форумы сообщений.

  • WordPress — чрезвычайно популярный бесплатный конструктор сайтов и система управления веб-контентом.
  • Yola — еще один известный сайт для создания страниц.

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

Что тебе сказать?

Создать веб-страницу несложно. Однако выбрать, что разместить на своей странице, сложнее. Для чего нужна страница? Каким человеком вы хотите его видеть? Это для вас и вашей семьи и друзей и потенциальных друзей по всему миру, или вы рекламируете свой бизнес в Интернете?

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

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

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

  • Надежность : Будет ли служба работать какое-то время? Если это абсолютно бесплатно, подумайте, насколько вероятно, что они выживут в суматохе интернет-стартапов и электронной коммерции.

  • Доменное имя: Вы хотите, чтобы ваш веб-сайт имел собственное имя (например, dummies.com) вместо субдомена службы (например, dummies.wordpress.com)? Большинство служб веб-хостинга также могут разместить ваше доменное имя.

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

  • Адаптивный, удобный для мобильных устройств дизайн: Будет ли ваш веб-сайт хорошо выглядеть на смартфонах и планшетах? Выберите дизайн страницы, который реагирует на , то есть реагирует на размер экрана или окна при отображении ваших страниц.

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

    This entry was posted in Популярное