HTML እና CSS በቀላሉ በአማርኛ ይማሩ

Code with Selam www.youtube.com

አጭር ማጠቃለያ

ይህ ቪዲዮ HTML በመጠቀም የመጀመሪያውን ድረ-ገጽ ስለመፍጠር እና መሰረታዊ የድር ልማት ፅንሰ-ሀሳቦችን ያስተዋውቃል። ቪዲዮው Visual Studio Codeን መጫንን፣ HTML elementsን መረዳትን፣ CSSን በመጠቀም ድረ-ገጾችን ማስዋብን፣ JavaScriptን በአጭሩ መመልከትን እና Bootstrapን በመጠቀም ድረ-ገጾችን ማስተናገድን ይሸፍናል።

  • HTML በመጠቀም ድረ-ገጽ እንዴት መፍጠር እንደሚቻል
  • Visual Studio Code እንዴት እንደሚጫን
  • CSS እና JavaScript አጠቃቀም
  • Bootstrap መግቢያ
  • ድረ-ገጽን በserver ላይ እንዴት ማስተናገድ እንደሚቻል

የኮርስ መግቢያ

ይህ ክፍል የኮርሱን አጠቃላይ መግለጫ የያዘ ሲሆን ኮርሱ ስለ ምን እንደሆነ ያስረዳል።

ራስን ማስተዋወቅ እና የእውቂያ መረጃ

በዚህ ክፍል አስተማሪው እራሱን ያስተዋውቃል እንዲሁም ተማሪዎች ሊያገኟቸው የሚችሉባቸውን መንገዶች ያሳያል።

የድር ልማት ቴክኖሎጂዎች

ይህ ክፍል ስለድር ልማት ቴክኖሎጂዎች ማለትም HTML, CSS, JavaScript እና ሌሎችም ያስተዋውቃል። እነዚህ ቴክኖሎጂዎች ድረ-ገጾችን ለመገንባት እንዴት እንደሚረዱ ያብራራል።

የፊት ለፊት መንገድ ካርታ

ይህ ክፍል የፊት ለፊት ልማት እንዴት እንደሚሰራ እና ምን መማር እንዳለብን ያሳያል።

HTML ምንድን ነው?

HTML (HyperText Markup Language) የድረ-ገጾች መዋቅር የሚገነባበት ቋንቋ እንደሆነ ይገልጻል። የድረ-ገጽን ይዘት ለመፍጠር እና ለማደራጀት የሚያገለግሉ elements እና tags ይብራራሉ።

Visual Studio Codeን መጫን

Visual Studio Code (VS Code) ኮድ ለመጻፍ የሚያገለግል ነጻ የኮድ editor እንደሆነ ይገልጻል። VS Codeን እንዴት ማውረድ እና መጫን እንደሚቻል ደረጃ በደረጃ ያሳያል።

የመጀመሪያው HTML ገጽዎ

አንድ ቀላል HTML ገጽ እንዴት መፍጠር እንደሚቻል ያሳያል። የHTML structure, elements, እና attributes ምን እንደሆኑ ይገልጻል።

አነስተኛ ፕሮጀክት መጀመር

በዚህ ክፍል ውስጥ HTML በመጠቀም ድረ-ገጽ መገንባት ይጀምራል። የተለያዩ HTML elements እንዴት እንደሚጠቀሙ እና ገጹን እንዴት structure ማድረግ እንደሚችሉ ያሳያል።

CSS - Cascading Style Sheets

CSS (Cascading Style Sheets) የድረ-ገጾችን ገጽታ ለመቆጣጠር የሚያገለግል ቋንቋ እንደሆነ ይገልጻል። CSSን በመጠቀም ቀለሞችን, ቅርጸ ቁምፊዎችን እና አቀማመጦችን እንዴት መቀየር እንደሚቻል ያሳያል።

JavaScript በጥቂቱ

JavaScript ተለዋዋጭ እና interactive ድረ-ገጾችን ለመፍጠር የሚያገለግል የፕሮግራም ቋንቋ እንደሆነ ይገልጻል። JavaScript እንዴት HTML ገጾችን የበለጠ interactive እንደሚያደርግ ያሳያል።

CSS Framework

CSS Framework የCSS ኮድ ስብስብ እንደሆነ ይገልጻል።

ወደ Bootstrap መግቢያ

Bootstrap ታዋቂ የCSS framework እንደሆነ ይገልጻል። Bootstrapን በመጠቀም ቆንጆ እና ምላሽ ሰጪ ድረ-ገጾችን በፍጥነት እንዴት መገንባት እንደሚቻል ያሳያል።

