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


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

  1. מאמר: בית ספר לתכנות שיעור 1, HTML
    על ידי -Smoxer- בפורום כתבות / מאמרים
    תגובות: 3
    הודעה אחרונה: 08-09-2013, 20:19
  2. [שיעור מס' 1] HTML
    על ידי -Smoxer- בפורום בית ספר לתכנות - VIP
    תגובות: 0
    הודעה אחרונה: 07-10-2012, 14:12
  3. [HTML] מדריך html - שיעור 1
    על ידי AS productions בפורום שפות צד לקוח
    תגובות: 4
    הודעה אחרונה: 12-04-2011, 15:17
  4. [HTML] בית הספר לתכנות - לימוד html - שיעור 3 - קישורים
    על ידי AS productions בפורום שפות צד לקוח
    תגובות: 0
    הודעה אחרונה: 04-08-2010, 13:18
  5. [HTML] מדריך html - שיעור 2 - טקסט
    על ידי AS productions בפורום שפות צד לקוח
    תגובות: 1
    הודעה אחרונה: 26-07-2010, 02:16
+ תגובה לנושא
עמוד 1 מתוך 2 12 אחרון >>
מציג תוצאות 1 עד 15 מתוך 23

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

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


    בית הספר לתכנות, הוא מקום שבו אני (-Smoxer-) אפרסם שיעורים בשפות תכנות ובניית אתרים.
    1. כל חוקי הפורום ואטרף תקפים גם בפורום זה.
    2. אין להספים או לקלל בשום אשכול.
    3. אם אתם רוצים להוסיף גם איזה טיפ, עצה או מדריך כלשהו אתם מוזמנים בהחלט לפרסם אשכול שעומד בחוקים.

    שתיהיה לנו שנת לימודים מהנה ומוצלחת!

    הקדמה

    בתקופה הזאת של הלימודים תלמדו HTML, הבסיס לכל אתר.

    שאלה: מה זה HTML?
    תשובה: HTML, זהו קיצור של Hyper Text Markup Language

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

    טעות נפוצה שבגלל ש-HTML אומר Hyper Text Markup Language אז חושבים שזוהי שפת תכנות(Language) דבר שלא נכון וצריך לדעת מהתחלה.

    מתחילים!
    בשביל ללמוד HTML, הכי טוב זה להתחיל לרשום את הקוד בפנקס רשימות, הכי טוב. כל התוכנות הכבדות מתאימות למתקדמים.
    בינתיים זה יותר טוב שנשתמש בזה.
    בגלל שה-Notepad שבא בהתחלה לא הכי נוח, אני ממליץ על תוכנה שהיא כמו Notepad רק יותר נוח ויוצר לדברים כאלה.
    קוראים לתוכנה Notepad++. בחרו מה שהכי מתאים לכם ותעשו.
    טיפ: כדאי שתשימו את התוכנה על אנגלית, יש אפשרות של עברית אבל אז זה יציג את הטקסט פגום.

    אוקיי, לאחר שיש לנו תוכנה שאפשר לכתוב בה, נפתח את זה, בינתיים לא רשמנו כלום.
    נעשה שמירה בשם ונכתוב שם: MyFile.html או MyFile.htm.
    (אתם יכולים להחליף את ה-MyFile לכל שם שתרצו)
    ההבדל היחידי בין שניהם זה הנקודה ומה שבא אח"כ (.html ו-.htm), זה לא משנה. שניהם בסדר, תבחרו במה שנוח לכם.
    אז נעשה שמירה בשם ככה:
    שם:  2.png
צפיות: 985
גודל:  5.0 קילובייט
    שמרנו את זה בשם "MyFile.html" אפשר גם כך "MyFile.htm", שוב זה לא משנה תבחרו איך שנוח לכם.
    בסוג שמירה עשינו על "All Files", כדי שלא יהיו בעיות.
    בקידוד בחרנו "UTF-8" הקידוד שהכי טוב לעברית.

    נלחץ על אישור. אם נראה ששם הקובץ הולך כך: "MyFile.txt.html" אז יש בעיה, נסו לעשות את זה עוד פעם.

    לאחר שיש לנו קובץ צריך לכתוב לתוכו, בשביל זה נעשה קליק ימני -> פתח באמצעות -> Notepad(או Notepad++).

    שם נרשום את הקוד הבא:
    קוד HTML:
    <!DOCOTYPE HTML>
    <html>
        <head>
            <title>My First WebSite!</title>
        </head>
        <body>
        </body>
    </html>
    כפי שראיתם כל פקודה ב-HTML תיהיה בין התגיות < ו- >. לכל תג פותח (<tag>) יש גם תג סוגר שנרשם אותו דבר רק עם / בהתחלה.
    (</tag>) ברור?

    אז מה רשמנו?

    <!DOCOTYPE HTML>
    מכריז על עמוד HTML, כדי שהדפדפן ידע שפה מתחיל קטע ה-HTML.

    <html>
    מתחיל את קטע ה-HTML (לא מכריז כמו DOCOTYPE)
    <head>
    תג ה-head אומר שזה כל הקטע של "מאחורי הקלעים", אפשר לשים שם דברים כמו כותרת הדף, הגדרת מילות מפתח, הגדרת מילות תיאור ועוד.
    <title>My First WebSite!</title>
    מגדיר את כותרת הדף, נוכל לראות את זה כך:
    שם:  1.PNG
צפיות: 975
גודל:  13.1 קילובייט
    </head>
    תג סוגר ל-head (זוכרים שאמרתי שלכל תג (כמעט) יש גם תג סוגר?).
    <body>
    פה יהיה כל התוכן, כל מה שכתוב.
    </body>
    תג סוגר ל-body (זוכרים שאמרתי שלכל תג (כמעט) יש גם תג סוגר?).
    את הכתוב נשים בין התג <body> לתג </body>.
    </html>
    תג סוגר ל-html (זוכרים שאמרתי שלכל תג (כמעט) יש גם תג סוגר?).

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


    מקורות שימושיים
    http://www.w3schools.com/ - אתר מצויין, אתר מה-W3C העולמי.
    http://www.w3.org/ - אתר ה-W3C, האתר שאחראי על כל תקני ה-HTML, תקני אינטרנט. חשוב להכנס ולהתעדכן מדי פעם.
    http://webmaster.org.il/ - אתר נחמד המלמד שפות לבניית אתרים, שווה כניסה.

    ש.ב
    תתנו לי קוד HTML, כמו שרשמנו שהכותרת(title) תיהיה "Hello World" (את השיעורי בית תשלחו לי אך ורק בפרטי)

    לשיעור הבא
    נערך לאחרונה על ידי -Smoxer-; 09-10-2012 בשעה 16:52.

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

  3. #2
    משתמש מכור האוואטר של Insane123
    שם פרטי
    פרטי , לא ...
    תאריך הצטרפות
    04/2011
    הודעות
    1,241
    לייקים
    106
    נקודות
    34
    משפט מחץ
    HHHHHH LEGEN........WAIT FOR IT ...................DEIRY !!!!
    מין: זכר

    ברירת מחדל

    קראתי והגשתי שיעורים אחי !

  4. #3
    Gran turisimo האוואטר של ProSpect
    תאריך הצטרפות
    01/2011
    הודעות
    12,288
    לייקים
    950
    נקודות
    3,740
    משפט מחץ
    You stop when you're tired. Im stop when im done
    מין: זכר

    ברירת מחדל

    מגיש עוד שנייה.

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

    ברירת מחדל

    וואו אחי, באמת כל הכבוד, הרבה כוח צריך בשביל לכתוב כאלה מדריכים והכל
    אני שלחתי את השיעורים, למדתי כבר HTML ו-CSS ואני מחכה ל-JS,PHP ו-SQL חח

  6. #5
    משתמשת כבוד

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

    ברירת מחדל

    כבר שולחת לך


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

    ברירת מחדל

    השיעורים בדרך
    ".It always seems Impossible until it's done"

  8. #7

    ברירת מחדל

    אתה יכול להסביר למה UTF8 הוא הקידוד הטוב ביותר לעברית? ולא ISO 8859-8 (בוא נגיד ש-SEO לא מעניין אותי), תודה.



  9. #8
    משתמש על רמה האוואטר של EMINƎM
    שם פרטי
    אלעד
    תאריך הצטרפות
    07/2008
    גיל
    25
    הודעות
    4,347
    לייקים
    4
    נקודות
    2,570
    פוסטים בבלוג
    1
    משפט מחץ
    א' - אורז, ב' - בורקס, ג' - גוש בשר גדול, מה היא ד'? זו היא דבע , שאוכלת את הכל!!
    מין: זכר

    ברירת מחדל

    קראתי, שולח לך בעוד מספר דקות

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

    ברירת מחדל

    ציטוט נכתב במקור על ידי martinimi צפיה בהודעה
    אתה יכול להסביר למה UTF8 הוא הקידוד הטוב ביותר לעברית? ולא ISO 8859-8 (בוא נגיד ש-SEO לא מעניין אותי), תודה.
    אם נשים על קידוד
    ISO 8859-8 תצוגת התווים תראה פגומה.
    כלומר אם תרצנה לכתוב משהו יצא לך כך:
    ISO 8859-8:
    .מה שאני רוצה לכתוב
    UTF-8:
    מה שאני רוצה לכתוב.

    (שים לב לנקודה איפה היא)

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

    ברירת מחדל

    אממ בעיה קטנטונת אין לי ב SAVE AS לעשות את הENCODING אז שמתי ש בנוטפד++ עצמו אפשר לעשות עשיתי אבל הטקסט לא יוצא משהו אני ישלח לך את השיעורי בית הראשונים השניים והשלישים יחד ותבין מה אני מתכוון
    נערך לאחרונה על ידי toorbo; 09-10-2012 בשעה 00:21.
    (:

  12. #11
    משתמש כבוד האוואטר של .Dor.
    שם פרטי
    דור
    תאריך הצטרפות
    10/2010
    הודעות
    9,660
    לייקים
    461
    נקודות
    46
    מין: זכר

    ברירת מחדל

    ציטוט נכתב במקור על ידי -Smoxer- צפיה בהודעה
    אם נשים על קידוד
    ISO 8859-8 תצוגת התווים תראה פגומה.
    כלומר אם תרצנה לכתוב משהו יצא לך כך:
    ISO 8859-8:
    .מה שאני רוצה לכתוב
    UTF-8:
    מה שאני רוצה לכתוב.

    (שים לב לנקודה איפה היא)
    שאלה אליך:
    לא הבנתי מה זה אומר ה DOCOTYPE!.
    הקובץ נפתח ונקרא גם בלי זה, ובעבר לא למדתי על הפקודה הזו.
    תוכל להסביר עליה או מדוע היא חשובה? או שלא הבנתי משהו נכון..

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

    ברירת מחדל

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

    (אם תלמד PHP, תבין שלא כל קוד צריך להתחיל ישר ב-docotype)

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

    ברירת מחדל

    תודה.

  15. #14
    מורחקים
    שם פרטי
    דין
    תאריך הצטרפות
    06/2013
    הודעות
    80
    לייקים
    0
    נקודות
    0
    מין: זכר

    ברירת מחדל

    תודה רבה

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

    ברירת מחדל

    איך אני רואה את ''האתר'' שהכנתי? באינטרנט אחרי שעשיתי את הקוד?

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


הרשאות פרסום

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


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

נושאים: 1,753,561 | הודעות: 7,450,945 | משתמשים: 315,626 | המשתמש החדש ביותר: upizijoj | עיצוב גרפי: סטודיו עודד בביוף | קידוד: rellect