מאמרים אחרונים מאמרים אחרונים
14/11/2019 20:00
מה עושה קידום אתרים בגוגל (SEO) לקידום אתרים איכותי? איך עושים קידום אתרים נכון? במה מיוחד קידום אתר...
23/01/2019 15:14
אנו במיזם גרופ קיבלנו את תו אמון הציבור להגינות בעסקים.
24/10/2018 19:39
מתכנן הקמת חנות מתנות מקוונת? אספנו עבורך כל מה שחשוב לדעת לפני שאתה יוצא לדרך.
15/09/2018 19:27
יש לך עסק למכירת רהיטים או שאתה מתכנן אחד כזה בקרוב? קרא איך הקמת חנות וירטואלית למכירה של רהיטים בא...
06/09/2018 18:05
מחשבים זו אהבת חייך? האם חשבת למכור מחשבים, טלפונים סלולריים, קונסולות משחק וציוד היקפי באינטרנט? המ...
תגובות אחרונות תגובות אחרונות
תהליך בניית אתרים
17/10/2019 13:13
אחלה מאמר! ערך מעולה!
בניית חנות וירטואלית
29/08/2018 13:50
חברה לבניית אתר וחנות וירטואלי...
שפת שרת מול שפת לקוח
04/07/2018 15:45
היי, השפות PHP ו-PYTHON שתי...

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

»
»
מדריך 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
או מלא את הטופס להלן: