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


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

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

[שיעור מס' 7] 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
    מין: זכר

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

    שם:  whtyuwymzyor.png
צפיות: 345
גודל:  42.3 קילובייט
    הקדמה
    בשיעור הקודם למדנו מספר דברים:
    • ליצור תיבת טקסט.
    • ליצור תיבת מלל.
    • ליצור לחצן איפוס ולחצן שליחה.
    • לחצי אישור.
    • רשימת בחירה.
    • ועוד..
    בואו נתחיל
    הערות
    יש אפשרות לעשות הערות קוד (מי שמכיר שפות אחרות אז אני מדבר על דברים כמו "#", "//" או "/**/").
    כלומר שאני אראה משהו שלא יודפס בדף כדי שיהיה קל לקרוא את הקוד?

    אז זהו שכן!
    זה פשוט מאוד, נרשום כך:
    קוד HTML:
    <!-- Comment -->
    נרשום את ההערה איפה שרשום "Comment", נריץ את הקוד ונראה שלא רואים את ההערה!

    שימו לב,
    אסור לשים דברים חשובים בהערות, כולם יכולים לראות את הקוד מקור בדף!
    (קליק ימני והצג מקור דף)

    CSS
    יש אפשרות לקצר את הקוד? במקום לתת לכל דבר Style?
    אז כן יש דבר כזה.

    קודם כל נשים את הקוד בתגית style
    ככה:
    קוד HTML:
    <style type="text/css"><!--CSS--> </style>
    כפי ששמתם לב שמתי הערת HTML. ולמה? בכדי שדפדפן מיושן לא יציג טקסט אלה יחשוב שזוהי הערה ובכך לא יציג זאת.

    איפה שרשום "CSS" צריך לרשום את קוד ה-CSS שלנו.
    למשל דוגמא, נעשה את גודל הכתב שלנו 14PX:
    קוד HTML:
    <style type="text/css"><!--body{font-size: 14px;}--> </style>
    רשמנו בקוד CSS "body{font-size: 14px;}" שזה אומר שכל פעם שהמחשב רואה את התג body(במקרה שלנו זה פעם אחת אבל זה יכול לעבוד על כל תג) זה ישים את הגודל 14PX.
    נסו ותראו.

    מחלקות סגנונות
    אם אנו רוצים להגדיר רק לקטע מסויים איך לעשות למשל צבע כחול, איך אני עושה?
    בשביל זה נוסיף לקבוצה שאנו רוצים את המאפיין class, כך:
    קוד HTML:
    <span class="MyClass">Text</span>
    קוד CSS:
    קוד:
    .MyClass {color: blue;}
    שימו לב לנקודה בהתחלה ^
    וכך ייצא לנו צבע כחול למה שהגדרנו את המאפיין class ל-MyClass.

    כנ"ל ל-id:
    קוד HTML:
    <span id="MyID">Text</span>
    קוד CSS:
    קוד:
    #MyID {color: blue;}
    במקום נקודה שמים סולמית ^

    קישור חיצוני ל-CSS
    לפעמים קוד ה-CSS יכול להיות מאוד אבל ארוך ובגלל זה בשביל להקל על קריאת הקוד יש כאלה שמשתמשים בלינק חיצוני ובשביל זה נכתוב:
    קוד:
    <link rel="stylesheet" type="text/css" href="Code.css">
    כלומר:
    הקטע: rel="stylesheet" אומר לנו מה זה (וכך גם לדפדפן)
    הקטע: type="text/css" אומר באיזה שפה הקטע הנ"ל
    והקטע: href="Code.css" אומר מאיפה לקחת את הקישורים *הקובץ החיצוני חייב להיגמר בסיומת CSS!*
    אם ניצור קובץ CSS עם כל הקוד ונקשר את הדף הראשי אליו, התוצאה תיהיה אותה תוצאה.

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

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

    תגי HTML:
    http://www.w3schools.com/tags/default.asp
    פקודות CSS:
    http://www.w3schools.com/css/default.asp

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

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

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

    ברירת מחדל

    ציטוט נכתב במקור על ידי -Smoxer- צפיה בהודעה
    בשיעור הקודם למדנו מספר דברים:
    • ליצור תיבת טקסט.
    • ליצור תיבת מלל.
    • ליצור לחצן איפוס ולחצן שליחה.
    • לחצי אישור.
    • רשימת בחירה.
    • ועוד..
    בואו נתחיל
    הערות
    יש אפשרות לעשות הערות קוד (מי שמכיר שפות אחרות אז אני מדבר על דברים כמו "#", "//" או "/**/").
    כלומר שאני אראה משהו שלא יודפס בדף כדי שיהיה קל לקרוא את הקוד?

    אז זהו שכן!
    זה פשוט מאוד, נרשום כך:
    קוד HTML:
    <!-- Comment -->
    נרשום את ההערה איפה שרשום "Comment", נריץ את הקוד ונראה שלא רואים את ההערה!

    שימו לב,
    אסור לשים דברים חשובים בהערות, כולם יכולים לראות את הקוד מקור בדף!
    (קליק ימני והצג מקור דף)

    CSS
    יש אפשרות לקצר את הקוד? במקום לתת לכל דבר Style?
    אז כן יש דבר כזה.

    קודם כל נשים את הקוד בתגית style
    ככה:
    קוד HTML:
    <style type="text/css"><!--CSS--> </style>
    כפי ששמתם לב שמתי הערת HTML. ולמה? בכדי שדפדפן מיושן לא יציג טקסט אלה יחשוב שזוהי הערה ובכך לא יציג זאת.

    איפה שרשום "CSS" צריך לרשום את קוד ה-CSS שלנו.
    למשל דוגמא, נעשה את גודל הכתב שלנו 14PX:
    קוד HTML:
    <style type="text/css"><!--body{font-size: 14px;}--> </style>
    רשמנו בקוד CSS "body{font-size: 14px;}" שזה אומר שכל פעם שהמחשב רואה את התג body(במקרה שלנו זה פעם אחת אבל זה יכול לעבוד על כל תג) זה ישים את הגודל 14PX.
    נסו ותראו.

    מחלקות סגנונות
    אם אנו רוצים להגדיר רק לקטע מסויים איך לעשות למשל צבע כחול, איך אני עושה?
    בשביל זה נוסיף לקבוצה שאנו רוצים את המאפיין class, כך:
    קוד HTML:
    <span class="MyClass">Text</span>
    קוד CSS:
    קוד:
    .MyClass {color: blue;}
    שימו לב לנקודה בהתחלה ^
    וכך ייצא לנו צבע כחול למה שהגדרנו את המאפיין class ל-MyClass.

    כנ"ל ל-id:
    קוד HTML:
    <span id="MyID">Text</span>
    קוד CSS:
    קוד:
    #MyID {color: blue;}
    במקום נקודה שמים סולמית ^

    קישור חיצוני ל-CSS
    לפעמים קוד ה-CSS יכול להיות מאוד אבל ארוך ובגלל זה בשביל להקל על קריאת הקוד יש כאלה שמשתמשים בלינק חיצוני ובשביל זה נכתוב:
    קוד:
    <link rel="stylesheet" type="text/css" href="Code.css">
    כלומר:
    הקטע: rel="stylesheet" אומר לנו מה זה (וכך גם לדפדפן)
    הקטע: type="text/css" אומר באיזה שפה הקטע הנ"ל
    והקטע: href="Code.css" אומר מאיפה לקחת את הקישורים *הקובץ החיצוני חייב להיגמר בסיומת CSS!*
    אם ניצור קובץ CSS עם כל הקוד ונקשר את הדף הראשי אליו, התוצאה תיהיה אותה תוצאה.

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

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

    תגי HTML:
    http://www.w3schools.com/tags/default.asp
    פקודות CSS:
    http://www.w3schools.com/css/default.asp

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

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

    ברירת מחדל

    ציטוט נכתב במקור על ידי LikeANoob צפיה בהודעה
    NO HOMEWORK ?
    כדי שיהיה לך זמן להתכונן למבחן.

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

    ברירת מחדל

    מדריך מעולה.

+ תגובה לנושא


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

הרשאות פרסום

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


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

נושאים: 2,351,334 | הודעות: 8,051,943 | משתמשים: 315,605 | המשתמש החדש ביותר: upizijoj | עיצוב גרפי: סטודיו עודד בביוף | קידוד: rellect