מה זה CSS מותאם?

מה זה CSS מותאם

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

איך להכניס לוגו לאתר?

איך להכניס לוגו לאתר

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

איך להכין תפריט לאתר?

הכנת תפריט לאתר

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

הגדרת עיצוב מעברי עמוד

הגדרת עיצוב מעברי עמוד

הגדרת עיצוב מעברי עמוד מייצרת לגולש חוויה הרמונית יותר של טעינת עמודים ומעבר בין עמודי האתר.

הגדרת עיצוב לייטבוקס (תמונות שנפתחות בגדול)

הגדרת עיצוב לייטבוקס

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

הגדרת פריסת עמוד

הגדרת פריסת עמוד

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

הגדרת עיצוב רקע לעמודי האתר

הגדרת עיצוב רקע לעמודי האתר

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

הגדרת זהות האתר (לוגו + Favicon)

הגדרת זהות האתר

הגדרת זהות האתר תאפשר לנו להגדיר תמונת הלוגו לאתר, שתלווה את האתר בכל מני מקומות וכן את תמונת הFAVICON או אייקון אתר. הפביקון מוכר בתור הציור הקטן שנמצא בדפדפן ליד שם האתר, או לחילופין, על מסך הטלפון כמסמן של אפליקציה. חשוב לשים לב לגדלים שאנו מתבקשים להעלות ללוגו אתר (100 פיקסלים גובה על 350 פיקסלים […]

הגדרת עיצוב טפסים

הגדרת עיצוב טפסים

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

הגדרת עיצוב תמונות

הגדרת עיצוב תמונות

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