ድር ጣቢያዎች፣ ብሎጎች፣ ድረ-ገጾች - በዘመናችን የታወቁ ፅንሰ ሀሳቦች። በበይነመረቡ እድገት ፣ ድረ-ገጾችን የሚያስተናግዱ ጣቢያዎች በሚያስደንቅ ሁኔታ ታዋቂ እየሆኑ መጥተዋል ፣ እና ይህ አያስደንቅም-ለአንዳንድ ሰዎች የራሳቸው ድር ጣቢያ መኖር አስፈላጊ ነው ፣ ለሌሎች ደግሞ አስደሳች መዝናኛ ነው። በመጀመሪያው ጉዳይ ላይ ብዙውን ጊዜ ስለ ድርጅቶች, ኮርፖሬሽኖች, የግል ሥራ ፈጣሪዎች, ማንኛውንም ምርት ወይም አገልግሎት በሚፈልጉበት ጊዜ ሲያስተዋውቁ ነው. ሁለተኛው ስለ ብሎገሮች ነው።
ከዚህ በተጨማሪ በቀላሉ መረጃ የሚፈልጉ፣ብሎጎችን የሚያነቡ፣ቪዲዮ የሚመለከቱ እና ሌሎችም የኢንተርኔት ተጠቃሚዎች አሉ።
ጥራት ያለው ድር ጣቢያ ለመፍጠር ብዙ አማራጮች አሉ። በኤችቲኤምኤል በኩል በድር ፕሮግራሚንግ ላይ እናተኩራለን።
HTML ምንድን ነው
HTML ማለት ሃይፐር ጽሁፍ ማርክ-አፕ ቋንቋን ያመለክታል። ከእንግሊዝኛ የተተረጎመ ይህ ማለት "Hypertext Markup Language" ማለት ነው።
በሌላ አነጋገር ኤችቲኤምኤል የገጹን ዋና ዋና ክፍሎች፣ ፍሬሙን፣ የመሳሰሉትን መፍጠር የምትችልባቸው የኮዶች ስብስብ ነው።ቃላት በአረፍተ ነገር እንዴት እንደሚዋቀሩ።
ኤችቲኤምኤል ኮዶች በላቲን ፊደላት ብቻ የተፃፉ እና መለያዎች ይባላሉ፣ እና እያንዳንዱ ኮድ በማዕዘን ቅንፎች ውስጥ ተዘግቷል። አንዳንድ መለያዎች ተጣምረዋል፣ አንዳንዶቹ ያልተጣመሩ ናቸው።
የተጣመሩ ማለት ሳይሳካላቸው በጥንድ መጠቀም አለባቸው ማለት ነው። ለምሳሌ, የመክፈቻ መለያው በድረ-ገጽ ላይ የት እንደሚጀመር ያሳያል, እና የመዝጊያ መለያው የት እንደሚቆም ያመለክታል. የኋለኛው ከመክፈቻው አንግል ቅንፍ በኋላ የሽምቅ ቁምፊ በመኖሩ ከቀዳሚው ይለያል. ለምሳሌ የመክፈቻ መለያ ነው፣የመዝጊያ መለያ ነው።
ያልተጣመሩ መለያዎች አጋር አያስፈልጋቸውም።
በርካታ መለያዎች ባህሪያት ሊኖራቸው ይችላል - የተወሰነ ተጨማሪ ትርጉም የሚሰጡ ተጨማሪ አካላት። ለምሳሌ፣ መለያው.
ኤችቲኤምኤል ጥቅም ላይ የሚውልበት
ኤችቲኤምኤል የት እንደሚያስፈልግ የታወቀ ግንዛቤ የድር ጣቢያ ግንባታ ነው።
በተግባር ይህ በቂ ሊሆን ይችላል፣ ኤችቲኤምኤል የገጹን ዋና ዋና ክፍሎች፣ ሜኑዎች (ባለብዙ ደረጃ የሆኑትን ጨምሮ) ለመፍጠር ስለሚፈቅድልዎት፣ ዳራውን ማዘጋጀት፣ ጽሑፍን፣ ምስሎችን፣ ኦዲዮን፣ ቪዲዮን ማስገባት፣ ቅርጸ-ቁምፊዎችን ማረም እና ብዙ ተጨማሪ።
ነገር ግን፣ ወደ ድረ-ገጽ የበለጠ ሳቢ እና ብዙ ጊዜ አስፈላጊ ነገሮችን እንዲያክሉ የሚያስችሉዎት ሌሎች ቋንቋዎች አሉ፡
- CSS የመላው ድረ-ገጽ ስታይል ያዘጋጃል ያለማቋረጥ የግለሰቦችን አካላት ቅጥ ባህሪያትን መለያዎችን በመጠቀም - የጽሑፉን ቀለም እና ቅርጸ-ቁምፊ፣ ለምሳሌ
- የስክሪፕት ቋንቋው በጣቢያው ላይ ትናንሽ ፕሮግራሞችን (ስክሪፕቶችን) ለማዘጋጀት እና ለመክተት ያስችልዎታልባናል ውበት ያላቸው ነገሮች (በመዳፊት ሲያንዣብቡ የአገናኙን ቀለም መቀየር) እና በተግባራዊ በሆኑ (የደንበኛ ኢሜይል አድራሻዎችን፣ ስልክ ቁጥሮችን መሰብሰብ) ያበቃል።
- በPHP የራስዎን የእንግዳ መጽሃፍ ወይም አስተያየት መስጫ ስርዓት ማዳበር ይችላሉ።
እንዲሁም HTML ኢሜይሎችን ለመፍጠር ጥቅም ላይ ይውላል።
ማገናኛ ምንድን ነው
ወደ ሌላ ድረ-ገጽ ከገጹም ከውጪም እንዲሄዱ ያስችሉዎታል።
HTML አገናኞች በብዛት ጥቅም ላይ ይውላሉ፡
- ወደ ውጫዊ የድር ምንጭ ለመሄድ።
- በገጹ ውስጥ ባሉ ገፆች ውስጥ ለመዘዋወር።
- ወደ ጉግል ቅጾች ለመሄድ።
በኤችቲኤምኤል ውስጥ ካለው ምንጭ ጋር የሚገናኝ ማገናኛም ብዙ ጊዜ ይጠቁማል፣በተለይም ከሌላ ጣቢያ ላይ ቁስ ሲገለብጡ፣ጸሃፊውን መጥቀስ አለብዎት። ያለበለዚያ መቅዳት በቅጂ መብት ጥሰት፣ የይዘት ስርቆት እና የኋላ እሳት ትርጓሜዎች ስር ሊወድቅ ይችላል። በተጨማሪም፣ የተበደሩ፣ ልዩ ያልሆኑ ቁሶች አጠቃቀም የ SEO አፈጻጸምን ይቀንሳል፣ እና ከምንጩ ጋር ያለውን ግንኙነት ማመላከት አደጋዎችን ይቀንሳል።
የአገናኞች አይነቶች
በጥንታዊው ትርጉሙ፣ ማገናኛ ማለት እሱን ጠቅ በማድረግ ሊሄዱበት የሚችሉት የድር ምንጭ አድራሻ ነው።
ከዚህ በተጨማሪ የጽሑፍ እና የምስል አገናኞች አሉ። በእነዚህ አጋጣሚዎች የኤችቲኤምኤል ማገናኛ በአንዳንድ ዓረፍተ ነገር (ቃል) ወይም ምስል ስር "ተደብቋል" እና እሱን ለመከተል ጽሑፉን ወይም ምስሉን ጠቅ ማድረግ ያስፈልግዎታል።
ሌሎች የአገናኞች አይነቶች፡
- ያልጎበኘ - በአንድ የተወሰነ ክፍለ ጊዜ ላይ ገና ያልተነካ አገናኝ። ለምሳሌ ይህን ሊንክ ትላንትና ከተከተሉ ከዛ ኮምፒውተራችሁን ካጠፉት እና ዛሬ መልሰው ካበሩት አሁን አዲስ ክፍለ ጊዜ ስለጀመረ ሊንኩ እንደገና አልተጎበኘም።
- አክቲቭ - በዚህ ሁኔታ ማያያዣው በጣም አጭር ጊዜ ነው የሚቀመጠው፡ ሊንኩን በመጫን እና በመከተል መካከል ያለው ልዩነት።
- የተጎበኘ - በአንድ ክፍለ ጊዜ ቢያንስ አንድ ጊዜ የተጎበኘ አገናኝ።
ለመደበኛ የጽሁፍ ማገናኛዎች የጎበኟቸው በሌላ መልኩ ካልተገለጸ በስተቀር ቀለማቸውን ይቀይራሉ።
በላይ የተገናኘ ምስል ተጎበኘም አልተገኘም መልኩን አይቀይርም።
እንዴት መደበኛ ማገናኛ እንደሚያስገባ
ብዙ የድረ-ገጽ ምንጮች የጣቢያውን አድራሻ እንደ ማገናኛ ይገነዘባሉ፣ ወዲያው ጠቅ እንዲደረግ ያድርጉት እና በቀለም ያደምቁት። ለምሳሌ አድራሻው በሜሴንጀር ወይም በኢሜል የተላከ ከሆነ እሱን ጠቅ በማድረግ ወደ ጣቢያው መሄድ ይችላሉ።
ኤችቲኤምኤልን በመጠቀም እራስዎ ጣቢያ ለመፍጠር ልዩ መለያ በመጠቀም አገናኝ ማስገባት አለብዎት። ይህን ይመስላል፡ የድረ-ገጽ አድራሻ። የአገናኝ ጽሁፍ በኤችቲኤምኤል ውስጥ ሙሉ በሙሉ መገለጽ አለበት፣ ከፕሮቶኮል ጋር።
የጽሁፍ ሃይፐርሊንክ እንዴት እንደሚያስገባ
የጽሑፍ ሃይፐርሊንክ ከመደበኛ ማገናኛ ጋር ተመሳሳይ ተግባር እንደሚፈጽም ቀደም ሲል ተነግሯል ነገር ግን የበለጠ ውበት ያለው ይመስላል፡ ከጣቢያ አድራሻ ይልቅ ብዙ ጊዜ ሳያስፈልግ ረጅም ቃል ወይም ሀረግ ይጠቁማል። ለምሳሌ፣ "እዚህ መረጃ ፈልግ" በሚለው ዓረፍተ ነገር ውስጥ አገናኙን መደበቅ ትችላለህ"እዚህ" የሚለው ቃል. ይደምቃል እና እሱን ጠቅ ማድረግ ተጠቃሚውን ወደሚፈለገው ጣቢያ ይወስደዋል።
የኤችቲኤምኤል ሊንክ እንዴት መስራት እንደሚቻል ቀደም ሲል ተብራርቷል። ተመሳሳዩን መለያ በመጠቀም የጽሑፍ ሃይፐርሊንክ ማስገባት ይችላሉ። ልዩነቱ በሚሰጡት መለያዎች መካከል አገናኙ የሚደበቅበትን ጽሁፍ መለየት ያስፈልግዎታል፡ የሚታይ ጽሑፍ።
እንዴት ምስል hyperlink ማስገባት ይቻላል
እዚህ ትንሽ የተወሳሰበ ነው። ተመሳሳዩን መለያ እንጠቀማለን፣ ነገር ግን ከጽሑፍ ይልቅ፣ ወደ ምስሉ የሚወስደውን መንገድ መግለጽ ያስፈልግዎታል።
መንገዱ የምስሉ መገኛ ነው። ስዕሉ (ፎቶው) በፋይል ማጋራት አገልግሎት ላይ የሚገኝ ከሆነ, በምስሉ በኩል ወደ ምስሉ በሚወስደው መንገድ ላይ ያሉትን ሁሉንም አቃፊዎች መግለፅ ያስፈልግዎታል. ከተቻለ ወደ ምስል የሚወስድ አገናኝ ማካተት ይችላሉ።
መለያ ለመስጠት
ከsrc በተጨማሪ ሌሎች ባህሪያትም ተፈጻሚዎች ናቸው፣ ይህም የምስሉን ቁመት፣ ስፋት እና ቦታ እና ሌሎችንም እንዲያስተካክሉ ያስችልዎታል። አንዳንዶቹ፡
- Src - ወደ ምስሉ የሚወስደውን መንገድ ይገልጻል።
- Lowsrc - ከቀዳሚው ባህሪ ጋር ተመሳሳይ ነው፣ነገር ግን ለዝቅተኛ ጥራት ምስሎች የተገለፀ።
- ቁመት - የሥዕል ቁመት።
- ስፋት - ስፋቱ።
- Alt - የምስል መግለጫ። በፎቶ ወይም ምስል ላይ ስታንዣብቡ በዚህ ባህሪ ላይ የተገለጸው ጽሑፍ ብቅ ይላል።
- ድንበር - በምስሉ ዙሪያ ያለውን የድንበር ውፍረት ይወስናል።
ባህሪያት ከተሰጡት መለያ በኋላ የተገለጹ እና የተካተቱ ናቸው።የእሱ ቅንብር. ባህሪው በዋጋው መከተል አለበት. ለምሳሌ, ለ "ቁመት" ወይም "ስፋት" (ቁመት, ስፋት) ባህሪያት በድረ-ገጹ ላይ የምስሉን ቁመት ይገልጻል. በሌላ መልኩ ካልተገለጸ በስተቀር የመለኪያ አሃዱ ፒክሰሎች ነው።
ይህ ይመስላል፡ <a href="የድረ-ገጽ አድራሻ"
። እነዚህ ባህሪያት ለምስሉ ተገቢውን መጠን ለማዘጋጀት ይረዳሉ. ድንበር በምስሉ ዙሪያ የማይታይ ድንበር ለመፍጠር ይረዳል።
ከላይ ያሉት ባህሪያት ለምስል ማስገቢያ መለያው ለየብቻ ይተገበራሉ። ለምሳሌ፡.
የመልህቅ ማገናኛዎች ምንድናቸው
መልህቅ ማያያዣዎችን መፍጠር በጣም ጠቃሚ ችሎታ ነው። ብዙ ጊዜ ረጅም የጽሑፍ እገዳ ያለው ወይም በአንድ ገጽ ላይ በርካታ ንዑስ ክፍሎች ያለው ድረ-ገጽ መዘርጋት ያስፈልጋል። በዚህ አጋጣሚ ወዲያውኑ ወደ ጽሁፉ ወይም የድረ-ገጹ ንዑስ ክፍሎች የሚወስዱትን አገናኞች ዝርዝር መጀመር ይችላሉ እና እነሱን ጠቅ ሲያደርጉ ተጠቃሚው በቀጥታ ወደ ተጠየቀው ክፍል ይሄዳል።
የመልህቅ አገናኞችን መፍጠር ከሌሎች የአገናኞች አይነቶች የበለጠ የባህሪ መለያዎችን መጠቀምን ይጠይቃል።
በመጀመሪያ ለእያንዳንዱ የመረጃ ብሎክ ወይም የጽሁፍ ክፍል ከፍተኛውን ባህሪ በመጠቀም አጠቃላይ ዋጋ ማቀናበር እና ከተዛማጁ ማገናኛ ጋር ማያያዝ አለብዎት።
ባህሪያቸው በጣም ሰፊ ነው፣ስለዚህ መጀመሪያ ቀለል ያሉ አገናኞችን መፍጠርን በደንብ ማወቅ እና በመቀጠል ወደ መልህቅ ማያያዣዎች መፈጠር መሄድ ተገቢ ነው።
ጠቃሚ ምክሮች
ከተሞክሮ እርዳታፕሮግራመሮች፡
- የማገናኛ መረጃ በኤችቲኤምኤል ውስጥ በማንዣበብ ላይ እንዲታይ ማድረግ ይችላሉ። ለዚህ፣ ለግራፊክ አካላትም የምንጠቀመው የ alt ባህሪ፣ ጠቃሚ ሊሆን ይችላል።
- ኤችቲኤምኤልን በመጠቀም የአገናኞችን ዝርዝር መፍጠር ይቻላል። በተለይም ይህ ለመልህቅ ማያያዣዎች ጠቃሚ ሊሆን ይችላል እንዲሁም የድረ-ገጽ ምንጮችን ዝርዝር ማዘጋጀት ሲያስፈልግዎ ከአሁኑ ድረ-ገጽ በቀጥታ ሊንክ ሊከተሏቸው ይችላሉ።
- በሲኤስኤስ እና ጃቫስክሪፕት እንዲሁም አንዳንድ የኤችቲኤምኤል ተግባራትን በመጠቀም ከወትሮው የተለየ የጽሑፍ ማገናኛ እና የገጽ አገናኞች ንድፍ መፍጠር ይችላሉ። ለምሳሌ በማገናኛ ላይ ስታንዣብቡ ቀለሙን ሊለውጥ እና ጠቋሚው ከእሱ ሲርቅ ወደ ቀድሞው ሊመለስ ይችላል። ይህንን በብጁ ጃቫ ስክሪፕት ስክሪፕት ማድረግ ይቻላል። በተጨማሪም ፣ የአገናኝ ቀለም ያልተጎበኙ ወይም ለጎበኘ ሐምራዊ ለ ሰማያዊ ካልሆነ ወደ ሌላ ነገር ሊዋቀር ይችላል። ይህ የCSS ስራ ነው።
- አገናኞችን አላግባብ አትጠቀሙ። ብዙ አግባብ ያልሆኑ አገናኞች ያለው ድረ-ገጽ ተንኮለኛ እና ተንኮለኛ ይመስላል።
- ተጠቃሚው ከምስሉ ጋር ያለው hyperlink በእውነቱ ምስል እንጂ ምስል አለመሆኑን መረዳቱን ያረጋግጡ።
ማጠቃለያ
በኤችቲኤምኤል ውስጥ ካለ ገጽ ጋር ማገናኘት በጣም ቀላል ነው። ሁሉንም የዚህ ቋንቋ ዋና ዋና ነጥቦችን መከተል አስፈላጊ ነው, ምክንያቱም ትንሽ ስህተት እንኳን ወደ እውነታነት ሊያመራ ስለሚችል, እና ኮዱ አይሰራም.