Bootstrapን መጠቀም

Bootstrapን በፕሮጀክት ውስጥ እንዴት መጠቀም እንደሚቻል ያሳያል። የተለያዩ የBootstrap components እንዴት እንደሚጠቀሙ እና ገጹን እንዴት responsive ማድረግ እንደሚችሉ ያሳያል።

ድህረ ገጽን በserver ላይ ማስተናገድ

የተሰራውን ድረ-ገጽ በserver ላይ እንዴት ማስተናገድ እንደሚቻል ያሳያል። ድረ-ገጽን ለማስተናገድ የሚያስፈልጉትን ነገሮች ይገልጻል።

Summarize any YouTube video in seconds

Get summaries like this one for any video, in your language, with the free Summ app.

Download on the Apple Store
Get it on Google Play

Transcript

YouTube Transcript Generator

0:00 [ሙዚቃ] እና ኤችቲኤል ሲኤስ ጃኬት ኪ ና html css jas አር አላውቅም ራ ሰ አንተ r la ib development y na r html html r no html cs re di r r css jt b r

0:51 እና CSS ራ r html ሲ ራ Re y t s htl css ost r ና y አር አር ዜድ ኤስ አር ዜድ ዘአር አር ላም Yrr ra re ri ra ut di na subs r g አር z subs

1:40 እኔ የማደርገው ይህንን ነው። ሮ ዋይ አር መፈጠር አዎ መተግበሪያ p h ሀብት አስተዳደር ghee ሴንቲ ሜትር ሰው ሴንቲ ደ ሐ ሰ sy man sy tr አብሮ መስራት ሐ አዎ [ሙዚቃ] ይህ አይደለም fr

2:26 ከኋላ fr ልማት ጀርባ ማደግ qa ra t na t html css di jt እየተመለከትኩህ ነው j back yib ra na t ra z na ra ra la ra ra አር ዋይ አር html c z fr

3:14 inel de htl cs ri html h ዩሲ ዋይ r parag ሁሉም አይ cs htl r uc r አዎ ርብ ይብ ራብ amp r ro htl ht አር

4:01 አር ላ አር አር ዜድ አር ዘ አይ ፣ አይ ፣ አይ ፣ አይሆንም ሽን ራ አይ እነሱ ይዘጋሉ መሸፈኛ ዬል ናት [ሙዚቃ] Nat r na html mar up lage css lage jpt ረጅም [ሙዚቃ]

4:47 ና fr deel z z htl css r na html ሐ መስኖ r ja ri ra la y r ምንም html css jt t fr fr la t la g g ra ular ቀጣይ j y z አይ, ይህ እኔ አይደለሁም, አይደለም, ይህ እኔ አይደለሁም Yr stre rt r y r s ra አላውቅም

5:36 g the t ro ra ver g ement na g ver cont sy run na z ver cont sy r z z na yt አር ዋይ ቲ አር ቲ አር ዚ ዋይ አር አር አር ላ አይ t html ib ra na t y no google faceb እርስዎ ቢቢሲ አር ኤችቲኤምኤል ሲ

6:24 አሁን ኤች.ቲ.ኤል መልካም ዜና Na h tex mar lage ጭንቅላት ና ኤችቲ ኤችቲኤል ና ዲ ይ አር ይንት ና ይብ ላ ገጽ አይደለም ht mar up lage th d r mar up la t na html ወደ ዳው ምን ያህል ጊዜ መመለስ ይፈልጋሉ? መፈጠር Y Z Lage ኤችቲኤም Yen Mcg Z R Mcg ብቅል

7:13 ና ዜድ ና ኤስ እሳት ና ኤችቲኤምኤል ሲ አየሁ w አይደለም r ለ ቆላ ዋይ Y vs R vs vs v ra na r na z yt ይህ

8:01 [ሙዚቃ] ሐ [ሙዚቃ]

8:55 እኔ ኤችቲኤል ከሰል ነኝ የጎድን አጥንት ZD አሸዋ v yt f r di እንከፍተዋለን [ሙዚቃ] አር . ኤችቲኤል html html hl t na html ra th na inx de አይ፣ አይ...

9:42 አዎ r ug ኛ ና yb r na zib h page na html la yna r ቢ ራም ማልት ኢስራ አር r r htl re css ምንም ዳግም የለም html css jas ro j no no . html እኔ ሁላ [ሙዚቃ] ራ አይሆንም አትበል

10:27 ጋር ይሁኑ [ሙዚቃ] ዘ [ሙዚቃ] አር [ሙዚቃ] አ.ኤስ.

