Heb Tml

‫מדריך זה יעסוק ב‪ . HebTML -‬להלן התכנים‪:‬‬ ‫‪ .1‬הקדמה‬ ‫‪ .2‬הורדה והתקנה‬ ‫‪ .3‬בסיס ושימוש‬ ‫‪ .4‬סיכום וטיפים‬ ‫אני מאחל לכם קריאה נעימה‪.‬‬ ‫הקדמה‬ ‫אני בטוח שהשאלה הראשונה שצצה לכם בראש היא‪" ,‬מה זה בכלל ‪ ; "!? HebTML‬ובכן אני בא לספק לכם תשובות במדריך‬ ‫זה‪ :‬זוהי תוכנה‪ ,‬תוצרת ישראל (!) המאפשרת כעיקרון להמיר טקסט מעברית של פורמט לוגי לויזואלי‪ .‬אני משתמש בגרסה‬ ‫‪ 3.50‬של התוכנה הזו‪ ,‬וכן‪ ,‬גם אני דיי חדש בתחום‪ .‬לפני כמה חודשים פגשתי את התוכנה‪ ,‬התחלתי ללמוד‪ ,‬ו‪ ...‬החלטתי לכתוב‬ ‫מדריך‪ .‬התוכנה ‪ HebTML‬יכולה להימצא מאוד שימושית‪ ,‬במיוחד בקרב בוני האתרים‪ ,‬ולהלן כמה תכונות עיקריות שלה‪:‬‬ ‫ כמצויין מקודם‪ ,‬ניתן להמיר עברית מפורמט לוגי לפורמט ויזואלי‬‫ הוספת תגים‪ ,‬כגון ‪ B , U , FONT‬ואחרים לטקסט הויזואלי‬‫ תצוגה מקדמת [‪ ]Preview‬לקבצי ה‪HTML -‬‬‫ המרה של תגי ‪ Uppercase‬ל‪Lowercase -‬‬‫ ניתן לעבוד עם תבניות [‪]Templates‬‬‫ המרה של תווים [‪ ]Chars‬מ‪ HTML -‬לעברית‬‫ המרה של ‪ HTML‬בפורמט ויזואלי ללוגי‪ ,‬לפורמט תצוגת ‪ WYSIWYG‬או ‪DOS‬‬‫ ועוד‪...‬‬‫אבל‪ ,‬מה זה בכלל עברית מפורמט לוגי ומה זה עברית מפורמט ויזואלי?! כעיקרון‪ ,‬ההבדל מתאפיין כאשר מישהו מעיין בקוד‪,‬‬ ‫ובעברית מפורמט לוגי הטקסט בעברית יראה כרגיל‪ ,‬למשל‪:‬‬ ‫קוד‪:‬‬ ‫יונתן הקטן רץ אל הגן‬

‫אך בעברית ויזואלית‪ ,‬זה יראה כך‪:‬‬ ‫קוד‪:‬‬ ‫ןגה לא ץר ןטקה ןתנוי‬

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

‫הרי שבעברית ויזואלית זה לא יראה כך‪:‬‬ ‫קוד‪:‬‬ ‫לע ךירדמ והז םלוכל םולש ‪LMTbeH‬‬

‫מאחר ובאנגלית פעולת המרת הפורמט לא מתבצעת‪ ,‬דהיינו כי בעברית ויזואלית המשפט יראה כך‪:‬‬ ‫קוד‪:‬‬ ‫‪ HebTML‬לע ךירדמ והז םלוכל םולש‬

‫אבל חדל פטפוטים מיותרים‪ ,‬הבה נוריד ונתקין את התוכנה‪.‬‬ ‫הורדה והתקנה‬ ‫ראשית כל‪ ,‬נוריד את התוכנה ע"י לחיצה כאן‪ .‬יש לציין כעת‪ ,‬כי התוכנה נבנתה ע"י יריב חבוט‪ ,‬ולו האתר ‪ Billy‬וכל הזכויות‬ ‫שמורות לו‪ .‬לאחר שהורדנו את התוכנה‪ ,‬נפתח את ההתקנה ונתקין שלב אחר שלב‪:‬‬ ‫שלב א)‬ ‫המסך הראשי של התוכנה יראה כך‪:‬‬

‫אלו הם תנאי השימוש‪ ,‬מומלץ ואף רצוי לקרוא! לאחר שסיימתם‪ ,‬במידה ואתם מסכימים לחצו על ‪ , Yes‬במידה והינכם מסרבים‬ ‫לחצו על ‪ No‬וההתקנה תבוטל אוטומטית‪ .‬במידה והסכמתם לכל תנאי השימוש‪ ,‬נעבור לשלב הבא‪.‬‬ ‫שלב ב)‬ ‫המסך השני בהתקנת התכונה יראה כך‪:‬‬

