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