טנרטניאב תירבע

!שדח תירבעב טנרטניא יפדמ הכופה תירבע תרמה

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

יתרואת רבסה
תילאוזיו תירבע
תיגול תירבע
הנומתב תירבע
םיצופנה םינפדפדהו תירבע

.טנרטניאב םג ,תירבעב אורקל םיפידעמ ,עבטה ךרדב ,ונתאמ םיבר
.טושפ ךכ לכ אל הזש ,רבתסמ
?היעבה המ
השעמל והז HTML :HyperText markup Language דוקב םיבתכנ טנרטניאה יפד
ונא םתרזעב ,טנרטניאה ינפדפדש ,םיגט וכותב בלשמה ,תילגנאב טסקט ץבוק
תכרעמ ,בשחמב יולת יתלב תויהל ןנכות HTML-ה .םתוא חנעפל םיעדוי "םישלוג"
בשחמ לכ לע אירק היהי HTML ףד לכ ילאידיא ןפואבש ךכ ,ןפדפדהו הלעפהה
תירבעב רבודמשכ קיודמ אל ירמגל לבא ,תילגנא יבגל ןוכנ הז ,ןפדפד לכ תרזעבו
(..תינפי ,תיברע :תורחא תופשב םגו)

?עודמ

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

.תויניטלה תויתואה ןמ ןיטולחל תונוש ,ןמצע תויתואה - םיוותה .ב

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

ולאכ תועומש לבא ,ימשר ןקת זרכוי ,בורקב שממ ,בורקבש תועומש תובבותסמ
.בר ןמז רבכ תובבותסמ

(visual) תיתוזח - תילאוזיוה הטישה

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

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

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

"תעמתשמ"ה וא ,תיגולה הטישה :Logical

. Internet Explorer-ו טפוסורקימ לש הטישה םצעב איה

תכרעמ לע םינקתומה םיירבעה םינפוגב שומיש ךות תירבע תגצה תרשפאמ תאז הטיש
רבד ןיקתהל שרדנ וניא שמתשמהש ךכב הנורתי .תופסונ תונקתהב ךרוצ אלל הלעפה
תכרעמב ךרוצ שיש ךכב אוה ירקיעה ונורסח .תירבעב תכמות ולש טוטישה תנכות םא
תולעב win 95-98 וא win 3.11 הלעפה תכרעמ - רמוא הזו תירבע "הניבמ"ה הלעפה
.תירבע הכימת
.תיגול תירבעב םיבתכנה םירתא אורקל תלגוסמ הניא פייקטנ
:ררולפסקאב קר ךירצש ומכ הארנו ,תיגול תירבעב בותכה רתאל אמגוד
www.microsoft.com/israel

:הכופה תירבע

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

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

:4 ררולפסקא ישמתשמל