11:15 አር አዎ መስኖ [ሙዚቃ] ብሩሽዎች አዎ [ሙዚቃ] Na htl ra t t c t t jt tition di t w na አይ፣ ኤችቲኤል ሲ ዲ የለኝም r vs r html አይ r amp ኤችቲኤል ሁሉም r htl ለ አር

12:01 ዕጣን ማቃጠያ ኤችቲኤል መግለጫ y y html na z r r html r y r y h ro html na y html ens አር r y htl y r s t y ንጥረ ነገር atri html p html ement html p na ent uc na zy html እኔ ላንተ እዚህ ነኝ ለአንተ እዚህ ነኝ

12:51 ኤችቲኤል ኤችቲኤል ኤመንት [ሙዚቃ] Z ement ና ement y ement html p no r ና r yr y ost na ha r la sech r di na አይደለም, አይደለም, አይደለም, አይደለም, አይደለም, አይደለም, አይደለም ይህ መረጃ ነው። Yum y t la na y met dat la ra la met dat ኦፕ ራ y r z ኤስ አር

13:36 R Y MINT Y Z Y D Y እኔ soave እኔ አዝራር ናይ ዓ.ም html እና html z z htl አይ የቅዱስ ኤችቲኤምኤል ልዩነት ክፍት ro g Z R Y R Z LA HTL ተንሸራተትኩ፣...

14:24 ug ምንም ክፍት z ዘ አይ መስኖ ኤችቲኤል እሳት ራፍ [ሙዚቃ] እና ራ ዳራ አር ዋይ ራ ሐ አር ራ ራ ራ

15:10 አዎ አዎ እኛ በ አር ምንም col backg col t di ra g ra Na c la de yn ra g ement t t [ሙዚቃ] አር

15:55 html አር ኤል [ሙዚቃ] ኤችቲኤል አር ና ራ ና ራ ኤችቲኤል አመንት ኡግ ና y z b html rt ና ላ ኤችቲኤል ፒጂ ቲ ራ በኡዲ ውስጥ ሰላም የለም የጎድን አጥንት 3 ኤችቲኤል እፈልጋለሁ, 3 ኤችቲኤል እፈልጋለሁ አር ኪ.ሜ

16:40 እኛ ምንም መስሎ አይሰማኝም ራ ዲ ራ ራ አይደለም R Y ለ Z D N A R Na r na z ra htl አይ ለ y አር ራ ዲ አር አይ፣ አልወደውም። [ሙዚቃ] ዲስክ Veft Salam

17:29 html ko htl r ትክክል አዲስ f r h ገጽ . html አር html html p gy html html በጣም ug Na r z amp html na y ement na ult y y ላም ኡድ ላም ኡድ ዋይ አር

18:16 ና አር ና ዋይ እንኳን ደህና መጣችሁ ሰላም ለናንተ ይሁን እኛ አላውቅም ዋይ ዋይ ዋይ አይታየኝም። አይ ና ug አይ h1 p አይ y na y z1 h6 ቁ h1 h6 zna

19:03 አይ፣ ይህ h1 h h3 ነው፣ አዎ፣ አዎ፣ አዎ [ሙዚቃ] አዎ አር ኢክ ቲ እኛ ዋይ ዲ አር ደውል ጠይቅ ኤስኤስዲ ምን ያህል ነው? እኛ ent y z y ና ቢ አር መደርደሪያ

19:49 .ml z amp ኤችቲኤል ፒ

20:36 ሮ እኛ [ሙዚቃ] ርኩስ እኛ ኤስ ኤስ ኤስ [ሙዚቃ]

21:27 ዘ [ሙዚቃ] አይ አይንኩ alt የትም አልሄድም። ማቃጠል አይደለም ላባዎች አይ hl ራ

22:12 አር እኛ ራ z amp ht na ለ አይ ፣ ራፍ [ሙዚቃ]

22:58 ዋይ አይ ለ ምንም na nz አዝራር ha ለ መተኛት እፈልጋለሁ እኔ ውስጥ አይደለሁም። Yl Ry ራ በ s na s [ሙዚቃ]

23:56 መስኖ [ሙዚቃ] ምንም መስሎ አይሰማኝም ራ y ha ለ ንኡስ ሃ ሁሉ y yeh t መጨረሻ ብር ብር

24:43 [ሙዚቃ] አይ፣ አይሆንም የን R ላ r ement r አንድ ug የን ምን ያህል አንድ ug h ence h tex ut r z px p ess r r ና g ኢንክስ ገጽ j 3 l ra head inx ገጽ ri ገጽ p ra

