קטגוריה: HTML
HTML (ראשי תיבות של Hyper Text Markup Language) היא שפת תגיות המשמשת ליצירת שלד האתר והתוכן שבו. הגירסה החדשה ביותר של השפה נקראת HTML5 והיא תומכת במגוון רחב של אפשרויות.
פסקאות בשפת HTML מוגדרות באמצעות התגית <p></p> (מלשון paragraph). השימוש בפיסקאות יוצר הפרדה בין חלקי טקסט. אם תנסו להזין רווחים ושורות חדשות בתוך הפסקה, אתם תגלו שהדפדפנים מתעלמים מהם. הסיבה לכך היא שקיים הבדל בין הדרך שבה הקוד נכתב לבין איך שהקוד מוצג.
המשך קריאה...ל מסמך HTML מורכב משני חלקים עיקריים: גוף המסמך, המתקיים בתוך תגיות ה-<body></body> וראש המסמך, המתקיים בתוך תגיות ה- <head></head> . ראש המסמך הוא החלק שבו קיים כל המידע אודות המסמך עצמו, והתוכן שלו לא מוצג על ידי הדפדפן בצורה וויזואלית. להלן רשימה קצרה של חלק מתגיות שנכנסות בראש המסמך
המשך קריאה...כותרות בשפת HTML מוגדרות באמצעות אחת מהתגיות <h1> - <h6> . כותרת מסוג - <h1> היא הכותרת החשובה ביותר במסמך, וכותרת מסוג <h6> היא הכותרת הכי פחות חשובה. ככל שהמספר גבוה יותר, כך גודל הכותרת יהיה קטן יותר. בנוסף, לסוג הכותרת יש משמעות מבחינת מנועי החיפוש - כותרות עם מספר נמוך נחשבות חשובות יותר, משום שהן יותר מייצגות את התוכן של המסמך, לעומת כותרות עם מספר גבוה יותר שנחשבות משניות.
המשך קריאה...
בעבר, תכנות Flash היה הדרך המקובלת ליצירת אנימיציות, באנרים ומשחקים לאינטרנט. אך לאחרונה הצטרף שחקן חדש למשחק - HTML5 שסוחף אחריו מתכנתים רבים. האם אנו עדים לסוף עידן ה-Flash, או שמא לחברת Adobe יש עוד כמה קלפים מתחת לשולחן?
המשך קריאה...
בהודעה שפורסמה בבלוג הרשמי של גוגל, הם מצהירים שהם הולכים לעדכן את האלגוריתם שלהם באופן שבו הרספונסיביות של האתר תשחק תפקיד במיקום של האתר בתוצאות החיפוש. במילים אחרות, אתרים ידידותיים למכשירים ניידים יופיעו במקום גבוה יותר מאתרים מקבילים שאינם ידידותיים. כך למעשה גוגל ״מענישה״ אתרים לא רספונסיביים ובו זמנית מתגמלת אתרים שכן. כל עבודת ה- SEO שלכם יכולה לרדת לטמיון אם האתר שלכם לא מתאים לשימוש במכשיר שבו בוצע החיפוש, ואת זה מחליט הרובוט של גוגל.
המשך קריאה...
המדריך הבא מדגים כיצד ניתן לבנות מחשבון פשוט (עם אפשרות להרחבת היכולות שלו בהמשך) בעזרת השפות JavaScript, HTML ו- CSS. המחשבון מתוכנן בצורה שמאפשרת הוספה של לחצנים עם פונקציונאליות מותאמת אישית בקלות, בעזרת כמה שורות קוד בודדות. מבחינה עיצובית, נעשה שימוש בהרבה מהאפשרויות החדשות של CSS3 בשביל להקנות למחשבון מראה אמיתי. חשוב להדגיש שלא נעשה שימוש בתמונות חיצוניות או בכל מדיום גרפי אחר; הכל נעשה בעזרת קוד בלבד.
המשך קריאה...
רציתם איי פעם ליצור טבלה או סידרה עם חוקיות מסויימת, כמו לוח שנה או לוח הכפל, אבל נאלצתם לוותר על הרעיון ברגע שהבנתם שזה ייקח לכם שנים להזין אות אות מספר מספר? לשמחתכם, ישנה עוד דרך לעשות זאת, ללא חישובים מסובכים או עבודת נמלים מייגעת. המאמר הבא יילמד אותכם איך ליצור אובייקטים חדשים בתוך מסמך HTML כמו טבלה לדוגמה, בעזרת JavaScript תוך שימוש בלולאות ועיצוב הטבלה בעזרת CSS.
המשך קריאה...ב - HTML ניתן לכתוב הערות שהדפדפן מתעלם מהן, ואינן נראות על ידי הגולשים (אלא אם הם לוחצים על "ראה מקור" או "view source"). הערות כאלה יכולות לשמש אותנו כשאנחנו רוצים לסדר את הקוד שכתבנו או להסביר לעצמנו משהו שכתבנו כדי שלא נשכח בעתיד.
המשך קריאה...קישור הוא אחד המרכיבים החשובים בבניית אתר. מעבר למשמעות הבסיסית לה הוא משמש - לקשר בין דפי האתר - לקישור יש משקל רב אצל מנועי החיפוש. שימוש נכון בקישור יכול ליצור את ההבדל בין אתר מצליח לבין אתר כושל. בשביל לבנות קישור בצורה נכונה, ראשית צריך לדעת את מבנה השפה, ושנית צריך לבחור בקפידה את המילים שיהוו את תוכן הקישור. קישור בשפת HTML נקרא Anchor וניתן להשתמש בו במספר דרכים.
המשך קריאה...