Работа с HTML Радактора

HTML редактора е инструмента с помощта на който можете да създавате и променяте съдържанието на вашите страници. По своята структура и функционалност той се доближава много до Microsoft Word и това го прави лесен за употреба. Няма нужда да знаете HTML или да имате опит по уеб дизайн и разработка за да променяте съдържанието на вашите страници.

Основна Функционалност

Код - това е кода на вашата интернет страница, наричан още сорс код или html код. В повечето случай няма да ви се налага да използвате този бутон, тъй като можете да оформите вашето съдържание с помощта на html редактора. За тези от вас които са запознати и могат да работят с html, от тук могат да задават допълнителни настройки за интернет страници които изискват по-динамична или интерактивна функционалност.

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

Шаблони - тук имате зададени няколко стандартни структури за интернет страници. Снимка с текст, текст в две колони или снимка и таблица.


Изрежи - CUT се използва ако например искате да вземете даден параграф и да го преместите на друго място в страницата. Предполагам всички знаят, че за да използвате такава функционалност първо трябва да селектирате желания текст. После ще използваме бутона за вмъкване.

Запамети - (copy) - Копира избрания текст. Този текст може да се вмъкне на ново място в страницата или в друго приложение, например Microsoft Word.

Вмъкни (paste) - Бутон за вмъкване на копираното или изрязаното съдържание. Текста се вмъква на текущата позиция на курсора.

Вмъкни като чист текст - понякога може да ни се наложи да копираме информация от друга наша страница или уеб сйт и да я използваме на страницата над която работим в момента. Понякога тези текстове са вече форматирани по някакъв начин – имат големина, цвят и други. За да използваме само самия текст без форматирането можем да използваме този бутон.

Вмъкни от MS Word - въпреки че нашият html редактор прилича на MS Word, неговата функционалност е различна. Когато работим в MS Word и оформяме нашият текст, например подчертаваме заглавие, Word създава форматиране което е съвсем различно от формата който се използва в Интернет. Макар и MS Word да претендира че може да създава интернет страници, формата който той създава е почти неизползваем за Интернет. Когато копираме от Word това форматиране трябва да се премахне и да се замени с подходящото за Интернет. За това не подчертавайте и не удебелявайте текстове или заглавия в Word. Вместо това копирайте само текста, а чрез HTML редактора го оформете по желания начин.

Отмени (undo) - Ако например изтриете нещо по грешка можете да отмените промяната. Това ще върне съдържанието в предишния му вид. Бутона отмени работи само за текущата сесия – това означава докато е активен html редактора. Ако затворите редактора преди да сте отменили промяната и го отворите наново неможете да отмените вече запазените промени.

Повтори (redo) - ако отмените промяна, а после промените мнението си и искате да я имате отново се използва този бутон. Той връща промените премахнати чрез бутона Отмени.

Търси - бутон за претърсване на текущото съдържание. Особено удобен ако работите с по-дълги текстове.

Замести - в комбинация с бутона Търси може да променяте даден текст. Например ако имате текст който сте разделили на Параграф 1, Параграф 2 и така до Параграф 199.
В последствие искате да наречете тези параграфи Секция. Чрез този бутон можете да промените всички думи Параграф на Секция без да се налага да го правите на ръка.

Селектирай Всичко (Select All) - макриране на цялото съдържание.
 

Създаване на форми

Формуляр - Всяка една форма във Интернет се създава във формуляр. Това е рамката на формата. Там се задават свойствата на самата форма и нейната функционалност.

Поле за отметка или checkbox - това е елемент от форма, който има само две стойности – той или е избран, или не е.

Поле за опция или radiobox - това е елемент от форма, който обикновено се използва в група – избор на една от няколко опции.

Текстово поле (input field) - използва се за въвеждане на кратък текст.

Текстова област (Textarea) - използва се за въвеждане на дълги текстове

Падащо меню с опции (Select Field) - набор от опции от които могат да се изберат една или няколко

Бутон - бутона се използва например за изпращане на формата или за отказ.

