Простая вёрстка в HTML. Урок №1

* 14-11-2013, 13:02 * A_Protasov * Комментариев: 0

Рейтинг:

Простая вёрстка в HTML. Урок №1

Редактор «Notepad++ . V5.5.1» установка.

На данный момент существует большое количество редакторов, для верстки сайтов в «HTML» как обычные, так и визуальные.  Но, к сожалению, визуальные бесплатные редакторы имеют свои недостатки, в частности искажение кода, что приводит к его не валидности (от англ. valid — действительный, имеющий силу, правомерный) и массе ошибок. Поэтому на сегодняшний день самым популярным и бесплатным редактором является «Notepad++». Именно его я и предлагаю использовать и вам для дальнейших уроков и верстки сайта.
Скачиваем Редактор «Notepad++ . V5.5.1».
Как я уже говорил редактор абсолютно бесплатный и имеет русский интерфейс, скачать вы его можете, с официального сайта нажав на эту ссылку (Файл Binary, размер 7,2 МБ). После чего у вас появится вот такое окно рис.№1.

 Рисунок №1.

Простая вёрстка в HTML. Урок №1

Нажмите «Сохранить» и после загрузки откройте папку с файлом и запустите его. Откроется следующее окно рис.№2.

Рисунок №2.

Простая вёрстка в HTML. Урок №1

 Жмём «Да» и выбираем язык программы. Рис. №3.

Рисунок №3.

Простая вёрстка в HTML. Урок №1

 После выбора жмём «ОК» и кнопку «Далее» рис.№4

Рисунок №4.

 Простая вёрстка в HTML. Урок №1

 

При желании читаем полностью лицензионное соглашения и принимаем его «Принимаю» рис№5.

Рисунок №5.

Простая вёрстка в HTML. Урок №1

 

Программа предлагает установку в стандартную папку для файлов и программ. Можем поменять путь но, как правило, этого не следует делать, поскольку операционной системе удобнее работать именно по этому пути, поэтому жмём «Дальше» рис. №6.

Рисунок №6.

Простая вёрстка в HTML. Урок №1

В новом окне рис. №7 ничего не трогаем и жмём «Далее».

Рисунок №7.

Простая вёрстка в HTML. Урок №1

 

В следующем окне рис. №8  ставим галочку в чек бокс напротив надписи «create shortcut on desktop» (создать ярлык на рабочем столе), при желании и жмём «Установить» .

Рисунок №8

 Простая вёрстка в HTML. Урок №1

 

Ждём окончания процесса установки, после чего в появившемся окне рис. №9, нажимаем «Готово№ и перед нами открывается «Notepad++ v.6.5.1»  рис.№10.

Рисунок №9.

 Простая вёрстка в HTML. Урок №1

 Рисунок №10

 Простая вёрстка в HTML. Урок №1

 Ну, вот на этом, пожалуй, и всё, редактор установлен и уже в следующем уроке мы создадим бланк пустого документа «HTML».

До встречи в следующем уроке «Простая вёрстка в HTML. Урок №2».

 


razdacha.jpg

Просмотров: 5 914
Последние новости блога
Простая вёрстка в HTML. Вводный урок.
Прежде чем приступить, к созданию своего веб ресурса (сайта, продающей страницы и так далее), надо чётко определится с тематикой и внешним дизайном площадки. Тут очень важно понимать следующее, ваш
DOCTYPE. Для чего и как он устроен?
<!DOCTYPE>-это элемент предназначенный,  для типа будущего документа ( в частности HTML и XHTML). Абвиотура DTD-что в переводе означает (document type definition) описание е типа
Я и мой блог.
Здравствуйте! Меня зовут Анатолий Протасов. Вот уже не первый год, я занимаюсь сайта строением и изучением маркетинга сетевого бизнеса. И вот  набравшись опыта, решил поделиться им с вами. Не
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.


Статистика

  • Рейтинг@Mail.ru