עורך HTML

BlueGriffon - דוגמה לעורך HTML המשלב את השיטה החזותית (WYSIWYG) עם עריכת קוד מסורתית.

עורך HTML הוא כינוי לתוכנה לעריכת קוד HTML, שהיא שפת התגיות שבאמצעותה בונים דפי אינטרנט. בעוד שניתן ליצור ולערוך קוד HTML באמצעות כל כלי לעריכת טקסט, עורכי HTML ייעודיים מספקים כלים שימושיים ונוחים יותר. לדוגמה, עורכי HTML רבים מטפלים לא רק ב-HTML, אלא גם בטכנולוגיות קשורות כגון:CSS, XML, ובשפות תכנות נוספות לסביבת האינטרנט דוגמת JavaScript. עורכים מסוימים גם עשויים לכלול כלים לניהול אתרי אינטרנט שלמים; כלי ניהול פרויקטים, יצירת תקשורת עם שרתי אחסון אתרים באמצעות FTP ו- WebDAV, ומערכות לבקרת גרסאות כמו Subversion או Git.

תוכנות רבות לעיבוד תמלילים, עיצוב גרפי ותוכנות עימוד שאינן מתמקדות בהכרח בעיצוב אתרים, כגון Microsoft Word או Quark XPress, יכולות גם הן לתפקד כעורכי HTML.

סוגי עורכים

ישנם שני סוגים עיקריים של עורכי HTML: עורכי HTML מבוססי טקסט, ועורכי HTML חזותיים, מבוססי שיטת WYSIWYG. בעוד שבעבר ההבדלה הזו הייתה יותר בולטת, כיום לא נדיר לראות עורכי HTML שמשלבים למעשה את שני הסוגים.

עורכי HTML מבוססי טקסט

בראקטס מבית אדובי, עורך HTML חופשי מבוסס טקסט

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

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

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

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

דוגמאות לעורכים כאלו: Notepad++, AceHTML, HomeSite, Visual Studio Code, בראקטס.

עורכי HTML חזותיים - מבוססי שיטת WYSIWYG

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

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

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

קשיים ביישום WYSIWYG

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

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

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

דוגמאות לעורכים כאלו: Microsoft FrontPage, Dreamweaver, BlueGriffon, Amaya, Microsoft Expression Web. למעשה, תוכנות רבות שבכלל יועדו לעיצוב גרפי ועיבוד תמלילים כוללות באמתחתן אפשרות ייצוא לפורמט HTML, אם כי, לרוב, הקוד המופק מתוכנות אלו אינו תקני (ראו בהמשך) ועשוי שלא לרוץ כמו שצריך על חלק מהדפדפנים.

קוד HTML תקני

HTML היא שפת סימון בעלת מבנה קבוע. ישנם כללים ברורים כיצד לכתוב קוד HTML כדי להתאים לתקני W3C עבור האינטרנט. המטרה שלפיה יש להקפיד על כללים אלו היא לגרום לכך שאתרי אינטרנט יהיו זמינים בכל סוגי המחשבים, יהיו נגישים לבעלי מוגבלויות, וגם ניתנים להפעלה במכשירים ניידים כמו טלפונים ניידים ומחשבי כף יד. עם זאת, מרבית מסמכי ה-HTML באינטרנט אינם עומדים בדרישות של תקני W3C. במחקר שנערך ב -2011 על 350 אתרי האינטרנט הפופולריים ביותר (שנבחרו על ידי מדד Alexa), 94 אחוז מאתרי האינטרנט נכשלו במבחני מבנה הקוד ותקינות גיליונות הסגנון, או שיישמו קידוד תווים באופן לא תקין.[1] אפילו המסמכים הנכונים מבחינה תחבירית עשויים להיות לא יעילים בגלל "שכפול קוד" מיותר, או על סמך כללים שהוצאו מכלל שימוש (deprecated) לפני זמן רב. המלצות W3C הנוכחיות על השימוש ב-CSS עם HTML פורסמו לראשונה על ידי W3C בשנת 1996[2] ועברו מספר שינויים ותיקונים מאז.

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

עם זאת, כאשר מתכוונים ליצור דף אינטרנט, גם אם בצורה חזותית או "ידנית", על המפתח לזכור לשמור על תקינות ותקניות הקוד, ובכך יוכל להתאים את האתר לקהלי יעד רבים ולשמור על ה"עולמיות" של האינטרנט.[3] לשם כך המפתח יכול להיעזר בשירותי Validator W3C חופשיים (W3C HTML Validator ו- W3C CSS Validator) או באלטרנטיבות אחרות אמינות.

