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

תוכן הדף אינו נתמך בשפות אחרות.
מתוך ויקיספר, אוסף הספרים והמדריכים החופשי
תוכן שנמחק תוכן שנוסף
ארז סגל (שיחה | תרומות)
ארז סגל (שיחה | תרומות)
שורה 25: שורה 25:
|[[HTML/טבלאות פשוטות|טבלאות פשוטות]]||אלמנטים table, tr, td||הפרדת עיצוב מתוכן
|[[HTML/טבלאות פשוטות|טבלאות פשוטות]]||אלמנטים table, tr, td||הפרדת עיצוב מתוכן
|-
|-
|[[HTML/טפסים למתחילים|טפסים למתחילים]]||אלמנטים form, input, textarea, select, option||על שפות תכנות צד שרת
|[[HTML/טפסים למתחילים|טפסים למתחילים]]||אלמנטים form, fieldset, input, textarea, select, option||על שפות תכנות צד שרת
|-
|-
|[[HTML/סיכום למתחילים|סיכום למתחילים]]||חזרה על החומר||למי מותר להיות צאצא של body
|[[HTML/סיכום למתחילים|סיכום למתחילים]]||חזרה על החומר||למי מותר להיות צאצא של body

גרסה מ־11:40, 24 באפריל 2006

תוכן העניינים החדש

HTML למתחילים

שם הפרק מה לומדים נושאים תיאורטיים
היכרות עם HTML למה צריך את זה ואיך זה עובד? שימוש בתגים
עיצוב בסיסי של מסמכים יצירת כותרות, חלוקה לפסקאות והדגשה (התגים h?, p, b) קינון אלמנטים, מעברי שורה במסמך.
היכרות עם מבנה המסמך האלמנטים html, head, body, title, meta -
שימוש בפנקס הרשימות שימוש בפנקס הרשימות ליצירת מסמכי HTML שמירה ב-utf8
שבירת שורה באמצע פיסקה ויצירת קו אופקי האלמנטים br ו- hr תגים ריקים
הוספת תמונה למסמך אלמנט img מאפייני תגים
הוספת קישור למסמך אלמנט a שימוש במפרט המלא
תגי עיצוב טקסט אלמנטים b, i, big, small, sub, sup, tt שימוש ב-CSS
רשימות אלמנטים ul, li, ol, dl, di, dd -
טבלאות פשוטות אלמנטים table, tr, td הפרדת עיצוב מתוכן
טפסים למתחילים אלמנטים form, fieldset, input, textarea, select, option על שפות תכנות צד שרת
סיכום למתחילים חזרה על החומר למי מותר להיות צאצא של body

דיון

שימוש בפנקס הרשימות לא אמור להיות ראשון? בשביל שיהיה אפשר להתחיל לעבוד בכלל? חורחה

התלבטתי הרבה בקשר לזה. אנא קרא את ארבעת הפרקים הראשונים. השלושה הראשונים הם בעצם הקדמה ל-HTML בה המשתמש עדיין אינו פעיל. ראיתי חובה להכניס לפני פרק פנקס הרשימות, הדגמת תכלית של HTML, מידע על מבנה המסמך, ועל תגים כמו p מכיוון שאין אפשרות להכניס טקסט ישירות ב-body. ארז סגל 12:00, 13 אפריל 2006 (UTC)

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

  • הקדמה - ובה יסופר מה זה HTML, מה ואיך לומדים.
  1. צאצאים חוקיים של תג body.
  2. סיכום חלק ראשון וחזרה על החומר במרוכז.
  3. לאן להמשיך: HTML מתקדם, CSS, javascript, תכנות צד שרת, אירוח דפי אינטרנט.

מידע מתקדם:

  1. מבניות עם span ו- div. (שימושי גם למתכנתי javascript ו- CSS)
  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)

שבירה

אוקי אז נראה לי שאפשר לסדר מחדש את הספר, צריך רק לרשום את הרשימה הסופית של השמות בפורמט שארז הציג... חורחה
אתם כותבים ספר שמופנה לקהל יעד של אנשים שיש להם צורך בשפה, לא? אין טעם לסדר ספר לפי נושאים ברומו של עולם. אם מישהו רוצה לכתוב פסקה הוא יחפש את הערך של p ובתוך הערך הזה/בסמוך אליו יקווה למצוא את u,b,i . לדעתי יש צורך לסדר את הספר לפי נושאים: p למשל יכיל את u,b,i , זה המבנה הפשוט ביותר לטקסט, לא? אחריו, נניח, יבוא ul/ol (רשימה) שיכול להכיל פסקאות אך זהו ערך מתקדם. נסו לבנות את הספר כמו שבונים בניין: מהבסיס למעלה. את הקומות עצמן רצוי לבנות בצורה מסודרת; הדירה הראשונה תכיל את הבסיס לשנייה, בשנייה אמנם תוכל לבקר מבלי לראות את הראשונה אולם זה יהיה חסר טעם...


מלבד ה- IP שלי, שבטח לא יעזור לכם הרבה תוכלו להשאיר לי הודעות פה:


http://he.wikipedia.org/wiki/%D7%A9%D7%99%D7%97%D7%AA_%D7%9E%D7%A9%D7%AA%D7%9E%D7%A9:GGTM

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