Ако не сте начинаещи в уеб дизайна и разработката отпред (HTML, CSS, Javascript), тогава можете да изберете да започнете с WYSIWYG редактор. Тази абревиатура означава „това, което виждате, е това, което получавате“ и основно се отнася до софтуер, който ви позволява създайте уеб страница с помощта на визуални инструменти, докато софтуерът пише някакъв код зад кулисите въз основа на това, което сте създаване. Най-популярният наличен WYSIWYG инструмент е може би Dreamweaver на Adobe.
Добър вариант за тези, които тепърва започват
Докато много опитни уеб професионалисти с повече усъвършенствани умения погледнете отдолу на Dreamweaver и неговата тенденция да произвежда раздута HTML маркировка и CSS стилове, простата истина е, че платформата остава добър вариант за тези, които тепърва започват с дизайна на уебсайта. Когато започнете да използвате опцията „изглед на дизайн“ на Dreamweaver за изграждане на уеб страница, един от въпросите, които вероятно ще имате, е как да създадете прекъсване на един ред за съдържание в този изглед.
Когато добавяте HTML текст към уеб страница, уеб браузърът ще показва този текст като дълъг ред, докато достигне ръба на прозореца на браузъра или неговия елемент на контейнера. В този момент текстът ще се превърне в следващия ред. Това е подобно на това, което се случва във всеки софтуер за обработка на текст, като Microsoft Word или Google Docs. Когато ред текст няма повече място на хоризонтална линия, той ще се увие, за да започне друг ред. И така, какво се случва, ако искате да диктувате къде се прекъсва ред?
Когато натиснете ENTER в дизайнерския изглед на Dreamweaver
Когато удряш ENTER в дизайнерския изглед на Dreamweaver текущият абзац е затворен и започва нов абзац. Визуално това ще означава, че тези две линии са разделени с малко вертикално разстояние. Това е така, защото по подразбиране HTML абзаците имат подплънки или полета (кой зависи от самия браузър), приложен в долната част на абзаца, който добавя това разстояние.
Това може да се коригира с CSS, но истината е, че искате да има разстояние между параграфите, за да се осигури четливост на уебсайта. Ако искате един ред и без широко вертикално разстояние между редовете, не искате да използвате клавиша ENTER, защото не искате тези редове да бъдат отделни абзаци.
Когато не искате да започне нов абзац
За тези моменти, когато не искате да започва нов абзац, трябва да добавите
таг в HTML. Това също понякога се пише като
. специално за версии на XHTML, които изискват всички елементи да бъдат затворени. Завършващото / в този синтаксис самозатваря елемента от
tag няма свой собствен затварящ таг. Всичко това е добре, но вие работите в Design View в Dreamweaver. Може да не искате да влезете в кода и да добавите тези прекъсвания. Това е добре, защото наистина можете да добавите прекъсване на ред в Dreamweaver, без да прибягвате до кодов изглед.
Добавете прекъсване на редове в дизайнерския изглед на Dreamweaver:
- Поставете курсора там, където искате да започне новият ред.
- Задръжте натиснат ключ за смяна и натиснете Въведете.
Това е! Простото добавяне на клавиша "shift" заедно с [ENTER] ще добави a
вместо нов параграф. Така че сега, след като знаете как е това, трябва да помислите къде да го използвате и къде да го избегнете. Помня, HTML има за цел да създаде структурата на даден сайт, а не визуалния облик. Не трябва да използвате множество
тагове, за да създадете вертикално разстояние между елементите във вашия дизайн.
За това са предназначени CSS свойствата за подложки и полета. Къде бихте използвали a
tag е, когато просто се нуждаете от прекъсване на един ред. Например, ако кодирате пощенски адрес и сте решили да използвате абзац, можете да добавите
етикети като този:
Име на фирмата
Поле за адрес
Град, Щат, ZIP.
Този код за адреса е отделен абзац, но визуално ще показва трите реда на отделни редове с малко разстояние между тях.