קהילות פורומים, הורדות, יעוץ ותמיכה


אשכולות דומים

  1. [שיעור מס' 5] HTML ו-CSS
    על ידי -Smoxer- בפורום בית הספר לתכנות
    תגובות: 17
    הודעה אחרונה: 07-05-2015, 20:26
  2. [שיעור מס' 3] HTML ו-CSS
    על ידי -Smoxer- בפורום בית הספר לתכנות
    תגובות: 10
    הודעה אחרונה: 25-05-2014, 16:10
  3. מאמר: [שיעור מס' 5] HTML ו-CSS
    על ידי -Smoxer- בפורום כתבות / מאמרים
    תגובות: 2
    הודעה אחרונה: 08-09-2013, 20:17
  4. [שיעור מס' 5] HTML ו-CSS
    על ידי -Smoxer- בפורום בית ספר לתכנות - VIP
    תגובות: 0
    הודעה אחרונה: 10-10-2012, 18:05
  5. [שיעור מס' 3] HTML ו-CSS
    על ידי -Smoxer- בפורום בית ספר לתכנות - VIP
    תגובות: 0
    הודעה אחרונה: 08-10-2012, 17:18
+ תגובה לנושא
מציג תוצאות 1 עד 4 מתוך 4

[שיעור מס' 6] HTML ו-CSS

  1. #1
    Smoxer in your mind
    משתמש כבוד
    האוואטר של -Smoxer-
    תאריך הצטרפות
    11/2011
    הודעות
    8,881
    לייקים
    1181
    נקודות
    483
    פוסטים בבלוג
    3
    משפט מחץ
    Further gets colder until nothing was all that I saw around
    מין: זכר

    ברירת מחדל [שיעור מס' 6] HTML ו-CSS

    שם:  whtyuwymzyor.png
צפיות: 141
גודל:  42.3 קילובייט
    הקדמה

    בשיעור הקודם למדנו מספר דברים:
    • איך להוסיף טבלאות לדף.
    • איך להוסיף קובץ שמע לדף.
    • איך להוסיף קובץ וידאו לדף.
    בואו נתחיל
    את התגית <form>(יש תג סוגר) יש לשים בתגית ה-<body>, ויש לה כמה מאפיינים שבדרך כלל חובה לשים:
    קוד HTML:
    <form action="url" method="method">
    </form>
    המאפיין action (פעולה) אומר לדפדפן לאן לשלוח את הנתונים שבטופס לאחר השליחה.
    במרבית המקרים, סקריפט מעבד את הנתונים ויוצר URL, שדרכו נשלחים הנתונים(לרוב ב-PHP, ASP ו-cgi).

    המאפיין method (שיטה) אומר לדפדפן כיצד לשלוח את הטופס, אל ה-URL שמוגדר ב-action.
    קיימות שתי אפשרויות ל-method:
    post (שלח)
    get (קבל)

    השיטה שתשתמשו בה תלויה בסקריפט, לרוב נשתמש ב-post.

    בינתיים יש לנו רק טופס, הגיע הזמן לשים בוא דברים!

    שליחת הטופס
    בינתיים יש לנו טופס ריק, נתחיל משליחתו.

    כאשר המשתמש לוחץ על כפתור שליחה(Submit), צריך לשלוח את הטופס.
    בשביל זה נכתוב כך:
    קוד HTML:
    <form method="post" action="somthing">
    <input type="submit" value="שלח" />
    </form>
    כפי ששמתם לב ב-action, לא רשמתי כלום. מכיוון שאין לנו איך..
    אוקיי, השתמשתי בתג <input>(אין תג סוגר) שמתי כמה מאפיינים:
    type, אומר מה הסוג של הכפתור, אם לא נעשה את זה זה סתם יהיה כפתור רגיל. (בשביל הכפתור שלנו צריך לתת לזה ערך "submit")
    value, מה שרשום על הכפתור(תראו שרשום על הכפתור "שלח" כמו שהגדרנו)

    ויצא לנו כפתור, נלחץ עליו והדף יתרענן, כלום לא קרה.

    לחצן איפוס
    מכירים את זה שיש טפסים שלמים וצריך לנקות את כולו? בשביל זה יש את כפתור ה-reset. התבנית שלו דומה לתבנית ה-submit, רק נשנה כמה דברים.

    קוד HTML:
    <input type="reset" value="אפס" />
    פשוט הגדרנו בטיפוס(type) שזה כפתור איפוס (reset) ושזה יאפס את כל הנתונים.
    כרגע זה לא יעשה כלום, כי אין לנו שדות קלט.. בינתיים!

    תיבות מלל עבור קבלת טקסט
    כדי לקבל קלט קצר מלל(כמו שם משתמש) נשתמש בשדה קלט כך:
    קוד HTML:
    <input type="text" name="fieldName" />
    במקום "fieldName" נרשום את שם השדה שלנו. כרגע אין לזה משמעות אך בטפסים אנחנו צריכים זאת בכדי לגשת לערך של השדה.
    אפשר לקבוע את הגודל ע"י המאפיין size:
    קוד HTML:
    <input type="text" name="fieldName" size="20" />
    והרי לכם תיבה גדולה.
    אפשר לשים ערך התחלתי לדוגמא:
    קוד HTML:
    <input type="text" name="fieldName" size="20" value="My name is" />
    תרעננו ותראו מה יצא.
    אפשר לעשות הגבלת אורך מלל עם המאפיין maxlength:
    קוד HTML:
    <input type="text" name="fieldName" size="20" value="My name is" maxlength="10" />
    שם עד 10 תווים ^

    שימוש במשטחים בכדי לקבל מלל גדול
    לפעמים צריך לקבל הרבה מלל(כמו במשוב, שצריך לדעת איך האתר וכ'ו) בשביל זה נכתוב כך:
    קוד HTML:
    <textarea name="fieldName" rows="n" cols="n"></textarea>
    בשדה rows זה אומר את מספר השורות(נחליף ב-n ונשים מספר).
    בשדה cols זה אומר את מספר הטורים(נחליף ב-n ונשים מספר).

    סיכום עד כה:
    קוד HTML:
    <form action="somthing" method="post">
            שם פרטי: <input type="text" name="Pname" size="20" maxlength="20" />
            <br />
            שם משפחה: <input type="text" name="Lname" size="20" maxlength="20" />
            <br />
            תוכן: <br /><textarea name="content" rows="5" cols="5"></textarea>
            <br />
            <input type="submit" value="שלח" /><input type="reset" value="אפס" />
        </form>
    פשוט מאוד!

    תיבות סימון
    אפשרות של קבלת טקסט אינה היחידה, יש גם אפשרות לעשות תיבות סימון:
    קוד HTML:
    <input type="checkbox" name="checkboxName" />
    נחליף את השם למה שנרצה ^
    דוגמא:
    קוד HTML:
    <form action="somthing" method="post">
            מהו הצבע האהוב עליך?
            <br />
            כחול <input type="checkbox" name="Blue" />
            <br />
            אדום <input type="checkbox" name="Red" />
            <br />
            צהוב <input type="checkbox" name="Yellow" />
            <br />
            כתום <input type="checkbox" name="Orange" />
            <br />
            אחר <input type="checkbox" name="Other" />
            <br />
            <input type="submit" value="שלח" /><input type="reset" value="אפס" />
        </form>
    די פשוט לא?

    כפתורי רדיו
    במקום להציב אפשרות כן או לא יש אפשרות שהם פשוט ילחצו על אפשרות אחת מתוך הארבע, זה הולך כך:
    קוד HTML:
    <input type="radio" name="radioName" />
    דוגמא שימושית:
    קוד HTML:
    <form action="somthing" method="post">
            מהו הצבע הכי אהוב עליך?
            <br />
            כחול <input type="radio" name="Colors" value="Blue" />
            <br />
            אדום <input type="radio" name="Colors" value="Red" />
            <br />
            צהוב <input type="radio" name="Colors" value="Yellow" />
            <br />
            כתום <input type="radio" name="Colors" value="Orange" />
            <br />
            אחר <input type="radio" name="Colors" value="Other" />
            <br />
            <input type="submit" value="שלח" /><input type="reset" value="אפס" />
        </form>
    שימו לב שעשיתי מספר דברים:
    שמתי את כל הערכים בשדה name זהים, כדי שהמחשב יידע שהם מקבוצה אחת שהם זהים, כלומר קט'ג אחת.
    במקום הערך בשדה name שמתי את זה בשדה value, כך שאת השם גישה נקבל מהשדה value.

    בחירה מתוך רשימה
    כפתורי רדיו, אינם הדרך היחידה לבחור דבר אחד מתוך רשימה. יש לנו את התג <select> שעוזר לנו בזה(יש תג סוגר):
    קוד HTML:
    <select name="Select Name" size="n">
    <option>option One</option>
    <option>option Two</option>
    <option>And more...</option>
    </select>
    ב-size נרשום מספר, וכך גודל התיבה ישתנה.
    יש לנו פה מספר דברים, קודם כל הרשימה מתחילה בתג "<select>", אח"כ הגדרנו את כל האפשרויות דרך התג "<option>".

    עוד משהו נחמד זה שאפשר לעשות קט'ג, כלומר אם נרשום כך:
    קוד HTML:
    <form action="somthing" method="post">
            מהו הצבע הכי אהוב עליך?
            <br />
            <select name="colors" size="5">
                <optgroup label="צבעים בהירים">
                    <option>White</option>
                </optgroup>
                <optgroup label="צבעים כהים">
                    <option>Black</option>
                </optgroup>
            </select>
            <br />
            <input type="submit" value="שלח" /><input type="reset" value="אפס" />
        </form>
    ייצא יותר נחמד ויותר מסודר!

    ש.ב
    הכינו לי טופס הכולל את כל הדברים שלמדנו. פשוט תתנו לי טופס עם רעיון נחמד.
    אל תעתיקו, תרשמו את הקוד, זה לטובתכם!


    לשיעור הקודם - שיעור מס' 5 לחצו כאן.
    שאלות על HTML ו-CSS בפורום שפות צד לקוח.

  2. קישורים ממומנים

  3. #2
    Smoxer in your mind
    משתמש כבוד
    האוואטר של -Smoxer-
    תאריך הצטרפות
    11/2011
    הודעות
    8,881
    לייקים
    1181
    נקודות
    483
    פוסטים בבלוג
    3
    משפט מחץ
    Further gets colder until nothing was all that I saw around
    מין: זכר

    ברירת מחדל

    אף אחד לא ראה את השיעור?

  4. #3
    משתמש מכור
    שם פרטי
    אלי
    תאריך הצטרפות
    11/2011
    גיל
    18
    הודעות
    1,991
    לייקים
    111
    נקודות
    36
    משפט מחץ
    תרשום תרשום :"אל תעצבנו אותי אני במחזור" -ג'סטין ביבר
    מין: זכר

    ברירת מחדל

    ציטוט נכתב במקור על ידי -Smoxer- צפיה בהודעה
    אף אחד לא ראה את השיעור?
    ראיתי רק לא הבנתי .
    תחבר למסן

  5. #4
    משתמש מתחיל
    תאריך הצטרפות
    10/2012
    הודעות
    22
    לייקים
    0
    נקודות
    0
    מין: זכר

    ברירת מחדל

    מדריך מעולה.

+ תגובה לנושא


תגיות בנושא זה

הרשאות פרסום

  • אין באפשרותך לפרסם נושאים חדשים
  • אין באפשרותך לפרסם תגובות
  • אין באפשרותך לצרף קבצים
  • אין באפשרותך לערוך את הודעותיך


כל הזמנים הם לפי GMT +3. השעה כרגע היא 11:41.
מופעל על ידי vBulletin™ © גרסה 4.1, 2011 vBulletin Solutions, Inc. כל הזכויות שמורות.
פעילות הגולשים
אומנות וגרפיקה
מוזיקה
ספורט
סדרות טלוויזיה
סרטים וקולנוע
קנייה ומכירה
רשתות חברתיות
הבורר 3
פורומי פנאי ובידור
סרטים
סדרות
משחקים
דיבורים
אקטואליה
בעלי חיים
בדיחות והומור
משחקי ספורט
הבורר
מחשבים וטכנולוגיה
תמיכה טכנית
חומרה ומודינג
תוכנות להורדה
סלולארי וגאדג'טים
רקעים למחשב
ציוד הקפי למחשב
אבטחת מידע
תכנות ובניית אתרים
כסף ברשת
אייפון
בריאות ואורח חיים
כושר ופיתוח גוף
דיאטה
צבא וגיוס
יעוץ מיני
מה שבלב
אומנות הפיתוי
יהדות
מיסטיקה ורוחניות
אתאיזם ודתות

נושאים: 1,756,278 | הודעות: 7,453,675 | משתמשים: 315,626 | המשתמש החדש ביותר: upizijoj | עיצוב גרפי: סטודיו עודד בביוף | קידוד: rellect