שיחה:HTML: הבדלים בין גרסאות בדף

תוכן הדף אינו נתמך בשפות אחרות.
מתוך ויקיספר, אוסף הספרים והמדריכים החופשי
תוכן שנמחק תוכן שנוסף
ארז סגל (שיחה | תרומות)
ארז סגל (שיחה | תרומות)
שורה 3: שורה 3:
#היכרות - הכרת HTML בעזרת התג b. תיאורטי: תגים (ללא מאפיינים), תגים סוגרים ותוכן תגים. [[HTML/היכרות]]
#היכרות - הכרת HTML בעזרת התג b. תיאורטי: תגים (ללא מאפיינים), תגים סוגרים ותוכן תגים. [[HTML/היכרות]]
#עיצוב מסמך בסיסי בעזרת h?, p ו- b. תיאורטי: קינון אלמנטים, מעברי שורה במסמך. [[HTML/עיצוב בסיסי]]
#עיצוב מסמך בסיסי בעזרת h?, p ו- b. תיאורטי: קינון אלמנטים, מעברי שורה במסמך. [[HTML/עיצוב בסיסי]]
#מבנה מסמך XHTML 1.0 STRICT ללא הסברים על שורת xml ו- doctype.
#מבנה מסמך XHTML 1.0 STRICT ללא הסברים על שורות הכותרת. [[HTML/שימוש במבנה המסמך]]
#התנסות בכתיבת מסמך בעזרת notepad עם צילומי מסך. דגש על שמירה ב-utf-8 (יוניקוד). [[HTML/שימוש בפנקס הרשימות]]
#התנסות בכתיבת מסמך בעזרת notepad עם צילומי מסך. דגש על שמירה ב-utf-8 (יוניקוד). [[HTML/שימוש בפנקס הרשימות]]
#המשך עיצוב: br ו- hr. תיאורטי: תגים ריקים.
#המשך עיצוב: br ו- hr. תיאורטי: תגים ריקים.

גרסה מ־09:35, 25 במרץ 2006

הצעה לתוכנית לימודים

  1. הקדמה - ובה יסופר מה זה HTML, מה ואיך לומדים.
  2. היכרות - הכרת HTML בעזרת התג b. תיאורטי: תגים (ללא מאפיינים), תגים סוגרים ותוכן תגים. HTML/היכרות
  3. עיצוב מסמך בסיסי בעזרת h?, p ו- b. תיאורטי: קינון אלמנטים, מעברי שורה במסמך. HTML/עיצוב בסיסי
  4. מבנה מסמך XHTML 1.0 STRICT ללא הסברים על שורות הכותרת. HTML/שימוש במבנה המסמך
  5. התנסות בכתיבת מסמך בעזרת notepad עם צילומי מסך. דגש על שמירה ב-utf-8 (יוניקוד). HTML/שימוש בפנקס הרשימות
  6. המשך עיצוב: br ו- hr. תיאורטי: תגים ריקים.
  7. הצגת תמונות בעזרת img. תיאורטי: הסבר על מאפיינים וערכים.
  8. קישורים בדף בעזרת a. תיאורטי: חזרה על מאפיינים וערכים.
  9. המשך עיצוב: b (תזכורת) ,big, small, sub, sup, i, tt. תיאורטי: הסבר על הפרדת עיצוב מתוכן בעזרת css והפניה לספר css.
  10. רשימות. תיאורטי: צאצאים. למי מותר להיות צאצא של מי ברשימות.
  11. טבלאות. תיאורטי: אין להשתמש בטבלאות לעיצוב המסמך והפניה לפרק מיקום בעזרת css.
  12. טפסים והפניה לספרי צד שרת.
  13. צאצאים חוקיים של תג body.
  14. שימוש בתגי meta להצגת קידוד ושפה.
  15. סיכום חלק ראשון וחזרה על החומר במרוכז.
  16. לאן להמשיך: HTML מתקדם, CSS, javascript, תכנות צד שרת, אירוח דפי אינטרנט.

מידע מתקדם:

  1. מבניות עם span ו- div. (שימושי גם למתכנתי javascript)
  2. תגי טקסט מתקדמים: abbr, acronym, address, blockquote, q.
  • ארבעת הפרקים הראשונים מיועדים להביא את המשתמש לנסות לכתוב בעצמו HTML כמה שיותר מהר. הפרק הרביעי אם כך צריך היה להיות ראשון. מכיוון שדפדפנים עתידיים עלולים שלא לקרוא מסמך ללא כותרות מתאימות, הפרק על מבנה המסמך חייב להיות לפניו. מכיוון שמבנה הקוד של מסמך תקני די מסובך, חשוב שהמשתמש יבין קודם מה עושים תגים שחובה שיהיו במסמך (התג b לבד אינו יכול להופיע בתוך body. הוא חייב להיות בתוך p או אלמנט גוש אחר). אם הפרק הראשון היה עיצוב המסמך, המשתמש היה צריך לקרוא שלושה פרקים לא קצרים לפני שהוא מבין מה זה HTML ולכן הפרק הראשון הנוכחי - היכרות, מיועד להראות למשתמש בדרך הקצרה ביותר מה זה HTML.

תגובות

ברגע שזה לא לפי נושאים צריך לשלב איפשהו את כל התגים, לדוגמא להצגת פלאש בתוכנית שהצגת איפה תשלב את הטאג? חורחה

