מאמרים אחרונים מאמרים אחרונים
22/06/2020 16:11
בניית חנות וירטואלית למכירת שולחנות וכדורי פינג פונג
21/06/2020 18:08
בניית חנות מקוונת למכירת שטיחים בשתי שפות
21/06/2020 17:52
בניית חנות וירטואלית למוצרי שיער, מכשירי תספורת וציוד למספרות
17/06/2020 18:48
הקמה של חנות באינטרנט למכירה של מדבקות קיר מעוצבות
04/06/2020 16:01
בניית חנות באינטרנט למכירת מוצרי סלולר ומחשבים
תגובות אחרונות תגובות אחרונות
עיצוב רווחים ושוליים
21/04/2020 12:37
היי, קוד ה-CSS יכול להרשם בכל...
עיצוב רווחים ושוליים
02/04/2020 6:24
את העיצוב בשפת css כותבים בדף ...
תהליך בניית אתרים
17/10/2019 13:13
אחלה מאמר! ערך מעולה!

מדריך HTML5 - מתחילים

  1. דף הבית
  2. מדריך HTML5
  3. מדריך HTML5 - מתחילים

בניית אתר ב-HTML5 - הכנות לקראת תחילת העבודה.

מדריך HTML5

שפת HTML5 מורכבת מתגיות, כאשר כל תגית מגדירה סמנטיקה מסויימת או אובייקט מסויים על המסך: פיסקה, שורה חדשה, כותרת, קישור – כל אלה ועוד מוגדרים ע"י תגיות במסמך HTML5. עיצוב האובייקטים הללו (למשל עיצוב פיסקה, עיצוב מראה הקישור, וכו') מוגדר בקובץ CSS או בשמו המלא Cascading Style Sheets.

כל אחד יכול לבנות דפי אינטרנט ולעצב אותם באמצעות שפת HTML5. לצורך כך, ניתן להשתמש בעורך טקסט מכל סוג שהוא. אנו ממליצים על ++Notepad. לחצו כאן להורדת ++Notepad. אנו ממליצים למי שעובד עם כלי זה, לשמור את קבצי ה-HTML5 בפורמט UTF-8 כדי שהאתר שהוא בונה יתמוך בכתיבה בריבוי שפות (לרבות עברית) ועל מנת ששפות שונות לא יראו על דפדפנים שונים כג'יבריש. לשם כך, יש להכנס בתוכנה ל- encoding ושם לבחור את האפשרות UTF-8 without BOM.

בתור נסיון ראשוני, הכינו מסמך חדש כדי שתוכלו להתחיל לעבוד. המבנה הבסיסי של הקובץ נראה כך:

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
        <p>hello world!</p>
    </body>
</html>

שמרו אותו על ה-Desktop כקובץ html (למשל בשם hello.html) וגררו אותו לדפדפן שלכם. מה שתראו בעמוד אמור להיות:

hello world!

בקישור הבא ניתן לבדוק בקלות את תקינות הקוד שלנו לפי הסטנדרטים של ארגון W3C לכתיבת קוד xhtml: בדיקת ואלידציה. חזרו על הבדיקה מידי פעם בשלבי כתיבת הקוד.

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

 

הוספת תגובה

עבודה על הדפדפן

06/02/2013 13:09
דוד כהן
אתה לא צריך אתר כדי לבדוק את קוד ה-HTML. מספיק לפתוח את הקוד שאתה כותב על הדפדפן (אקספלורר, פיירפוקס, כרום וכו').
הדפדפן הוא התוכנה שאיתה אתה מתחבר לאינטרנט וגולש.

תודה,
דוד

דפדפן

04/02/2013 17:16
עמית
שלום שמעי עמית,
אני מאוד חדש בעניין ואין לי מושג איזה דפדפן מדובר אין לי אתר ואין לי שום דבר.
איפה אני אמור לראות את כל זה?

יצירת עמוד HTML

19/07/2012 14:23
דוד כהן
היי אורית,

ודאי כי את שומרת את הקובץ עם סיומת html. או htm. ולאחר מכן פתחי אותו באמצעות הדפדפן (פשוט הקלקה כפולה על המסמך אמורה לפתוח אותו).

תודה,
דוד

לא מצליח

19/07/2012 10:40
אורית דוד
עברתי על ההוראות במדויק, אפילו עשיתי copy וpaste ממה שאתם הראתם כאן למעלה אך כאשר אני לוחצת על הקובץ לפתיחה, יש לי עמוד לבן ריק.....

רוצה שנקפיץ גם את העסק שלך?

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

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

 

לא מהססים! ממלאים את הטופס או מתקשרים עכשיו 077-7644819

 
שנקפיץ לך את העסק?
לחץ כאן
התקשר עכשיו 077-7644819
או מלא את הטופס להלן: