Как создать сайт объёмом до 100Мб
методическая разработка по информатике и икт по теме

Способы создания сайтов

Существует много способов создания собственного сайта. От его покупки до полностью самостоятельного создания. Самостоятельно и бесплатно создать свой сайт можно:

на бесплатном хостинге при помощи конструктора сайтов;

используя шаблон сайта;

используя CMS - систему управления сайтом (на основе так называемого движка);

написав сайт на HTML и CSS в текстовом редакторе.

В этом списке способы расположены от самого простого к самому сложному.

Конструктор сайтов.

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

narod.ru, ucoz.ru. Google.com. Создание сайта на бесплатном  хостинге при помощи встроенного конструктора по-прежнему очень популярно. Несмотря на то, что такой способ таит в себе как минимум два серьезных недостатка.

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

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

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

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

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

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

Но почему же тогда так популярны конструкторы сайтов на бесплатном хостинге?

Основное преимущество конструктора сайтов – это простота. Всего в несколько кликов вы создаете свой сайт без всяких знаний HTML и CSS. Заманчиво, не правда ли?

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

Главное — не создавать таким способом серьезный долгосрочный проект. Хотя опять же можно, если вы собираетесь в ближайшем будущем перевести сайт на HTML и CSS.

Создание сайта с помощью шаблона.

Этот способ уже намного лучше предыдущего, но и сложнее. Для создания сайта с помощью шаблона требуется хорошее знание основ HTML и CSS.

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

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

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

 Использование системы управления сайтом (CMS).

 Этот способ – самый быстрый и широко используемый. В Рунете такие системы называют «системами управления контентом» или просто «движками». Они позволяют не только удобно и комфортно разработать сайт, но и вести электронный бизнес. Например, широко используются такие «движки» как Joomla, WordPress. Всё просто. Скачиваем и устанавливаем CMS на сервер, а затем работаем, как и с конструктором, по той же схеме.

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

 При использовании CMS необходимо самому зарегистрировать доменное имя, определиться с хостингом, пройти регистрацию в поисковых системах, каталогах. Необходимы знания по CSS и HTML.

Написание сайта на HTML И CSS.

HyperText Markup Language – язык гипертекстовой разметки.

Cascading Style Sheet – Каскадные Таблицы Стилей – это язык оформления веб-страниц, который по сути является приложением к HTML. Это не самостоятельный язык, его можно использовать только совместно с HTML. В совокупности HTML и CSS позволяют придать странице необходимый внешний вид.

Используя HTML и CSS, можно создавать статические страницы и сайты.

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

Изучив HTML и CSS, вы получите великолепный задел на будущее. Нет никаких сомнений, что эти языки будут популярны еще очень долгое время и не утратят своей актуальности ни через 10, ни через 20 лет. Консорциум Всемирной Паутины продолжает расширять и совершенствовать HTML и CSS, и с каждым таким "апгрейдом" становится все понятнее, что им просто нет альтернативы .

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

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

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

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

По всем этим причинам способ создания сайта на HTML и CSS – едва ли не единственно правильный.

Советы по созданию сайта

Не используйте страницы приветствий. Они раздражают посетителей и побуждают их уйти с вашего сайта. Посетитель должен видеть содержимое сайта с первого взгляда.

Не используйте назойливую рекламу. Большинство посетителей игнорируют рекламу на сайте.

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

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

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

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

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

Большинство посетителей игнорирует баннеры. Если без рекламы не обойтись - обратите внимание на расположение рекламы на вашем сайте.

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

Посетителей интересуют заголовки. Старайтесь делать заголовки интересными и привлекательными.

Нижние части страницы часто просматриваются посетителями. Вы можете использовать это для размещения интересных вещей.

Реклама в верхних и левых участках страницы наиболее эффективна. При этом старайтесь сделать так, чтобы она была неназойливой и не нарушала дизайн.

Текстовая реклама наиболее просматриваема из всех видов рекламы. Поэтому текстовые объявления наиболее эффективны.

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

