diff options
Diffstat (limited to 'files/kab/lmed')
| -rw-r--r-- | files/kab/lmed/getting_started_with_the_web/html_basics/index.html | 218 | ||||
| -rw-r--r-- | files/kab/lmed/getting_started_with_the_web/index.html | 60 | ||||
| -rw-r--r-- | files/kab/lmed/html/index.html | 59 | ||||
| -rw-r--r-- | files/kab/lmed/html/introduction_to_html/index.html | 55 | ||||
| -rw-r--r-- | files/kab/lmed/index.html | 61 |
5 files changed, 453 insertions, 0 deletions
diff --git a/files/kab/lmed/getting_started_with_the_web/html_basics/index.html b/files/kab/lmed/getting_started_with_the_web/html_basics/index.html new file mode 100644 index 0000000000..bdbd531025 --- /dev/null +++ b/files/kab/lmed/getting_started_with_the_web/html_basics/index.html @@ -0,0 +1,218 @@ +--- +title: HTML uzdir +slug: Lmed/Getting_started_with_the_web/HTML_basics +translation_of: Learn/Getting_started_with_the_web/HTML_basics +--- +<div> +<div> +<div>{{LearnSidebar}}</div> + +<div>{{PreviousMenuNext("Learn/Getting_started_with_the_web/Dealing_with_files", "Learn/Getting_started_with_the_web/CSS_basics", "Learn/Getting_started_with_the_web")}}</div> +</div> +</div> + +<div class="summary"> +<p>HTML (Hypertext Markup Language) d Tangalt ig ttwasqedcen amṣuk n agbur n usebtar n web u as-id yefk anamek d iswi.amedya,agbur n usebtar innek yezmer ad yilli d amatu n tiseddarin neɣ d umuɣ tiẓunin.yezmer daɣen ad awiḍ tugniwin,tifelwin n isefka.mebla ma nekcem deg talqayt ululled,amagrad agi attafem degs aṭas n isallen iw sedduy n HTML.</p> +</div> + +<h2 id="D'acut_HTML">D'acut HTML?</h2> + +<p>HTML ur yelli,deg tidett,tutlayt n usihel. d tutlayt n tarkkizt ittwasqedcen iw akken ad yefk tamṣukt d unamek n ugbur i nebɣa a n wali deg asmel n web.llan degs <strong>{{Glossary("element", "elements")}}</strong>, imeẓliyen ara nesdukkel ɣer yal tamiwin n iferdisen iw akken ad yejbu unamek.ticṛaḍ {{Glossary("tag", "tags")}} id yezin ɣef awal naɣ tugna zemren ad sallin aseɣwen aflaḍṛis,ssers aḍṛis s iṭalik,ateg.amedya,s wayen id iteddun akka:</p> + +<pre>Amcic inu irfa +</pre> + +<p>Ma tebɣam aḍṛis agi ad yilli deg taseddart,a ten sers deg yiwen uferdis n taseddart ({{htmlelement("p")}}) :</p> + +<pre class="brush: html"><p>Amcic inu irfa </p></pre> + +<h3 id="Tacellaḥt_n_uferdis_HTML">Tacellaḥt n uferdis HTML</h3> + +<p>Sikked akken iwata aferdis agi n taseddart.</p> + +<p><a href="https://mail.google.com/mail/u/1/?ui=2&ik=c5393cd974&view=fimg&th=15ae0ca05bd196d6&attid=0.1.1&disp=emb&attbid=ANGjdJ9DO2ZPDrhNFTdUCOUw1kQ-ZALVRsErV3DnQWvzpWSesFA0cR8P6rDeibdTLhDb9Ma7IitOV9Nlg1D6OyBDh15ayC0sEqQGAgMec5XiEtCA-bzN5e481j_vydA&sz=s0-l75-ft&ats=1489841017659&rm=15ae0ca05bd196d6&zw&atsh=1"><img alt="Ameskan yemallen tiskiwet n uferdis HTML" src="https://mail.google.com/mail/u/1/?ui=2&ik=c5393cd974&view=fimg&th=15ae0ca05bd196d6&attid=0.1.1&disp=emb&attbid=ANGjdJ9DO2ZPDrhNFTdUCOUw1kQ-ZALVRsErV3DnQWvzpWSesFA0cR8P6rDeibdTLhDb9Ma7IitOV9Nlg1D6OyBDh15ayC0sEqQGAgMec5XiEtCA-bzN5e481j_vydA&sz=s0-l75-ft&ats=1489841017659&rm=15ae0ca05bd196d6&zw&atsh=1" style="display: block; height: 255px; margin: 0px auto; width: 821px;"></a></p> + +<p>Isegran imenzawiyen n aferdis nneɣ atenih:</p> + +<ol> + <li><strong>Taṛkkizt illin:</strong>degs isem n uferdis dagi (in this case, p), ger snat n <strong>taciwin</strong>.ayagi yemmal tazwart n uferdis. ,neɣ amḍiq i seg yesemdu.iw medya nneɣ,ayagi yemmal tazwart n uferdis.</li> + <li><strong>Taṛkkizt imedlen:</strong> Dagi ɣuṛnaɣ daɣen taciwin d yisem n uferdis,i deg anernu tafeggagt timezlit send isem n uferdis.ayagi yemmal taggara n uferdis.iw medya nneɣ,ayagi yemmal taggara n taseddart.</li> + <li><strong>Agbur:</strong> D agbur n uferdis,dagi d aḍṛis kan.</li> + <li><strong>Aferdis:</strong> Yesemdu s taṛkkizt yellin,s taṛkkizt imedlen d agbur.</li> +</ol> + +<p>Iferdisen zemren ad yilli ɣuṛsen ad « ayla » dayen ittemcabin:</p> + +<p><img alt="A web page screenshot showing a firefox logo, a heading saying mozilla is cool, and two paragraphs of filler text" src="https://mail.google.com/mail/u/1/?ui=2&ik=c5393cd974&view=att&th=15ae339537151300&attid=0.1&disp=safe&realattid=f_j0fqnbrt0&zw" style="display: block; height: 124px; margin: 0px auto; width: 1024px;"></p> + +<p>Deg aylaten llan isalen yernan ig wehan ɣer s aferdis ur nebɣi ad ittwasken akked agbur.deg medya yagi,ayla tadala yettaǧǧa aseqdec n isem i tukza n uferdis u isem agi nezmer a tenseqdec tikelt nniḍen iw sersi n talɣa d wayen nniḍen.</p> + +<p>Yessefk ɣef ayla ad yesɛu:</p> + +<ol> + <li>Tallunt ger ayla d isem n uferdis anda aylaten zwaren (ma yella ugar aylaten)</li> + <li>Isem (d isem n wayla),defir-is tadugamt n nned« = »</li> + <li>Alday d amdal issilawen iw segrer azal n wayla. </li> +</ol> + +<h3 id="Asmeckukkel_iferdisen">Asmeckukkel iferdisen</h3> + +<p>Tzemrem a ttessarsem iferdisen deg fardisen nniḍen,d wagi i wumi neqqaṛ Timeckukkal.amedya,ma yella tebɣiḍ ad sekneḍ d-akken amcic inek s tidett irfa,tzemreḍ a tessarsem awal "tidett" deg uferdis {{htmlelement("strong")}} , anamek-is d-akken awal ad yers d amezwaru:</p> + +<pre class="brush: html"><p>Amcic inu s <strong>tidett</strong> yerfa .</p></pre> + +<p>Acu kan tikwal yessefk attḥadreḍ akken iferdisen ad meckukklen akken iwata wa ɣer wa.deg medya izrin,a neldi aferdis <p>, dɣa aferdis <strong>. s-akkin,a nemdel aferdis <strong> dɣa a nemdel aferdis <p>. ma yella neseqdec tangalt id iteddun,ayagi ur iggerez ara:</p> + +<pre class="example-bad brush: html"><p>amcic inu s <strong>tidett yerfa .</p></strong></pre> + +<p>Iferdisen yessefk ad ttwaldin u ad ttwamedlen akken iwata,ma yella zelgen,iminig ad yaɛreḍ ad yefren win iwulmen,ahat mačči d win i nettraǧǧu.deg wawal,ttif ad yilli umeckukkel n iferdisen i wata iw akken ur yettilli ara wugur.</p> + +<h3 id="Iferdisen_ilemawen">Iferdisen ilemawen</h3> + +<p>Kra seg fardisen ur ɣuṛsen ara agbur.iferdisen agi isem n sen Iferdisen ilemawen.ma yella n keyed aferdis {{htmlelement("img")}} agi deg ufaylu HTML:</p> + +<pre class="brush: html"><img src="tiwlafin/firefox-icon.png" alt="asadez tawlaft inu"></pre> + +<p>Aferdis agi degs sin n aylaten maca ulac taṛkkizt imedlen <code></img></code>waya agbur agwensan.tidett,aferdis n tugna ur yettawi yara agbur,iswi ines d asekcem n tawlaft deg sebtar n HTML,deg mḍiq anda aferdis yettwasers.</p> + +<h3 id="Tacelaḥt_n_tateggart_HTML">Tacelaḥt n tateggart HTML</h3> + +<p>tura akka n wala kra iferdisen HTML azadur.ma ttwabḍan,ur wulmen ara.ansikked amek ara nesemlil iw snulfu n usebtar HTML anguz.aneddu seg medya n ugbur yellan deg ufaylu amatar.html (id nesnulfa deg umagrad <a href="/en-US/Learn/Getting_started_with_the_web/Dealing_with_files">Sefrek amagrad</a>:</p> + +<pre class="brush: html"><!DOCTYPE html> +<html> + <head> + <meta charset="utf-8"> + <title>Asadez usebtar inu </title> + </head> + <body> + <img src="tawlaft/firefox-icon.png" alt="asadez tawlaft inu"> + </body> +</html></pre> + +<p>Atan d'acu yellan:</p> + +<ul> + <li><code><!DOCTYP html></code> —adoctyp.deg tazwart n HTML,deg iseggasen n 1991-1992,idoctypen llan ttwasqedcen iw akken ad gen tamselyut i tigrummiwin n ilugan i nezmer a neseqdec i wakken aninni tateggart tella deg HTML « aɣbal» u ad yaf inezriyen n taṛkkizt.acu kan,wigi ur ttwaqedcen ara assagi llan kan iw akken ad senkeden asalḥuy n usebtar arnu iminigen iqbuṛen.ma tura,dayagi ig llan tmusni ɣef idoctypen.</li> + <li><code><html></html></code> — <code>aferdis <html></code> . aferdis agi d netta ig segreren meṛṛa agbur n usebtar.aferdis agi tikwal sawalen-as aferdis aẓaṛ.</li> + <li><code><head></head></code> — <code>aferdis <head></code> .aferdis agi yettwaseqdec am ukufi i yal taɣawsa yellan deg sebtar HTML maca ur llin ara deg wagbur yettwaseknen.deg fardis agi ara nesers awal yufraren{{Glossary("keyword", "keywords")}} ,yiwen uglam n usebtar ara d-yefɣen deg amsadday n unadi,iseɣwen ig teddun ɣer sifuyla CSS ad ttwasqedcen deg sersi n talɣa,alɣuten n wuraren isekkilen (character sets) ay ttwasqedcen ar taggara.</li> + <li><code><body></body></code> — <code>aferdis <body></code> . aferdis agi yella ɣuṛes <em>meṛṛa</em> aferdis i tebɣam attseknem iw akken anerzuf a tiwali:ayagi izmer ad yilli d adṛis neɣ,tiwlafin,tividiyutin,uraren ateg.</li> + <li><code><meta charset="utf-8"></code> — aferdis agi yesbadu urar n isekkilen ig ssefk ad ttwasqedcen i zzmam u ad yesken belli d utf-8.utf-8 yesdukkel tagrumma n isekkilen yettwasnen yettwasqedcen deg tutlayin n imdanen.amatu utf-8 yettaǧǧa aselḥuy n adṛis yellan teseqdacem deg sebtar.ɣef aya i neseqdac urar agi n isekkilen acku yettaǧǧayaɣ a tenseqdec sumata deg yal iḥricen..</li> + <li><code><title></title></code> — aferdis agi yeskanayed azwel n usebtar inek.d azwel agi ara d ibanen deg iccer mara yilli asebtar inek yezdem.u daɣen d azwel agi ara yettwasqedcen deg glem n usebtar mara tent serseḍ deg ticṛaḍ isebtaren.</li> +</ul> + +<h2 id="Tugniwin">Tugniwin</h2> + +<p>I tikelt nniḍen ansikked aferdis n tawlaft:</p> + +<pre class="brush: html"><img src="tawlaft/firefox-icon.png" alt="asadez tawlaft inu"></pre> + +<p>Am akken in wala tikelt izrin,aferdis agi yettaǧǧa asekcem n tugna deg sebtar,deg amḍiq ideg aferdis ittbaned.tawlaft yettwasqedcen tettwasbad seg ayla src (iw ɣbalu) yellan degs abrid ɣer s afaylu n tugna.</p> + +<p>Neseqdec daɣen ayla alt (iw alternatif) ideg yellan degs adṛis aɣ yeǧǧen an glem tawlaft u ig zemren a tettwaseqdec sɣuṛ uqedac ur nettwali tawlaft:</p> + +<ol> + <li>Acku iẓṛi n sen ur iggerez ara.iqedacen ig llan d imakdawen deg iẓṛi seqdacen sumata imaɣran igdilen ig qaṛen adṛis n wayla yagi iw akken aqedac ad yegzu d'acut.</li> + <li>Acku yella wayen yeḍṛan n dirri u degmi tawlaft ur tettwasken ara.amedya,ayagi izmer ad yeḍṛu ma yella abrid ɣer tawlaft ur iggerez ara : ɛarḍet attbedelem abrid yellan deg ayla n wen src akken awen-id iban.ma yella abrid iggerez,awen-id yefeɣ waya:</li> +</ol> + +<p> <strong> <img alt="" src="https://mail.google.com/mail/u/1/?ui=2&ik=c5393cd974&view=fimg&th=15ae856d5557fe99&attid=0.1.1&disp=emb&attbid=ANGjdJ_v31U7Ctnp0LSuv92Gs0ICc2ISXR7OvUImKeARshS41ER4cYOkx9a4p-TI0o8MSxxtJfgbKdqbAQ--cAECCMIfO5u01QLTtq0TzMRyG1zeZYatjzw4M2WZNw8&sz=s0-l75-ft&ats=1489956721051&rm=15ae856d5557fe99&zw&atsh=1" style="height: 124px; width: 102px;"></strong></p> + +<p>Ayen iwumi yessefk astecfum d-akken ayla yettwaseqdec iw glem n tawlaft.adṛis yellan deg ayla yessefk ad i jaǧǧew deqs n isalen iw akken ameɣri ad yeḥṣu amek i tga tawlaft.amedya,adṛis agi i seqdac-aɣ « Asadez tawlaft inu » ur yelhi yara maḍi.tifrat iwulmen d asersi « Turza Firefox ,ig skanayen abaraɣ s tjeḥniṭ degs times yezin iw akal ».</p> + +<p><strong>Deg tawuri n tugna inek,aselhu n udṛis ameslellay iw akken ad i glem tawlaft akken iwata.</strong></p> + +<div class="note"> +<p><strong>Tazmilt</strong>: ugar isalen i takcumt,tzemrem a tesqedcem tigezmi <a href="/en-US/docs/Web/Accessibility"> Takcumt n MDN</a>.</p> +</div> + +<h2 id="Ṛekkez_adṛis">Ṛekkez adṛis</h2> + +<p>Deg tigezmi yagi,anẓeṛ kra seg fardisen HTML n uzadur iw ṛekkez n idṛisen.</p> + +<h3 id="Izwal">Izwal</h3> + +<p>iferdisen n wazwel ttaǧǧan asbadu n kra idṛisen am izwal neɣ adahil n izwal iw agbur.akken yebɣu yilli,wigi teddun am akken adlis ɣuṛes azwel amenzawi: daɣen d izwal n yiɣef u d adahil n izwal deg iɣfawen,HTML degs 6 iswiren n izwal, {{htmlelement("h1")}}–{{htmlelement("h6")}} tugett d 3-4 iswiren agi ay qidden:</p> + +<pre class="brush: html"><h1>Azwel inu amenzawi</h1> +<h2>Azwel inu n tigezmi</h2> +<h3>Adahil inu</h3> +<h4>Adahil-udahil n azwel inu</h4></pre> + +<p>Tura tzemrem a ttarnum azwel yemsasan iw sebtar n wen seg iferdisen agi.tzemrem a tesersem nnig uferdis {{htmlelement("img")}} deg tateggart n HTML.</p> + +<h3 id="Tiseddarin">Tiseddarin</h3> + +<p>Am akken nezzegzi deg tazwara,iferdisen , {{htmlelement("p")}} ttwasqedcen iw akken ad yers degs tiseddarin n udṛis.attuɣalem aten teseqdacem nedzah iw sersi n udṛis deg sebtar:</p> + +<pre class="brush: html"><p>Attan taseddart</p></pre> + +<p><strong>Dagi tzemrem a tternum adṛis i tfernem mara tɣatasem</strong> <strong><a href="https://developer.mozilla.org/en-US/Learn/Getting_started_with_the_web/What_should_your_web_site_be_like">Amek ara d yefeɣ wasmel n wen?</a> tzemrem a tesersem adṛis n wen deg yiwet neɣ deg a</strong>ṭ<strong>as n tiseddarin,srid sdaw uferdis <img> .</strong></p> + +<h3 id="Umuɣen">Umuɣen</h3> + +<p>Amur ameqqṛan n igburen yellan deg Web llan s talɣa n umuɣen.ihi HTML ɣuṛes iferdisen yettwasqedcen deg sebggen n umuɣen.tarkkizt n umuɣen degs yall ass sin n iferdisen.tiwsatin n umuɣen yettwasqedcen yall ass d umuɣen yessuneḍen d umuɣen wer-ssuneḍen:</p> + +<p> </p> + +<ol> + <li><strong>Umuɣen wer-ssuneḍen</strong> d umuɣen i deg tasunḍa n iferdisen mačči dayen yesɛan azal taṛkkizt yettwasqedcen i umuɣen agi d aferdis{{htmlelement("ul")}}.</li> + <li><strong>Umuɣen yessuneḍen</strong> d umuɣen i deg tasunḍa n iferdisen yesɛan azal taṛkkizt yettwasqedcen i umuɣen agi d aferdis {{htmlelement("ol")}}.</li> +</ol> + +<p>Yal aferdis n umuɣ yettuṛekkez akked aferdis {{htmlelement("li")}} (list item).</p> + +<p>Deg medya, ma nebɣa anbeddel taseddart deg yiwen wumuɣ:</p> + +<pre class="brush: html"><p>Mozilla, d agraw ageraɣlan i deg ttekkan degs itiknulugen , imedmayen , imsalayen ig qedcen akken... </p></pre> + +<p>Nezmer a neg:</p> + +<pre class="brush: html"><p>Mozilla,d agraw ageraɣlan i deg ttekkan degs</p> + +<ul> + <li>itiknulugen</li> + <li>imedmayen</li> + <li>imsalayen</li> +</ul> + +<p>ig qedcen akken ... </p></pre> + +<p><strong>Ɛarḍet a tternum umuɣ yessuneḍen neɣ wer-yessuneḍen ɣef usebtar n wen.tzemrem a ternum ɣer tawlaft.</strong></p> + +<h2 id="Iseɣwan">Iseɣwan</h2> + +<p>iseɣwan ɣuṛsen azal,ad nutnni ig gan d-akken web ad yilli d azeṭṭa i deg nezmer an inig seg sebtar ɣer s asebtar.iw snulfu n useɣwan,iqqad aseqdec n uferdis— {{htmlelement("a")}} —(a d tazribt i « ancre ») iw sseɣwel n udṛis ɣer s aseɣwen,ddut deg mecwaṛen :</p> + +<ol> + <li>Ferenet adṛis (dagi neseqdac s udṛis « Ameskan n Mozilla ».</li> + <li>Segreret adṛis deg ferdis<a>: + <pre class="brush: html"><a>Ameskan n Mozilla</a></pre> + </li> + <li>Awited ayla herf iw ferdis <a> am akka: + <pre class="brush: html"><a href="">Ameskan n Mozilla</a></pre> + </li> + <li>Deg wayala yagi,ernut aseɣwen ɣer s asmel ideg tzemerem attwahim iqedacen: + <pre class="brush: html"><a href="https://www.mozilla.org/en-kb/about/manifesto/">Amaskan Mozilla</a></pre> + </li> +</ol> + +<p>Γuṛwat atettum idis https:// neɣ http:// ig skanayen askari yettwasqedcen,deg tazwart n tansa.mara d snulfuḍ aseɣwen,skayad asebtar inek u senned fell-as iw akken attsenkedeḍ belli iteddu akken iwata..</p> + +<div class="note"> +<p>href izmer ad iban yesewham deg tmuɣli-s.Tasefrayt ɣef wansi id yekka isem agi u ahat ak i sishel astecfuḍ : href yebɣa ad yini hypertext reference s taglizit,anamek-is s taqbaylit<em> <strong>Afla</strong>ḍṛis <strong>Tam</strong>selɣut</em>.</p> +</div> + +<p><strong>Mur tgim ara,tzemrem atternum</strong> <strong>aseɣwen iw sebtar n wen s umezga n isalen agi.</strong></p> + +<h2 id="Tarrayt">Tarrayt</h2> + +<p>Ma yella tḍefṛem tiknutin usebtar agi,asebtar n wen ad ifeɣ am agi yellan da (tzemrem daɣen <a href="http://mdn.github.io/beginner-html-site/">wali da</a>):<br> + <br> + <img alt="A web page screenshot showing a firefox logo, a heading saying mozilla is cool, and two paragraphs of filler text" src="https://mdn.mozillademos.org/files/9351/finished-test-page-small.png" style="display: block; height: 838px; margin: 0px auto; width: 716px;"></p> + +<p>Ma yella twaḥlem,ur ttkukrut ara semyifet leqdic n wen akked <a href="https://github.com/mdn/beginner-html-site/blob/gh-pages/index.html">amedya yekkfan yella di </a>Github.</p> + +<p>Deg amagrad agi, ur d nugem ara deg talqayt n HTML.iw akken tamusni a ttilli telha,tzemrem a tterrem s asbtar agi <a href="/en-US/Learn/HTML">HTML Learning topic</a>.</p> + +<p>{{PreviousMenuNext("Learn/Getting_started_with_the_web/Dealing_with_files", "Learn/Getting_started_with_the_web/CSS_basics", "Learn/Getting_started_with_the_web")}}</p> diff --git a/files/kab/lmed/getting_started_with_the_web/index.html b/files/kab/lmed/getting_started_with_the_web/index.html new file mode 100644 index 0000000000..1a4acedfca --- /dev/null +++ b/files/kab/lmed/getting_started_with_the_web/index.html @@ -0,0 +1,60 @@ +--- +title: Asekkar n Web +slug: Lmed/Getting_started_with_the_web +tags: + - Beginner + - CSS + - Design + - Guide + - HTML + - Index + - NeedsTranslation + - TopicStub + - 'l10n:priority' + - publishing + - theory +translation_of: Learn/Getting_started_with_the_web +--- +<div>{{LearnSidebar}}</div> + +<div class="summary"> +<p>Asekker n Web d amezrar usdid ara wen-d imlen s wudem isehlen i tneflit n Web.ad tt-sewleḍ allalen i teḥwaǧǧeḍ i usali n usebter Web afraray u sissen tangalt-inek tafrarayt.</p> +</div> + +<h2 id="Amezruy_n_wasmel-inek_amezwaru">Amezruy n wasmel-inek amezwaru</h2> + +<p>D leqdic ameqṛan i usalay n wasmel asadar, ihi,ma telliḍ d amaynut deg usnefli n Web,ad-k nenhu ad tebduḍ s ttawil kan. ur tsalayeḍ ara Facebook nniḍen akka tura,maca ur yewɛiṛ ara ad terreḍ asmel Web-inek ar uqqin,ihi tura anebdu.</p> + +<p>Mara tqedceḍ imagraden-agi s usussel, seg wulac ad d-ḥelliḍ asmel Web amezwaru-inek ar uqqin.Iya-d ihi!</p> + +<h3 id="Aserkeb_aseɣẓan_n_udasil"><a href="/en-US/Learn/Getting_started_with_the_web/Installing_basic_software">Aserkeb aseɣẓan n udasil</a><a href="/en-US/Learn/Getting_started_with_the_web/Installing_basic_software"> </a></h3> + +<p>Mara yili d ifecka n usalay n wasmel, aṭas n wafran i yellan. ma tikkelt-inek tamezwarut, yezmer ad k-ɛerqent imi ṭṭuqten imaẓragen n tangalin, amḍiq n uqedic d ifecka n ukayad yellan. deg <a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software">tigezmi n usebded n useɣẓan amezwaru</a>, ad k-d nemmel s umecwaṛ amek ara tesbedeḍ iseɣẓan iteḥwaǧǧeḍ deg usnefli n wasmel web amezwaru.</p> + +<h3 id="Amek_ara_d_yeffeɣ_wasmel-inek"><a href="/en-US/Learn/Getting_started_with_the_web/What_will_your_website_look_like">Amek ara d yeffe</a><a href="/en-US/Learn/Getting_started_with_the_web/Installing_basic_software">ɣ wasmel-inek</a><a href="/en-US/Learn/Getting_started_with_the_web/What_will_your_website_look_like">?</a></h3> + +<p>Before you start writing the code for your website, you should plan it first. What information are you showcasing? What fonts and colors are you using? <a href="/en-US/Learn/Getting_started_with_the_web/What_should_your_web_site_be_like">What will your website look like?</a> We outline a simple method you can follow to plan out your site's content and design.</p> + +<h3 id="Dealing_with_files"><a href="/en-US/Learn/Getting_started_with_the_web/Dealing_with_files">Dealing with files</a></h3> + +<p>A website consists of many files: text content, code, stylesheets, media content, and so on. When you're building a website, you need to assemble these files into a sensible structure and make sure they can talk to one another. <a href="/en-US/Learn/Getting_started_with_the_web/Dealing_with_files">Dealing with files</a> explains how to set up a sensible file structure for your website and what issues you should be aware of.</p> + +<h3 id="HTML_basics"><a href="/en-US/Learn/Getting_started_with_the_web/HTML_basics">HTML basics</a></h3> + +<p>Hypertext Markup Language (HTML) is the code that you use to structure your web content, and give it meaning and purpose. For example, is my content a set of paragraphs, or a list of bullet points? Do I have images inserted in my page? Do I have a data table? Without overwhelming you, <a href="/en-US/Learn/Getting_started_with_the_web/HTML_basics">HTML basics</a> provides enough information to make you familiar with HTML.</p> + +<h3 id="CSS_basics"><a href="/en-US/Learn/Getting_started_with_the_web/CSS_basics">CSS basics</a></h3> + +<p>Cascading Stylesheets (CSS) is the code that you use to style your website. For example, do you want text to be black or red? Where should content be drawn on the screen? What background images and colors should be used to decorate your website? <a href="/en-US/Learn/Getting_started_with_the_web/CSS_basics">CSS basics</a> takes you through what you need to get started.</p> + +<h3 id="JavaScript_basics"><a href="/en-US/Learn/Getting_started_with_the_web/JavaScript_basics">JavaScript basics</a></h3> + +<p>JavaScript is the programming language that you use to add interactive features to your website, for example games, things that happen when buttons are pressed or data is entered in forms, dynamic styling effects, animation, and much more. <a href="/en-US/Learn/Getting_started_with_the_web/JavaScript_basics">JavaScript basics</a> gives you an idea of what is possible with this exciting language, and how to get started.</p> + +<h3 id="Publishing_your_website"><a href="/en-US/Learn/Getting_started_with_the_web/Publishing_your_website">Publishing your website</a></h3> + +<p>Once you have finished writing the code and organizing the files that make up your website, you need to put it all online so people can find it. <a href="/en-US/Learn/Getting_started_with_the_web/Publishing_your_website">Publishing your sample code</a> describes how to get your simple sample code online with minimum effort.</p> + +<h3 id="How_the_web_works"><a href="/en-US/Learn/Getting_started_with_the_web/How_the_Web_works">How the web works</a></h3> + +<p>When you access your favorite website, a lot of complicated things happen in the background that you may not know about. <a href="/en-US/Learn/Getting_started_with_the_web/How_the_Web_works">How the web works</a> outlines what happens when you view a webpage on your computer.</p> diff --git a/files/kab/lmed/html/index.html b/files/kab/lmed/html/index.html new file mode 100644 index 0000000000..5ea3385644 --- /dev/null +++ b/files/kab/lmed/html/index.html @@ -0,0 +1,59 @@ +--- +title: HTML +slug: Lmed/HTML +tags: + - Beginner + - Guide + - HTML + - Intro + - Learn + - NeedsTranslation + - Topic + - TopicStub +translation_of: Learn/HTML +--- +<div>{{LearnSidebar}}</div> + +<p class="summary">To build websites, you should know about {{Glossary('HTML')}} — the fundamental technology used to define the structure of a webpage. HTML is used to specify whether your web content should be recognized as a paragraph, list, heading, link, image, multimedia player, form, or one of many other available elements or even a new element that you define.</p> + +<h2 id="Learning_pathway">Learning pathway</h2> + +<p>Ideally you should start your learning journey by learning HTML. Start by reading <a href="/en-US/docs/Web/Guide/HTML/Introduction">Introduction to HTML</a>. You may then move on to learning about more advanced topics such as:</p> + +<ul> + <li><a href="/en-US/docs/Web/API">HTML5 APIs</a></li> + <li><a href="/en-US/docs/Learn/CSS">CSS</a>, and how to use it to style HTML (for example alter your text size and fonts used, add borders and drop shadows, layout your page with multiple columns, add animations and other visual effects.)</li> + <li><a href="/en-US/docs/Learn/JavaScript">JavaScript</a>, and how to use it to add dynamic functionality to web pages (for example find your location and plot it on a map, make UI elements appear/disappear when you toggle a button, save users' data locally on their computers, and much much more.)</li> +</ul> + +<p>Before starting this topic, you should have at least basic familiarity with using computers, and using the Web passively (i.e. just looking at it, consuming the content). You should have a basic work environment set up as detailed in <a href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software">Installing basic software</a>, and understand how to create and manage files, as detailed in <a href="/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files">Dealing with files</a> — both are parts of our <a href="/en-US/docs/Learn/Getting_started_with_the_web">Getting started with the web</a> complete beginner's module.</p> + +<p>It is recommended that you work through <a href="/en-US/docs/Learn/Getting_started_with_the_web">Getting started with the web </a>before attempting this topic, however it isn't absolutely necessary; much of what is covered in the <a href="/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics">HTML basics</a> article is also covered in our <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">Introduction to HTML</a> module, albeit in a lot more detail.</p> + +<h2 id="Modules">Modules</h2> + +<p>This topic contains the following modules, in a suggested order for working through them. You should definitely start with the first one.</p> + +<dl> + <dt><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">Introduction to HTML</a></dt> + <dd>This module sets the stage, getting you used to important concepts and syntax, looking at applying HTML to text, how to create hyperlinks, and how to use HTML to structure a webpage.</dd> + <dt><a href="/en-US/docs/Learn/HTML/Multimedia_and_embedding">Multimedia and embedding</a></dt> + <dd>This module explores how to use HTML to include multimedia in your web pages, including the different ways that images can be included, and how to embed video, audio, and even entire other webpages.</dd> + <dt><a href="/en-US/docs/Learn/HTML/Tables">HTML Tables</a></dt> + <dd>Representing tabular data on a webpage in an understandable, {{glossary("Accessibility", "accessible")}} way can be a challenge. This module covers basic table markup, along with more complex features such as implementing captions and summaries.</dd> + <dt><a href="/en-US/docs/Learn/HTML/Forms">HTML Forms</a></dt> + <dd>Forms are a very important part of the Web — these provide much of the functionality you need for interacting with web sites, e.g. registering and logging in, sending feedback, buying products, and more. This module gets you started with creating the client-side parts of forms.</dd> +</dl> + +<h2 id="Solving_common_HTML_problems">Solving common HTML problems</h2> + +<p><a href="/en-US/docs/Learn/HTML/Howto">Use HTML to solve common problems</a> provides links to sections of content explaining how to use HTML to solve very common problems when creating a webpage: dealing with titles, adding images or videos, emphasizing content, creating a basic form, etc.</p> + +<h2 id="See_also">See also</h2> + +<div class="document-head" id="wiki-document-head"> +<dl> + <dt><a href="/en-US/docs/Web/HTML">HTML (HyperText Markup Language)</a> on MDN.</dt> + <dd>The main entry point for HTML documentation on MDN, including detailed element and attribute references — if you want to know what attributes an element has or what values an attribute has, for example, this is a great place to start.</dd> +</dl> +</div> diff --git a/files/kab/lmed/html/introduction_to_html/index.html b/files/kab/lmed/html/introduction_to_html/index.html new file mode 100644 index 0000000000..cdf91173b2 --- /dev/null +++ b/files/kab/lmed/html/introduction_to_html/index.html @@ -0,0 +1,55 @@ +--- +title: Tazwart ɣer HTML +slug: Lmed/HTML/Introduction_to_HTML +translation_of: Learn/HTML/Introduction_to_HTML +--- +<div>{{LearnSidebar}}</div> + +<p class="summary">At its heart, {{glossary("HTML")}} is a fairly simple language made up of elements, which can be applied to pieces of text to give them different meaning in a document (is it a paragraph? is it a bulleted list? is it part of a table?), structure a document into logical sections (does it have a header? three columns of content? a navigation menu?) and embed content such as images and videos into a page. This module will introduce the first two of these, and introduce fundamental concepts and syntax you need to know to understand HTML.</p> + +<h2 id="Prerequisites">Prerequisites</h2> + +<p>Ur yelli wayen ara tissinem ɣef HTML deg lǧǧeṛa n wamnir.acu kkan,yesefk fellawen attnumem iselkkimen ed useqdec n web.yesefk fellawen ad yilli umḍiq n umahal yelha. ((tikliwin sefkent ad lulleḍent deg magrad agi.) You should have a basic work environment set up as detailed in <a href="https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software">Installing basic software</a>, and understand how to create and manage files, as detailed in <a href="https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files">Dealing with files</a> — both are parts of our <a href="https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web">Getting started with the web</a> complete beginner's module.</p> + +<div class="note"> +<p><strong>Note</strong>: If you are working on a computer/tablet/other device where you don't have the ability to create your own files, you could try out (most of) the code examples in an online coding program such as <a href="http://jsbin.com/">JSBin</a> or <a href="https://thimble.mozilla.org/">Thimble</a>.</p> +</div> + +<h2 id="Guides">Guides</h2> + +<p>This module contains the following articles, which will take you through all the basic theory of HTML, and provide ample opportunity for you to test out some skills.</p> + +<dl> + <dt><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started">Getting started with HTML</a></dt> + <dd>Covers the absolute basics of HTML, to get you started — we define elements, attributes, and all the other important terms you may have heard, and where they fit in to the language. We also show how an HTML element is structured, how a typical HTML page is structured, and explain other important basic language features. Along the way, we'll have a play with some HTML, to get you interested!</dd> + <dt><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML">What’s in the head? Metadata in HTML</a></dt> + <dd>The head of an HTML document is the part that <strong>is not</strong> displayed in the web browser when the page is loaded. It contains information such as the page {{htmlelement("title")}}, links to {{glossary("CSS")}} (if you want to style your HTML content with CSS), links to custom favicons, and metadata (which is data about the HTML, such as who wrote it, and important keywords that describe the document.)</dd> + <dt><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals">HTML text fundamentals</a></dt> + <dd>One of HTML's main jobs is to give text meaning (also know as <strong>semantics</strong>), so that the browser knows how to display it correctly. This article looks at how to use HTML to break a block of text up into a structure of headings and paragraphs, add emphasis/importance to words, create lists, and more.</dd> + <dt><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks">Creating hyperlinks</a></dt> + <dd>Hyperlinks are really important — they are what makes the Web a web. This article shows the syntax required to make a link, and discusses link best practices.</dd> + <dt><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting">Advanced text formatting</a></dt> + <dd>There are many other elements in HTML for formatting text, which we didn't get to in the <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals">HTML text fundamentals</a> article. The elements in here are less well-known, but still useful to know about. In here you'll learn about marking up quotations, description lists, computer code and other related text, subscript and superscript, contact information, and more.</dd> + <dt><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure">Document and website structure</a></dt> + <dd>As well as defining individual parts of your page (such as "a paragraph" or "an image"), HTML is also used to define areas of your website (such as "the header", "the navigation menu", "the main content column".) This article looks into how to plan a basic website structure, and write the HTML to represent this structure.</dd> + <dt><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Debugging_HTML">Debugging HTML</a></dt> + <dd>Writing HTML is fine, but what if something is going wrong, and you can't work out where the error in the code is? This article will introduce you to some tools that can help you.</dd> +</dl> + +<h2 id="Assessments">Assessments</h2> + +<p>The following assessments will test your understanding of the HTML basics covered in the guides above.</p> + +<dl> + <dt><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Marking_up_a_letter">Marking up a letter</a></dt> + <dd>We all learn to write a letter sooner or later; it is also a useful example to test out our text formatting skills! So in this assessment you'll be given a letter to mark up.</dd> + <dt><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Structuring_a_page_of_content">Structuring a page of content</a></dt> + <dd>This assessment tests your ability to use HTML to structure a simple page of content, containing a header, footer, navigation menu, main content, and sidebar.</dd> +</dl> + +<h2 id="See_also">See also</h2> + +<dl> + <dt><a href="https://teach.mozilla.org/activities/web-lit-basics/">Web literacy basics 1</a></dt> + <dd>An excellent Mozilla foundation course that explores and tests a lot of the skills talked about in the <em>Introduction to HTML</em> module. Learners get familiar with reading, writing and participating on the web in this six-part module. Discover the foundations of the web through production and collaboration.</dd> +</dl> diff --git a/files/kab/lmed/index.html b/files/kab/lmed/index.html new file mode 100644 index 0000000000..cc145e1c92 --- /dev/null +++ b/files/kab/lmed/index.html @@ -0,0 +1,61 @@ +--- +title: Lmed taneflit n web +slug: Lmed +translation_of: Learn +--- +<div>{{LearnSidebar}}</div> + +<div> +<p class="summary">Anṣuf ar temnaḍt n uselmed MDN. Tagrumma-agi n imagraden iswi-ines d amuddu n ufus i yineflayen imaynuten akken ad bdun taneflit web s tmussni akked isran akken ad run tangalt i yismal web fessusen.</p> +</div> + +<p>Iswi n taɣult-agi n MDN mačči i wakken ad ak-tawi seg «mezwar» ɣer «amazzay»,maca ad ak-d- tawi seg «mezwar» ɣer «amagraz» syin-a,tzemreḍ ad tedduḍ,ad tlemdeḍ ayen d<a href="https://developer.mozilla.org/en-US/"> yeggran deg MDN </a>d iɣbula isuḍafen nniḍen i wakken ad d-aẓent deg tmusniwin tuzwirin.</p> + +<p>Ma telliḍ d amezwar amatu,taneflit n web tezmer ad-ak-tiwɛiṛ, ur ttaggad aql-aɣ yid-k deg usurif-agi ak-id-nefk tallat d waṭas nniḍen i wakken ad tilliḍ tggarzeḍ deg leqdic-ik,am akken deg waxxam-ik i telliḍ,ɣas d anelmad i telliḍ i lemden taneflit n web (iman-ik naɣ tarbaɛt),d aselmad i yettnadin afecku n tadala,d amaswaḍ neɣ d win nniḍen i yebɣan kan agzu n wamek i teddunt titiknulujitin n web.</p> + +<div class="warning"> +<p><strong>Axatar</strong>:Agbur n taɣzut ulmad tella tmerrniwt ɣers yal ass..ma ɣuṛwen isteqsiyen ɣef imaggayen itebɣam ad twalim yers neɣ i xuṣen, sesten tigezmi sddaw-a {{anch("Contact us")}} i wugar isallen ɣef wamek ara ak-id nermes.</p> +</div> + +<h2 id="Ansi_ara_nezwir">Ansi ara nezwir</h2> + +<ul class="card-grid"> + <li><span>Amezwar ummid:</span> Ma telliḍ d amezwar ummid i usnefli n web,nesmagel-ak ad tezewreḍ deg leqdic n<a href="https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web"> asekkar s uzegrir web</a>,id yettakken tazwart tallilt i usnefli n web.</li> + <li><span>Tuttriwin tulmisin:</span> Ma ɣuṛ-wen tuttra tulmist ɣef tneflit n web,tigezmi- nneɣ n <a href="https://developer.mozilla.org/en-US/docs/Learn/Common_questions">tuttriwin </a>tezmer ad awen-d tefk tallalt.</li> + <li><span>Akkin i taffiwin:</span> Ma ɣuṛ-wen ciṭ n tmussni,amecwaṛ id i teddun , i uselmed deg alulleḍ n {{glossary("HTML")}} d {{glossary("CSS")}} : bdut s uzegrir-nneɣ n<a href="https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML"> tazwart ɣer HTML</a> u ddu ɣer <a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS">tazwart n uzegrir CSS</a>.</li> + <li><span>Zeggret ar Script</span>Ma leqdic-ik ithedden deg HTML d CSS daɣen,neɣ ahat tebɣiḍ astengel,tebɣiḍ ad tzeggreḍ ɣer {{glossary ("JavaScript")}} neɣ taneflit ɣer yidis uqeddac.bdut s tazwara n JavaScript d izegrar imezwura n yidis n uqeddac.</li> +</ul> + +<div class="note"> +<p><strong>Tazmilt</strong>: <a href="https://developer.mozilla.org/en-US/docs/Glossary">Amawal</a>-nneɣ yettakk-d tibuda n wawalen.</p> +</div> + +<div class="note"> +<p><strong>Tazmilt</strong>: Mara nesissen ugar ifecka n walmad azadur deg imal.umuɣ-nneɣ «Afecku n walmad yuẓẓan» ɣef zelmaḍ ibeggen-d afecku nniḍen n uselmed deg MDN,ɣas ayagi ur d yekki seg taɣult n uselmed,maca dayen iwulmen..</p> +</div> + +<p>{{LearnBox({"title":"Random glossary entry"})}}</p> + +<h2 id="Nermes-t-aɣ-d">Nermes-t-aɣ-d</h2> + +<p>Ma tebɣam ad-ɣ-d tnermsem ɣef kra n tɣawsa,ayen yelhan d akken ad-aɣ-id aznem izen ɣer <a href="https://developer.mozilla.org/en-US/docs/MDN/Community/Conversations#Asynchronous_discussions">wumuɣen</a>-nneɣ n tnezgwit neɣ<a href="https://developer.mozilla.org/en-US/docs/MDN/Community/Conversations#Chat_in_IRC"> ibuda IRC</a>.nebɣa ad nẓar sɣuṛ-wen ma yella wayen i twalam d-anezri neɣ ixuṣ kra deg wasmel,tuttriwin n imeggayen n uselmed imaynuten,tuttriwin n tallalt s iferdisen ur tegzim ara,neɣ ayen nniḍen.</p> + +<p>Ma yella tɣedfeḍ ad tefkkeḍ tallalt i usnefli / asileɣ n wagbur,wali<a href="https://developer.mozilla.org/en-US/Learn/How_to_contribute"> amek ara tallate</a>ḍ u snermes-taɣ!aql-aɣ newjed awen-id nemeslay,ama d anelmad,d aselmad,d sneflay n web yesnen neɣ win nniḍen yetɣedfen deg sileɣ n tarmit n uselmed.</p> + +<h2 id="Wali_daɣen">Wali daɣen</h2> + +<dl> + <dt><a href="https://www.codecademy.com/">Codecademy</a></dt> + <dd>D asmel asdawan i fazzen aṭas i uselmed n tutlayin n usihel seg ilem.</dd> + <dt><a href="https://code.org/">Code.org</a></dt> + <dd>Tiszri d talilt n usentengel n taffa,asmenzawi i warrac / amezwar.</dd> + <dt><a href="https://www.freecodecamp.com/">FreeCodeCamp.com</a></dt> + <dd>Asmel asdawan s ituṭuryalen d isenfaren iw lmad n taneflit n Web.</dd> +</dl> + +<dl> + <dt><a href="https://learning.mozilla.org/web-literacy/">Takarḍa n asgemmay</a></dt> + <dd>I usgemmay ɣef amessakwel d timusniwin 21tasut,i aɣ-d yettaǧǧan daɣen ad nezgger ɣer leqdic uselmed yettwafernen s taggayt.</dd> + <dt><a href="https://learning.mozilla.org/activities">Armud usegmisen</a></dt> + <dd>Amazrar n tirmudin i uselmed (d ulmad) id yesnulfa lsas Mozilla,i yesdukklen meṛṛa,seg asgemmay n web uzdir d tudert tabeḍnit ɣer JavaScript d usɣendef Minecraft.</dd> +</dl> |