25:36 አላውቅም አይ [ሙዚቃ] ኬ አዝራር አር አይ

26:30 g lam ud ra na na la yeh di r ገጽ ቁጥር r ስለ አንተ ግድ የለኝም፣ ስለ አንተ ግድ የለኝም

27:21 አልማዞች የእኔ አይደሉም, የእኔ አይደሉም 8 pr 3r Na z ib na tr na na ra di na እኛ ዜድ 3ቲ እኛ አር

28:12 [ሙዚቃ] አር [ሙዚቃ] ኤስ ምንም አዝራር የለም። ዘ ለስላሳ ለ

29:00 [ሙዚቃ] 1 x ቁ ዋይ አር ሐ አይ ኤችቲኤል ውስጥ ለ አርዲአይ ሮም ለ [ሙዚቃ] cs ra sfi yik na ri di yik k ra cs html r r na y html ement cs r ሐ ስድስት

29:48 የእኔ አስተያየት የኪከር እጅ Yessr ወዘተ መግለጫ ect html p ement t መግለጫ የለም አይ እኛ col z b al ነን ect ect ዲ ect cl t element ect የኤችቲኤል ጭንቅላት እና መንካት ሸ ኤል ራፍ ፒ ላባን ራስ ቢን ቲሎን ነው።

30:34 T ect na na t na h1 rack htl no h1 no j ra t html ra y di t 2 j 3 na z la j kl አይ [ሙዚቃ] አልፈልግም። ና z z ect ወዘተ ectl ement ኢል ናይ [ሙዚቃ] Z ect ha

31:22 እኛ ዋይ ects y di na html ement no y na htl ement r la r ላ ኛ ምንም አይነት ኤችቲኤምኤል አይመስልም። የ ዋይ ሲ ect y no op z y y ወዘተ አይ, አይ, አይ, አይሆንም, አይሆንም

32:07 ምንም የለኝም ዝ KL አር ኤን ኤ አር የ 2 R Y L Y T H N A S T Y F L Z R K L 2 R Yin Ry Gryn ሰማያዊ ሁሉም ዚና ዘርዓ ኃጢአተኛ ነው። ና ዜድ ኢል ና አር አይ yeh tr di na c html na y r di ra html የለም c str nas y ወደ እኛ አይመጣም።

32:54 exn in line pleasures Kaflan Z h la ri Rana Yfl በል እንጂ [ሙዚቃ] ምንም የውስጥ j j c g html ገጽ lav na የውስጥ css መደርደሪያ HTML መታወቂያ እና ement ሪንግ Z ement Yvel መሸፈኛ Znam ብቅል [ሙዚቃ]

33:45 Na exn cs y cs dala na html dawud የሲኤስኤስ ፈተና ወድቄአለሁ። [ሙዚቃ] html ስም t የኤችቲኤምኤል አካል አለው። እኛ html ኮድ ኦማ ለእግዚአብሔር እምላለሁ።

34:33 ራ አር ሲ.ኤስ [ሙዚቃ] . css html ዘ R na r di r yen ra la ና ላ ና y c y na z r html አይ t t la yen t ra g t ma rf j ማንዣበብ t de

35:25 ድርጊት p r ወይም col elation ና ብራውን ክሪ ማበረታታት 46 ኑር ዳራ ኮ ቆላ [ሙዚቃ] ኤስ አር ዘ [ሙዚቃ]

36:11 አር ቢ አር አር ዲሽ ሀ ሩም ምን 2 ማንዣበብ r መቆሚያ ራውን Kr [ሙዚቃ] መስኖ የን r f st ኤችቲኤል እሳት

36:57 ድርጊቱ ቫል [ሙዚቃ] እኛ ዘ ይህ ኦውንድ [ሙዚቃ] ቆላ አር ር ቆላ [ሙዚቃ] አር [ሙዚቃ] ስንት አመት ነው? ሰብረው

37:45 ome the cr r f na v ራጅ አር ዜድ አር ሁሉም አር አር ላ አይ r p y raib 6 ኤመንት አር አይ, አይፈልጉትም እና የሜጀር ክብደት

38:30 ለብራውን ክሮንስ ስለዚህ ኬ ሐ ኤችቲኤል [ሙዚቃ] አር ጃኬት ህግ ብቻ btl ጄት አር CSS የለም

39:17 ኤችቲኤል በ ላቬል ሬ Z Re አሂድ [ሙዚቃ] ኮዱን በ html p in ውስጥ መጻፍ እፈልጋለሁ ውስጣዊ ጃ ዝጋ ኤችቲኤል ኢሜንት የተጣራ ኢሜንት ሪ