Скрито поле (hidden field) - допълнителна информация във формата невидима за крайния потребител.

Мултимедия

Изображение - вмъкване на изображения чрез Файловия Мениджър. Разгледано е в отделна секция

Flash - Вмъкване на Flash анимация в страницата.

HTML елементи

Таблица - вмъкване на таблица в интернет страницата.

Вмъкни хоризонтална линия (HR) - използва се като разделител на съдържанието в уеб страницата

Усмивка - можете да добавяте в съдържанието готови иконки с усмивки или други емоции, още известни като emoticons.

Вмъкни специален символ - таблица със специални символи, които може да не присъстват на вашата клавиатура

Вмъкни нов ред - това донякъде е еквивалентно на “Page Break” в MSWord. Други методи за нов ред в редактора са Enter – отговаря на нов параграф (<p></p>) или Shift+Enter – отговаря на обикновен нов ред <br />

iFrame - елемент който дава възможност в страницата да се вмъкне друга страница или елемент директно от сорса и без да се копира самото съдържание.

Форматиране на текст

Удебелен - бутон за удебеляване на шрифт.

Курсив - бутон за наклонен шрифт

Подчертан - бутон за подчератване на текст

Зачертан - бутон за зачертаване на текст

Индекс за база - специализирана позиция на текст, обикновено цифра в долната част на текста

Индекс за степен - специализирана позиция за текст, обикновено цифра в горната част на текст.

Изтрии форматирането - премахва зададеното форматиране като цвят, подравняване, големина на шрифт и други

Номериран списък (ordered list) - създава номериран списък

Неномериран списък (unordered list) - създава не номериран списър

Увеличи отстъпа - подравнява текста няколко позиции  вдясно. Еквивалентно на Tab или Табулация в някои текстови редактори.

Намали Отстъпа - премахва позициите за подравняване

Подравняване вляво - еквивалентно на бутона в MSWord

Подравняване в средата - еквивалентно на бутона в MSWord

Подравняване вдясно - еквивалентно на бутона в MSWord

Двустранно Подравняване - еквивалентно на бутона в MSWord


Добави или редактирай връзка - от тук можете да създавате връзки към други страници или сайтове. В отворения прозорец се въвежда URL адреса на връзката. Има още няколко опции, които могат да се изберат - например къде да бъде отворена свързаната интернет страница – в текущия прозорец или в нов прозорец. Освен URL, връзката може да е котва или имейл адрес. За да промените връзка трябва първо да изберете текста на връзката и тогава да натиснете бутона „Добави или редактирай връзка”

Изтрии връзка - премахва активната връзка на избрания текст или изображение.

Добави или редактирай Котва (Anchor) - html елемент който създава връзки вътрешни за дадена Интернет страница.

Стил - набор от стилове за форматиране на съдържанието

Формат - набор от формати (heading) - Формат Заглавие 1 отговаря на html тага – Н1. Тези формати са изключително удобни за използване за уеб страници, но трябва да се спазват някои правила. Едно основно правило е – всяка страница трябва да има един и само един Н1 таг. Това е заглавието на съдържанието – най-важната информация в заредената Интернет Страница. Подзаглавията могат да използват останалите формати. Хубаво е тези формати да степенуват по важност вашето съдържание като Н1 е най-важния – това се гледа от търсачките и спомага за по-доброто индексиране на страниците.

Шрифт - вида на буквите в текста - Arial, Tahoma, Verdana и други. Изброени са са само подходящи шрифтове за Интернет. MSWord например има огромен набор от шрифтове, но тези шрифтове не са подходящи за уеб и не се използват в Интернет.

Размер - размера на текста в пиксели

Цвят на текста - задайте цвят на вашия текст

Цвят на фона - цвят на фона зад избрания текст

Цял Екран - Maximize (Full Screen) - бутон за разполагане на html редактора в цял екран. Много удобен при работа с по-големи страници с повече съдържание. За да излезете от режима Цял Екран трябва отново да натиснете този бутон.