בניית אתרים שיעור שני

682 views

Published on

1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total views
682
On SlideShare
0
From Embeds
0
Number of Embeds
28
Actions
Shares
0
Downloads
0
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide

בניית אתרים שיעור שני

  1. 2. מה זה HTML
  2. 3. מה זה HTML HTML היא סימון שכוללת בה את ההוראות ( פקודת ) שאומרות לדפדפנים כיצד להציג את האתר על גבי המסך . פקודות ששפה מכילה הם פקודות בסיסיות לעיצוב טקסט ( הגדלה , הקטנה , מודגש , נטוי וכו ...), עיצוב תמונה ועיצובי רקע .
  3. 4. פקודות <ul><li>פקודות נסגרות בעזרת מקש “ /” הנמצא ליד מקש Enter ובלוח מקשים הימני מעל ספרה 8. </li></ul><ul><li>כל פקודה נקראת תגית ( tag ) ונמצאת בתוך הסוגריים ” <> “ </li></ul><ul><li>לכל פקודה יש התחלה ( פתיחה / תחילה ) וסוף ( סגירה / סיום ). למעט כמה שאין להם סגירה . </li></ul><ul><li>כל מסמך מתחיל מפקודה <html> שאומר לדפדפן באיזו שפה מדובר . ומסתיים ב </html> </li></ul>
  4. 5. מבנה כללי של הדף <ul><li><html> </li></ul><ul><li><body> </li></ul><ul><li>תוכן של הדף </li></ul><ul><li></body> </li></ul><ul><li></html> </li></ul>
  5. 6. מבנה כללי של הדף <ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><title> כותרת של הדף </title> </li></ul><ul><li></head> </li></ul><ul><li><body> </li></ul><ul><li>תוכן של הדף </li></ul><ul><li></body> </li></ul><ul><li></html> </li></ul>
  6. 7. מבנה כללי של הדף <ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><title> כותרת של הדף </title> </li></ul><ul><li></head> </li></ul><ul><li><body> </li></ul><ul><li>תוכן של הדף </li></ul><ul><li></body> </li></ul><ul><li></html> </li></ul>
  7. 8. מבנה כללי של הדף <ul><li><html> </li></ul><ul><li></html> </li></ul><head> </head> < body> </body> 2 1 3
  8. 9. מבנה כללי של הדף - הסבר <ul><li>בתחילת כל מסמך יש לנו תגיות <html></html> תפקידם להגדיר לדפדפן שמדובר בשפת HTML ובסוף המסמך לסיים את עבודה עם שפה . </li></ul><ul><li>לאחר מכן יש לנו תגיד שנקראת <head></head> ששומרת בתוכה את כל המאפיינים של הדף . כמו כותרת ( <title> </title> ) וכו .. ( נלמד בהמשך ) </li></ul><ul><li>תגית אחרונה <body></body> שהיא בעצם מכילה את החלק שאנו רואים כשאר גולשים באינטרנט ( תוכן של הדף המוצג ). </li></ul>
  9. 10. כך נראה קוד HTML בפנקס רשומות 2 1 3
  10. 11. שמירת מסמך
  11. 12. שמירת מסמך
  12. 13. כך זה יראה בדפדפן
  13. 14. עברית ו HTML <ul><li>כיוון שעברית היא שפה שכותבים בה מימין לשמאל ו HTML היא שפה שכותבים בה משמואל לימין יכולה להיות בעיה . לכן קיימות שלוש אופציות של כתיבה . </li></ul><ul><ul><li>כתיבה כמו שהיא : פתיחת תגית , כתיבת טקסט וסגירת תגית </li></ul></ul><ul><ul><li>פתיחה וסגירה של תגיות ולאחר מכן כתיבת טקסט באמצע </li></ul></ul><ul><ul><li>כתיבה בשלוש שורות : שורה ראשונה תגית פתיחה , שורה שנייה טקסט ושלישית סגירה . </li></ul></ul><ul><li>אני ממליץ לבחור את האפשרות השנייה , לא חובה . </li></ul>

×