የኤችቲኤምኤል ኤዲት ኮድ በ Dreamweaver ውስጥ ይጽፋል

WYSIWYG ብቻ መጠቀም የለብዎትም

Dreamweaver ምርጥ የ WYSIWYG አርታዒ ነው , ነገር ግን በድረ-ገፆች ውስጥ "እርስዎ የሚያዩት" በሚለው ላይ "ድረ-ገጽ" ለመጻፍ ፍላጎት ከሌለዎ አሁንም Dreamweaver ን በመጠቀም ትልቅ የጽሁፍ አርታኢ ሊጠቀሙ ይችላሉ. ነገር ግን ዋናው ትኩረት በ "ንድፍ እይታ" ወይም የምርቱን የ WYSIWYG አርታዒ ክፍል ላይ ስለሆነ በዲቪድወርክ አርታዒው አርዕስት ውስጥ ያለው ሽፋን ብዙ ገጽታዎች አሉ.

ወደ Dreamweaver Code View እንዴት እንደሚገባ

በኤችቲኤምኤል አርታዒ ላይ Dreamweaver ን ተጠቅመው የማያውቁ ከሆነ, በገጹ አናት ላይ ያሉትን ሶስት አዝራሮች እንኳ ጨርሶ አስተውለው የማታውቁት ነገር ቢኖር "ኮድ," "የተከፈለ," እና "ዲዛይን." Dreamweaver በ "ንድፍ እይታ" ወይም WYSIWYG ሁነታ በነባሪነት ይጀምራል. ነገር ግን የኤች ቲ ኤም ኤል ኮድ ለማየት እና ለማረም ቀላል ነው. በ «ኮድ» አዝራር ላይ ጠቅ ብቻ ያድርጉ. ወይም, ወደ ምናሌ ውስጥ ይሂዱ እና "ኮድ" የሚለውን ይምረጡ.

ኤች ቲ ኤም ኤል እንዴት እንደሚጽፉ እየተማሩ ከሆነ ወይም የእርስዎ ለውጦች በሰነድዎ ላይ እንዴት ተጽዕኖ እንደሚኖራቸው ፍንጭ ማግኘት ከፈለጉ, በተመሳሳይ ጊዜ የኮድ ዕይታ እና የንድፍ እይታን መክፈት ይችላሉ. የዚህ ዘዴ ቁንጅቱ በሁለቱም መስኮቶች ላይ አርትዖት ማድረግም ነው. ስለዚህ ለምስል መለያዎ በኤች ቲ ኤም ላይ ኮድ ይጻፉ እና ከዚያ በዛው ገጽ ላይ ወደ ጎላኛው ቦታ በመጎተት እና በመውሰድ ወደ ሌላ ቦታ ለመውሰድ የንድፍ እይታውን ይጠቀሙ.

ሁለቱንም በአንዴ ለመመልከት;

• "የ Split" አዝራርን (በ "ኮድ" እና "ዲዛይን" መካከል ባለው)
• በእይታ ምናሌው ውስጥ "ኮድ እና ዲዛይን" ይምረጡ

የርስዎን ኤችቲኤምኤል ኮድ ለማርትዕ Dreamweaver ን መጠቀም ምቾት ከተሰማዎት ነባሪው በመደበኛው እይታ ወደ Dreamweaver ለመክፈት ምርጫዎችዎን መቀየር ይችላሉ. ቀላሉ መንገድ የኮድ እይታ እንደ የስራ መስሪያ ቦታን ማስቀመጥ ነው. Dreamweaver አሁን በተጠቀሙበት ቀዶ ጥገና ክፍል ይከፈታል. ካልሰራ በቀላሉ ወደ መስኮት ምናሌው ይሂዱ እና የሚፈልጉትን የስራ ቦታ ይምረጡ.

የቁልፍ እይታ አማራጮች

Dreamweaver በጣም ተለዋዋጭ ስለሆነ እሱን ለማበጀት እና እንዲሰራ በሚፈልጉት መንገድ እንዲሰራ ብዙ መንገዶች አሉት. በአማራጮች መስኮት ላይ ሊስተካከሉ የሚችሉ የኮድ ቀለሞችን, የኮድ ቅየሳዎችን, የምሥጢር ጽሁፎችን እና የኮድ የመጻፊያ አማራጮች አሉ. ግን በኮድ እይታው ውስጥ አንዳንድ ልዩ አማራጮችን መቀየር ይችላሉ.

