Как изменить шаблонный сайт или создать свой

18.06.2010 Распечатать запись Распечатать запись Отправить по почте Отправить по почте

9-й день эксперимента

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

Ранее, когда мне надо было создать небольшую веб-страницу, то я писал в стандартной программе «Блокнот» текст из HTML-кода, сохранял текстовый файл на жесткий диск домашнего компьютера как файл с расширением «.html» или «.php». Затем с помощью своего браузера я открывал у себя на компьютере полученный файл и смотрел на то, что в итоге получилось.

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

Я нашёл интересное данное, что для исправления шаблонных сайтов или создания новых страниц надо использовать редакторы или визуализаторы html-кода. Так как я лишь поверхностно знаком с созданием веб-страниц с помощью html-кода, то я поспешил «прогуглить» этот вопрос.

HTML (от англ.  HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметки документов в Интернете. Большинство веб-страниц  создаются при помощи языка HTML или XHTML. Текстовые документы, содержащие код на языке HTML (такие документы традиционно имеют расширение .html или в сокращении .htm), обрабатываются специальными приложениями, которые отображают документ в его форматированном виде.

Такие приложения, называемые «браузерами» или «интернет-обозревателями», обычно предоставляют пользователю удобный интерфейс для запроса веб-страниц, их просмотра (и вывода на иные внешние устройства) и отправки введённых пользователем данных на сервер. Наиболее популярными на сегодняшний день браузерами являются Internet Explorer, Mozilla Firefox, Safari, Google Chrome и Opera.

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

Редактор HTML или HTML-редактор — компьютерная программа, позволяющая составлять и изменять страницы в формате HTML. Несмотря на то, что HTML-код  может быть написан в простом текстовом редакторе (например, Notepad), специальные редакторы для написания кода HTML предлагают больше удобств и функциональности. Принцип их работы условно делится на две категории: редактор показывает только исходный код или только готовую страницу. Есть также редакторы, работающие по смешанной системе, то есть поддерживающие оба принципа работы.

Одним из редакторов HTML, совмещающих в себе такую смешанную работу, является редактор NVU. Скачать с официального сайта просто — нажать на Free Download и выбрать операционную систему, с которой Вы работаете. С русскоязычной версией можно ознакомиться здесь.

nvu 11 Как изменить шаблонный сайт или создать свой

Этот редактор оказался достаточно простым и понятным. В нем можно сразу увидеть веб-страницу, которую создаёшь, со всем форматированием, причем текст можно менять прямо в готовой странице, как в Word. Можно также сразу просматривать html-код и вносить изменения напрямую в код. Добавление ссылок, картинок очень легко и понятно чисто интуитивно.

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

Вот так выглядит мой блог из редактора NVU в режиме показа готовой страницы:

nvu 2 Как изменить шаблонный сайт или создать свой

А так выглядит мой блог в режиме просмотра html-кода:

nvu 3 Как изменить шаблонный сайт или создать свой

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


Присоединяйтесь к обсуждению или поделитесь с друзьями:

 
 
 
 
 
 
 
 
 
 
 
 

В Социальной Сети Facebook:


Если Вам понравилась моя статья, то Прямо Сейчас нажмите выше на кнопку Мне нравится или присоединяйтесь ниже к обсуждению непосредственно на Фейсбуке!

В Социальной Сети Twitter:


Если Вам понравилась моя статья, то Прямо Сейчас нажмите выше на кнопку Твитнуть и в открывшемся окошке напишите Ваш отзыв!

В Социальной Сети ВКонтакте:


Если Вам понравилась моя статья, то Прямо Сейчас нажмите выше на кнопку Это интересно или присоединяйтесь ниже к обсуждению непосредственно ВКонтакте!

В Социальной Сети Мой Мир:

Нравится

Если Вам понравилась моя статья, то Прямо Сейчас нажмите выше на кнопку Нравится и в открывшемся окошке напишите Ваш отзыв!

В Социальной Сети Одноклассники:


0

Если Вам понравилась моя статья, то Прямо Сейчас нажмите выше на кнопку Класс и в открывшемся окошке напишите Ваш отзыв или же нажмите ниже на кнопку Поделиться, чтобы разместить ссылку на статью без личной оценки!

Добавить в Google+:

Если Вам понравилась эта статья, то Прямо Сейчас нажмите кнопку +1 выше и в открывшемся окошке напишите Ваш отзыв!

Добавить в блог на Blogger.com:

Если Вам понравилась эта статья, то Прямо Сейчас нажмите выше на кнопку Опубликовать на Blogger.com и в открывшемся окне напишите Ваш отзыв!

Добавить в блог на Liveinternet.ru:

Если Вам понравилась эта статья, то Прямо Сейчас нажмите выше на кнопку Опубликовать в LiveInternet.ru и в открывшемся окне напишите Ваш отзыв!

Добавить в блог на Livejournal.com:

Если Вам понравилась эта статья, то Прямо Сейчас нажмите выше на кнопку Опубликовать в LiveJournal и в открывшемся окне напишите Ваш отзыв!

Добавить в закладки Yandex:

Если Вам понравилась эта статья, то Прямо Сейчас нажмите выше на кнопку Добавить в Яндекс.Закладки и в открывшемся окне напишите Ваш отзыв!

Добавить в закладки Google:

Если Вам понравилась эта статья, то Прямо Сейчас нажмите выше на кнопку Сохранить в закладках Google и в открывшемся окне напишите Ваш отзыв!

Добавить в Evernote:

Если Вам понравилась эта статья, то Прямо Сейчас нажмите выше на кнопку Добавить в Evernote и в открывшемся окне сохраните Ваши заметки или содержание всей страницы!

Или прокомментируйте ниже прямо на блоге!

С уважением, Игорь Блохин!

Другие статьи по этой теме

  • Рейтинг статьи: оцените, насколько она была полезна для Вас?
    1 звезда2 звезд3 звезд4 звезд5 звезд (Еще не оценили)

  • Метки: , , , , , ,   Рубрики: Сайтостроение  Комментариев нет

    Написать комментарий

    Страница 1 из 11