40:09 [ሙዚቃ] ሬናል ጄ ምን ችግር እንዳለብኝ አላውቅም ri js ens ሸ ement html p r ri na ri la the html ik t ri htl t ራ ኤችቲኤምኤል ኤመንት ቲ ኤክስፕት ቁ [ሙዚቃ] ry y ኤክስ ኤ

40:55 Zen Re ሪ አር አር ሩቅ አር አር ኬል ሲ Y በእያንዳንዱ ሐ ወደ ht መሄድ እፈልጋለሁ Y Z B Y L Z Z CSS Fr ዋይ css ና css css አላይም። r htl p ቁ ራ ኤል መሠረት

41:43 ምን ክፍት ነው? ምንም መስሎ አይሰማኝም Na b ra na g qa open sce ራ ራ ራ ራ እኔ እዚህ አይደለሁም, እዚህ አይደለሁም, እዚህ አይደለሁም ይህ ነው የሚል መልስ ስጥ እኛ ያቀፈ ነው

42:28 ስለዚህ ለ r goog ለ [ሙዚቃ] የ .com ጠፍቷል [ሙዚቃ] የ አር [ሙዚቃ] ራ g c na di na la ra ra ucation la di

43:16 በቂ አዎ አይደለም rl z amp ራ 7 8 ዋይ አር amp yen ቀለበት ምንም የላስ ቢቲኤን ጮኸ ለረጅም ጊዜ እተኛለሁ, ለረጅም ጊዜ እተኛለሁ ያለ እርስዎ አንሄድም, ያለእርስዎ አንሄድም ምንም መስሎ አይሰማኝም

44:02 ru erg ar raj ar rafl amp na አልወደውም። amp r ኤችቲኤል ላስ አይ ኤችቲኤምኤል ኤችቲኤምኤል ፈተና ወደታች z አሁን ልተኛ ነው። ፈተና y exam r html ምንም ፈተና የለም። t amp g ra ect no t no pation ravel next

44:51 p r msfl malt na z pr 1 2 3 ቀጣይ yilj r ራ amp yen ራ na amp r na all y አር ኤል አር ኤን ኤ amp z ምንም amp አትፈር Zg Keflan ራ ላ ቲ html c t la t ቁ

45:36 Rashq amp Y Y ቢ ራ ላቲ ሩና ብራ ደ ሕትት ና ና ታት ላም ኡድ Stra y t ra ement ra ra duet [ሙዚቃ] መልእክት [ሙዚቃ]

46:24 ራ [ሙዚቃ] ዘ hl c hl [ሙዚቃ] እኛ [ሙዚቃ] ደውል

47:11 bt ሪ ቢ [ሙዚቃ] ስክ መካከል [ሙዚቃ] SSS መካከል [ሙዚቃ] አርኤስ አር utap ትምህርት amp ምሳሌ lam f ud ro

48:04 [ሙዚቃ] መራራ [ሙዚቃ]

49:24 ሐ [ሙዚቃ] ወ [ሙዚቃ]

50:24 ሸ [ሙዚቃ]

51:24 ሐ [ሙዚቃ]

52:54 ገጽ [ሙዚቃ]

53:54 ገጽ [ሙዚቃ] ሸ [ሙዚቃ]

54:54 ሀ [ሙዚቃ] ክ [ሙዚቃ]

55:54 ክ [ሙዚቃ] ገጽ [ሙዚቃ]

56:53 ክ [ሙዚቃ] ገጽ [ሙዚቃ]

57:53 ሀ [ሙዚቃ] ክ [ሙዚቃ]

58:53 ገጽ [ሙዚቃ] ክ [ሙዚቃ]

59:53 ሀ [ሙዚቃ] ኬ ደርቆ ሊያልፍ ይችላል። ዘ ዋይ ወደ ላይ www.amino.com አዎ ራ Yn r r lam ud ost

1:00:44 አር ራ ዴ ና ራ ላ ost ና አይ፣ ወደ ኋላ መመለስ አልፈልግም። አይ ፣ አይ ፣ አይሆንም ቁጥርህ D-Seen ነው። [ሙዚቃ] r r sub ri na r la y html up r አር አር

1:01:29 [ሙዚቃ] ወደ ላይ ዶር ዶር [ሙዚቃ] መልእክት [ሙዚቃ] ራ [ሙዚቃ] r አዝራር አይ [ሙዚቃ]

1:02:23 ዋይ Buzz በአር አይደለም, ይህ የእኔ ጌታ አይደለም እኛ

Share

YouTube Video Summaries