Recommended
More Related Content
Featured
Featured (20)
HTML מבוא ל
- 1. מבוא לHTML איתן קורן פברואר 3102
- 2. HTMLלילדים וילדות איתן קורן מרץ 3102 ><html></html
- 3. מה זה ?HTML קבצים כתובים בשפה שדפדפנים יודעים לקרוא. משתמשים בטאגים כדי לתאר דברים על המסך. טאג נפתח ונסגר ><html></html 3
- 4. איך משתמשים בטאגים? דוגמא לטאג שלא צריך לסגור: >”<img src=“http://bit.ly/WMzSEW טאג תכונה ערך 4
- 5. מבנה השפה לדפי HTMLיש מבנה קבוע טאג ראשי של הדף מכיל מידע על הדף ><html ><head כדי לכתוב עברית >"8-<meta charset="utf מופיע בכותרת הדפדפן ></titleאתר החתולים שלי><title זה התוכן של הדף ></head ><body תולי החמודה ></body ></html 5
- 6. טאגים חשובים >"8-<meta charset="utf >1</hמשתמשים לכותרות>1<h ></pכאן כותבים פיסקה של טקסט><p >”<img src=“http://bit.ly/WMzSEW ></divכאן כותבים טקסט>”<div align=“center ></aזה משמש ללינקים>”<a href=“http://google.com > </bמדגיש את הטקס ועושה את זה בולד><b עושה שורה חדשה כמו ללחוץ אנטר><br 6
- 7. ...ועוד טאגים חשובים <iframe width="420" height="315" src="http://www.youtube.com/embed/q1dpQKntj_w" frameborder="0" allowfullscreen></iframe> 7
- 8. עיצוב בעזרת STYLE עם STYLEאפשר להוסיף צבעים לטקסט או לרקע, מידות של אורך ורוחב ועוד הרבה תכונות. מה זה פיקסלים? …>” <body style=“width:600pxמידת אורך …>” <p style=“color:blueצבע גופן …>” <div style=“background:blueצבע רקע 8
- 9. תרגיל 1
- 10. מבנה השפה בונוס! תשתמשו בצבעים לבנות דף עם הטאגים שלמדנו. דוגמא: BODY + width התחביב שלי 1H IMGאו VIDEO התחביב שלי זה לשחק כדורגל. P+B אני משחק עם החברים בית ספר. לאתר הקבוצה שאני אוהב (ברצלונה) A לאתר הקבוצה שאני לא אוהב (ריאל) 01
- 11. עוד הסברים
- 12. BLOCK וINLINE טאגים שיכולים לשבת אחד ליד השניINLINE טאגים שעושים שורה חדשהBLOCK BLOCK INLINE <H1>..<H6> <IMG> <p> <SPAN> <div> <B> 12
- 13. כפתורים ?איך מוסיפים כפתורים לדף <button onClick=“alert(‘hi’)”>/<כפתורbutton> window.location.href=‘noam2.html’ 13
- 14. מה זה? >1 <Hכאן יש טקסט גדול הטקסט הזה ליד התמונה ><SPAN ><IMG הטקסט הזה מתחת לתמונה ><P האזור הזה צבוע אדום הטקסט ממורכז <DIV >style=background:red;align:center 41
- 15. תרגיל 2
- 16. בתרגיל חופשי בונוס! תוסיפו לינק לבנות דף על חייה או על תחביב. ניתן למצוא תמונות בגוגל. למחשב של חבר דוגמאות: חתולים חמודים רובוטים באתר שלי אפשר ללמוד על רובוטים באתר שלי אפשר למצוא תמונות של חתולים חמודים. כדי לרואות תמונות נוספות אפשר ללחוץ על זה רובוט שעוזר בשיעורי הבית הקישורים הבאים. תחול בשחור חתול עם מגפים הרובוט הזה בעצם חוצן 61
- 17. סיכום איך היה המפגש הזה?
- 18. כלי עבודה / הכנה לעבודה / התקנה - Install
- 19. BlueGriffon משימה bluegriffon :למצוא את התוכנה הזאת http://bluegriffon.org/pages/Download download installer ללחוץ על להתקין את התוכנה להפעיל אותה 19
- 20. BlueGriffon 20