Ако сте нови за веб дизајн и напредни развој (ХТМЛ, ЦСС, Јавасцрипт), онда можете одабрати да започнете са ВИСИВИГ едитором. Ова скраћеница означава "оно што видите", а оно се у основи односи на софтвер који вам омогућава креирање веб странице помоћу визуелних алата, док софтвер пише неки код иза сцене на основу онога што стварате. Најпопуларнији ВИСИВИГ алат је вероватно Адобе Дреамвеавер .
Дреамвеавер је добра опција за оне који су само почели
Мада многи искусни веб професионалци са више префињених вештина гледају на Дреамвеавер и његову тенденцију да произведу напуштени ХТМЛ маркуп и ЦСС стилове, једноставна истина је да платформа остаје добра опција за оне који су тек почели са дизајном веб сајта. Када почнете да користите Дреамвеавер-ову опцију "дизајн поглед" за изградњу веб странице, једно од питања која ћете имати је како направити паузу од једне линије за садржај у том погледу.
Када додате ХТМЛ текст на веб страницу, веб прегледач ће приказати тај текст као дугачку линију док не достигне ивицу прозора прегледача или њеног елемента контејнера. У том тренутку текст ће се пребацити на следећу линију. Ово је слично ономе што се дешава у било ком програму за обраду текста, као што су Мицрософт Ворд или Гоогле Доцс. Када линија текста нема више простора на хоризонталној линији, она ће се окренути да би започела другу линију. Дакле, шта се догађа ако желите да диктирате где линија пада?
Када кликнете [ЕНТЕР] у Дреамвеаверовом дизајнерском приказу, тренутни пасус је затворен и почиње нови пасус. Визуелно, то ће значити да су те две линије одвојене мало вертикалним размаком. То је зато што по дефаулту ХТМЛ пасуси имају паддинг или маргине (што зависи од самог претраживача) који се примењује на дну ставка који додаје тај размак.
Ово се може прилагодити ЦСС-ом, али истина је да желите да постоји размак између параграфа да би се омогућила читљивост веб-сајта . Ако желите једну линију и без широког вертикалног размака између линија, не желите користити [ЕНТЕР] кључ јер не желите да те линије буду појединачни ставови.
За ова времена када не желите да започне нови пасус, додали бисте ознаку <бр> у ХТМЛ. Ово је понекад написано као <бр />. посебно за верзије КСХТМЛ-а који су захтевали да сви елементи буду затворени. Пролазна / у тој синтакси само затвара елемент јер ознака <бр> нема своју затворену ознаку. Ово је све добро и добро, али радите у Десигн Виев у Дреамвеавер-у. Можда не желите да уђете у код и додате ове паузе. То је у реду, јер можете, заиста, додати паузу линије у Дреамвеавер-у без прибора на приказ кода.
Додајте линијски прекид у приказу дизајна Дреамвеавер-а:
- Поставите курсор тамо где желите да нова линија почне.
- Држите тастер Схифт и притисните [ЕНТЕР].
То је то! Једноставно додавање тастера "схифт" заједно са [ЕНТЕР] додаће наместо новог пасуса. Дакле, сада када знате како је то, требало би да узмете у обзир где да га користите и где то избегавате. Запамтите, ХТМЛ треба направити структуру сајта, а не визуелни изглед. Не бисте требали користити вишеструке тагове за креирање вертикалног размака испод елемената у вашем дизајну.
То је оно за шта су ЦСС својства за паддинг и маргине. Гдје бисте користили ознаку <бр> је када вам је потребна једноставна пауза. На пример, ако шифрујете поштанску адресу и одлучили сте да користите параграф, можете додати тагове попут ове:
<п> Име компаније <бр>
Адреса линије <бр>
Град, држава, ЗИП
Овај код за адресу је један параграф, али визуелно би приказао три линије на појединачним линијама са малим размаком између њих.