בעזרת השם יתברך נעשה ונצליח
אור נקי רוני פיזנטי

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

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

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

כדי לבנות אתר אינטרנט פשוט ניתן להשתמש בקוד 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.

אודות כותב המאמר : ראובן פיזנטי

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

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

  • קבלת עדכונים למייל

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

  • מחפשים את האמת - דיסק שמע

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

  • דברי תורה נצפים ביותר

  • שיר חיזוק - אל תתעלם

  • דפים נצפים ביותר

  • איך להיות מאושרים

  • כניסת מנהלים