Блог Eлены Изотовой
Как продавать свои знания и опыт в интернете,
зарабатывая на этом больше, чем твой начальник?

Пошаговое руководство как создать сайт самостоятельно

Автор: / Дата: в 11:18
Блог Eлены Изотовой

Пошаговое руководство как создать сайт самостоятельно

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

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

Страх неудач

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

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

Почему люди боятся? Я скажу так, что это не страх неудач, а просто лень, которой, как известно не существует. Посмотрите на инвалидов, которые выступают на мировых соревнованиях. Это люди, которым досталась нелегкая жизнь. Перед ними встал выбор: существовать или пройти через трудности и начать радоваться жизни. И что они выбрали? Работу над собой. Если они смогли добиться результатов, то чем вы хуже?

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

  1. Поверить в себя.
  2. Составить долгосрочные цели.
  3. Найти мотивацию.
  4. Рискнуть, следуя определенным шагам.

 

Вот так просто можно преодолеть свои страхи и избавиться от цели. Главное – желание, а остальное приложится.

Пошаговое руководство

Даже если вы профан в web программировании, не торопитесь закрывать страницу. Я тоже когда-то ничего не понимала в этом, но потратив свое драгоценное время на изучение познавательной литературы, я выяснила, что существует база, разобраться в которой не сложно. Давайте и вы узнаете об этом.

Первое, что нужно сделать – создать на вашем компьютере 2 файла и поместить их в папку. Обратите внимание на то, что название может любое, но окончание – html и css. Вот как он должен выглядеть: hello.html (это важно, ведь это расширение). Когда файлы созданы, нужно наполнить их тегами. Это такие коды, которые, спрятанные в угловые скобы, позволяющие производить манипуляции.

htmlПопробуйте вот этот пример:

<!DOCTYPE html>

<html>

<head>

<title>Hello, world!</title>

<meta charset = «utf-8»>

<link rel = «stylesheet» href = «hello.css»>

</head>

<body>

Привет, мир!

</body>

</html>

 

Если вы откроете эту страницу в своем браузере, то получите сайт, на котором будет написана первая фраза – Привет, мир! У вас получилось? Вот теперь смотрите, вы, не зная языка программирования,  и не используя программы для создания, сотворили интернет ресурс прямо в своем блокноте. Легко?

html-meta-tagsЧто значат эти теги? Давайте разбираться:

  • Html – язык программирования и база для вашего интернет ресурса;
  • Head или голова – данные о вашем ресурсе;
  • Title – название страницы (в нашем случае – привет, мир!);
  • Link – тег, позволяющий подключить файл css.

 

Обратите внимание на то, что есть парные теги, которые следует сохранять, ведь первая половина только открывает вашу команду, а вторая закрывает (заставляет работать). С этим разобрались. Теперь давайте немного переключим свае внимание и оставим в покое команды. Зачем? Вам нужно произвести этап планирования с нуля, а именно:

  1. Определиться с тематикой сайта.
  2. Придумать название.
  3. Подготовить контент.
  4. Разобраться с дизайном и т.д.

 

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

Теперь осталось дело за малым, добавить информации, раскрасить свой сайт и наполнить его материалом. Как это делать? Давайте продолжим.

moskvaЧтобы сотворить дизайн будущего сайта, нужно воспользоваться программой «Фотошоп», набросать эскиз главной страницы своего сайта. Как с ней работать:

  • открываете программу;
  • размещаете название, телефон (при этом не забывайте использовать направляющие);
  • вставляйте картинки;
  • пишите текст;
  • используйте функцию раскройки (подробно о том, как работать с фотошопом я рассказывала в обзоре о том, как сделать меню в паблике вк);
  • производите «сохранение для веб» в специальной папке (там у вас появится много графических объектов).

 

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

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

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

Web site buildingНе спешите использовать дорогостоящие, ведь можно стать владельцем популярного ресурса, расположенного и на бесплатных площадках. Для этого вам нужно знать основы сео-продвижения и особенности накрутки, с которыми вы можете ознакомиться, изучив мои обзоры.

Также вы можете пройти «Школу блоггеров» Александра Борисова. Там автор подробно обучает созданию блога, его ведению, раскрутке. Причем программированием вы можете не владеть. И эти страшные, на первый взгляд, коды и теги вам могут не понадобится. Но для общего развития там есть несколько уроков и обучающий вебинар.

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

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

С уважением, Елена Изотова.

1 звезда2 звезды3 звезды4 звезды5 звезд (1 голосов, средний: 5,00 из 5)
Загрузка...
Добавить комментарий
Имя*
Mail*
:p :-p 8) 8-) :lol: =( :( :-( :8 ;) ;-) :(( :o: