Егер веб-дизайн және фронтальды дамыту (HTML, CSS, Javascript) үшін жаңашыл болсаңыз, WYSIWYG редакторымен жұмыс істеуді бастауға болады. Бұл акроним «сіз көріп отырған нәрсе» дегенді білдіреді және ол негізінен визуалды құралдарды пайдаланып веб-бетті жасауға мүмкіндік беретін бағдарламалық жасақтамаға жатады, ал бағдарламалық жасақтама жасаған нәрсеге негізделген сахналардың артындағы кодты жазады. Қолжетімді WYSIWYG ең танымал құралы - Adobe Dreamweaver .
Dreamweaver - дұрыс жұмыс жасайтындар үшін жақсы таңдау
Көптеген тәжірибелі веб-мамандар Dreamweaver-ке және оның HTML кескіндері мен CSS-нің стильдерін жасау үрдісіне қарап, қарапайым шындық мынада, платформа веб-сайт дизайнымен басталатындар үшін жақсы мүмкіндік болып табылады. Веб-бетті құру үшін Dreamweaver-дың «дизайн көрінісін» пайдалануды бастаған кезде, сізде болуы мүмкін сұрақтардың бірі сол көріністегі мазмұн үшін бір жол үзілімін жасау болып табылады.
HTML мәтінін веб-бетке қосқанда, веб-браузер бұл мәтінді браузер терезесінің немесе оның контейнерінің шетіне жеткенше ұзақ сызық ретінде көрсетеді. Сол кезде мәтін келесі жолға оралады. Бұл Microsoft Word немесе Google Docs сияқты кез келген сөзді өңдеу бағдарламалық жасақтамасында орын алатын нәрсеге ұқсас. Мәтіннің көлденең сызығында бөлме болмағанда, ол басқа жолды бастауға оралады. Мәселен, сіз сызықтың қайда орналасқанын жазып қою керек болса, не болады?
Dreamweaver дизайн көрінісінде [ENTER] пернесін басқан кезде ағымдағы параграф жабылады және жаңа параграф басталады. Көрнекі, бұл дегеніміз, бұл екі жол біршама аз бөлінеді тік аралығы. Себебі, әдепкі бойынша, HTML параграфтары параграфтың төменгі жағында қолданылатын толтырғышты немесе шеттерін (олардың біреуі браузердің өзіне байланысты) бар.
Бұл CSS көмегімен түзетілуі мүмкін, бірақ шындық - бұл параграфтардың арасында веб-сайттың оқылуына мүмкіндік беру үшін интерактивті болуы қажет. Егер сіз бір сызықты және желілер арасындағы кең тік аралықты қаласаңыз, [ENTER] перне, өйткені сіз бұл жолдардың жеке параграфтар болғыңыз келмейді.
Жаңа параграфтың басталуын қаламайтын осы уақыттарда сіз HTML тегін HTML-де қосасыз. Бұл кейде кейде
жазылады. барлық элементтерді жабуды талап ететін XHTML нұсқаларына арналған. Бұл синтаксис трлинг / элементте өздігінен жабылады, себебі Google тегінде өз жабу тегі жоқ. Бұл бәрі жақсы және жақсы, бірақ сіз Dreamweaver-да Design View-де жұмыс жасайсыз. Кодқа секіріп, осы үзілістерді қосқыңыз келмейді. Бұл тамаша, өйткені, шын мәнінде, Dreamweaver бағдарламасында код көрінісін қолданбастан, жол үзілімін қосуға болады.
Dreamweaver & # 39; s Design View ішіндегі жол үзілімін қосыңыз:
- Жүгіргіні жаңа сызық басталатын жерге қойыңыз.
- Shift пернесін басып тұрыңыз да, [ENTER] түймесін басыңыз.
Міне бітті! «ENTER» пернесімен бірге «shift» пернесінің қарапайым қосылуы жаңа параграфтың орнына «қосады». Енді сіз бұл қалай екенін білесіз, оны қайда пайдалануға болатындығын және қайдан аулақ болатынын қарастырыңыз. Естеріңізге сала кетейік, HTML веб-сайттың құрылымын жасау үшін емес, сыртқы көрініс. Сіздің дизайныңыздағы элементтердің астындағы тік аралықты жасау үшін бірнеше тегтерді қолдануға болмайды.
Міндетті түрде CSS-дің толтырғыштар мен шеттер үшін қасиеттері бар. Сіз тегтің қай жерін пайдаланғыңыз келсе, тек бір жол үзілімін қажет етсеңіз болады. Мысалы, пошталық мекенжайыңызды кодтасаңыз және сіз абзацты қолдануды шешкен болсаңыз, келесідей тегтерді қосуыңыз мүмкін:
Компанияның атауы
Мекенжай желісі
Қала, мемлекет, ZIP
Адреске арналған бұл код бірыңғай параграф, бірақ ол көрнекі түрде үш сызықты жеке жолдарда олардың арасындағы шағын кеңістікті көрсетеді.