על המפתח לזכור כי הנגשתם של דפי אינטרנט לבעלי מוגבלויות לא רק שמומלצת על ידי גופי התקינה אלא גם מחויבת לפי החוק. מדינות רבות בעולם חוקקו חוקים המחייבים מפתחי אתרים להוסיף אפשרויות נגישות,[3] וכך גם בישראל, מתוקף סימן ג' לתקנות שוויון זכויות לאנשים עם מוגבלות (התאמות נגישות לשירות), התשע"ג-[4]2013. הנגשת דפים מורכבת יותר מסתם בדיקת תקינות; תקינות האתר היא תנאי מוקדם, אך ישנם גורמים רבים אחרים שיש לקחת בחשבון.[5] עיצוב טוב של אתרי אינטרנט, בין אם נעשה בצורה חזותית וגם "ידנית", צריך להתחשב גם בנושא זה..

בסופו של דבר, הכלי בו משתמשים לבניית דפי האינטרנט אינו משנה את איכות הקוד, אלא כישוריו של מפתח האינטרנט. ידע מסוים בשפות הרלוונטיות - HTML, CSS ושפות סקריפט אחרות, כמו גם היכרות עם ההמלצות הנוכחיות של W3C בתחומים אלה, יעזרו לכל מפתח או מעצב להפיק דפי אינטרנט טובים יותר, ללא תלות בכלי העבודה.[6]

קישורים חיצוניים

ויקישיתוף מדיה וקבצים בנושא עורך HTML בוויקישיתוף

הערות שוליים

  1. ^ "Responsive Web Design, Domain Registration, Web Hosting". Sikoswebconsulting.com. אורכב מ-המקור ב-2018-10-22. נבדק ב-2013-10-23.
  2. ^ "Cascading Style Sheets, level 1". W3.org. נבדק ב-2013-10-23.
  3. ^ 1 2 Harold, Elliotte Rusty (2008). Refactoring HTML. Boston: Addison Wesley. ISBN 978-0-321-50363-3.
  4. ^ הנגשת אתרי אינטרנט, באתר GOV.IL
  5. ^ "Web Content Accessibility Guidelines (WCAG) 2.0". W3.org. 2008. נבדק ב-2013-10-23.
  6. ^ "Dave Raggett's Introduction to HTML". W3.org. 2005-05-24. נבדק ב-2013-10-23.

Read other articles:

Les Play-Boys

Pour le groupe de rock, voir Les Playboys. Cet article est une ébauche concernant une chanson française. Vous pouvez partager vos connaissances en l’améliorant (comment ?) selon les recommandations des projets correspondants. Les Play-Boys Single de Jacques Dutroncextrait de l'album Jacques Dutronc (1966) Face A Les Plays-Boys / Sur une nappe de restaurant Face B On nous cache tout, on nous dit rien / La Fille du Père Noël Sortie 1966 Genre Variété Française Auteur Jacque...

 

The Green (band)

Hawaiian reggae rock band The GreenThe Green performing in Berkeley 2020Background informationOriginOahu, HawaiiGenresRoots, Reggae, Hawaiian, Rock, PopYears active2009 (2009)–PresentLabelsEasy Star RecordsMembers Caleb Keolanui Ikaika Antone JP Kennedy Zion Thompson Brad BW Watanabe Jordan Espinoza Past membersLeslie LudiazoWebsitethegreen808.com The Green is a reggae band formed in 2009 from Oahu, Hawaii.[1] Their sound blends dub-heavy roots reggae, smooth lovers' rock, and ...

 

Antoine Durafour

Pour les articles homonymes, voir Durafour. Antoine Durafour Le député Antoine Durafour au Congrès radical socialiste de Reims en 1929. Fonctions Ministre du Travail, de l'Hygiène, de l'Assistance et de la Prévoyance sociales 17 juin 1925 – 19 juillet 1926(1 an, 1 mois et 2 jours) Président Gaston Doumergue Président du Conseil Paul PainlevéAristide Briand Gouvernement Painlevé II et IIIBriand VIII, IX et X Prédécesseur Justin Godart Successeur Louis Pasquet Dépu...

East Broad Street