אתה צודק. צריך לשנות את התוכנית כך שמתחילים יכירו בדרך את כל התגים שחשובים למתחילים. בקשר לפלאש ספציפית, ניתן ללמד שימוש כללי ב-object בחלק למתקדמים ובספר פלאש בפרק הראשון. מכיוון שנוח ללמוד על תחביר השפה דרך היכרות עם תגים אני מציע כך. שם הפרק יראה כך: שם התג, החומר הנלמד מבחינת תחביר. חלק מהפרקים ילמדו רק תגים בסדר הגיוני. ארז סגל 15:11, 18 מרס 2006 (UTC)
אוקי אין בעיה לשנות אני לא יהיה פה עכשיו 3 ימים ממחרתיים אבל אחרי זה אין לי בעיה שנעביר שנינו את זה, אבל אני יצטרך שתעבור על זה כי אני לא כל כדי שלא נלמד דברים לא תקניים חורחה
אז בסוף השבוע הקרוב. אני מקווה שיהיו עוד חוות דעת לגבי התכנית בינתיים, כי אני בעצמי לא בטוח לגביה...ארז סגל 21:12, 19 מרס 2006 (UTC)

HTML בעברית

  • tag - תג
  • element - אלמנט (המקטע מתחילת התג הפותח, עד סוף התג הסוגר, כולל כל התוכן).
  • block element - אלמנט גוש (אלמנט מסוג גוש: p, div וכו')
  • property - מאפיין
  • value - ערך

שמות לפרקים

בנוגע לשאלה ששאלת במזנון (שצריכה, לדעתי, להישאל כאן): נתחיל מזה שאני כמעט ולא יודעת כלום ב- HTML. לכן, ראשית אשאל: מהו הקשר בין "הדגשות וכותרות" לבין "תגים, סגירה וקינון"? האם אחד מהם הוא תת-נושא של השני? האם בעזרת אחד מהם בונים את השני? למשל: בעזרת קינון תג בונים הדגשה וכותרת? עם קצת הסבר וטיפה מחשבה, אני בטוחה שנוכל למצוא שמות מתאימים.

זה אמנם המקום המתאים לשאלה. שאלתי במזנון כדי שיקראו אותה גם אנשים שלא מבינים ב-HTML. לאחר שתהיה תשובה נעביר את הדיון לכאן.
למעשה אין קשר. "הדגשות וכותרות" תוצאה של שימוש בתגים מסויימים (h,p,b), השני נושא כללי שמסביר על חלק מהתחביר של HTML. על מנת להדגיש ולשים כותרות, עקרונית, יש צורך לדעת את כל התחביר. הרעיון הוא ללמד את חלק מהתחביר בעזרת דוגמאות שימושיות. ללמד "תגים: סגירה וקינון" בעזרת התגים "h,p,b" שמשמשים להדגשה וכותרות.
אם כך, הרי שם הדף צריך להיות, לדעתי, "תגים: סגירה וקינון". הדף (הפרק) הזה יכול להיות מחולק למספר תתי-נושאים, למשל: HTML/תגים: סגירה וקינון/הדגשה" וכולי. רותם 20:10, 22 מרס 2006 (UTC)
אני מסכים. אבל מצד שני אני לא רוצה להפחיד קוראים עם שם פרק כמו תגים: סגירה וקינון אלא משהו פשוט כמו הדגשה ארז סגל 22:16, 22 מרס 2006 (UTC)
אני מסכים. אבל מצד שני אני רוצה שהקוראים יבינו שלא לומדים כאן רק ביצוע פעולות אלא גם עקרונות של HTML. ארז סגל 22:16, 22 מרס 2006 (UTC)
בעצם, משהו כמו HTML/תגים: סגירה וקינון/הדגשה יכול להתאים אלא שהוא שם ארוך ומסורבל מדי, ועדיין מפחיד מתחילים. ארז סגל 22:16, 22 מרס 2006 (UTC)
יש למישהו רעיון? ארז סגל 22:16, 22 מרס 2006 (UTC)
למה חתמת 4 פעמים ודיברת בתור 2 אנשים? בכל מקרה אפשר לרשום בתחילת הספר ב"כריכה" שבכל פרק נלמד עקרונות של htmlוגם פעולות ובשמות עצמם נרשום רק את הפעולה כמו הדגשה חורחה
זו היתה צורת הצגה של הדילמה שלי. חשבתי קצת, ואני מסכים. זו נראית לי הדרך הטובה יותר. את תוכן העניינים אפשר להפוך לטבלה או בעזרת תבנית מתאימה, לכתוב בגדול את שם הפרק (שם הפעולה) ובקטן את שם העקרונות. ארז סגל 15:59, 24 מרס 2006 (UTC)
בדיוק! למשל: פרק 1:HTML/תגים, סגירה וקינון: בפרק זה נלמד תגים כגון הדגשה, כותרות ושאר תגים, וכן נלמד לקנן על מנת ליצור... (אין לי מושג מה עוד יוצרים בעזרת קינון, אבל הבנת את הרעיון). רותם 18:25, 24 מרס 2006 (UTC)
נראה לי שלא הבנת בדיוק זה יותר אמור להיות ככה:
פרק 1:HTML/הדגשה וכותרות: בפרק זה נלמד תגים כגון הדגשה, כותרות ותגים נוספים, ובאמצעותם גם קינון תגים חורחה
למרות שההצעה של רותם נכונה יותר, ההצעה של חורחה מתאימה יותר למתחילים שהם קהל היעד העיקרי של הספר ואני בעדה.
# שם הפרק (בכתב גדול) חלק עיוני (בכתב קטן)
1 הדגשה וכותרות. תגים, תגים סוגרים, קינון תגים.
2 שבירת שורה וקו מפריד. תגים ריקים.
ארז סגל 03:54, 25 מרס 2006 (UTC)