አንዴ በመለያ እይታ ውስጥ ከሆኑ በኋላ በመሳሪያ አሞሌው ውስጥ የ «አሳይ አማራጮች» አዝራር አለ. ወደ የእይታ ምናሌ በመሄድ እና "የቅንፍ እይታ አማራጮች" በመምረጥ አማራጮችን ማየት ይችላሉ. አማራጮች የሚከተሉት ናቸው:

• የቃል አቀማመጥ - የዕልባትን ኮድ ሳይጨምር መመልከት ይችላሉ. ይህ አማራጭ በርስዎ ኮድ ውስጥ ማንኛውንም የትራንስፖርት ምላሾች አያስተላልፍም, በቀላሉ ለማንበብ ኮዱን በቀላሉ ያሳያል.
• የመስመር ቁጥሮች - በመሥሪያው ጎን መስመር ላይ የቁጥሮች ቁጥሮችን ያሳያል. ከእይታ መስኮቱ በላይ ረዘም ላለ ጊዜ ለመጠቆሚያ መስመር መስመር የመጠምጠሚያ ምልክት ያሳያል.
• የተደበቁ ቁምፊዎች - በድረ-ገጽ ላይ የሚታዩ ከትክክለኛ ክፍሎችን ይልቅ ልዩ ቁምፊዎችን ያሳያል. ለምሳሌ አንድ ነጥብ አንድ ቦታን ይተካል, አንድ ማይክለር ትሩ እያንዳንዱን ትር ይካክላል, እና የእያንዲንደ መስመሩን መተካት የፔልቹራ ወይም የአንቀጽ ማረፊያ ነው.
• ዋነኛ ያልሆነ ምልክት - በቢጫው ላይ የተሳሳተ ኤችቲኤምኤል ያቀርባል. ቢጫ ቀለምን ከመረጡ Property Inspector ን እንዴት ማስተካከል እንዳለብዎ ፍንጭ ይሰጥዎታል.
• የአገባብ ስዕል - ኮድዎ የቀለም ኮድ ኮድን ያበራል ወይም ያጠፋል. በምርጫዎች የኮድ ቀለም ክፍል ቀለም የመቁጠሪያዎን ቀለም ቀለም ይቀይራሉ.
• በራስ-ሰር ገብ አድርግ - ከላይ ያለው ኮድ ወደ ውስጥ ገብቶ ከሆነ ኮድዎ ከጋሪው መመለስ በኋላ በራስ-ሰር እንዲገባ ያደርገዋል. በምርጫ የቅፅ የቅፅ የቅደም ተከተል ክፍል ውስጥ ያለውን የትር መጠን በመለወጥ የመዳቁን መጠን መቀየር ይችላሉ.

የኤችቲኤምኤል ኮድ በዲቪድወርክ ኮድ ዕይታን ማረም

በ የኮድ ዕይታ ውስጥ የ HTML ኮድ አርትዕ ማድረግ ቀላል ነው. በቀላሉ የእርስዎን HTML ለመተየብ ይጀምሩ. ነገር ግን Dreamweaver ከመሰረታዊ HTML አርታዒዎች በላይ እንዲዘገይ አንዳንድ ተጨማሪ አገልግሎቶችን ይሰጥዎታል. ኤች ቲ ኤም ኤል መለያ መጻፍ ሲጀምሩ . Dreamweaver ከኤች ቲ ኤም ኤል መለያዎች በኋላ ሊያሳይዎ ይችላል. እነዚህ የኮድ ቁንጮዎች ይባላሉ. ምርጫውን ለማጥበብ, ፊደላትን መፃፍ - Dreamweaver ወደታች ተቆልቋይ ዝርዝሩን በመተየብዎ ጋር ለሚጣጣመው መለያ ይዝጉ.

ለኤች ቲ ኤም ኤል አዲስ ከሆኑ, በኤችቲኤምኤል መለያዎች ዝርዝር ውስጥ ማሸብለል እና የተለያዩ ነገሮችን እንዴት እንደሚመለከቱ ማየት ይችላሉ. አንድ ጊዜ መለያ ካየቡ በኋላ ድራምዌርስ ለአንዳንድ ባህሪዎች ማሳሰብዎን ይቀጥላል. ለምሳሌ, ብለው ከተየቡ, Dreamweaver ወደ ኤችቲኤምኤል መለያው, እና እኔ የምከተላቸው ሌሎች መለያዎች ጋር ይጎዳል. የሚለውን ደብዳቤ በመተየብ Dreamweaver ወደ መለያ ያጠጋዋል.