בשנים האחרונות, לאור התפתחותה של רשת האינטרנט, החלו מונחים חדשים להיכנס לשפתם של מעצבים גרפיים, בעיקר בסביבות ווב. הצרה היא שאנשים לא תמיד מבינים על מה לעזאזל מדברים, מה הקשר של פירורי לחם לניווט באתר ולמה מטמון מקשה על החיים. כדי לנסות ולפתור את הבעיה הזו אני מציג בפניכם את מילון המונחים למעצבי ווב.
המילון לא מושלם, כמובן. יש אלפי מונחים וקצר הזמן (או בקיצור: תעשו לי טובה, אני לא אשב להסביר אלפי מונחים עכשיו). אבל בחרתי את המונחים בהם משתמשים בתדירות גבוהה יחסית. גם ההסבר הוא תמציתי ולא תמצאו כאן ערך אנציקלופדי על כל מונח, אבל ההסבר אמור להספיק להבנה בסיסית.
א
אג'אקס (AJAX) – ראשי תיבות של (תתכוננו לזה, תתכוננו לזה…) Asynchronous JavaScript and XML (עכשיו נסו להגיד את זה בקול). מה זה עושה בעצם? באג'אקס משתמשים בעיקר כדי ליצור אפליקציות דינמיות לאתרי אינטרנט. בגדול, אם פעם הייתם שולחים טופס באמצעות האינטרנט והייתם צריכים לחכות שהדף ייטען מחדש, עכשיו זה כבר לא קורה. ביותר ויותר אתרים (קחו את פייסבוק לדוגמא) אין צורך בטעינת העמוד מחדש לאחר ביצוע פעולה כלשהי. כך לדוגמא – גלריית התמונות בפייסבוק שניתן לדפדף בה מבלי שהדף ייטען מחדש. התחושה היא של תוכנת מחשב ולא של אפליקצייה מבוססת רשת.
אחוזי דילוג (Bounce Rate) - אחוז הדילוג מציג את אחוז הגולשים אשר מגיעים ויוצאים מאותו עמוד, מבלי להכנס לעמודים אחרים באתר. זה יכול להיות מדד טוב אודות איכות ממשק המשתמש ואודות התוכן של האתר (אחוז גבוה = לא טוב!).
ב
בסיס הקסדצימלי (Hexadecimal) - ספירה על בסיס 16 ומשמשת מעצבי אינטרנט בהגדרת צבעים ברשת. השיטה הזו מכילה את הספרות 0-9 ואת האותיות A-F. מספרים הקסדצימלים נכתבים בשלושה סטים של זוגות. בגלל שצבעי מסך מחולקים לשלוש (אדום, ירוק, כחול – RGB) הזוג הראשון מגדיר את הצבע האדום, הזוג השני את הירוק והשלישי את הכחול.
בק-אנד (Back End) – הבק-אנד (שנקרא לעיתים גם בק-אופיס) הוא החלק שגולשים רגילים, יומיומיים, לא יכולים לראות באתר ספציפי. הבק-אנד מכיל בתוכו את כל המידע של האתר – מבנה, אפליקציות ואת מערכת ניהול התוכן באתר.
ג
גליונות עיצוב מדורגים (CSS – Cascading Style Sheets) - קבצי CSS משמשים לקביעת המראה והתחושה של אתר האינטרנט מחוץ לקובץ ה-HTML המקורי של האתר. היתרון העיקרי של קבצי CSS היא הפשטות והקלות שניתן לשנות אתר שלם באמצעות שינוי קובץ אחד (זה ממש מתסכל לבצע שינוי עיצוב קטן בעשרות עמודים, נכון?).
ד
דפדפן (Browser) – דפדפן זו התוכנה איתה משתמשים כדי לגלוש ברשת. ניתן למצוא מספר דפדפנים בשוק – אינטרנט אקספלורר, פיירפוקס, ספארי, כרום ואופרה (שבקושי שמעו עליו בארץ).
DHTML (Dynamic HyperText Markup Language - את זה אפילו לא ניסיתי לתרגם. דוד בן גוריון היה עושה הכל כדי שיהיו לו קבצים כאלה כשהוקמה המדינה – קובץ DHTML הופך לכור היתוך של קבצי XHTML, ג'אווה סקריפט (וסקריפטים אחרים) ו-CSS ובאמצעותם ניתן לבנות דפי אינטרנט אינטראקטיבים.
DNS - לDNS יש הרבה תיאורים – Domain Name Service, Doman Name System והנפוץ יותר- Domain Name Server. בגדול, זה הדבר שהופך את כתובת הIP לשמות דומיין. כאשר גולש מקליד את כתובת האתר בשורת הכתובת בדפדפן שלו, הדפדפן מעביר את שם הדומיין לשרתי ה-DNS שבתמורה מחזירים לדפדפן את כתובת ה-IP בו מאוחסן האתר. זה כמו הפרסומת של קוקה קולה, כשמכניסים את המטבע לתוך המכונה… זוכרים? נו, הנה הפרסומת בכל מקרה:
ה
היט (Hit) - לא, זה לא אומר כמה אנשים נכנסו לאתר כמו שהרבה אנשי שיווק אוהבים להגיד (כי זה נראה ממש טוב). היט זה בעצם בקשה לקובץ מהשרת על ידי משתמש, כך שעמוד אינטרנט יחיד יכול להפיק הרבה מאוד היטים (כל תמונה, פניה לבסיס נתונים, קריאת תבנית עיצוב וכו'). כל הקבצים האלה נקראים להתייצב לדגל מחדש בכל פעם שהעמוד הספציפי נטען.
הייפר-קישור (Hyperlink) - הייפרקישור (או: היפרלינק) הוא קישור בין עמוד אינטרנט אחד לאחר, בין אם באותו אתר ובין אם לאתר אחר. קישורים אלה הם תמונות או טקסטים ומובלטים בצורה כלשהי. טקסטים עם הייפר-קישור נקראים הייפר-טקסט (Hypertext).
ח
חוות קישורים (Link Farm) - אתר הנועד להגדיל את כמות הקישורים לאתרים אחרים על מנת להגדיל את הפופולאריות שלו במנועי החיפוש. ניתן למצוא חוות קישורים גם באתרים פרטיים, עם קישורים אשר לא מפנים לשום מקום (או לאתר עצמו בחזרה), מאותה סיבה בדיוק. מנועי חיפוש יכולים לזהות אתרים שכאלה ולרוב מסירים אותם מבסיסי הנתונים שלהם או מענישים אותם בהצבתם בסוף תוצאות החיפוש (קרה לב.מ.וו, לא נעים).
ט
טקסט קישור (Anchor Text) - הטקסט שנמצא בקישור. חשוב מאוד (!) לקידום במנועי חיפוש (בגלל זה, אגב, יש מלא אתרים ישראלים עם עשרות מילים בתחתית האתר המקשרות לתוך האתר. זה קורה בגלל שתי סיבות – האחת, אנשים אוהבים לזרוק את הכסף שלהם סתם והשנייה, הם זורקים את הכסף שלהם סתם כי לא בנו להם את האתר כמו שצריך!!!).
טשטוש (Dither) – גם זה לא תורגום מושלם, אבל מילא. לחלק מקבצי התמונה (נגיד קבצי GIF) יש טבלת צבעים מוגבלת בעוד שלסוגים אחרים (כמו JPG או PNG) יש טבלת צבעים רחבה יותר. אז מה עושים כשיש תמונה עם טבלת צבעים גדולה ומעבירים אותה לפורמט עם טבלת צבעים מצומצמת? צבעים דומים מתאחדים ופיקסלים מצבעים שונים מתקרבים ומתרחבים על מנת למזער אפקט הדיגיטציה.
י
ירושלים (Jerusalem) - לא היה לי משהו להכניס ב-י', אז חשבתי שירושלים זה אחלה ערך. הנה – תקראו. ואחרי שקראתם, אתם מוזמנים להצטרך לקבוצה בפייסבוק.
ל
לאמפ (LAMP) - ראשי תיבות של Linux, Apache, MySQL ו-php. נראה כמו אוסף של קללות אבל הוא פשוט מציג את הגדרות שרת האינטרנט. היתרון העיקרי בשרת LAMP הוא שהמערכת בה משתמשים בשרת היא חינמית ובקוד פתוח.
לפני הגלילה (Below the Fold, Below the scroll) – התרגום מחורבן, אני יודע. עמכם הסליחה. הביטוי הזה מגיע מהעיתונות המודפסת וההתייחסות בו היא לחלק שמתחת לקו הקיפול של העיתון, החלק הזה שמקפלים אחורה כשקוראים את הכותרת הראשית. בכל מקרה, מעצבי ווב השאילו את המונח הזה, שחילק את העיתון בין מה שנקרא ובולט יותר למה ש..נו, פחות. באינטרנטית זה הקו שממנו גולשים צריכים לגלול כלפי מטה כדי לגלות את התוכן.
מ
מטמון (Cache) – קבצי מטמון הם הקבצים שנשמרו במחשב על ידי הדפדפן (מה שנקרא "קבצי אינטרנט זמניים"), ונעדו לשפר את מהירות הטעינה של האתר (כי זה פשוט טוען אותם מהמחשב). מה הבעיה שעלולה להתעורר? כשמעדכנים קבצי מדיה על השרת ומראים ללקוח, הקובץ הישן נטען מהמטמון והלקוח לא רואה את השינוי.
ממשק משתמש גרפי (GUI – Graphical User Interface) - ממשק משתמש גרפי המשתמש בחומרה (כמו עכבר) ואובייקטים ויזואלים על מנת לאפשר למשתמש לתקשר עם המערכת. או בעברית – כל מה שאתם רואים כשאתם נכנסים לאתר אינטרנט. המטרה שלו היא פשוטה – לעזור לכם לעבוד עם אפליקציה רשתית מבלי לדעת שפה דיגיטלית.
מסחר אלקטרוני (E-Commerce) - בצורה מפתיעה המונח מתייחס למכירה וקנייה של מוצרים באמצעות אתרי אינטרנט. המוצרים האלה יכולים להיות מוחשיים (מנורה, למשל) או דיגיטלים (לב של דרקון במשחק מחשב יכול להמכר במספיק כסף לחופשה של כמה חודשים בהודו, סיפור אמיתי!)
מערכת לניהול תוכן (CMS – Content Management System) - מערכות לניהול תוכן הן מערכות בק-אנק (תציצו למעלה) לניהול התוכן. מערכות כאלה, לרוב, קלות לתפעול על ידי משתמשים שאינם מעצבים או מתכנתים.
וורדפרס - מערכת ניהול תוכן בקוד פתוח
מערכת גליונות עיצוב מדורגים (CSS Framework) - מספר קבצי CSS אשר משמשים כנקודת ההתחלה לאתרי XHTML ו-CSS על מנת שהאתר ייטענו יותר מהר. בדרך כלל הקבצים מכילים הגדרות גופן וסידור העמוד.
מפת תמונה (Image Map) - אפשרות ליצירת מקומות הקלקה שונים על גבי תמונה אחת ללא הצורך לחתוך אותה. זה כמו לאכול את את כל העוגה, להיות בשתי חתונות ועדיין להישאר רזה.
משפחת גופנים (Font Family) - זוהי קבוצה של גופנים (פונטים), אשר קובעות ומגדירות באילו גופנים ישתמשו בקבצי CSS.
נ
נגישות (Accessibility) – בעיקרון, יכולת השימוש באתר על ידי אנשים עם מוגבלויות. אתרים עם נגישות נמוכה הופכים להיות לא רלוונטים עבור אנשים עם מוגבלויות. נגישות חשובה במיוחד באתרים המספקים מידע עבור אנשים עם מוגבלויות (אתרים רפואיים, אתרים ממשלתיים וכו').
נקודת פוקוס (Focal Point) - המקום אליו נמשכת עינו של הגולש באופן טבעי. זו יכולה להיות תמונה, טקסט או כל דבר אחר שמושך את העין. חשוב שהדבר שמושך את העין יהיה הדבר החשוב ביותר באתר.
נתוני מטא (Meta Data) - המידע המופיע בראש כל עמוד אינטרנט המציג את את המידע אודות העמוד בו נמצא הגולש. המידע אינו נגיש לצפייה באתר (רק בקוד המקור).
ס
סינדיקציה ממש פשוטה (RSS – Really Syndication) - מוכר כRSS (רסס בעברית, כמו ריסוס). רסס מאפשר למבקרים באתר מסויים להירשם לעדכונים באתר ולקבל הודעות ברגע שיש עדכונים או שינויים באתר.
ע
עמוד נחיתה (Landing Page) - עמוד נחיתה הוא העמוד הראשון שהגולש מגיע אליו. רוב עמודי הנחיתה נוצרים על מנת להדגיש פעילות מסויימת, בדרך כלל עבור קמפיינים פרסומיים ושיווקיים שונים.
פ
פאביקון (Favicon) - כאילו Favorite ו-Icon ביחד, דה?! הם קטנים, מאתגרים והם מופיעים בכל אתר שמכבד את עצמו. האייקונים הקטנים שמופיעים ליד שורת הכתובת כשנכנסים לאתר מסויימים – זה הפאביקון.
פירורי לחם (Breadcrumb) - מכירים את מצייני המיקום שלכם באתר? כזה שכותב לכם איפה אתם נמצאים (חדשות > בארץ > פוליטי מדיני, לדוגמא). בכל אופן זה זה. המונח מושאל מהסיפור "עמי ותמי", זוכרים? הם פיזרו פירורי לחם כדי לחזור הביתה בשלום… איך שבא לי ממתקים עכשיו…
הנוסטלגיה, הנוסטלגיה
פרוטוקול העברת תמליל-על (Http – HyperText Transfer Protocol) - ונראה את האקדמיה ללשון עברית מוצאת תרגום טוב יותר! HTTP הוא למעשה מקבץ פקודות להעברת היפרטקסט בין דפדפן אינטרנט לשרת אינטרנט.
פרוטוקול מאובטח להעברת תמליל-על (Https- HyperText Transfer Protocol Secure) - כמו זה שמעל, רק מאובטח ומקודד וכאלה. משתמשים בו בעיקר באתרי מסחר ובאתרים בו נדרשים הגולשים לספק פרטים אישיים מזהים.
פרונט-אנד (Front-End) - ההפך מבק-אנד. הפנים של האתר, מה שהגולשים כן רואים ונשלט, לרוב, על ידי הבק-אנד. זהו למעשה ממשק המשתמש באתר.
צ
צד לקוח (Client Side) – המונח הזה מתייחס לאפליקציות אשר רצות על הדפדפן של הגולש ולא על השרת של האתר (אפליקציות צד-שרת). בן בדרך כלל מהירות יותר אך לוקח להן זמן רב יותר להיטען.
צפיית עמוד (Page View) - קריאה של עמוד אינטרנט שלם. בכל עמוד שיש בו קריאה – מישהו נכנס לעמוד הזה. פשוט, לא?
צד שרת (Server-Side) - פעולות שרצות על גבי שרת האינטרנט (בניגוד לפעולות שרצות על דפדפן המשתמש). פעולות אלה לוקחות זמן רב יותר מאשר פעולות צד לקוח מאחר וכל עמוד צריך להטען מחדש בכל פעם שיש פעילות באתר.
ק
קוד פתוח (Open Source) - תוכנות שהקוד שלהם פתוח לציבור הרחב. תוכנות קוד פתוח מכילות גם יישומים מבוססי רשת וכם יישומים הפועלים על המחשב עצמו. מערכות קוד פתוח הן לרוב חינמיות או זולות יחסית למערכות אחרות בשוק. מרבית מערכות הקוד הפתוח מפותחות על ידי מתנדבים.
מערכות ניהול תוכן בקוד פתוח - וורדפרס, דרופל, ג'ומלה שולטות בשוק
קינון (Nesting) - הצבת אלמנט HTML בתוך אלמנט אחר. אם דבר כזה מבוצע סגירת האלמנטים צריכה להתבצע הפוך מפתיחתם (כמו הבובות סבתא הרוסיות).
קישור חוזר (Backling, Trackback) – קישורים חוזרים הם קישורים מאתרים אחרים המפנים לאתר שלך. בבלוגים ניתן לזהות אותם, לרוב, כטראקבקים. לקישורים חוזרים תפקיד חשוב מאוד בדירוג האתר במנועי חיפוש. ככל שיש יותר קישורים המפנים לאתר שלך, עם טקסט קישור המכיל מילות מפתח – כך יגדל וישתפר המיקום של האתר במנועי החיפוש.
קישור קבוע (Permalink) - מרבית האתרים שמשתמשים בקישורים קבועים הם בלוגים. קישור קבוע הוא כתובת האינטרנט הקבועה של עמוד מסויים ומאחר ומרבית הבלוגים מעדכנים ומשנים תכנים בצורה עקבית, קישור קבוע מאפשר לגולשים לשמור את הקישור ולחזור אל העמוד גם אם העמוד הועבר בין קטגוריות (לדוגמא).
ר
רוחב פס (Bandwidth) - אפשר להתייחס למונח הזה בשתי צורות – הראשונה היא הקצב בה מועברים הנתונים (נגיד 1.5 מגה לשניה), והשנייה היא כמות הנתונים שניתן להעביר משרת כלשהו בחודש נתון (או לפי מה שמגדירה ספקית האינטרנט או השרתים), כך או כך – רוחב פס מתייחס לכמות הנתונים שניתן להעביר בזמן מוגדר. ויקיפדיה מוסיפה גם את זה: רוחב הפס נמדד בסיביות לשנייה (bps - bits per second), ובכפולות המקובלות: קילו - Kbps ומגה - Mbps.
ש
שימושיות (Usability) - מונח הבודק כמה קל לגולש הממוצע להשתמש באתר למטרה שלו. שימושיות מכילה בתוכה את כל הכלים האינטראקטיבים והאפשרויות הקיימות על מנת להקל ככל האפשר את השימוש באתר (מבלי שהגולש יצטרך הדרכה מיוחד על שימוש באתר).
שכונה רעה (Bad Neighnorhood) – המונח "שכונה רעה" מתייחס ל"שכנים" שלך האתר שלך על השרת בו אתה מתאחסן. למרבית האנשים הפרטיים (והעסקים הקטנים והבינוניים) אין שרתים וירטואליים פרטיים (VPS) כי, נו, הם נורא יקרים ולרוב לא צריכים אותם. לכן, רבים שוכרים מקום בשרת בחוות שרתים. על השרת מאוחסנים אתרים רבים אחרים אשר, כביכול, אינם משפיעים האחד על השני. אבל, קיימים ספקי שרתים אשר אינם מקפידים על ההפרדה ורמת האבטחה שלהם לא מספיק גבוהה. אתרים המשמשים כספאמרים או אתרי נסיון של קידום "שחור" במנועי חיפוש עלולים להכתים את כל האתרים המאוחסנים על אותו שרת, בעיקר במנועי חיפוש, אך גם במנועי דואר אלקטרוני ואתרים עם מערכת אבטחה סבירה. בקיצור, לפני ששוכרים שרת – תבדקו מי החברה שמשכירה את השרתים.
שרת אינטרנט (Web Server) - שרת אינטרנט הוא מחשב, אשר מותקנת עליו תוכנה ואפשרויות רשת המאפשרות לו לארח אתרי אינטרנט ולהפוך אותם נגישים לגולשי האינטרנט הממוקמים במקום אחר. קיימות הגדרות שונות של שרתי אינטרנט (בין היתר לאמפ, שהופיע מקודם).
שרת מסוג אחר
ת
תבנית (Template) - תבנית היא קובץ בו משתמשים ליצירת עיצוב קבוע לכל האתר. לרוב משתמשים בתבניות באתרים הפועלים עם מערכות ניהול תוכן, כך שביצירת עמודים חדשים אין צורך לבנות את העמוד מחדש אלא רק להכניס את התוכן עצמו.
תבנית אלסטית (Elastic Layout) - תבנית שמשתמשת באחוזים לרוחב מקסימלי מה שמאפשר לתבנית להימתח ולהתאים עצמה כאשר הפונטים גדלים או קטנים. היתרון המשמעותי ביותר בהתאמה של התבנית היא בעבודה מול דפדפנים ורזולוציות מסך שונות – התבנית מתאימה עצמה למסך.
תבנית נוזלית (Liquid Layout) - תבנית המתאימה עצמה לרוחב הדפדפן. במידה ומשתמש יצמצם את הדפדפן שלו למינימום התבנית תתאים את עצמה על מנת שתכנס כמות מקסימלית של תוכן למסך.
תבנית עם רוחב קבוע (Fixed Width Layout) - זה יפתיע חלק מכם, אבל זוהי תבנית עם רוחב קבוע. רוחב התבנית מוגדר מראש, לרוב באמצעות קביעת מספר הפיקסלים. הרוחב נשאר קבוע בכל דפדפן ובכל רזולוציית מסך. היתרון המשמעותי ביותר – למעצבים קל יותר לשלוט על איך ייראה האתר בפלטפורמות שונות.
תוסף (Plug-in) - תוסף הוא קוד של גורם צד שלישי אשר מרחיב את יכולות המערכת. השימוש העיקרי בתוספים הוא בבלוגים.
תחום (Domain) – תחום הוא השם שעל פיו האתר מזוהה. כל מתחם מצוות לכתובת IP. שמות מתחם יכולים להבנות מצירוף אותיות, מספרים ומספר תווים מיוחדים. מספר התווים בכל שם תלוי בסיומת שם המתחם (com, co.il, org וכו') ויכול להגיע ל-26 עד 63 תווים, אם כי רצוי פחות. אפשר להציץ בפוסט שכתבתי על בחירת שם מתחם.
21:23
כל הכבוד על הפוסט!
כל המידע הזה יכול לשרת המון חבר'ה מתחילים שרק לומדים לגעת בעולם הווב!