מדריך לבניית אתר פשוט ובסיסי לאינטרנט

ב׳ בתמוז תשע״ב | עוד מדריכי בניית אתרים

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

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

<p>Hello</p>

שורת הקוד הזו תכניס את המלה Hello בתוך פיסקה, משום שהתג <p> מציין פיסקה. שימו לב שהתג הסוגר זהה לתג הפותח רק שמופיע בתוכו התו "/". המבנה הכללי של מסמך הHTML הוא כזה:

<html>
<head>
כאן החלק של ראש המסמך
</head>
<body>
כאן החלק של גוף המסמך
</body>
</html>

בתחילת המסמך אנו מכריזים על מסמך HTML ובסופו אנו סוגרים את אותו התג. לאחר מכן ישנו החלק של ראש המסמך עם תג פותח של HEAD. החלק של ראש המסמך יכיל הגדרות שונות או שאר הדברים הקשורים ומשפיעים על המסמך הכללי, אך אינם מוצגים בגופו. למשל כותרת המסמך, הגדרת מלות מפתח, קידוד וכו'. לאחר שהגדרנו את כל מה שרצינו, אנו סוגרים את התג. מה שנשאר לבסוף הוא להתחיל לכתוב את גוף המסמך מיד לאחר תג פותח של BODY, כאשר בסיומו ישנו התג הסוגר שלו. גוף המסמך הוא החלק שאנו רואים, שמוצג בתוך הדפדפן. אם למשל נכתוב טקסט כלשהו בתוך גוף המסמך, אותו טקסט יופיע בדף האינטרנט שיצרנו.

תגי HTML נוספים שכדאי להכיר היטב הם אלו:

<br>

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

<img src="aaaa.jpg" />

הוספת תמונה כלשהי, כאשר השם aaaa.jpg מייצג את שם התמונה, שכמובן יכולה להיות גם עם סיומת אחרת ולאו דווקא JPG.

<a href="aaaa.html">AAA</a>

קישור לדף אחר כלשהו, כאשר הדף אליו אנו רוצים לקשר הוא aaaa.html (כל אחד יכניס את שם הקובץ אליו הוא רוצה לקשר), והטקסט שיופיע שעליו למעשה יוכלו ללחוץ כדי להגיע לאותו הדף הוא AAA.

<h1>AA</h1>

כותרת ראשית, כאשר הטקסט AA הוא הכותרת. ניתן להשתמש במספרים 1-6 לסוגי כותרות כאשר 1 מייצג כותרת ראשית, 2 כותרת משנית וכו'… כדי להפוך טקסט כלשהו לכותרת שלישית למשל, נשתמש בתג H3.

צריכים עזרה? נתקעתם עם ההורדה? ההתקנה מסובכת? הוסיפו תגובה

רוצים דברים נוספים בחינם?

הכניסו את האימייל שלכם כדי לקבל אליו את התוכן החינמי החדש שמתפרסם באתר.

כתיבת תגובה

האימייל לא יוצג באתר.