Site hosted by Angelfire.com: Build your free website today!

מדריך מקוצר ליצירת דף אינטרנט

 

1.      ליצירת דף HTML ריק לחלוטין -  לחץ על התחל, הפעלה, ורשום בשורת הפקודה את המילה edit ושם האתר  לפי רצונך עם סיומת HTML. לדוגמא: edit boaz.html והקש על אנטר. בחלון שנפתח הקש על 1 ואנטר. לאחר מכן הקש על צירוף המקשים alt+f  ובחלון שהתקבל לחץ על X   וצא מהאדיטור.   נוצר לך דף אינטרנט על שולחן העבודה.

2.      לעריכת דף אינטרנט ויצירת השלד הבסיסי - כנס לאתר שיצרת על שולחן העבודה לחץ על תצוגה, מקור ובפנקס הרשימות שפתחת.  מחק כל דבר שהיה לפני כן. הצמד את התצוגה לשמאל ע"י לחיצה על ctrl + shift שמאלי  ורשום את השורות הבאות:

 

<html>

<head>

<title>

</title>

</head>

<body>

</body>

</html>

 לחץ על קובץ ושמור.

הקטן את החלון ולחץ בחלון הדפדפן על רענן.

הדפדפן קיבל את השינויים שבצעת

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

 

3.      לרישום הכותרת שתופיע בשורת המשימות – עבור לפנקס הרשימות  ופתח שורה מתחת לתגית <title>  . רשום בה בעברית: האתר המגניב שלי . לחץ על קובץ שמור  ובחלון הדפדפן לחץ על רענן.   שים לב שהכותרת בשורת המשימות ובפס הכותרת העליון השתנתה למה שכתבת. (אבל האתר עדיין ריק)

4.      לכתיבת טקסט פשוט – רשום בין התגיות< <body </body>את הטקסט הרצוי שמור ורענן. הטקס יופיע בדפדפן.

5.      להגדלת הכתב תחום אותו בתגיות <h1> </h1> זהו הכתב הגדול ביותר אפשר   h2 או h3  לכתב ביניים

6.      מאפייני כתב -  <font size=”4” face=”david” color= “blue”>text </font>

7.      להדגשת הכתב - </b> הכתב < b>

8.      להוספת צבע רקע לדף רשום את התגית  body  כך: <body bgcolor=”red”>

9.      לרדת שורה <br/>

10.  לשמור על מעבר שורות מטקסט שהעתקנו ממקום אחר – שים אותו בין התגיות <pre> </pre>

11.  הערה שלא תוצג  <!  Text >

12.  להוספת רווח  הצרוף &nbsp

13.  מרכוז טקסט <p/>  הפיסקה < “center”  = align  p>

14.  יצירת קו אופקי </hr>

15.   קישור טקס לאתר או לקובץ   </a> שם האתר  < " כתובת האתר/הקובץ" =  href  a >

16.  קישור לדואר   < /a> שלח  דואר < " כתובת הדואר:mailto " = href a >

17.  הוספת תמונה </ " שם התמונה" = src img >

18.  קביעת גודל התמונה
 </
width=”250” height=”150” " כתובת התמונה" = src img >
אם מציינים רק רוחב הגובה מתעדכן באותו יחס.

19.   קישור ותמונה -
 <
/a> </ " שם התמונה"= src img>שם אתר  < " כתובת האתר"=href a>

20.   מסגרת לתמונה  - </border=”4”  " כתובת התמונה" = src img >

21.   טקסט לסמן העכבר - </alt=”text”  " כתובת התמונה" = src img >

22.   רקע מתמונה > "שם התמונה" = background body>

23.    הוספת מוסיקה<embed src="bon.mp3" autostart=false hidden=false >

24.    Hidden=false מציג את הצג של הרדיו.  Autostart קובע הפעלה אוטומטית של השיר

25.   כתובית מטיילת - שתנועה הלוך וחזור <marquee behavior =”alternate”>
                                                הטקסט או התמונה

תגית סוגרת   </marquee>

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

 

 

 

 

 

 

 


מכינים את האתר הראשי שיקרא:     frame.html   לפי הקוד שלהלן

<html>

   <frameset cols="85%, 15%">

    <frame src="main.html" name="main" />

    <frame src="menu.html" />

</frameset>

</html>

27.   צור אתר בסיסי עם רקע צהוב, או מה שתרצה, בשם: main.html להלן דוגמא לקוד שלו: <html><body bgcolor=”yellow”></body></html>

28.   משיגים כתובות של אתרים עם משחקים, בדיחות, שירים וחידונים

29.   מכינים דף בשם  menu.html שנראה כך

 <html>

  <head>

  </head>

  <body bgcolor=”red”>

 <a href="http://www.zeeks.com/" target="main">משחקים</a><br> 

 <a href="http://www.jokes.co.il/" target="main">בדיחות</a><br>

 <a href="http://www.fly.to/hebrewmp3" target="main">שירים  </a><br>

 <a href="http://www.etgarim.co.il/" target="main">חידות</a><br>

  </body>

</html>

30.    נשמור ונפתח את אתר frame.html

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