‫כאן יש לנו עוד כמה הסברים‪ ,‬מומלץ לקרוא; אין הרבה להרחיב גם כאן‪ .‬במידה וברצונכם להמשיך בהתקנה לחצו על ‪, Next‬‬ ‫ובמידה וברצונכם לעיין בעוד איזו פסקה בתנאי השימוש‪ ,‬פשוט לחצו על ‪ . Back‬כעת‪ ,‬נמשיך לשלב הבא‪.‬‬ ‫שלב ג)‬ ‫אנו קרובים לסוף ההתקנה‪ .‬החלון המוצג בפנינו נראה כך‪:‬‬

‫ועוד הסברים‪ ...‬לחצו ‪ Next‬על מנת להמשיך או ‪ Back‬על מנת לחזור לשלב הקודם בהתקנה‪ .‬לחצו ‪ Cancel‬על מנת לבטל את‬ ‫ההתקנה‪.‬‬ ‫שלב ד)‬ ‫כעת הגענו לחלון הבא‪:‬‬

‫כפי שמצויין בהוראות על התמונה‪ ,‬כאן תבחרו את התיקייה שבה תותקן התוכנה ‪ . HebTML‬על מנת לעיין בתיקיות נוספות‬ ‫לחצו על ‪ , Browse‬על מנת להישאר עם ברירת המחדל שהיא ‪ C:\Program Files‬אל תשנו כלום‪ ,‬פשוט לחצו על ‪ Next‬על‬ ‫מנת להמשיך בהתקנה‪.‬‬ ‫שלב ה)‬ ‫כעת הגעתם למסך הבא‪:‬‬

‫גם כאן אין על מה להרחיב יותר מדי‪ -‬לחצו על ‪ Cancel‬על מנת לבטל את ההתקנה‪ ,‬לחצו על ‪ Back‬על מנת לחזור לסעיף‬ ‫הקודם בהתקנת התוכנה‪ ,‬ולחצו על ‪ Next‬על מנת להמשיך לשלב הבא בהתקנה‪ .‬בחרו באופציה זו‪.‬‬ ‫שלב ו)‬ ‫כעת הגעתם לחלון הבא‪:‬‬

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

‫במידה ולא הופיע‪ ,‬כנראה הייתה שגיאה בהתקנה‪ .‬במקרה זה‪ ,‬בצעו את כל שלבי ההתקנה מחדש‪.‬‬ ‫זהו‪ ,‬סיימנו את ההתקנה‪.‬‬ ‫בסיס ושימוש‬ ‫לאחר ההתקנה המייגעת‪ ,‬נתחיל להשתמש בתוכנה‪.‬‬ ‫פתחו את התוכנה‪ ,‬והמסך הראשי יראה כך‪:‬‬

‫כעת נכתוב‪ ,‬קוד בסיסי ב‪:HTML -‬‬ ‫קוד‪:‬‬ ‫‪‪src=http://www.mircx.co.il/website/templates/submIRCx/images/logo.jpg‬‬ ‫>‪
‫נלחץ על לחצן התצוגה המקדמת [‪ , ]Preview‬והוא‬

‫‪ ,‬ויקפוץ לנו חלון כזה‪:‬‬

‫בחרו באפשרות השנייה‪ ,‬היא ‪ Semi Logical or Logical‬על מנת להציג את העברית כעברית בפורמט לוגי‪ ,‬אם תבחרו‬ ‫באפשרות ברירת המחדל אשר מסומנת בתמונה זו פלט העברית יהיה בפורמט ויזואלי‪ .‬התוצאה אשר תתקבלנה היא‪:‬‬

‫כעת נוכל לכתוב מסמך ‪ HTML‬מלא‪ ,‬כמובן אם ברצוננו להציג את הטקסט בפורמט ‪ rtl‬נכתוב זאת‪ ,‬או להשתמש ב‪ align -‬וכד'‪.‬‬ ‫להלן מספר אפשרויות שימושיות אשר התוכנה נותנת לאלו‪ ,‬אשר עדיין לא רכשו את הידע הבסיסי ביותר ב‪: HTML -‬‬ ‫‪ .‬בדומה ל‪ BBcode -‬למשל‪ ,‬ניתן פשוט לסמן‬ ‫א) תגית ‪ - B‬תגית זו מאפשרת לעשות כתב מודגש [‪ , ]Bold‬ע"י התגית הזו‪:‬‬ ‫טקסט כלשהו וללחוץ על התגית‪ ,‬היא תהפוך את התווים המסומנים ל‪ , Bold -‬אין היא מבחינה בין טקסט לתגים ולכן יש להקפיד‬ ‫לסמן טקסט בלבד על מנת לא ליצור שגיאה בתגית‪/‬סעיף התגית וכד'‪.‬‬

