የማስታወሻ ደብተርን በመጠቀም መሰረታዊ ድር ጣቢያ እንዴት ማድረግ እንደሚቻል - 4 ደረጃዎች

2024 ደራሲ ደራሲ: John Day | [email protected]. ለመጨረሻ ጊዜ የተሻሻለው: 2024-01-30 07:29

ማንም የገረመ አለ

ከመሠረታዊ የአጻጻፍ መርሃ ግብር እንዴት አንድ ድር ጣቢያ መሥራት እችላለሁ?

ደህና ፣ በግልጽ ፣ በተለይ አይደለም…

ለማንኛውም ፣ የማስታወሻ ደብተርን ብቻ በመጠቀም መሰረታዊ ድር ጣቢያ እንዴት እንደሚሠሩ እዚህ አሳያችኋለሁ።

አቅርቦቶች

ለዚህ ፕሮጀክት የሚከተሉትን ያስፈልግዎታል

-ትልቅ አንጎል

-ማስታወሻ ደብተር

-ምናልባት ኤችቲኤምኤል እና ሲኤስኤስ የማታለል ሉህ ያዝዙ ይሆናል

-ብዙ ትዕግስት

ደረጃ 1: ጅምር

ማስታወሻ ደብተር ይክፈቱ። በእውነቱ ፣ ሁለት ጊዜ ይክፈቱት። በተመሳሳይ ጊዜ 2 ፋይሎችን ኮድ ያደርጋሉ።

አሁን ሁለቱንም ፋይሎች ያስቀምጡ። አንዱ [የፋይል ስም].html ይሆናል ፣ ሁለተኛው ደግሞ [የፋይል ስም].css ይሆናል

ደረጃ 2 የኤችቲኤምኤል ፋይልን ማቀናበር።

በኤችቲኤምኤል ፋይል ላይ ፣ በመጀመሪያው መስመር ላይ ይፃፉ “” አንድ መስመር ይዝለሉ

መስመር 2 -

መስመር 3 - [የገጽ ስም]

መስመር 4 -

መስመር 5 -

መስመር ዝብሉ

መስመር 6 -

መስመር 7 -

[በመጀመሪያው መስመር ላይ ምን እንደሚፈልጉ። ይህ መደበኛ ጽሑፍ ነው።]

መስመር 8 -

መስመር 9 -

አሁን ፣ መልዕክቶቹን ባስቀመጥኩበት አርትዕ

ማብራሪያ - - -

የኮዱን መጀመሪያ ይገልጻል።

የራስጌውን መጀመሪያ ይገልጻል።

በትሩ ስም ላይ ምን እንደሚታይ ይገልጻል

+በአገናኝ ውስጥ ያለው ሌላ ኮድ ለቅጦች የ css ቅጦች ሉህ ከ html ጋር ያገናኛል።

መግለጫውን ያበቃል።

የራስጌ መግለጫውን ያበቃል

የአካል ጽሑፍ / ኮድ መጀመሪያ ይገልጻል

የኤችቲኤምኤል ኮድ ሲያሄዱ የሚታየው የጽሑፉ አንቀፅ መጀመሪያ ነው።

ገምተውታል። የአካል መግለጫዎችን ያበቃል

የኮዱን መጨረሻ ያመለክታል።

ደረጃ 3 የ CSS ፋይልን ማቀናበር።

በሲኤስኤስ ፋይል የመጀመሪያ መስመር ላይ (@charset “utf-8”;)

መስመር 2 - አካል

መስመር 3 {ዳራ ፦ [እንደ ዳራ ቀለም የሚፈልጉት]

መስመር 4 -}

መስመር 5 - h1 {

መስመር 6 - ቅርጸ -ቁምፊ -ቤተሰብ: ደፋር

መስመር 7 -}

ተጨማሪ ተለዋዋጮችን ማከል እና ማስታወሻዎቼን በ መካከል መለወጥ ይችላሉ

ደረጃ 4 - ደህና ፣ ያ ነበር።

ከፈለጉ በቪሻላፕር እንደ “የድር ዲዛይን መሰረታዊ ነገሮች” ያለ የተሻለ መመሪያን መጠቀም ይችላሉ

www.instructables.com/Web-Designing-Basics…

እንዲሁም ፣ የማስታወሻ ደብተር ኮድዎ የት እንደሚሄድ እንዳያሳይዎት ይጠንቀቁ።

ለዚህም ነው የድር ጣቢያ ኮድ ሶፍትዌር የሚመከር።