No Image

Это мой первый сайт

СОДЕРЖАНИЕ
0 просмотров
10 марта 2020

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

Первое что мы делаем, это создаем папку на рабочем столе и даем ей название «Сайт». В этой папке будет проходить все наше дальнейшее творение.

Теперь запускаем блокнот Notepad++ который мы установили. (Если Вы этого еще не сделали, то инструкция по установке здесь). По умолчанию программа должна быть по директории /Program Files/Notepad++/, либо можно запустить через Пуск. Открыли программу и вставляем в нее следующий текст:

&lthtml&gt
&lthead&gt
&lttitle&gtМой первый сайт &lt/title&gt
&lt/head&gt
&ltbody&gt
Здравствуйте! Это моя первая веб-страница!
&lt/body&gt
&lt/html&gt

Далее, нажимаем в верхнем меню кнопку "Кодировки" и выбираем "Кодировать в UTF-8"

Большинство сайтов рунета состоят из страниц html написанных на кодировке UTF-8. Для того чтобы наши страницы корректно отображались в браузере, мы тоже будем использовать данную кодировку.

Теперь нужно сохранить наш файл в формате html.

Не забываем, что Notepad++, это текстовый редактор, а это значит, что на данный момент мы имеем обычный текстовый файл с набором символов. Для того чтобы наш браузер отображал созданную нами текстовую страницу как веб-страницу, нам нужно сделать из нее файл с расширением html.

Для этого нажимаем в верхнем меню кнопку "Файл", затем "Сохранить как", выбираем директорию (путь) куда будет сохранен файл, сохраним его в созданной нами папке: Рабочий стол/Сайт/, далее самое главное, выбираем нужный тип файла, в нашем случае это Hyper Text Markup Language (html).

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

Как это все работает, мы разберем в следующих уроках.

* Когда нам нужно будет открывать файл для редактирования, будем нажимать правой кнопкой мыши на файл и выбирать "Edit with Notepad++" (открыть с помощью Notepad++).

Вы что-то не поняли из этого урока? Спрашивайте!
— vadimgreb@yandex.ru

Читайте также:  Хитман 2016 минимальные системные требования

Сайты бывают разные. Самый простой вариант — это сайт-визитка. С него мы и начнем.

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

Собираем материалы

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

Создаем папку специально для файлов своего сайта. Ее можно назвать, на пример, "site"(название может быть другим, но желательно в латинице и короткое).

Создаем простую html-страничку

Страницы сайта могут быть созданы в любом текстовом редакторе при помощи языка разметки документа HTML. Откроем блокнот notepad и напишем:

Это мой первый сайт.

В тексте нашей первой html-страницы в угловых скобках заключен ярлык (или тег) языка HTML. Это тэг и он указывает на то, что в данном файле используется язык HTML. То есть все, что расположено между тегами и — написано на языке HTML. Большинство современных броузеров могут опознать документ и не содержащий тэгов и , но все же их употребление крайне желательно.

Теперь запомним файл под именем index.html в новой папке, которую вы создали.
Откроем файл index.html с помощью броузера (на пример, Microsoft Internet Explorer). Мы увидим такую картинку:


Рис. 1. Наша первая страница.

В HTML существует множество других ярлыков (тэгов). В ярлыках можно использовать как строчные, так и прописные буквы.
Тэги бывают открывающие и закрывающие (с косой чертой "/"). На пример, тег — закрывающий.
Для некоторых тегов наличие парного закрывающего тега не обязательно.

Как правило в html-страницах используется несколько обязательных тегов. Среди них ярлык (и закрывающий ) для описания заголовка html-страницы. Здесь можно указать название страницы. Название должно быть помещено между тегами и . На пример:

Читайте также:  Разделить слова на корень суффикс и окончание

Личная страница дизайнера Николаенко

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

После заголовка мы используем другую пару тэгов: и

Мой первый сайт

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

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

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

Этим обучающим материалом был видеокурс на DVD. Потратил пару недель на изучение после работы по вечерам. И сделал такой же сайт, как у тренера. Вроде все получилось как надо.

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

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

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

Читайте также:  Php привести к нижнему регистру

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

И, вот как то раз, слушая очередной аудиоподкаст в одной из десятков, получаемых мною рассылок (кажется Азамата Ушанова), я проникся верой в одно утверждение. Суть его в том, что первые самостоятельные проекты надо выставлять в сеть, не дожидаясь доведения их до совершенства. Публиковать их такими, какие можете сделать на настоящий момент, пусть даже они вам самим кажется не совсем готовыми. А, их доработкой заниматься паралельно с их ведением. Мне это показалось разумным, и стало жаль потерянного времени, ведь моему первому сайту могло бы быть больше года. Но время назад не пустишь.

Взял я последний свой dvd-курс по WordPress, и через несколько часов сайт уже был в сети, и домен и хостинг, всегда были наготове. Конечно, глядя назад, можно сказать что ресурс получился не очень, но постепенно, примерно за месяц, я этот блог прилично переработал.

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

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

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

Комментировать
0 просмотров
Комментариев нет, будьте первым кто его оставит

Это интересно
No Image Компьютеры
0 комментариев
No Image Компьютеры
0 комментариев
No Image Компьютеры
0 комментариев
Adblock detector