Здравствуйте друзья и гости моего информационного блога. Многие из вас мечтают о собственном интернет ресурсе, по средствам которого можно делиться своими знаниями и получать доход. Поэтому сегодня и решила рассказать вам про создание сайта html.
Воспользовавшись этим руководством, вы сможете воплотить свою мечту. Заинтересовались? Тогда внимательно читайте и придерживайтесь советов, чтобы сотворить уникальный ресурс, способный привлечь внимание многомиллионной аудитории.
Страх неудач
Многие интернет пользователи боятся воплощать свои задумки в жизнь, потому что не знакомы с языком программирования. Как это относится к сайтам? Прямым образом, ведь интернет ресурс – своего рода специальные коды и набор файлов. Зная это, вы сможете сотворить сайт даже в блокноте, но гораздо удобнее воспользоваться новыми разработками программистов.
Главное, не бойтесь, ведь сделать это не сложно. В интернете можно найти большое количество шаблонов, для этого воспользоваться функцией простого поиска на вашем устройстве, затем, скачать их и начать преображать. Пусть один, два или три шаблона вы испортите, но это не важно, зато у вас получится сделать уникальный информационный ресурс.
Почему люди боятся? Я скажу так, что это не страх неудач, а просто лень, которой, как известно не существует. Посмотрите на инвалидов, которые выступают на мировых соревнованиях. Это люди, которым досталась нелегкая жизнь. Перед ними встал выбор: существовать или пройти через трудности и начать радоваться жизни. И что они выбрали? Работу над собой. Если они смогли добиться результатов, то чем вы хуже?
Если у вас нет желания трудиться, то даже не начинайте, потому что сайт требует затрат ваших сил и времени. Чтобы решиться на результат, вам нужно:
- Поверить в себя.
- Составить долгосрочные цели.
- Найти мотивацию.
- Рискнуть, следуя определенным шагам.
Вот так просто можно преодолеть свои страхи и избавиться от цели. Главное – желание, а остальное приложится.
Пошаговое руководство
Даже если вы профан в web программировании, не торопитесь закрывать страницу. Я тоже когда-то ничего не понимала в этом, но потратив свое драгоценное время на изучение познавательной литературы, я выяснила, что существует база, разобраться в которой не сложно. Давайте и вы узнаете об этом.
Первое, что нужно сделать – создать на вашем компьютере 2 файла и поместить их в папку. Обратите внимание на то, что название может любое, но окончание – html и css. Вот как он должен выглядеть: hello.html (это важно, ведь это расширение). Когда файлы созданы, нужно наполнить их тегами. Это такие коды, которые, спрятанные в угловые скобы, позволяющие производить манипуляции.
Попробуйте вот этот пример:
<!DOCTYPE html>
<html>
<head>
<title>Hello, world!</title>
<meta charset = «utf-8»>
<link rel = «stylesheet» href = «hello.css»>
</head>
<body>
Привет, мир!
</body>
</html>
Если вы откроете эту страницу в своем браузере, то получите сайт, на котором будет написана первая фраза – Привет, мир! У вас получилось? Вот теперь смотрите, вы, не зная языка программирования, и не используя программы для создания, сотворили интернет ресурс прямо в своем блокноте. Легко?
Что значат эти теги? Давайте разбираться:
- Html – язык программирования и база для вашего интернет ресурса;
- Head или голова – данные о вашем ресурсе;
- Title – название страницы (в нашем случае – привет, мир!);
- Link – тег, позволяющий подключить файл css.
Обратите внимание на то, что есть парные теги, которые следует сохранять, ведь первая половина только открывает вашу команду, а вторая закрывает (заставляет работать). С этим разобрались. Теперь давайте немного переключим свае внимание и оставим в покое команды. Зачем? Вам нужно произвести этап планирования с нуля, а именно:
- Определиться с тематикой сайта.
- Придумать название.
- Подготовить контент.
- Разобраться с дизайном и т.д.
Если у вас уже есть эти заготовки, то вы можете спокойно продолжать творить. Поймите, что без этого у вас ничего не получится. Хотя… вы можете произвести пробный вариант, чтобы получить сайт с картинками, а потом уже знать, как делать это самостоятельно.
Теперь осталось дело за малым, добавить информации, раскрасить свой сайт и наполнить его материалом. Как это делать? Давайте продолжим.
Чтобы сотворить дизайн будущего сайта, нужно воспользоваться программой «Фотошоп», набросать эскиз главной страницы своего сайта. Как с ней работать:
- открываете программу;
- размещаете название, телефон (при этом не забывайте использовать направляющие);
- вставляйте картинки;
- пишите текст;
- используйте функцию раскройки (подробно о том, как работать с фотошопом я рассказывала в обзоре о том, как сделать меню в паблике вк);
- производите «сохранение для веб» в специальной папке (там у вас появится много графических объектов).
Вы можете не тратить время на это, а просто воспользоваться уже имеющимися шаблонами, но если хотите проявить свою индивидуальность, то подойдите к этому тщательно и не торопитесь, продумывайте каждую мелочь. Эти фрагменты нужны будут вам при отладке сайта с помощью приложения Denwer.
Плюс, вы можете включить ссылки на ваши фрагменты в тело шаблона, используя парные теги (произвести верстку). Вот здесь придется достаточно потрудиться, ведь нужно разбить тело программы и включить в него свои заготовки. Если вам не хочется этим заниматься, то воспользуйтесь уже готовыми шаблонами, которые достаточно слегка подкорректировать.
Когда это все готово и у вас в блокноте получился своеобразный шаблон сайта, вы можете перейти к его загрузке на просторы интернета. Однако не забывайте тщательно подбирать хостинг, ведь их существует огромное количество. Они отличаются по стоимости, количеству предоставляемого трафика и т.д.
Не спешите использовать дорогостоящие, ведь можно стать владельцем популярного ресурса, расположенного и на бесплатных площадках. Для этого вам нужно знать основы сео-продвижения и особенности накрутки, с которыми вы можете ознакомиться, изучив мои обзоры.
Также вы можете пройти «Школу блоггеров» Александра Борисова. Там автор подробно обучает созданию блога, его ведению, раскрутке. Причем программированием вы можете не владеть. И эти страшные, на первый взгляд, коды и теги вам могут не понадобится. Но для общего развития там есть несколько уроков и обучающий вебинар.
Еще стоит отметить тот факт, что обучение подходит не только новичкам, но и владельцам сайтов. Зачем им это? Вы выставите свой ресурс на обозрение знающему человеку, он просмотрит его, подскажет моменты, которые стоит подкорректировать, подскажет тактику ведения сайта и т.д.
Не бойтесь воплощать свои задумки, используйте имеющиеся познавательные порталы и тогда вы сможете создать сайт самостоятельно, сэкономив при этом круглую сумму. Остались вопросы? Задавайте их мне, чтобы получить ответы, способные изменить ваше представление о мире web-творений. На этом я прощаюсь с вами, буду рада увидеть вас вновь на просторах своего блога.
С уважением, Елена Изотова.