Prominent street in Savannah, Georgia East Broad Street419–421 East Broad StreetLength2.04 mi (3.28 km)LocationSavannah, Georgia, U.S.North endEast River StreetSouth endEast Victory Drive (U.S. Route 80) East Broad Street is a prominent street in Savannah, Georgia, United States. Located to the east of Price Street, at the eastern edge of Savannah's downtown, it runs for about 2.04 miles (3.28 km) from East Bay Street in the north to East Victory Drive (U.S. Route 8...

 

Provinsi Amasya

Lokasi Provinsi Amasya Amasya adalah sebuah provinsi Turki, yang terletak di sekitar Laut Hitam, di utara negara ini. Ibu kotanya adalah Amasya. Daerah ini zaman dahulu disebut sebagai Amaesia dalam bahasa Yunani, dan disebut dalam dokumen-dokumen dari masa Aleksander Agung. Wilayah ini juga merupakan tempat lahir sang ahli geografi dan sejarah Strabo juga pernah di pimpin oleh putra pertama Suleiman I, yaitu Sehzade Mustafa. Pranala luar (Turki) Kantor Gubernur Diarsipkan 2006-02-06 di Wayba...

 

Mesone B

I mesoni B sono mesoni composti di un antiquark bottom e di un quark up (B+), down (B⁰), strange (B⁰s) o charm (B+c). La combinazione di un antiquark bottom e un quark top non è prevista come possibile a causa della vita breve del quark. La combinazione di un antiquark bottom e un quark bottom non dà un mesone B, ma piuttosto un bottomonium. Ogni mesone ha un'antiparticella che è costituita rispettivamente da un quark bottom e un antiquark up (B⁻), down (B⁰), strange (B⁰s) o char...

Celtic TV

Television channel Celtic TVOwnershipOwnerCeltic F.C.Setanta Sports (TV channel)HistoryLaunched26 July 2004 (TV channel)2011 (Streaming Service)Closed23 June 2009 (TV channel)LinksWebsitewww.celticfc.tv Celtic TV is a British premium streaming service devoted to coverage of the Scottish football club Celtic F.C. From 2004-2009, Celtic TV existed as a sports television channel operated by Irish Sports broadcasting company Setanta Sports. History Launched in July 2004 alongside its Old Firm co...

 

Bring It All Back

1999 single by S Club 7 For the Grayson Hugh song, see Bring It All Back (Grayson Hugh song). Bring It All BackSingle by S Club 7from the album S Club B-side So Right Hello Friend Released7 June 1999 (1999-06-07)[1]StudioSteelworks (Sheffield, England)GenrePopLength3:33LabelPolydorSongwriter(s) Eliot Kennedy Mike Percy Tim Lever S Club 7 Producer(s) Eliot Kennedy Mike Percy Tim Lever S Club 7 singles chronology Bring It All Back (1999) S Club Party (1999) Audio samplefi...

 

Lynn Minmay

Fictional character in The Macross franchise This article is about the character in The Super Dimension Fortress Macross. For the character in Robotech, see List of Robotech characters § Lynn Minmei. This article has multiple issues. Please help improve it or discuss these issues on the talk page. (Learn how and when to remove these template messages) This article's tone or style may not reflect the encyclopedic tone used on Wikipedia. See Wikipedia's guide to writing better articles fo...

.tm

Cet article est une ébauche concernant Internet et le Turkménistan. Vous pouvez partager vos connaissances en l’améliorant (comment ?) selon les recommandations des projets correspondants. Évolution du nombre d'adresses IP allouées à des domaines .tm .tm est le domaine de premier niveau national (country code top level domain : ccTLD) réservé au Turkménistan. Il a été introduit en 1997. Voir aussi Article connexe Liste des domaines Internet de premier niveau v · ...

 

Commodity

Fungible item produced to satisfy wants or needs For other uses, see Commodity (disambiguation). Yerba mate (left), coffee bean (middle) and tea (right), all used for caffeinated infusions, are commodity cash crops.Business administration Management of a business Accounting Management accounting Financial accounting Audit Business entity (list) Corporate group Corporation sole Conglomerate (company) Holding company Cooperative Corporation Joint-stock company Limited liability company Partners...

 

Parkinson Cowan

British home appliance brand This article needs additional citations for verification. Please help improve this article by adding citations to reliable sources. Unsourced material may be challenged and removed.Find sources: Parkinson Cowan – news · newspapers · books · scholar · JSTOR (December 2006) (Learn how and when to remove this message) Parkinson CowanCompany typeLtd.IndustryEngineeringFounded1902FounderUnknownDefunct1971HeadquartersUnknown, Eng...

Osamu Shimomura

