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


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

  1. [שיעור מס' 1] HTML
    על ידי -Smoxer- בפורום בית הספר לתכנות
    תגובות: 22
    הודעה אחרונה: 26-12-2017, 14:52
  2. [שיעור מס' 2] HTML
    על ידי -Smoxer- בפורום בית הספר לתכנות
    תגובות: 9
    הודעה אחרונה: 25-05-2014, 16:09
  3. מאמר: שיעור מס' 2 - HTML
    על ידי -Smoxer- בפורום כתבות / מאמרים
    תגובות: 1
    הודעה אחרונה: 08-09-2013, 20:19
  4. [שיעור מס' 2] HTML
    על ידי -Smoxer- בפורום בית ספר לתכנות - VIP
    תגובות: 0
    הודעה אחרונה: 08-10-2012, 13:18
  5. [שיעור מס' 1] HTML
    על ידי -Smoxer- בפורום בית ספר לתכנות - VIP
    תגובות: 0
    הודעה אחרונה: 07-10-2012, 14:12
+ תגובה לנושא
עמוד 1 מתוך 2 12 אחרון >>
מציג תוצאות 1 עד 15 מתוך 22

[שיעור מס' 4] HTML

  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
    מין: זכר

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

    שם:  whtyuwymzyor.png
צפיות: 230
גודל:  42.3 קילובייט
    הקדמה
    בשיעור הקודם למדנו מספר דברים:
    • איך להפוך את הדף לעברית.
    • כותרות (<h1> - <h6>).
    • קו חוצץ (<hr />).
    • ירידת שורה (<br />).
    • שילוב בין CSS ל-HTML עם התג <span>.
    • פקודות עיצוב ב-CSS.
    • איך לעשות רשימות עם תבליטים ורשימות ממוספרות.
    תמונה אחת שווה אלף מילים - הוספת תמונה
    עד עכשיו עשינו רק מלל, מלל ומלל.
    אם נרצה לגוון עם תמונה?

    זה ממש פשוט! נשתמש בתג <img> (אין תג סוגר) בתבנית הבאה:
    קוד HTML:
    <img src="The source" alt="The Alt" />
    התבנית פשוטה:
    <img
    אומר שזוהי תמונה.
    src="The source"
    אומר מאיפה נמצאת התמונה, במקום The source נרשום את מיקום התמונה.
    alt="The Alt"
    זהו מאפיין חשוב (נוסף חובה בתקנים האחרונים), צריך להוסיף לכל תמונה את המאפיין הזה אם התמונה לא נמצאה.
    כלומר אם התמונה לא נמצאה אז זה יציג מה שכתוב.

    בוא נעשה דוגמה, בוא נוסיף תמונה לאתר. ניקח לדוגמה את התמונה הזאת:

    אם נכנס לפה דרך הדפדפן נראה רק תמונה בצד שמאל.

    בשביל להוסיף את התמונה נרשום כך ע"פ התבנית:
    קוד HTML:
    <img src="http://www.iatraf.co.il/attachment.php?attachmentid=13682&d=1349026594" alt="iatraf.co.il" />
    ומה זה יציג?
    נעשה דוגמה, נרשום כך:
    קוד HTML:
    <img src="http://www.iatra.co.il/attachment.php?attachmentid=13682&d=1349026594" alt="iatraf.co.il" />
    אם שמתם לב בקישור לתמונה (src) רשמנו לינק שבור:
    http://www.iatra.co.il
    חסרה f בסוף, במקרה כזה מאפיין ה-alt יבוא לעזרתנו ויציג את המלל iatraf.co.il (מוזמנים לנסות ולראות מה קורה).

    עד כה הוספנו תמונות מוכנות, לא תמונות שלנו.
    אם אני רוצה לעשות תמונה ולשים אותה באתר?
    זה ממש פשוט, ניקח תמונה. לדוגמה נקרא לתמונה "MyPic.png" (שימו לב לפורמט).
    נשים את התמונה בתיקייה שבוא נמצא הקובץ HTML שלנו וב-src נרשום כך:
    קוד HTML:
    <img src="MyPic.png" alt="My Pic!" />
    נפתח דרך הדפדפן, ומה יצא?

    צריך לרשום את שם התמונה "MyPic", נקודה "." ואז את שם הפורמט "png". ברור שזה יכול להשתנות, תלוי בתמונות.

    אם אנחנו רוצים להיות יותר מסודרים ולהוסיף תיקייה רק של תמונות, נגיד שקוראים לתיקייה "images" ושם נמצאת התמונה שלנו.
    נגדיר את זה כך:
    קוד HTML:
    <img src="images/MyPic.png" alt="My Pic!" />
    שמתם לב מה הוספתי?
    הוספתי לפני שם התמונה את שם התיקייה (images) וסלאש ( / ) שאומר שזה נמצא בתוך התיקייה.

    שימו לב
    אם קראתם לתמונה A.png, אתם לא יכולים "לקרוא" לה "a.png" בשרתים מסויימים התמונה תחשב כלא נמצאה. אז עדיף לרשום את השם במדויק.


    ברור?

    רשימה לפורמטים(png וכ'ו) הנפוצים ביותר:
    • jpg, jpeg - שניהם אותו דבר, זה לא משנה
    • gif
    • bmp - רק לבעלי ווינדוס
    • pcx
    • tift
    • dib
    • eps
    • tga
    תזכרו - בגלל של-img אין תג סוגר אז אנחנו רושמים לפני הסגירה את הסלאש ( / )!

    הגדרת אורך ורוחב לתמונה
    יש לכם תמונה, אלה מה? היא גדולה מידי! (או קטנה מידי) ואתם רוצים לשנות את זה לגודל מסויים.
    בשביל זה יש את המאפיינים width ו-height, נשים אותם בקוד כך:
    קוד HTML:
    <img src="Source" alt="ALT" width="Image Width" height="Image Height" />
    נראה לי שמובן לא?

    אפסר לרשום בשדות אך ורק מספרים, וערך מספר. כלומר יחידות מידה.
    היחידות מידה שאפשר לשים:
    • px - פיקסלים, אורך(או רחב) מדויקים.
    • cm - סנטימטרים, אורך(או רחב) מדויקים.
    • % - אחוז, כמה מאורך(או רוחב) הדפדפן.
    אז פשר לרשום כך:
    קוד HTML:
    <img src="images/MyPic.png" alt="My pic!" width="200px" height="200px" />
    יעשה את התמונה 200 על 200 פיקסלים.

    פשוט לא?

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

    בשביל לעשות קישור, נצטרך להשתמש בתגית <a> (יש תג סוגר)
    נשתמש בה כך:
    קוד HTML:
    <a href="http://www.SomeWebsite.com">webSite</a>
    כפי ששמתם לב, href מראה את לאן לקשר.
    בין שני התגים יוצג המלל, מה שילחצו עליו וזה ייכנס.

    שימו לב, לכל קישור צריך לשים קודם כל פרוטוקול (http כל עוד זה מקשר לאתר שלא קשור אליכם).

    לדוגמה קישור שייכנס לגוגל:
    קוד HTML:
    <a href="https://www.google.co.il/">Google</a>
    ויקיפדיה:
    קוד HTML:
    <a href="http://he.wikipedia.org/wiki/%D7%A2%D7%9E%D7%95%D7%93_%D7%A8%D7%90%D7%A9%D7%99">wikipedia</a>
    אטרף:
    קוד HTML:
    <a href="http://www.iatraf.co.il/">Atraf</a>
    נראה לי שברור

    נעשה דוגמה, ניצור עוד קובץ HTML נקרא לו "test.html" (כמו שעשינו בשיעור הראשון).
    נשים אותו בתיקייה של הקובץ הראשי וניצור בקובץ הראשי קישור אליו.
    בשביל זה נרשום כך:
    קוד HTML:
    <a href="test.html">test</a>
    די ברור לא?

    אותו דבר אפשר גם בתמונות, לדוגמה נעשה קישור לתמונה כך:
    קוד HTML:
    <a href="images/MyPic.png">MyPic</a>
    ואם נלחץ נגיע לתמונה!

    הוספת קישור לתמונה

    עד כה, שמנו רק תמונות וקישורים בנפרד. אך אם אנחנו רוצים לעשות תמונה כקישור, כלומר כך:

    אם נלחץ על התמונה נגיע לאטרף ^
    זה פשוט מאוד בשביל זה נרשום כך:

    קוד HTML:
    <a href="http://www.iatraf.co.il"><img src="http://www.iatraf.co.il/attachment.php?attachmentid=13682&d=1349026594" alt="atraf" /></a>
    ברור?


    קישור למייל
    כנראה שאם אתם גולשים הרבה באינטרנט, רציתם לראות איך עושים קישור למייל, לדוגמה זה:
    Mail@explame.com
    אם תלחצו זה יפתח את ה-Outlook Express.
    בשביל דבר כזה נכתוב:
    קוד HTML:
    <a href="mailto: Mail@explame.com">My Mail</a>
    רשמנו בקישור "mailto:" ואחרי זה כתובת המייל.
    זה פשוט אומר לפתוח את האימייל על הכתובת שבחרנו.
    פשוט מאוד

    טריק נחמד
    אולי לא תשתמשו בזה הרבה, אבל כמו שעשינו שליחה למייל, אפשר גם עם סקייפ:
    קוד HTML:
    <a href="Skype: UserName">Skype</a>
    וזה יתקשר למנוי "UserName"
    תוצאה:
    skype: UserName

    הפעם אין שיעורי בית!

    לשיעור הקודם - שיעור מס' 3 לחצו כאן.
    שאלות על HTML ו-CSS בפורום שפות צד לקוח.
    נערך לאחרונה על ידי -Smoxer-; 09-10-2012 בשעה 16:53.

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

  3. #2
    משתמשת כבוד

    שם פרטי
    זוהר ツ
    תאריך הצטרפות
    04/2010
    הודעות
    7,440
    לייקים
    860
    נקודות
    25,119
    מין: נקבה

    ברירת מחדל

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


  4. #3
    משתמש מכור
    תאריך הצטרפות
    02/2011
    הודעות
    1,312
    לייקים
    28
    נקודות
    1,129
    מין: זכר

    ברירת מחדל

    ציטוט נכתב במקור על ידי זוהר צפיה בהודעה
    אחלה הסבר, למרות שכבר ידעתי! חבל שאין שיעורים זה היה מעביר לי את הזמן
    +1 ולדעתי האמייל לא ממש חיוני לא משתמשים בזה וגם הסקייפ חח אבל אחלה שיעור חבר שאין שיעורי בית
    (:

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

    ברירת מחדל

    ציטוט נכתב במקור על ידי toorbo צפיה בהודעה
    +1 ולדעתי האמייל לא ממש חיוני לא משתמשים בזה וגם הסקייפ חח אבל אחלה שיעור חבר שאין שיעורי בית
    אני דווקא משתמש במייל ובסקייפ יחסית הרבה, תמיד עדיף לדעת עוד משהו. לך תדע מתי תצטרך

    תודה על הפרגון!

  6. #5
    משתמש מכור
    תאריך הצטרפות
    02/2011
    הודעות
    1,312
    לייקים
    28
    נקודות
    1,129
    מין: זכר

    ברירת מחדל

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

    תודה על הפרגון!
    סתם שאלה יש לך אתר משלך ? אם כן אתה יכול לפרסם אותו ?

    ואמייל לדעתי לא חיוני כי כמעט אף אחד לא משתמש בזה יותר נוח לשלוח מהאתר של האמייל GMAIL NANA WALLA YAHOO וכו' .. הסקייפ כמעט ואף פעם לא ראיתי באתרים או שלא שמתי לב חחח שיעור 5 יהיה מחר ?
    (:

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

    ברירת מחדל

    ציטוט נכתב במקור על ידי toorbo צפיה בהודעה
    סתם שאלה יש לך אתר משלך ? אם כן אתה יכול לפרסם אותו ?

    ואמייל לדעתי לא חיוני כי כמעט אף אחד לא משתמש בזה יותר נוח לשלוח מהאתר של האמייל GMAIL NANA WALLA YAHOO וכו' .. הסקייפ כמעט ואף פעם לא ראיתי באתרים או שלא שמתי לב חחח שיעור 5 יהיה מחר ?
    כן, יש לי אתרים משלי שבניתי לעסקים.
    אך לא אוכל לפרסם אותם.

  8. #7
    משתמש מכור
    תאריך הצטרפות
    02/2011
    הודעות
    1,312
    לייקים
    28
    נקודות
    1,129
    מין: זכר

    ברירת מחדל

    ציטוט נכתב במקור על ידי -Smoxer- צפיה בהודעה
    כן, יש לי אתרים משלי שבניתי לעסקים.
    אך לא אוכל לפרסם אותם.
    אה חח תודה רבה מחכה לשיעור החמישי
    (:

  9. #8
    משתמש ותיק האוואטר של Mr. Bean
    שם פרטי
    עודד
    תאריך הצטרפות
    06/2010
    גיל
    20
    הודעות
    5,646
    לייקים
    953
    נקודות
    1,551
    משפט מחץ
    חכם יודע מה שהוא אומר , טיפש אומר מה שהוא יודע.
    מין: זכר

    ברירת מחדל

    אני מתקדם


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

    ברירת מחדל

    שיעור טוב .
    ועצה
    כל שיעור תעשה שיעורי בית ככה אפשר ללמוד הרבה יותר
    תגיד להנהלה (:

  11. #10
    משתמש כבוד
    הכאב הוא רגעי, הגאווה היא נצחית
    האוואטר של ExcluSive
    שם פרטי
    גבי
    תאריך הצטרפות
    05/2007
    גיל
    24
    הודעות
    24,083
    לייקים
    1801
    נקודות
    2,325
    משפט מחץ
    Where there's a will, there's a way
    מין: זכר

    ברירת מחדל

    אחלה שיעור עמרי!
    יש לי שאלה, בקוד פה:
    <a href="http://www.iatraf.co.il"><img src="http://www.iatraf.co.il/attachment.php?attachmentid=13682&d=1349026594" alt="atraf" /></a>
    למה לא רשמת >Atraf< אחרי ששמת את הקישור של אטרף?
    ".It always seems Impossible until it's done"

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

    ברירת מחדל

    ציטוט נכתב במקור על ידי ExcluSive צפיה בהודעה
    אחלה שיעור עמרי!
    יש לי שאלה, בקוד פה:

    למה לא רשמת >Atraf< אחרי ששמת את הקישור של אטרף?
    במקום לרשום סתם מלל שמתי תמונה, תריץ את הסקריפט תראה מה ייצא.

    למי שמתעניין יצא שיעור חמישי.

  13. #12
    משתמש מתחיל
    תאריך הצטרפות
    12/2008
    הודעות
    57
    לייקים
    0
    נקודות
    0
    מין: זכר

    ברירת מחדל

    תודה

  14. #13

    ברירת מחדל

    ציטוט נכתב במקור על ידי -Smoxer- צפיה בהודעה
    במקום לרשום סתם מלל שמתי תמונה, תריץ את הסקריפט תראה מה ייצא.

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

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

    ברירת מחדל

    ציטוט נכתב במקור על ידי .Ferrari צפיה בהודעה
    אהבתי את הקטע של הסקייפ
    יש עוד כאלה למשל MSN וכו?
    כן. רק צריך לרשום את הפרוטוקול.

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

    ברירת מחדל

    מדריך מעולה.

+ תגובה לנושא
עמוד 1 מתוך 2 12 אחרון >>


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

הרשאות פרסום

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


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

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