Хорошо отформатированный текст привлекает внимание. Старайтесь удерживать внимание посетителей выделением, подчеркиванием, курсивом в тексте. Не перебарщивайте.

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

Взгляд посетителя проходит по странице по форме буквы "F". Старайтесь использовать это при размещении важных элементов вашего сайта.

Создание Cайта с помощью «Google”

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

И хочу сразу заметить, что этот сервис заточен под IExplorer или Firefox, в Opera не работает.

Знание HTML не требуется совсем, все очень просто, за пару дней разберетесь, если в первый раз пробуете создать сайт на Google.

Начнём: https://mail.google.com

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

Заходим в свою почту, вверху видим ссылку Сайты.

Этапы построения предметного сайта,

пользуясь готовыми шаблонами google.

Этапы построения, пользуясь готовыми шаблонами google.

Заведем аккаунт.

https://www.google.com/accounts/NewAccount?service=mail&continue=http://mail.google.com/mail/e-11-f7b3f288b92741989257b2067b89e-0f5552657a01efdcb9faf035869a634db24d91ef&type=2

Что важно: сверху, справа указать язык: русский

Войти в аккаунт: ввести электронную почту и пароль справа.

После входа в свой аккаунт вверху найти «Ещё»

Далее нажать «сайты». Кликнуть на кнопку «Создать новый сайт».

Попадаем в интерфейс создания сайта

https://sites.google.com/site/sites/system/app/pages/meta/dashboard/create-new-site

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

Проще выбрать пустой шаблон.

Определяем название сайта. Не нужно писать длинное название! Именно название и будет в окончании, а на первом месте будет https://sites.google.com/site/

Примеры:

Название сайта было изменено позже.

Например, был создан сайт с названием «учебауч» https://sites.google.com/site/ucebauc/

Педагогический дизайн и предметный сайт

Меняем название сайта. Выбирает справа кнопку «дополнительные действия»

Далее выбираем «управление сайтом»

Слева находим слева «общие»

В середине находим «Название сайта» и справа окошко, в котором можно изменить название сайта.

Меняем на «Учёба, как делать быстро сайт».

Рис. 18. Кнопка «Показывать названия сайта вверху страницы»

Обратить внимание на то, чтобы стоял флажок «Показывать название сайта вверху страниц». Сохраним изменения. Кнопка вверху на синей полосе.

Изменяем логотип.

Подготавливаем логотип с помощью презентации. Будем вставлять рисунок

Перейдем слева на «макет».

»

В середине кадра находим «изменить логотип».

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

Изменилось название сайта и логотип сайта.

Создаем новую страницу. Справа, вверху находим кнопку «Создать страницу».

Выбираем шаблон страницы, например, «Веб-страница» (это самый распространённый вариант страниц).

На следующей странице жмем нужную кнопку и переходим непосредственно к процессу создания главной страницы.

1 Оригинальное название сайта 
2 к адресу приписываем любое слово на латинице, желательно оригинальное, потому, что оно может быть занято, тогда придумываем другое.
3 https://sites.google.com/site/wwwinstructing/ слово instructing было занято, пришлось добавить триW - это то, что я состряпал на скорую руку для показа 
4 Потом ставите общий доступ или приват (только для своих) 
5 Ниже будет предоставлена масса шаблонов, выбирайте

Кликаем по ссылке Редактировать страницу и включаем фантазию. Редактор похож на майкрософтовский Word, думаю как им пользоваться вы знаете. Для тех кто знаком с HTML есть соответствующая ссылка.

Каждой странице обязательно давайте свое название, оно будет появляться в меню навигации.

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

Внизу есть окошко для загрузки файлов.

После редактирования не забудьте Сохранить страницу.

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

В любое место на новом сайте вы сможете добавить гаджеты от Google и свои файлы: это и календари, и слайд шоу и прочее. Так же вы сможете разместить блок AdSense и зарабатывать на рекламе, если сделаете интересный сайт.

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

Чуть не забыл, там есть кнопка предпросмотра. Перед тем как сохранить страницу, посмотрите, что получилось.