Japanese organic chemist and marine biologist (1928–2018) For the Japanese economist, see Osamu Shimomura (economist). Osamu Shimomura下村 脩Shimomura in 2008Born(1928-08-27)August 27, 1928Fukuchiyama, Empire of JapanDiedOctober 19, 2018(2018-10-19) (aged 90)Nagasaki, JapanNationalityJapaneseAlma materNagasaki UniversityNagoya UniversityAwardsAsahi Prize (2006)Nobel Prize in Chemistry (2008)Golden Goose Award (2012)Scientific careerFieldsOrganic chemistryInstitutionsPrinceton U...

 

Tepotzotlán

Not to be confused with Tepoztlán. Town and municipality in State of Mexico, MexicoTepotzotlánTown and municipalityTepotzotlánCoordinates: 19°42′58″N 99°13′25″W / 19.71611°N 99.22361°W / 19.71611; -99.22361Country MexicoStateState of MexicoFounded1525Municipal Status1814Government • Municipal PresidentMarcos Márquez Mecado (2006–2009)Area • Municipality208.83 km2 (80.63 sq mi)Elevation (of seat)2,30...

 

County Durham (district)

Unitary authority area in County Durham, England This article includes a list of general references, but it lacks sufficient corresponding inline citations. Please help to improve this article by introducing more precise citations. (December 2023) (Learn how and when to remove this message) Unitary authority area and district in EnglandCounty DurhamUnitary authority area and districtDurhamFrom left to rightTop: Durham CathedralMiddle: Seaham Beach and Chester-le-Street aerialBottom: Barnard C...

Lavinia Norcross Dickinson

Lavinia Norcross DickinsonAnak-anak Dickinson (Lavinia di sebelah kanan), ca. 1840. Dari Ruang Dickinson di Perpustakaan Houghton, Universitas Harvard.LahirFebruary 28, 1833Amherst, Massachusetts, A.S.Meninggal31 Agustus 1899(1899-08-31) (umur 66)Amherst, Massachusetts, A.S. Lavinia Norcross Dickinson (28 Februari 1833 – 31 Agustus 1899) adalah adik dari penyair Amerika Emily Dickinson. Lavinia Vinnie Dickinson berperan penting dalam mencapai publikasi anumerta puisi sau...

 

UCL Prize Lecture in Life and Medical Sciences

This article relies largely or entirely on a single source. Relevant discussion may be found on the talk page. Please help improve this article by introducing citations to additional sources.Find sources: UCL Prize Lecture in Life and Medical Sciences – news · newspapers · books · scholar · JSTOR (July 2013) The UCL Prize Lecture in Life and Medical Sciences (previously UCL Prize Lecture in Clinical Science) is a prize awarded annually by University C...

 

Alfred Terry

United States Army general (1827–1890) Alfred Howe TerryBorn(1827-11-10)November 10, 1827Hartford, Connecticut, U.S.DiedDecember 16, 1890(1890-12-16) (aged 63)New Haven, Connecticut, U.S.Place of burialGrove Street Cemetery, New Haven, Connecticut, U.S.AllegianceUnited StatesUnionService/branchUnited States ArmyUnion ArmyYears of service1861–1888Rank Major GeneralCommands held2nd Connecticut Volunteer InfantryX CorpsMilitary Division of the MissouriBattles/wars American Civil Wa...

Ivan Popov

Pour les articles homonymes, voir Ivan Popov (général) et Popov. Ivan PopovBiographieNaissance 20 mars 1990 (34 ans)Rostov-sur-le-DonNom de naissance Ivan Vladimirovich PopovNationalité russeActivité Joueur d'échecsAutres informationsSport ÉchecsTitres aux échecs Maître international d'échecs (depuis 2004), grand maître international (depuis 2007)Classement Elo 2 613 (2024)modifier - modifier le code - modifier Wikidata Ivan Popov est un joueur d'échecs russe né le 20 m...

 

1650

1650 – MDCL374 år sedan År1647 | 1648 | 164916501651 | 1652 | 1653 Årtionde1630-talet  | 1640-talet 1650-talet1660-talet | 1670-talet Århundrade1500-talet 1600-talet1700-talet Årtusende1000-talet Året Födda | AvlidnaBildanden | Upplösningar Andra tideräkningar Gregorianska kalendern 1650 MDCL Ab urbe condita 2402 Armeniska kalendern 1099 ԹՎ ՌՂԹ Assyriska kalendern 6400 Bahaikalendern -194–-193 Bengaliska kalend...