Как создать свой сайт самому?  Уроки HTML.  Верстаем сайт...



  • Как создать свой сайт
  • Уроки по HTML
  • HTML 5 справочник
  • Уроки по CSS
  • CSS справочник
  • Уроки по JavaScript
  • Уроки по PHP
  • Установка сервера...

Создаем собственный сайт своими руками в Блокноте

Возможно, всего несколько шагов отделяют вас от того, чтобы сделать свой сайт и выложить его в сети интернет...
Семь пунктов внизу данной статьи содержат информацию о том, как создать собственный сайт с ноля, без использования CMS – систем управления контентом и других web-конструкторов, которые на сегодняшний день достаточно широко распространены, но лишь являются поверхностью айсберга. Другими словами, создавать свой первый сайт вы будете в прямом смысле с чистого листа, сначала при помощи обычного текстового редактора, каким есть Блокнот...
Итак, следующие шаги помогут вам быстро разобраться в основах HTML, познакомиться с CSS и создать свой сайт, первый сайт, состоящий из одной-двух страниц, который вы затем разместите в интернете на бесплатном хостинге. Ну не сказка ли?
  • Шаг 1. Документ
  • Шаг 2. Текст
  • Шаг 3. Гиперссылки
  • Шаг 4. Изображение
  • Шаг 5. Таблицы
  • Шаг 6. Верстка
  • Шаг 7. Размещение

Как создать сайт самому?

Как создать свой сайт на ucoz?

Как создать сайт самому бесплатно при помощи сервиса ucoz.ru

или создаем свой сайт в интернете на бесплатном хостинге

Бесплатная альтернатива для тех, кто хочет сэкономить на доменном имени и хостинге.

Наши действия:

1. Заходим на официальный сайт ucoz.ru

2. Жмем СОЗДАТЬ САЙТ или на:

Как создать сайт на веб-сервисе ucoz.ru

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

4. На открывшейся странице жмем HOME PAGE:

Создать свой сайт бесплатно на ucoz.ru

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

Создать сайт на ucoz.ru

6. Выбираем доменное имя, вводим секретный код, соглашаемся с лицензией, жмем Continue:

Создать свой сайт на хостинге ucoz.ru

7. Если доменное имя уже занято, вам предложат ввести пароль Webtop для проверки:

Как создать сайт самостоятельно на хостинге сервиса ucoz.ru

8. Так как предполагаемый web-сайт вам не принадлежит, вы не сможете получить к нему доступ, но если выбранное вами доменное имя третьего уровня свободно, откроется окно, подтверждающее успешное создание сайта. Жмем кнопку Website Control Panel, чтобы перейти к панели управления сайтом:

Как создать сайт с ноля самостоятельно на хостинге ucoz.ru

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

Создать сайт бесплатно ucoz.ru

10. Выбираем пункт Page Editor, жмем Continue:

Как создать свой сайт бесплатно в системе ucoz.ru

11. Будет открыта главная страница панели управления, созданного в системе uCoz, сайта:

Создание сайта на ucoz.ru

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

Система uCoz позволяет «создавать сложнейшие проекты с необычайной простотой и скоростью», но к новичкам данное утверждение не относится. Увидев панель управления сайтом в первый раз в своей жизни, человек в лучшем случае может растеряться, а в худшем — оставить идею создать свой сайт на потом. Системы управления сайтами и различные веб-конструкторы есть поверхность айсберга — это если сравнивать сайты с айсбергами, а сеть интернет с Ледовитым океаном. Как вы, надеюсь, помните из уроков географии, поверхность айсберга обыкновенно в несколько раз меньше той его части, которая находится под водой. Для того, чтобы сравнить web-страницу такую, какую мы ее видим в браузере и ее «подводную» часть, откройте исходный код страницы: наведите курсор мыши на текущую страницу, нажмите правую кнопку, выбирите View Source или View Page Source, в зависимости от браузера. Таким образом вы увидете исходный код web-страницы, как единицы сайта, а сайта, как единицы Всемирной паутины. Другими словами, вся сеть интернет состоит из бесконечного количества подобных страниц, связанных между собой гиперссылками, посредством «протокола передачи гипертекста» — HyperText Transfer Protocol или сокращенно HTTP — протокол передачи данных в виде гипертекстовых документов. А что такое HTML? HTML — HyperText Markup Language или язык разметки гипертекста. Можно сделать единственный правильный вывод: чтобы создать свой сайт, нужно уделить достаточно времени на уроки по HTML для начинающих.