‫‪ .‬בדומה ל‪ BBcode -‬למשל‪ ,‬ניתן פשוט לסמן‬ ‫ב) תגית ‪ - I‬תגית זו מאפשרת לעשות כתב נטוי [‪ , ]Italic‬ע"י התגית הזו‪:‬‬ ‫טקסט כלשהו וללחוץ על התגית‪ ,‬היא תהפוך את התווים המסומנים ל‪ , Italic -‬אין היא מבחינה בין טקסט לתגים ולכן יש להקפיד‬ ‫לסמן טקסט בלבד על מנת לא ליצור שגיאה בתגית‪/‬סעיף התגית וכד'‪.‬‬ ‫‪ .‬בדומה ל‪ BBcode -‬למשל‪,‬‬ ‫ג) תגית ‪ - U‬תגית זו מאפשרת לעשות כתב בעל קו תחתון [‪ , ]Underline‬ע"י התגית הזו‪:‬‬ ‫ניתן פשוט לסמן טקסט כלשהו וללחוץ על התגית‪ ,‬היא תהפוך את התווים המסומנים ל‪ , Underline -‬אין היא מבחינה בין טקסט‬ ‫לתגים ולכן יש להקפיד לסמן טקסט בלבד על מנת לא ליצור שגיאה בתגית‪/‬סעיף התגית וכד'‪.‬‬ ‫‪ .‬פשוט מאוד‪ ,‬כאשר אתם משתמשים בתגית זו‬ ‫ד) תגית ‪ - F‬תגית זו מאפשרת לשנות את פונט הטקסט‪ ,‬ע"י התגית הזו‪:‬‬ ‫כל שעליכם לעשות הוא להגדיר את סעיפים התגית ‪ Size , Face‬ו‪ . Color -‬אין היא מבחינה בין טקסט לתגים ולכן יש להקפיד‬ ‫לסמן טקסט בלבד על מנת לא ליצור שגיאה בתגית‪/‬סעיף התגית וכד'‪.‬‬ ‫‪ .‬פשוט מאוד‪ ,‬הגדירו את סעיף התגית ‪href‬‬ ‫ה) תגית ‪ - A‬תגית זו מאפשרת ליצור היפרלינק [קישור] ע"י התגית הזו‪:‬‬ ‫[שהוא קיצור של ‪ ]Hyperlink REFerence‬ואת הטקסט‪/‬תמונה‪/‬כפתור וכד' אשר יהיו בין התגית הסוגרת לפותחת‪ .‬אין היא‬ ‫מבחינה בין טקסט לתגים ולכן יש להקפיד לסמן טקסט בלבד על מנת לא ליצור שגיאה בתגית‪/‬סעיף התגית וכד'‪.‬‬ ‫ו) תגיות ‪ - div‬לתגית ‪ div‬ישנו סעיף ‪ align‬המאפשר לקבוע את מיקום הטקסט; לאלו שעדיין לא רכשו את בסיס שפת ‪, HTML‬‬ ‫ב‪ HebTML -‬ישנו קוד המוכן מראש‪ .‬פשוט מאוד‪ ,‬לחצו על‪:‬‬ ‫ תגית ‪: right‬‬‫ תגית ‪: left‬‬‫‪ -‬תגית ‪: center‬‬

‫‪ ,‬התגית מאפשרת לקבוע סעיף ‪ align‬של ‪ , right‬כלומר טקסט הממוקם בצד ימין של הצג‬ ‫‪ ,‬התגית מאפשרת לקבוע סעיף ‪ align‬של ‪ , left‬כלומר טקסט הממוקם בצד שמאל של הצג‬ ‫‪ ,‬התגית מאפשרת לקבוע סעיף ‪ align‬של ‪ , left‬כלומר טקסט הממוקם בצד האמצע של הצג‬

‫סיכום וטיפים‬ ‫‪ )1‬כיצד להמיר עברית מפורמט לוגי לויזואלי?‬ ‫פעולה זו תמיר את כל העברית שבתוכן הדף שלכם מפורמט לוגי לויזואלי‪ ,‬במידה וברצונכם להמיר‬ ‫השתמשו בתגיות ‪: txt‬‬ ‫טקסט מסויים של עברית‪ ,‬סמנו אותו ואז השתמשו בתגית‪.‬‬ ‫‪ )2‬כיצד להמיר עברית מפורמט ויזואלי ללוגי?‬ ‫פעולה זו תמיר את כל העברית שבתוכן הדף שלם מפורמט ויזואלי ללוגי‪ ,‬במידה וברצונכם להמיר‬ ‫השתמשו בתגית ‪: htm‬‬ ‫טקסט מסויים של עברית‪ ,‬סמנו אותו ואז השתמשו בתגית‪.‬‬ ‫הערה‪ :‬ביכולתכם להשתמש בתגית זו רק לאחר שהשתמשתם בתגית ‪ txt‬על מנת להפוך עברית מפורמט לוגי לויזואלי‪ ,‬פעולה זו‬ ‫בעצם מבטלת את הקודמת לה ומאפשרת "לתקן את הנזק" ‪.‬‬ ‫המדריך נכתב בלעדית לקהילת ‪ mIRCx‬ע"י ‪ Armageddon‬ואין להעתיקו‪/‬לשכפלו‪/‬לשכתבו וכד' ללא כל אישור מפורש ממני‬ ‫וציון זכויות יוצרים‪ ,‬כל הזכויות שמורות‪© .‬‬ ‫שאלות‪ ,‬הערות והארות יתקבלו בשמחה‪ .‬אני מקווה שהמדריך עזר למישהו‪ .‬כל שנותר לי הוא לאחל לכם בהצלחה בתכנות!‬