|
בושקתה ןדיעל לארשי תנידמ תוכרעה" אשונב תסנכה
ח"ודמ וחקלנ (1,2) םיילוש תורעהו הז ךמסמל אובמה :תורעה
.ותביתכב ףתוש היה ךמסמה רבחמש "עדימהו
אובמ
לע תססובמה ,תינונס תטיש :HTML-ב
תירבע םושייל תוטיש יתש ,וטקפ-הד ,תומייק םויכ
תחא ףאש ,שגדוי .תונולח תכרעמ לש 2תעמתשמה
תירבעה לע תססובמה הטישו ,1תיתוזח תירבע
טנרטניאב תירבעב שומיש תרשפאמ תינונס תטיש .הניחב םושמ ,תינקת הניא
תוטישה יתשמ
טנרטניא יפדב ןייעל ןתינ ןכלו ,תירבע הלעפה תכרעמל קקדזהל ילבמ תונוש
הלעפה תוכרעמב
הטישה תולבגמ לע תרבגתמ תונולח תטיש .תיתוזחה הטישה תולבגמ תחת ,תוצופתב
םג הלאכ
ץוחמ הגישהל ןתינ אלש טעמכ רשא ,תמיוסמ הלעפה תכרעמל תידוחיי איה
םלוא ,תיתוזחה
.לארשיל
(5.3.4 ם"כת) תיתלשממה
טנרטניאה תדעו תטלחה יפ-לעו ,תיתוזחה תירבעה תטיש תטלש םויכ
.טנרטניאה תשרב םייתלשממ עדימ ירתא תגצהל הב שמתשהל שי
.תיתוזחה תירבעה תטיש יפל HTML ךמסמב תירבעה תגצה ןפוא תאו םישגדה
תא גיצי הז ךמסמ
ךמסמב תירבעה יוהיז
השענ הבש תירבעה לש םושייה
תטיש תאו ירבעה ןפוגה תא תוהזל ןפדפדל רשפאל תנמ-לע
.ךמסמה שארב META תיגתב שמתשהל שי ,שומיש
ןועטל תנמ-לע וז תיגתב שומיש השענ Microsoft4
תרבח לש ןפדפדבו Netscape3
ןפדפדב
.המיאתמה תוינוויכב התספדהו תירבעה תגצה תא רשפאל ידכ ןכו ,םיאתמה
ןפוגה תא
:אבה ןפואב עצבתמ תיגתב שומישה
<meta http-equiv=\"Content-Type\"
content=\"text/html; charset=iso-8859-8\">
תאזו ,HEAD-ה תויגת ךותב אצמנה ,HTML-ה
ךמסמ לש ןושארה קלחב תיגתה תא לולכל שי
:אבה ןפואב
|
<HTML>
|
| <HEAD> |
| <meta http-equiv=\"Content-Type\" content=\"text/html;
charset=iso-8859-8\"> |
| </HEAD> |
| <BODY> |
| ךמסמה ןכות עיפומ הז קלחב |
| </BODY> |
| </HTML> |
.HTML-ה ףדל ולשמ META עדימ ףרצמ
(Web Server) עדימה תרש םגש ,ךכל בל םישל שי
ףדב META-ה תויגת ןיבל ,תרשה לש META-ה עדימ ןיב הריתס תמייק אלש
אדוול שי ,ןכל
.ןפדפדב עדימה ףד לש הלופכ הניעטל תומרוג ולא תוריתס .ומצע HTML-ה
META-ה תיגת תא ונממ חלשנה
עדימ ףד לכל ףרציש ךכ עדימה תרש תא רידגהל ןתינ
.עדימ תרש לכל תיפיצפסה תורפסב רזעיהל שי ,ףסונ עדימ תלבקל .תירבעב
הכימתל המיאתמה
ךמסמה ןימיל תירבעה רושיי
תורומאה תוטישה לכבש ,שיגדהל
בושח .ךמסמה ןימיל תירבעה רושייל םיכרד רפסמ תומייק
בשחל שי ןכלו ,ךסמה בחורל םאתהב ללמה לש תיטמוטוא הריבש םע דדומתהל
תורשפא ןיא
הווהמ וז הדבוע .ינדי ןפואב תורושה תא רובשל ויפ-לעו ילמיטפואה ךסמה
בחור תא שארמ
.עדימה יפד ינוב לע םג השקמ איהו תיתוזחה תירבעה תטישב םיירקיעה
תונורסחה דחא תא
:ךסמה ןימיל תירבעה תדמצה תורשפאמה תוטישה תא הנמנ
.<DIV>5 תיגתה תועצמאב תירבעה
תדמצה (1
.ןימיל רשוימ ללמה הבש ,HTML-ה ךמסמ ףוגב הקספ רידגהל ןתינ <DIV>
תיגתה תועצמאב
:אבה ןפואב עצבתמ רבדה
<DIV align=right><NOBR>
...הנושאר הרוש <BR>
...הינש הרוש <BR>
...</NOBR></DIV>
.הרוש תריבש השוריפש ,<BR> תיגתה
תא ףיסוהל שי תירבעב הרוש לכ ףוסבש בל ומיש
.ןפדפדה ךסמ בחור תנטקה תעב תירבעב תוכוראה תורושה תריבש תא תענומ
<NOBR> תיגתה
הכורא הרוש העיפומ םאש הדבועב אטבתמ תורחא תוטיש תמועל וז הטישב
שומישה לש ןורתיה
אלא ,ףדב תורושה ראש לש ןימיל רושייה לע עיפשמ רבדה ןיא ,עדימה ףד
ךותב דחוימב
עובקל תלוכיה-יאב אוה ןורסיחה .ילמיטפואה ןימיל רושייהמ תגרוח הרושה
התוא קר
.תואלבט תועצמאב ןתינש ומכ ךסמה בחורל סחיב ללמה לש יסחיה םוקימה
תא
<PRE> תיגתה תועצמאב תירבעה תדמצה (2
שומיש אלל ךסמה ןימיל תירבעב תורוש לש בר רפסמ דימצהל ןתינ <PRE>
תיגתה תועצמאב
ןיינועמ םהבש HTML-ה ךמסמב םיקלחל הדעונ <PRE> תיגתה .הרוש
לכ ףוסב <BR> תיגתב
םיחוור-הווש ןפוג תועצמאב ךסמה לע עיפומ ללמה .שארמ םיכורע ללמ יעטק
בלשל שמתשמה
ללמה עיפומ ובש (Variable Width) םינתשמ-םיחוור לעב ןפוג תמועל ,(Fixed
Width)
תנמ-לע ,תירבעב הרוש לכ תליחתב םיחוור "ףוחדל" ךרוצה אוה ףסונה ןורסיחה
.ללכ ךרדב
תשרדנה הברה הדובעה לשב ןה ,שומישל תצלמומ הניא וז הטיש .ןימיל תורושה
תא רשייל
תועצמאב ןפדפדה ךסמ לע עיפומה עדימה לש תואירקה תייעב לשב ןהו ךמסמה
תנכה םשל
.םיחוור-הווש ןפוג
<TABLE> תיגתה תועצמאב תירבעה תדמצה (3
איה .הבר ןורמית תלוכי תקפסמ איה ךא ,שומישל רתויב תבכרומה םנמא
איה וז הטיש
ךותב תורוש תריבש תעינמ לע םגו ךסמה בחורל סחיב ללמה םוקימ לע םג
הטילש תרשפאמ
.ךמסמה
:אבה ןפואב עצבתמ רבדה
<TABLE width=x%><TR><TD
align=right NOWRAP>
...הנושאר הרוש <BR>
...הינש הרוש <BR>
</TD></TR>
</TABLE>
:םיאבה םיטרפל בל ומיש
תא םקמל וז ךרדב ןתינ .ךסמה בחורל תיסחי הלבטה בחור תא רידגהל רשפאמ
- x וא x%
.ןפדפדה ךסמ בחורל םיוסמ םוקמב (םילסקיפב) טלחומ וא (םיזוחאב) יסחי
ןפואב ללמה
600-ה ביבס ענ עצוממ ךסמ בחורש ןובשחב תחקל שי םיטלחומ םיכרעב םישמתשמ
רשאכ
אל - הרושה בחורמ ןטק ןפדפדה ךסמ בחור רשאכ םג .תורוש תריבש ענומ
- NOWRAP .םילסקיפ
.ךסמה לע עיפומה ירבעה ללמה תא 6שבשמ
רשא רבד ,ללמה תורוש ורבשיי
<P>7 תיגתה תועצמאב תירבעב
תואקספ תדמצה (4
ץלמומ וז תיגתב שומישה .עדימ ףד ךותב תירבע הקספ םקמל ןתינ <P>
תיגתה תועצמאב
ןפואב השענ שומישה .תדדוב הרושל וא ,תירבעב שומיש םהב השענש ,םירצק
םיעטקל קר
:אבה
<P align=right>
...הרוש
</P>
ללמה תדמצה םשל <P> תיגתב המולע
הביסמ םישמתשמ םילילמת ידבעמ לש םיבר םיריממ
.יתייעבו בכרומל ךמסמב לופיטה תא ךפוהו יוצר וניא הז רבד .ןימיל
ירבעה
ךמסמה אשונ תביתכ
תרגסמ לע בורל ,ומצע ךמסמהמ
דרפנב עיפומ TITLE-ה תיגת ךותב עיפומה ירבעה ללמה
.TITLE-ה תיגת לש ללמה לע תולח ןניא ןפדפדב תורדגומש ןפוגה גוסו
ללמה תועיבק .ןולחה
ללמ .שמתשמה לש הלעפהה תכרעמ ידי-לע קרו ךא עבקנ הז ללמ לש ותגצה
ןפוא ,ךכ םושמ
תונולחב גצוי הז עדימ ףד רשאכ ,ךופה עיפוי וז תיגת ךותב עיפומה תיתוזח
תירבעב
תירבעב TITLE-ה תיגתב עיפומה ללמה תא בותכל ץלמומ ,ןכל .MicroSoft
לש תירבע-יכמות
.תיתוזח תירבעב אלו תעמתשמ
םיספטב שומיש
םירשפאמה םיבר תודש םימייק
.ודוביעו תרשל שמתשמהמ ללמ לש חולשמ םירשפאמ םיספט
ינפל FONT תיגתב שמתשהל שי ולא תודשב ירבע ןפוג תגצה רשפאל תנמ-לע
.ללמ תטילק
:אבה ןפואב תאזו ,תיגתב שומישה
INPUT תיגתה עיפומ םהב תודש רובע
<FONT face="Arial (hebrew)">
<INPUT TYPE=" הדשה גוס " NAME=" הדשה םש " SIZE=" לדוג " VALUE="
יתלחתה ךרע ">
</FONT>
SELECT תיגתה עיפומ םהב תודש רובע
<FONT face="Courier New
(hebrew)">
<SELECT NAME=" הדשה םש "> ךרע
</FONT>
תירבעב ללמ טולקל היעב תמייק (3 אסרגב
Netscape ,לשמל) םינפדפדהמ קלחבש בל ומיש
.TextArea-ה הדשב
טלחומ ןפואב םייולת םהב שמתשהל ןתינש םינפוגה יגוסו HTML יספטב טלפ/טלקה
לוהינ
תיתוזח תירבעב ףרוג ןפואב שמתשהל ןתינ אל ,ןכל .שמתשמה לש תיפיצפסה
הלעפהה תכרעמב
.הלעפהה תוכרעמ לש םיגוסה ינש רובע תוחפל ספוטה תא תונבל ךירצ אלא
,תעמתשמ וא
8תישממ הכימת עיפות אל ,תעמתשמ תירבעב
תוכמות ןניאש תוכרעמב יכ ררבתמ ,תאז תורמל
תוכרעמל םיספט תיינבב קפתסהל ןתינ ,םויכ םיניינעה בצמב ,ןכ לע .תירבעב
טלפ/טלקב
.דבלב תעמתשמ תירבעב תושמתשמה הלעפה
JavaScript תפש
תירבעה גוס .עדימה ףדל שמתשמה
ןיב היצקארטניאה תא רפשל תרשפאמ JavaScript תפש
ןפדפד ןולח םיחתופ םא ,לשמל .םושייה לעופ הבש הלעפהה תכרעמב יולת
םישמתשמ הבש
alert גוסמ ןולח לש החיתפ ,םלוא .תיתוזח תירבעב שמתשהל שי ,וכותל
םיבתוכו שדח
,בוש ,היולת תעמתשמ וא תיתוזח תירבעב שומיש ןיב הריחבה .ותגצה ינפל
הקידב בייחת
.הלעפהה תכרעמב
.JavaScript-ב ירבע ללמ תביתכ לש םירוזאה לכ תא טרפל ידכ העיריה
רצקת הז ךמסמב
.שמתשמה לש תיפיצפסה הלעפהה תכרעממ עפשומ תויהל יושע רוזא לכ
תונוש הלעפה תוכרעמב תירבעב הכימת
לופיטב ינושה ןמ תועבונ ןהו
,תירבעב HTML יכמסמ תביתכב תוררועתמ תופסונ תויעב רפסמ
תונולח :תוצופנה הלעפהה תוכרעמ שולשל ןאכ סחייתנ .תונושה הלעפהה
תוכרעמב תירבעב
שוטניקמ ,תירבעב תוכמות ןניאש תואסרגב תונולח ,תירבעב תוכמותה -95ו
3.11 תואסרגב
הכימתה גוס (1 :םיביכרמ השולש לש היצקנופ אוה הלעפהה תוכרעמ ןיב
לדבהה .סקינויו
רסוח (3 ;תעמתשמ תירבע םושייל שמשמה םתירוגלאה (2 ;(תעמתשמ וא תיתוזח)
תירבעב
ןימימ ירבע ללמ תביתכ רשפאמ וניא רשא ,הלעפהה תכרעמ תמרב תירבעב
הכימתב טלחומ
.לאמשל
תירבע-יכמות םימושיי ושרדנ אל הכ דע .תירבעב שומישבש תויתייעבה תא
דדיח טנרטניאה
לע ורצונש עדימ יפד טנרטניאה ןדיעב ןכש ,תונוש הלעפה תוכרעמ לע תינמז-וב
לועפל
תוכרעמ ןיב תירבעה םושייב ינושה .ךפיהלו תונולח תביבסל דודנל םילוכי
שוטניקמ יבשחמ
,יהשלכ תרתוכש םתעתפהל וליג םישמתשמ רשאכ חטשה ינפ לע הלעו ץצ תונושה
הלעפהה
.היינש הלעפה תכרעמב ךכ העיפוה אל ,הניקת הרוצב העיפוה תחא הלעפה
תכרעמב רשא
ןיא .תונוש הלעפה תוכרעמב םיספט םע דובעל תורשפאל עגונש המב בצמה
אוה ךכמ רומח
שמתשמה לש וביל-תמושתל איבהל בושח ךא ,םילדבהה לש םקמועל סנכיהל
הז ךמסמ תנווכב
ןפוא תא ןוחבל אוה ,ונתעד תוינעל ,ןורתפה .אשונל ותונריע תא ררועלו
םמויק רבד תא
רורחש ינפל ,הצקה שמתשמל תוילאיצנטופ ןהש הלעפה תוכרעמ רפסמב עדימה
יפד תגצה
.תשרל םושייה
םיפסונ
םיאשונ
:תיתוזח תירבעב HTML יכמסמ
תביתכב תוררועתמ תופסונ תויעב רפסמ
לש ןולחל ןפדפדה ןולחמ ללמ לש (Cut & Paste) הקתעה - ןולחל ןולחמ
ללמ תקתעה (1
אלו הבר העתפהב תאז םילגמ םישמתשמ .תיתייעב איה תונולחה תכרעמב םילילמתה
דבעמ
רדסב הכופה איהש ,תיתוזחה תירבעב שומישמ עבונ רבדה.ךופה אצוי ללמה
עודמ םיניבמ
היעבה ןורתפ .תונולח תכרעמב םימושייה בור םישמתשמ הבש ,תעמתשמה תירבעה
ןמ התביתכ
קושב םימייק .תירבעה תא ךופהל תורשפאמה ,םייניב תונכותב רזעיהל שיו
טושפ וניא
RTLSoft תרבח לש םושיי .Public Domain-ה םוחתב םקלחו םיירחסמ םקלח
- תונורתפ המכ
תבותכב תינונס רתאמ ודירוהל ןתינו םולשת אלל קלוחמ
.http://www.snunit.k12.il/heb.html
ןפוגה ללגב תיתייעב איה תיתוזח תירבע ליכמה ןולחמ ללמה תספדה - ללמה
תספדה (2
תונולחה תכרעמב ליגר ןפוג וניא תיתוזח תירבעל שמשמה ןפוגה .הספדהה
תעב םישמתשמ ובש
ןפדפדב .היעבל תונורתפ רפסמ םימייק .הספדהה תעב םיישק רצוי אוה ךכיפלו
,תירבעה
םיצבק תספדהב ךמות ןפדפדהש ךכב תאזו ,ןיטולחל היעבה הרתפנ MicroSoft
תרבח לש
תואסרגב וא םירחא םינפדפדב הספדהה תייעב ןורתפ לע ףסונ עדימל .תיתוזח
תירבעב
תבותכב תינונס רתאב עדימ ואר ,תירבעב ךמות וניא רשא ,MicroSoft תרבח
ןפדפד לש
.http://www.snunit.k12.il/heb.html
:תורעה
ריינ לע גצומ אוה ובש רדסה ותואב בשחמב
טסקטה גצוימ (Visual) תיתוזחה הטישב (1
כ"חא ,e כ"חא ,o כ"חא ,J :ידי-לע גצויי "Joe ומש" ףצרה ,אמגודל .בשחמה
גצ לע וא
השיג .הביתכה תנוכמ לש התטיש יהוז ,וצרת םא .ש ףוסבלו ,מ כ"חא ,ו
כ"חא ,חוור
הרושמ השילג ,תורוש תכירע) טסקטה דוביעב םיבר םיישקל תמרוג ךא ,םושייל
הלק וז
ילאוזיו טסקט גוציי .(דועו טסקט ןוימ ,טסקט תדלקה ,םיוות ילדוג יוניש
,הרושל
,(הנוש ךרואב) תורושה תא שדחמ ךורעל הסננ םא תואירק יתלבו "תורזומ"
תואצותל םרוג
ינורטקלא ראודב ,טנרטניאה תשרב תירבע גוצייל קוה-דא ןורתפכ הצמוא
וז השיג .לשמל
.םיטעמ אל (WWW) טנרטניא ירתאבו
,ארקנ
וא בתכנ אוה ובש רדסה ותואב בשחמב טסקטה גצוימ (Implicit) תעמתשמה
הטישב (2
ישארה טסקטה ןוויכש החנהב ,ליעלד "Joe ומש" ףצרה .תועמשמ לבקמ אוה
וב רדסה רמולכ
כ"חא ,חוור כ"חא ,ו כ"חא ,מ כ"חא ,ש :ידי-לע גצויי ,(לאמשל ןימימ)
ירבע אוה
הטיש .טסקטה לש תונוכנ הספדהו הגצהל תיארחא בשחמה תנכות .e ףוסבלו
,o כ"חא ,J
עיגהל שי ,ףסונב .ילאיבירט וניא הנכותב המושיי ךא ,טסקטב םדקתמ לופיטל
המיאתמ וז
.תוינוויכה רדגות ובש (םתירוגלא) הטישה יבגל המכסהל
.תירבעה
הפשל יהשלכ תוסחייתה התיה אל 4 דע 1 תואסרגב Netscape תרבח ןפדפדב
(3
הכימתב לדבה םייק ,תאז תורמל .תיתוזח תירבעב שומישה לש אצוי לעופ
איה תירבעב הכימתה
תואסרגה ןיב םיספטב שומיש ומכ ,תשרב תירבעב הדובע לש םינוש םיטביהב
רצומה לש
תואסרגב תירבעה הפשב הכימת ףיסוהל התנווכבש העידוה Netscape תרבח
.רצומה לש תונושה
תבותכב הרבחה רתאמ ןפדפדה לש קתוע דירוהל ןתינ .רצומה לש רתוי תומדקתמ
http://home.netscape.com/
,Internet
Explorer הנוכמה ,Microsoft תרבח לש ןפדפדה ,הז ךמסמ תביתכ ןמזל
ןוכנ (4
תבותכב הרבחה רתאמ ןפדפדה לש וז אסרג דירוהל ןתינ .3.02 אסרגב תירבעב
ךמות
הכימת ןיא ןפדפדה לש רתוי תומדקתמ תואסרגב http://www.microsoft.com/israel
.תילגנאב אסרגה תאיצי רחאל םישדוח רפסמ קר בורל תקוושמ וז הכימתו
תירבעב תיטמוטוא
:האר
ףסונ עדימל (5
developer.netscape.com/library/documentation/htmlguid/tags1.htm#1091526
תכפוה
,התריבש רחאל ,הכורא הרושש ךכב אטבתמ תורוש תריבש תעב ירבעה ללמה
שוביש (6
ררושמה רפיסש רופיסה" :האבה הכוראה הרושה ,אמגודל .שבושמ האירק ףצר
םע תורוש יתשל
האירקה ףצרש תורוש יתשל ךופהת ,התריבש רחאל ,"תודליה ימימ תוישיא
תויווח אלמ היה
."ררושמה רפיסש רופיסה תודליה ימימ תוישיא תויווח אלמ היה" :אבה
טפשמה תא רצוי ןהלש
.הרושב הלימ לכ לע לופיל הלוכיו תירקמ איה הריבשה
:האר
ףסונ עדימל (7
developer.netscape.com/library/documentation/htmlguid/tags3.htm#1006012
ןוויכמ
,תירבעב ללמה תא דילקהל ןתינ אל ,תירבעב הכימת תוללוכ ןניאש תוכרעמב
(8
.לאמשל ןימימ תירבע תביתכב הכימת ולא תוכרעמב תמייק אלש
|
