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


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

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

[שיעור מס' 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), זה לא משנה. שניהם בסדר, תבחרו במה שנוח לכם.
    אז נעשה שמירה בשם ככה:
    קובץ מצורף 13782
    שמרנו את זה בשם "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>
    מגדיר את כותרת הדף, נוכל לראות את זה כך:
    קובץ מצורף 13781
    </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 בשעה 17:54.

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

+ תגובה לנושא


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

הרשאות פרסום

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


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

נושאים: 2,449,538 | הודעות: 8,150,120 | משתמשים: 315,603 | המשתמש החדש ביותר: upizijoj | עיצוב גרפי: סטודיו עודד בביוף | קידוד: rellect