Ако сте нови за веб-дизајнот и предниот крај (HTML, CSS, Javascript), тогаш можете да одберете да започнете со WYSIWYG уредник. Ова акроним значи "она што го гледате е она што го добивате" и во основа се однесува на софтвер кој ви овозможува да креирате веб страница користејќи визуелни алатки додека софтверот пишува некој код зад сцените врз основа на она што го создавате. Најпопуларната WYSIWYG алатка е веројатно Adobe Dreamweaver .
Dreamweaver е добра опција за оние кои само што почнаа
Додека многу искусни веб професионалци со повеќе рафинирани вештини гледаат надолу на Dreamweaver и нејзината тенденција да произведе надуено HTML маркап и стилови на CSS, едноставната вистина е дека платформата останува добра опција за оние кои само што ќе започнат со веб-дизајнот. Откако ќе почнете да ја користите опцијата "дизајн поглед" на Dreamweaver за да изградите веб страница, едно од прашањата што веројатно ќе имате е како да креирате пауза за една линија за содржината во тој поглед.
Кога додавате HTML текст на веб-страница, веб-прелистувачот ќе го прикаже тој текст како долга линија, сè додека не стигне до работ на прозорецот на прелистувачот или неговиот елемент на контејнер. Во тој момент, текстот ќе заврши на следната линија. Ова е слично на она што се случува во секој софтвер за обработка на текст, како Microsoft Word или Google Docs. Кога линијата на текст нема повеќе простор на хоризонтална линија, таа ќе заврши за да започне друга линија. Значи, што ќе се случи ако сакаш да диктираш каде паѓа линија?
Кога ќе го достигнете копчето [ENTER] во дизајнерскиот приказ на Dreamweaver, моменталниот став е затворен и започнува нов став. Визуелно, ова ќе значи дека овие две линии се одделени со малку вертикално растојание. Ова е затоа што, по правило, HTML ставовите имаат подлога или маргини (која зависи од самиот прелистувач) што се применува на дното на ставката што го додава тој проред.
Ова може да се прилагоди со CSS, но вистината е дека сакате да постои празно место помеѓу параграфи за да се овозможи читање на веб-страница . Ако сакате една линија и без широк вертикален проред помеѓу редови, не сакате да го користите [ENTER] клуч, бидејќи не сакате тие линии да бидат индивидуални ставови.
За овие времиња, кога не сакате да започнете нов параграф, ќе додадете таг во HTML. Ова понекогаш е напишано како
. посебно за верзии на XHTML кои бараа сите елементи да бидат затворени. Завршната / во таа синтакса автоматски го затвора елементот, бидејќи ознаката
нема сопствена таг за затворање. Ова е добро и добро, но вие работите во Design View во Dreamweaver. Вие не може да сакате да скокате во кодот и да додадете овие паузи. Тоа е во ред, затоа што навистина може да додадете пауза за линија во Dreamweaver без прибегнување кон кодови.
Додајте линија на пауза во Dreamweaver Design View:
- Ставете го курсорот каде што сакате да започне новата линија.
- Држете го копчето shift и притиснете [ENTER].
Тоа е тоа! Едноставното додавање на копчето "shift" заедно со [ENTER] ќе додаде наместо наместо нов став. Па сега кога знаете како е ова, треба да размислите каде да го користите и каде да го избегнете. Запомнете, HTML е наменет да ја создаде структурата на страницата, а не визуелниот изглед. Вие не треба да користите повеќе тагови за да креирате вертикално растојание под елементите во вашиот дизајн.
Тоа е она што го имаат CSS особините за дополнување и маргини. Каде што ќе го користите таг на
е кога само ќе ви биде потребна прекин на една линија. На пример, ако кодираш поштенска адреса и сте одлучиле да искористите став, може да додадете тагови како:
Име на компанијата
Адреса линија
Град, држава, ZIP
Овој код за адресата е единствен став, но визуелно ќе ги прикаже трите линии на одделни линии со мал простор меѓу нив.