Recommended
Recommended
More Related Content
Featured
Featured (20)
HTML - Gwers 1 - Cyflwyniad
- 1. CREU GWEFANNAU MR JENKINS
- 2. I DDECHRAU… 1. Ewch i “My Computer”, yna i’ch ardal bersonol (Q:/) 2. Ewch i mewn i ffolder “Blwyddyn 7”, yna “Tech Gwyb”. 3. Crëwch ffolder newydd o enw “Gwefannau”
- 3. I DDECHRAU… 1. Agorwch y rhaglen “Notepad” 2. Ysgrifennwch “Fy enw i yw…” 3. Arbed y ffeil o dan yr enw “gwefan_cyntaf.html” PWYSIG: Cofiwch yr estyniad
- 4. I DDECHRAU… 1. Agorwch eich ffolder “Gwefannau” 2. De-gliciwch ar y ffeil “gwefan_cyntaf” 3. Dewiswch i agor y ffeil efo Internet Explorer
- 5. MEDDWL… PARU… RHANNU Yn unigol: Meddyliwch yn dawel am sut mae gwefannau yn cael eu creu, a gan bwy? Paru: Mewn grwpiau o 2 neu 3, trafodwch a rhannwch eich barn. Rhannu: Gadewch i ni rannu fel dosbarth E123456n1234567890123456789d
- 6. AMCANION DYSGU Dysgu am reolau HTML Creu ein gwefan cyntaf, trwy ddefnyddio HTML
- 7. BETH YW HTML? Hyper-text Markup Language Iaith i reoli strwythur (structure) y gwefan
- 8. RHEOLAU HTML Dylai pob tudalen cynnwys: <!DOCTYPE html> a <title> Teitl eich tudalen </title>
- 9. RHEOLAU HTML Mae HTML yn cynnwys nifer o elfennau (fel <title>). Mae strwythur elfennau yn dilyn y patrwm <ctaintlylneo>l: Tudalen Mr Jenkins </title> Agoriad Cynnwys Diweddglo
- 10. MAE HTML FEL LLYFR… Os ydych yn anghofio i ysgrifennu diweddglo, gall stori hollol wahanol cael <etiidtdlwee>u dT!udalen Mr Jenkins ________ Agoriad Cynnwys Diweddglo
- 11. RHEOLAU HTML <br> - line break <p> - new paragraph <h1> - header 1 <h2> - header 2 Creu llinell newydd Cychwyn paragraff newydd Cychwyn penawd Cychwyn is-benawd
- 12. RHEOLAU HTML <strong> - bold <sup> - superscript <u> - underline <i> - italic Testun drwm Uwchsgrif, fel “fed” “af” Tanlinellu’r testun Effaith italig
- 13. EWCH ATI! Ychwanegwch mwy o wybodaeth at eich gwefan Crëwch is-benawdau ar gyfer pob topig gwahanol Syniadau: Fy hoff raglenni teledu 5 munud Beth rwy’n hoff o wneud tu fas o’r ysgol Pa fath o gerddoriaeth rydych yn hoffi
- 14. DOGFEN DIFFINIADAU Tag HTML Egluro pwrpas y tag <title> Er mwyn gosod teitl addas sy’n arddangos ar y ffenestr porwr (browser window). <br> Er mwyn cychwyn llinell newydd o destun wrth ysgrifennu cynnwys gwefan. <p> … … … … … … …
- 15. GWALLAU… <DOCTYPE html> <title> Gwefan Mr Jenkins <h1><u>Gwefan Mr Jenkins</h1> <p>Croeso i fy ngwefan <i>cyntaf</i>! <h2> Ffeithiau diddorol <h2> <stong> oedran </strong>: HEN! <br> <strong> swydd </strong>: Athro Tech Gwyb <strong> penblwydd </strong>: 19<sup>fed</sup> o Fawrth. <br>
- 16. GWALLAU… <!DOCTYPE html> <title> Gwefan Mr Jenkins </title> <h1><u>Gwefan Mr Jenkins</u></h1> <p>Croeso i fy ngwefan <i>cyntaf</i>! <h2> Ffeithiau diddorol </h2> <strong> oedran </strong>: HEN! <br> <strong> swydd </strong>: Athro Tech Gwyb <br> <strong> penblwydd </strong>: 19<sup>fed</sup> o Fawrth. <br>
- 17. AMCANION DYSGU Dysgu am reolau HTML Creu ein gwefan cyntaf, trwy ddefnyddio HTML