משה סייטס

משה סייטס

מפתח אתרי אינטרנט

מומחה וורדפרס, ווקומרס, אלמנטור, ותוספים.
מפתח HTML CSS

השירותים שלנו

טופס הזמנת שירות
ויצירת קשר

פרופיל

קטגוריות פעילות בפורום

כלים שימושיים

תגיות מורחבות

Notifications

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

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

  5. לכל שאלה יש לפתוח נושא חדש, ואין להמשיך שרשור אחד לנושא אחד, גם אם התעוררה בעיה כתוצאה מהבעיה הקודמת. דבר זה שומר על נראות הפורום, וכן מועיל למשתמשים לחפש אחר כך.
  6. תמיכה טכנית וייעוץ שלא דרך הפורום ניתנת בתשלום. הודעה זו מהוה הסכם מראש על כך.
  7. נשמח לקבל הצעות ייעול, שיפורים, הצעות לפיתוח ועיצוב האתר, ודיווח באגים כאן.
  8. אין לכתוב באתר נושאים השנויים במחלוקת או פרסומות מכל סוג שהוא.
    אין לדון באתר על גורמים צד ג' לטוב ולמוטב.
    הודעות הנכללות בחשש ההגבלות הנ"ל לא יאושרו.

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

שיתוף ב facebook
שיתוף ב twitter
שיתוף ב whatsapp
שיתוף ב email

Table of Contents

0
(0)

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

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

דוגמאות למקרה לעיצוב אתרים רספונסיבי

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

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

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

עיצוב אתרים רספונסיבי לעומת פריסות נוזליות

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

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

פורסם על ידי Joe Rhoney
אין לנו אחריות על המידע בפוסט זה

כמה שימושי היה הפוסט?

לחץ על כוכב כדי לדרג אותו!

דירוג ממוצע 0 / 5. ספירת קולות: 0

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

We are sorry that this post was not useful for you!

Let us improve this post!

Tell us how we can improve this post?

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

עדכונים נוספים:

שאל את השאלות שיש לך בוורדפרס, וקבל את המידע שאתה צריך!

X
wpChatIcon
X

הוסף את שאלתך

האתר בבניה

הכניסה ליוצרים בלבד

כבר רשום?