Все, что написано вверху — не просто Бла-Бла-Бла. Прежде, чем создать свой сайт в интернете, создайте его на своем компьютере, предварительно выбрав тему и оценив всю ту пользу, которую он принесет человечеству. Создать свой сайт есть смысл даже в том случае, если польза от него, будет только вам или очень ограниченному кругу лиц. Поверьте, оно того стоит. Не тревожьтесь за будущее Всемирной сети, если ваш сайт представляет из себя кучу мусора! Интернет никогда не станет помойкой, потому что каждую секунду, 24 часа в сутки и 7 дней в неделю его сканируют алгоритмы поисковых систем, так называемые, поисковые роботы. Они тщательно отфильтровуют потенциальный мусор и равнодушно опускают его на дно поисковых выдач.

Продолжение темы:

Как создать сайт самому бесплатно на хостинге uCoz

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

Создаем первый сайт в системе веб-сервиса uCoz

14. Вводим Webtop пароль, код безопасности, жмем Вход или просто закрываем окно.

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

16. В девятом пункте мы выбрали дизайн сайта, давайте посмотрим, чем мы располагаем. Для этого в верхней части панели управления, в строке «Адрес вашего сайта...» пройдите по ссылке. Имея достаточный уровень знаний в HTML и CSS, можно полностью изменить весь дизай сайта. Оставить прийдется только доменное имя и прямую ссылку на uCoz. Возможно, вы так и сделаете, изучив досконально эти дисциплины, а пока продолжим исследование CMS-ки.

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

Как создать свой сайт в популярной системе uCoz

18. Жмем пункт Управление страницами сайта:

Создаем сайт с помощью интернет-системы uCoz

19. В строке «Главная страница...» жмем Изменить информацию:

Создаем свой сайт с помощью нового интернет-сервиса uCoz

20. Увидим мы следующую картину:

Создать сайт самому бесплатно с ноля на хосте uCoz

21. Программный код в текстовом поле редактора обеспечивает вывод и связку отдельных блоков, которые составляют каркас главной страницы сайта, предоставленной нам сервисом. Использование специфического кода, различных символов, комментариев в исходном коде есть особенность систем управления контентом — CMS. Данные системы используются всеми бесплатными web-сервисами по созданию сайтов из готовых шаблонов наподобие uCoz. На данном этапе программирование мы затрагивать не будем, поэтому просто сдвигаем все эти символы вниз и вверху печатаем обычный HTML код, то есть наполняем сайт информацией. Жмем Сохранить:

Делаем сайт бесплатно в центре uCoz

22. В следующем окне жмем Перейти на страницу:

Создаем веб-сайт на хосте uCoz

23. Панель администратора вверху нашей страницы можно закрыть, выбрав соответствующий пункт в выпадающем списке:

Делаем свой сайт своими силами в uCoz

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

Я Буду вам признателен, если вы разместите на своем сайте или блоге ссылку на ab-w.net.

Спасибо за внимание!

Дополнительно смотрите: Как создать сайт самому бесплатно на narod.yandex.ru

Автор проекта - Вася Митин | Дата публикации: Hoябрь 2009 | Обновление: Ноябрь 2010

Как создать свой сайт на ucoz   Как создать свой сайт бесплатно (обзор темы)

+  Создаем сайт или пару страничек на примере HTML уроков на поддомене | Карта сайта | Контактная информация


© 2009 - 2023 | При использовании материала, ссылайтесь на мой сайт!
По всем вопросам обращайтесь к | Создать собственный сайт? – Не вопрос!
Как создать сайт бесплатно