የራስዎን ድረ-ገጽ መፍጠር ከፈለጉ, የኤችቲኤምኤል ግንዛቤ ሊኖርዎት ይገባል።. ይህ ጽሑፍ የኤችቲኤምኤል ገጽ እንዴት መፍጠር እንደሚቻል ያብራራል።. እንዲሁም, እንዴት የ xml የጣቢያ ካርታ መፍጠር እንደሚችሉ እና ስዕል እና አገናኝ እንዴት እንደሚጨምሩ ይማራሉ. እንዲሁም የ xml የጣቢያ ካርታ መፍጠር አስፈላጊ ነው, ጣቢያዎን እንዲያደራጁ እና ትራፊክዎን ለመጨመር የሚረዳዎት. ቀጣዩ ደረጃ አብነት መምረጥ ነው.
የኤችቲኤምኤል ገጽ መፍጠር
HTML መለያ ቋንቋ ነው።. የድረ-ገጽ እያንዳንዱ አካል በመለያ ይወከላል. መለያ በማእዘን ቅንፎች ተለይቷል።, እና እያንዳንዱ አካል አንድ ወይም ከዚያ በላይ መለያዎች አሉት. አንዳንድ አካላት አንድ መለያ ብቻ ይፈልጋሉ; ሌሎች ሁለት ሊጠይቁ ይችላሉ. የመክፈቻ እና የመዝጊያ መለያዎች ወደፊት መቆራረጥ አላቸው። (/). ለምሳሌ, የአንቀጹ አካል በ p tag ይወከላል. በመክፈቻ እና በመዝጊያ መለያዎች መካከል ያለው ጽሑፍ የአንቀጽ ጽሑፍ ነው።.
HTML ሰነድ ለመፍጠር, የጽሑፍ አርታዒን መጠቀም ያስፈልግዎታል. አብዛኞቹ ኮምፒውተሮች በነባሪ የጽሑፍ አርታኢ አላቸው።. የዊንዶውስ ተጠቃሚዎች ኢንተርኔት ኤክስፕሎረር ይጠቀማሉ, የማክ ተጠቃሚዎች TextEdit መጠቀም ሲችሉ. ሙያዊ የሚመስል ድረ-ገጽ ለመፍጠር የሚያምር የጽሑፍ አርታዒ መጫን ይችላሉ።, ግን ለመጀመሪያው የኤችቲኤምኤል ገጽዎ, አስፈላጊ አይደለም. እንዲሁም ቀላል የጽሑፍ አርታዒ እና ማንኛውንም የድር አሳሽ መጠቀም ይችላሉ።. የትኛውን ፕሮግራም እንደሚጠቀሙ እርግጠኛ ካልሆኑ, ነፃ የኤችቲኤምኤል አርታኢን ለማውረድ ይሞክሩ.
የኤችቲኤምኤል ገጽ ሁለት ዋና ዋና ክፍሎች አሉት: አካል እና ጭንቅላት. የአካል ክፍሉ የድረ-ገጹን ትክክለኛ ይዘት ይዟል, የጭንቅላት ክፍል ለርዕስ እና ለሜታ መረጃ ጥቅም ላይ ሲውል. ሰውነት ሁሉንም ሌሎች ንጥረ ነገሮችን ይይዛል, ምስሎችን እና ሌሎች ግራፊክስን ጨምሮ. የራስጌ ክፍል የአሰሳ አገናኞችን የምታስቀምጥበት ቦታ ነው።. ገላውን ጽፈው ከጨረሱ በኋላ, የሰነዱን ይዘት ለማስገባት ዝግጁ ነዎት. ድር ጣቢያዎ ለሁሉም ሰው ተደራሽ መሆኑን ለማረጋገጥ የሰውነት እና የጭንቅላት ክፍሎችን መጠቀምዎን ያረጋግጡ.
የ xml የጣቢያ ካርታ በመፍጠር ላይ
የኤችቲኤምኤል ገጽ ካለዎት, የፍለጋ ፕሮግራሞች ድረ-ገጽዎን እንዲጎበኟቸው ለመርዳት የኤክስኤምኤል የጣቢያ ካርታ መፍጠር ይፈልጉ ይሆናል።. ምንም እንኳን ይህ በፍለጋ ደረጃዎችዎ ላይ ተጽዕኖ ባይኖረውም, የፍለጋ ፕሮግራሞቹ ይዘትዎን እንዲረዱ እና የመጎተት ፍጥነታቸውን እንዲያስተካክሉ ይረዳቸዋል።. በዚህ መንገድ, የእርስዎ ድር ጣቢያ በፍለጋ ሞተር ውጤቶች ውስጥ የበለጠ የሚታይ ይሆናል።. ለመጀመር አንዳንድ ቀላል ደረጃዎች እዚህ አሉ።:
HTML የጣቢያ ካርታ መፍጠር ቀላል ነው።. ማድረግ ያለብዎት ነገር ቢኖር የጣቢያዎን ገፆች ቀለል ያለ ሰንጠረዥ ማዘጋጀት ነው, ለእያንዳንዱ ገጽ አገናኞች. ከዚያ በርዕሱ ወይም በግርጌው ውስጥ ወደዚያ የጣቢያ ካርታ ገጽ ያገናኙ. በዚህ መንገድ, ጣቢያዎ ምንም ያህል ገጾች ቢኖሩትም።, ሰዎች በቀላሉ በእነሱ ውስጥ ማሰስ ይችላሉ።. ከዚህም በላይ, የጣቢያ ካርታ ለመፍጠር SEO ማስገባት አያስፈልግዎትም.
አንዴ የኤችቲኤምኤል ገጽዎ ቀጥታ ከሆነ, ወደ Google ፍለጋ ኮንሶል አስገባ. ማንኛውንም የፋይል ቅጥያ መጠቀም እና የኤክስኤምኤል ጣቢያ ካርታዎን መሰየም ይችላሉ።. የኤክስኤምኤልን የጣቢያ ካርታ ለGoogle ማስገባት ይችላሉ።, ግን አስፈላጊ አይደለም. የጉግል ጎብኚዎች በአጠቃላይ አዲስ ይዘትን በማግኘት ረገድ ጥሩ ናቸው።, እና ለእነሱ የጣቢያ ካርታ ማስገባት አያስፈልግዎትም. ለሌሎች የፍለጋ ፕሮግራሞችም ማስገባት ትችላለህ, ነገር ግን ይህ በGoogle እንደሚገኙ ዋስትና አይሰጥም.
የኤክስኤምኤል የጣቢያ ካርታ ወደ ድረ-ገጽዎ ማከል አስፈላጊ አይደለም።, ግን የድር ጣቢያዎን SEO ይጨምራል. የጣቢያ ካርታዎች በቀጥታ ከድረ-ገጽ ጋር ያልተገናኙ ገጾችን ጠቋሚ ገጾችን ለመርዳት በፍለጋ ፕሮግራሞች ይጠቀማሉ. የጣቢያ ካርታዎች የበለጸገ የሚዲያ ይዘት ተደራሽነትን ለማሻሻል ይረዳል. የጣቢያ ካርታ ወደ ድር ጣቢያዎ ማከል ጣቢያዎን ለፍለጋ ሞተር ቦቶች የበለጠ ተደራሽ ለማድረግ ይረዳል.
ስዕል በማከል ላይ
በኤችቲኤምኤል, img መለያን በመጠቀም ምስልን ወደ ገጽ ማከል ይችላሉ።. ይህ መለያ ምስሉን እና ባህሪያቱን ብቻ ይዟል; የመዝጊያ መለያ አያስፈልገውም. ይህ የምስል መለያ በኤችቲኤምኤል ሰነድ አካል ክፍል ውስጥ መካተት አለበት።. ከሥዕሉ ስፋት እና ቁመት በተጨማሪ, ስዕሉን የሚገልጽ አልት ባህሪ ማካተት አለብህ. የ alt tag መግለጫውን ማየት ለማይችል ሰው እንደጻፍከው መፃፍ አለበት።.
ምስልን ወደ ኤችቲኤምኤል ሰነድ ማከል ትንሽ የሲኤስኤስ እና የኤችቲኤምኤል እውቀት ይጠይቃል. የምስሉ መጠን እና መፍትሄው ከግምት ውስጥ ከሚገቡት በጣም አስፈላጊ ነገሮች ውስጥ ሁለቱ ናቸው።. የምስሉ መጠን በሰነዱ ይዘት ውስጥ እንዴት እንደሚስማማ ይወስናል. የተለየ ጥራት ወይም ምጥጥን ለመጠቀም ከመረጥክ, የምስሉን መጠን ለመቀየር መሞከርም ይችላሉ።. ቢሆንም, ያስታውሱ ሚዛን ማድረቅ ሁልጊዜ እርስዎ እንደሚጠብቁት አይሰራም.
የምስሉን መጠን ለማስተካከል ጥሩው ህግ ስፋቱን መጨመር ነው. ስፋቱ ቢያንስ አንድ ፒክሰል ከቁመቱ ያነሰ መሆን አለበት. ምስሉ ለማሳየት በጣም ትንሽ ከሆነ, ድንበር ማከል ይችላሉ, እና ከዚያ ከምስሉ መጠን ጋር እንዲገጣጠም ያስተካክሉት. እንዲሁም የምስሉን ድንበር ወደ የድንበር ባህሪው በመጨመር ማስተካከል ይችላሉ።. የድንበሩ ውፍረት ነባሪው እሴት ነው።, ግን ወደ ማንኛውም እሴት ማዋቀር ይችላሉ. ምስሉ የsrc ባህሪ እንዳለው ያረጋግጡ.
አገናኝ በማከል ላይ
ሀን በመጠቀም በኤችቲኤምኤል ወደ ሰነድዎ አገናኝ ማከል ይችላሉ።> ከ href ባህሪ ጋር መለያ ያድርጉ. ይህ ለሰነዱ ዕልባት ይፈጥራል እና በአዲስ ትር ውስጥ ይከፍታል።. ምስልን ወደ ሰነዱ ለማስገባት የ href ባህሪን መጠቀምም ይችላሉ።. የኤችቲኤምኤል ቁልፍን ወደ ማገናኛ ለመቀየር ከጃቫ ስክሪፕት ኮድ ጋር ማገናኛን መጠቀም ትችላለህ. ይህን ካደረጉ በኋላ, አገናኝዎን በሲኤስኤስ ወይም በጃቫ ስክሪፕት ኮድ ማስዋብ ይችላሉ።.
ማገናኛ ከአንድ የድረ-ገጽ ምንጭ ወደ ሌላ ግንኙነት ነው. ሁለት ጫፎችን ያካትታል, ምንጭ መልህቅ እና መድረሻ መልህቅ. ማገናኛ ከምስል ወደ የጽሑፍ ፋይል ማንኛውም ነገር ሊሆን ይችላል።. አብዛኛዎቹ የማህበራዊ ድረ-ገጾች እና ድር ጣቢያዎች ተጠቃሚዎችን ወደ አንድ የተወሰነ ዩአርኤል ለመምራት አገናኞችን ይጠቀማሉ. ኤችቲኤምኤል የአገናኝ መገኛን ለመለየትም ጥቅም ላይ ሊውል ይችላል።. እሱ 'ሀ’ ባህሪ የኮድ ክፍሎችን ከአንድ ዩአርኤል ጋር እንዲያገናኙ ያስችልዎታል.
አገናኝ ሲነድፍ, ጎብኚዎችዎ ይዘቱን እንዴት እንደሚጠቀሙበት ማጤንዎን ያረጋግጡ. የአገናኝ ጽሑፍ ገላጭ መሆን አለበት።, ምን መጠበቅ እንዳለባቸው በትክክል እንዲያውቁ. ተመሳሳይ ዩአርኤል መደጋገም ለስክሪን አንባቢዎች አስቀያሚ ነው።, እና ምንም ጠቃሚ መረጃ አይሰጣቸውም. ስክሪን አንባቢዎች አገናኞች ሲኖሩ የተለያዩ ቅጥ ያላቸው ወይም የተሰመሩ በማድረግ ለተጠቃሚዎች ይነግሩታል።. በዚህ መንገድ, የሚፈልጉትን መረጃ በቀላሉ ማግኘት ይችላሉ.
ጠረጴዛ መጨመር
ሰንጠረዥን ወደ HTML ገጽ ማከል ቀላል ነው።, ነገር ግን ከማድረግዎ በፊት ሊያስቡባቸው የሚገቡ ጥቂት ነገሮች አሉ. የጎብኝዎን አይን ለመሳብ እና ትኩረትን ወደ ጠቃሚ መረጃ ለመሳብ የጠረጴዛዎ የጀርባ ቀለም ወሳኝ ነው።. የሄክስ ቀለም ኮዶችን ወይም የቀለም ስሞችን በመጠቀም ለሠንጠረዡ ራስጌ አካል እና የውሂብ አካል የተለየ ቀለም ማዘጋጀት ይችላሉ።. በለላ መንገድ, ጠረጴዛዎ በቀላሉ የሚታይ ይሆናል.
የሠንጠረዥ ራስጌ እና የሰንጠረዥ ውሂብ ከ td ኤለመንት ጋር ማከል ይችላሉ።, ግለሰብን የሚገልጽ “ሳጥኖች” ለይዘቱ. የሠንጠረዥ ራስጌ ማከል በድረ-ገጽ ላይ ውሂብን ለማሳየት የመጀመሪያው እርምጃ ነው።, እና ከፈለጉ የመጀመሪያውን ማከል አለብዎት. ጠረጴዛው ሶስት ረድፍ አርእስቶች ሊኖሩት ይገባል. አንድ ራስጌ ባዶ መሆን አለበት።. ጠረጴዛዎ አምዶች ካለው, እንዲሁም ለእያንዳንዱ አምድ የረድፍ ራስጌዎችን መፍጠር አለብዎት.
በጠረጴዛዎ ላይ መግለጫ ጽሑፎችን ማከልም ይችላሉ።. መግለጫው የሠንጠረዡን ዓላማ የሚገልጽ አማራጭ አካል ነው።. መግለጫ ጽሑፎች ለተደራሽነት አጋዥ ናቸው።. ሠንጠረዡ የውሂብ ቡድኖችን የሚገልጹ ሴሎችንም ሊይዝ ይችላል።. በመጨረሻ, የረድፎችን እና የአምዶችን ስብስብ ለመግለጽ የማስታወቂያውን ክፍል ማከል ይችላሉ።. ሁለቱንም ንጥረ ነገሮች በጋራ ወይም በተናጠል መጠቀም ይችላሉ. እንዲያውም በጥምረት ሊጠቀሙባቸው ይችላሉ, ግን መግለጫው በጣም አስፈላጊው ነው።.
ዲቪ በማከል ላይ
ዲቪን ወደ ኤችቲኤምኤል ፋይል ማከል ሙሉውን ገጽ እንደገና ሳይጽፉ የድረ-ገጽዎን ክፍል እንዲያክሉ ያስችልዎታል. የዲቪ ኤለመንቱ ለጽሑፍ ልዩ መያዣ ነው።, ምስሎች, እና ሌሎች አካላት. የሚወዱትን ማንኛውንም ነገር ሊሰይሙት እና ባህሪያቱን ለፍላጎትዎ መለወጥ ይችላሉ።. እንዲሁም በገጽዎ ላይ ባሉ ዲቪ እና ሌሎች አካላት መካከል ክፍተት ለመፍጠር ክፍል ወይም ህዳግ ማከል ይችላሉ።.
እንዲሁም በዲቪ ውስጥ ኮድ ለማስገባት የውስጣዊ HTML ባህሪን መጠቀም ይችላሉ።. ይህ ዘዴ በሕብረቁምፊ ውስጥ የተዘጋውን ኮድ ይቀበላል, እና በዲቪ ውስጥ ካልሆነ, ይዘቱ ይወገዳል. በዚህ መንገድ ኮድ ወደ div ከማስገባት መቆጠብ አለብዎት, ድር ጣቢያዎን ለጣቢያ-አቋራጭ ስክሪፕት ተጋላጭነቶች ሊያጋልጥ ስለሚችል. እንደ ጃቫ ስክሪፕት ያለ የስክሪፕት ቋንቋ እየተጠቀሙ ከሆነ, የውስጣዊ HTML ባህሪን መጠቀም ይችላሉ።.
ዲቪ በሰነድ ውስጥ ኮድን ለመቧደን የሚያገለግል መሰረታዊ የኤችቲኤምኤል መለያ ነው።. አንቀጽ ሊይዝ ይችላል።, የማገድ ጥቅስ, ምስል, ኦዲዮ, ወይም ራስጌ እንኳን. የእሱ አቀማመጥ አንድ አይነት ዘይቤ እና ቋንቋ በተለያዩ የገጽ ክፍሎች ላይ እንዲተገብሩ ያስችልዎታል. ዲቪስ ለተከታታይ አካላት ቡድኖች የተለመዱ የትርጉም ጽሑፎችን ለመለየት በተሻለ ሁኔታ ጥቅም ላይ ይውላል. ሙሉውን ገጽ እንደገና መፃፍ ሳያስፈልግ ክፍል ላይ ቅጥ ለመጨመር ሲፈልጉ ዲቪ ጥቅም ላይ መዋል አለበት።.