רבכעה לש ינמיה רותפכה םע ושיקה
וא הנומת לע אל) ףדב קיר םוקמב
ורחב החתפנש המישרהמ (רושיק
-iso-visualו (הפש) language
תא רתופ אל הז םא (תיתוזח-וזיא)
לש תרחא תורשפא וסנ היעבה
.תירבעה

קר ,המוד ןורתפה 5 ררולפסקאב
םושר Language םוקמבש
םימעפלו (דודיק) Encoding
עיגהל ידכ more רוחבל ךירצ
.תוירשפאהמ קלחל

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

(3 הסריגב ררולפסקאב םג ןפוגה תא ןיקתהל יוצר) .ירבע ןפוג ןיקתהל ךרוצ שי פייקסנב
.םיפסונ תומוקמ הברהבו הלאווב םירבסה םע ,ולאכ םינפוג  אוצמל רשפא
:תונולח ישמתשמל
webfont ץבוק תדרוה
:שוטנקמ ישמתשמל
םיירבע םינפוג תדרוה
ץבוקל רבסה תדרוה

:אבה רושיקב אורקל ץלמומ - שדח ןפוג ןיקתהל ךיא עדוי אלש ימל
95/98 תונולחב םינפוג תנקתה

ביגהל קיספהל פייקסנמ ענמתש הטושפ הלועפ עצבל שי ,ןפוגה לש הנקתה ינפל
.טנופה תנקתה תעב
םירחובו פייקסטנ לש תונורחאה תואסריגה תחא תא םיחתופשכ :היעבה
רבכעה םע הנוש ןפוג רוחבל םיסנמ זאו edit -> preferences -> fonts
.reset-מ ץוח תושעל המ ןיאו עקתנ בשחמה -
םיציחה תרזעב רוחבלו רבכעב שומישהמ ענמהל - דחאה :היעבל תונורתפ ינש שי
.חונ אל יכ םא ,חילצמ הז םימעפל - tab-ה שקמו

סנכיהל :חוטב רתוי לבא ךבוסמ רתוי תצק ילוא אוהש ,ינשהו
ןפוגה לע רבכעה לש ינמיה רותפכה םע שיקהלו םינפוג< - הרקבה חול < - ילש בשחמל
  רדתסהל רשפא .(קחמ)delete  רוחבלוTime New Roman backslash
.הראותש היעבה תא  אלפ  חרואב תענומ ותקיחמו ,הזה ןפוגה ילב םג 

:רויאב ןיוצמכ רוחבל שי תעכ

,היעב שי םא .וללה תורדגהה םע ,פייקסטנה תרזעב תירבע תוארל ןתינ םירתאה בורב
Web Hebrew AD םוקמב Arial(Hebrew) ומכ ירבע טנופ רוחבל תוסנל רשפא
םלעתהל רחב רתאה רצויש הארנכ - םשו הפ תירבע תוארל םיחילצמ אל םתא תאז לכב םא
.םימעפל הרוק הז - פייקסטנ ישמתשממ

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

תירבע םיבותכה טנרטניא יפדב תורושה רדסב םישוביש

דאמ השקמה רבד ,ושבתשה תורושה יכ תוארלו תירבע בותכה טנרטניא ףדל עיגהל רידנ אל

:אמגודל . טסקטה תאירק לע

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

(רתאה רצוי י"ע רדגוהש הזמ הנוש טסקטב שמתשמ התאש ךכמ םג תמרגנ היעבה םימעפל)
הריחב י"ע פייקסנב .טסקטה תנטקה י"ע הטושפ הרוצב היעבה תא רותפל ןתינ
טנרטניאב .]-Ctrl םישקמה ףורצ י"ע וא View -> Decrease font :טירפתב
( הסריגב יולת - text size וא )view-> fonts טירפתב רוחבל שי : ררולפסקא
. smaller זאו
הארמל תורזוח תורושהו השילגב ךרוצ ןיאש ךכ תורושה תא תרצקמ טסקטה תנטקה
."ילמרונ"ה

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

תא אורקל ידכ הארמב שמתשהל לכונ - היעבה לע רבגתהל הטושפ דאמ ךרד ןיא
(אבה ףיעסב האר) HtmlFlip לשמל ומכ רזע תנכותב ,רתוי ץלמומ וא ...בותכה
לע ץחלנו הנכותל קיתענ (טושפ טסקט) plain text לש mode רחבנ הז הרקמב
.flip

:הטמל האצותהו
תורשקתה תועש רפסמ תקידב ,אמסיס יוניש לש םיתורשה
רוביחה לע םיטרפו
תינמז םילעופ םניא
תועדומה חולב תועדומ רחא ובקע אנ
"בושקת" ףיעסב

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

םירתאה ינובל םיפיט

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

?תירבע םיבתוכ תאז לכב ךיא זא

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

                        http://t2.technion.ac.il/~salon0/html_flip/htmlflip.zip

םישמתשמ םתא הב הנכותה םא- <FONT FACE=""> גתב שומישמ ענמהל שי
.דוקהמ וריסהל שי (frontpage ומכ) יטמוטוא ןפואב ותוא הסינכמ     

הטמה ותב שמתשהל רשפא
<meta http-equiv"=Content-Type                                                  
"content="text/html    ;charset=iso-8859-8">     
<meta charset="visual"> ופילחתב וא        
(דוקה לש head-ה קלחב גתה תא ףיסוהל שי)       
ענומו ,הפי דבוע אוה תונולח הלעפה תכרעמב :ולש תויתיעבל םיעדומ םא      
בותכה רתאל םיסנכנש םעפ לכב הנוש הפש רוחבל ךרוצה תא ררולפסקא ישמתשממ      
שוטנקמ ומכ "תוינולח" אל הלעפה תוכרעמבש ררבתמ תאז תמועל ,תילאוזיו תירבעב      
ךירצ ןאכ רמולכ …ררולפסקא ישמתשמל ןיטולחל האירק אלל תירבעה תא השוע גתה      
ישמתשמ תא ץלאל וא תורחא הלעפה תוכרעמ ישמתשמ לע רתוול - ףידע המ טילחהל     
.םיאתמה דוקה תא םמצעב רוחבל תונולחב ררולפסקא      

ויתולעמ ראש ןיב ,ןכל םדוק ץלמוהש HtmlFlip-ה :תורושה תשילג תעינמ
ענמיש רבד <BR> HTML- ה גתב שומיש י"ע תורושה תא "רובש"ל םג עדוי      
תורושה לש השילגו ידמ תוכורא טסקט תורוש     

הלבטב שמתשהל ןתינ .ירבע טסקט תגצהל הלבטב שמתשהל הרקמ לכב הצילממ ינא 
.<TD align=right NOWARP> :אתב nowarp ןייפאמ םע ,דחא את תלעב      
.הרקמ לכב תורושה לש הריבש ענומ רבדה     
.תירבעב יתייעב אוה םגש תונומתו טסקט לש בוליש םג רשפאמ הלבטב שומיש     
אללו תולובג אלל היהת הלבטה ללכ ךרדב .ךרוצה יפל הלבטה תא םיקלחמ הזכ הרקמב     
<table border="0 "cellspacing="0"> :םיאתה ןיב םיחוור     

קר ץלמומ תואקספב שומישה - ןימיל הקספה תא רשיימ <p align="right">
.תדדוב הרוש וא םירצק םיעטקל    

יוות תא תונשמ לשמל front page ומכ תומיוסמ תונכותש ,בל םישל שי
םושמ - charset="window 1255 " הסינכמ Front page .יתורירש ןפואב הטמה    
תוסינכמ תורחא תונכות .הרזחב תונשלו בל םישל שיו ,טפוסורקימ לש הנכות וזש    
.HTML-ל לדחמה תרירב םצעב אוהש גת - charset=iso-8859-1 יטמוטוא ןפואב    
בוש קודבל ףידע ,רורב אל םא ,אל תורחאו לדחמ תורירב עובקל תורשפאמש תונכות שי     
.תרשל ףדה תרבעה ינפל    

תיגתב שמתשהל שי םיספט לש תודשל תירבע תסנכה רשפאל ידכ :תירבעב םיספט
:האבה הרוצב ספוטה תיגתב שומיש ינפל font     

  <FONT face="Arial (Hebrew)">                                                   
<INPUT TYPE= "הדשה גוס"NAME= "הדשה םש"SIZE="לדוג"         
 VALUE="יתלחתה ךרע" >     
         </FONT>                                                                                      

:select תיגתה העיפומ ןהב תודש רובע       

<FONT face="Courier New (Hebrew)">                                       
< SELECT NAME="הדשה םש" >ךרע                                               
         </FONT>                                                                                       

TextArea הדשב תירבע טולקל היעב שי (3 פייקסטנ) םינפדפדהמ קלחב     

ךא עבקנ וז תיוותב ללמה לש ותגצה ןפוא : (TITLE-ה תיוות) ךמסמה אשונ
תירבעל םורגת תירבע לש הכופה הביתכ ןכל ,שמתשמה לש הלעפהה תכרעמ י"ע קרו    
תילגנאב וא) אקווד תיגול תירבעב שמתשהל שי ןאכ ןכל ,תונולח תכרעמב הכופה    
(ןבומכ    

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