רוטר - לגבי עיצוב דף נחיתה - מה יותר נכון לעשות?

יומן פעילות	לוח שנה	מבזקי חדשות	תקנון	RSS	כותרות	כותרות לפי תגובה	ניקוי קוקיז	IP	להורדת אפליקציה
eBay	AliExpress	GearBest	Amazon	Booking	Kiwi	SkyScanner	Trip Advisor

"לגבי עיצוב דף נחיתה - מה יותר נכון לעשות?"

גירסת הדפסה

קבוצות דיון פיתוח, תיכנות ובניית אתרים נושא #20900	מנהל סגן המנהל מפקח Winner צל"ש מומחה

אשכול מספר 20900

JustBla
חבר מתאריך 11.6.13
520 הודעות

14:23 23.09.14

לגבי עיצוב דף נחיתה - מה יותר נכון לעשות?

יש לי דף עם תפריט בheader, חלק של תוכן וfooter.
בעקרון 4 אפשרויות בתפריט (אודות, צור קשר וכד').
השאלה שלי היא כזאת: מה שמשתנה כאשר לוחצים על כל אופציה
הוא התוכן במרכז. מה יותר "נכון" מבחינת תאימות ואפשרות לתקלות:
1. ברגע שבוחרים אופציה מהתפריט, אני משתמש בJQuery לעשות hide
לתוכן שמוצג כרגע ו-show לתוכן הנבחר (כל תוכן בdiv משלו).
כלומר בתכל'ס בHTML יש 4 div-ים שממוקמים אחד על השני.
גורם לי לחשוב שאם בדפדפן מסוים הJQuery לא יעבוד
(מה הסבירות שזה יקרה?) פשוט יהיה בלאגן של תכנים אחד על השני.
2. דפים נפרדים עם אותו body ותוכן מרכזי שונה. האפשרויות בתפריט
יקשרו לדף המתאים לכל אפשרות. החסרון פה שהתוכן לא טעון מראש בדף
אבל בימינו זה 99% מהזמן לא יהיה מורגש כלל.

תודה!

שתף

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

האשכול	מחבר	תאריך כתיבה	מספר
מכתב	BLACK DOG	23.09.14 16:55	1
אוקיי, רעיון נחמד, תודה.	JustBla	23.09.14 18:01	2
מכתב	BLACK DOG	23.09.14 18:08	3
שוב תודה! אני עכשיו עובד על עיצוב חדש וגם אלמד קצת את הנושא של התאמה למובייל.	JustBla	25.09.14 16:50	5
בכל מקרה אם מישהו יכול לענות לי עד כמה אפשר לסמוך על ההסתרה של JQuery אשמח!	JustBla	25.09.14 16:49	4
תראה	BLACK DOG	25.09.14 17:03	6
עובד מצויין! תודה!	JustBla	27.09.14 20:08	7
בכיף וואלה גם אני למדתי.משהו חדש noscript	BLACK DOG	27.09.14 20:57	8
פתרון אלגנטי. אגב	dvir8	04.10.14 11:38	9

BLACK DOG
חבר מתאריך 1.8.02
150 הודעות

16:55 23.09.14

1. מכתב
בתגובה להודעה מספר 0

יש היום את הקטע של one page layout
פשוט תכניס את כל התוכן בעמוד אחד אבל תיצור איזו הפרדה של פס או זיגזג מעניין כזה בין כל קטגוריה,
והלינקים בתפריט יעברו ל anchor באותו עמוד, תוסיף לזה איזה אנימציה ב scroll
וגם תוכל להוסיף שהגובה המינימלי של כל section יהיה הגובה של המסך של המשתמש והתוכן יהיה באמצע ככה שאני לא יראה את התוכן שבא אחרי ויהיה אשליה כאילו אני בדף אחר ולא מתערבב שום דבר
זה לפי דעתי מה שאני הייתי עושה
יש באתר הזה הרבה דוגמאות יפות שיכולות לתת לך כיוון
http://onepagelove.com/

Redot

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

JustBla
חבר מתאריך 11.6.13
520 הודעות

18:01 23.09.14

2. אוקיי, רעיון נחמד, תודה.
בתגובה להודעה מספר 1

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

BLACK DOG
חבר מתאריך 1.8.02
150 הודעות

18:08 23.09.14

3. מכתב
בתגובה להודעה מספר 2

ערכתי לאחרונה בתאריך 23.09.14 בשעה 18:13 בברכה, BLACK DOG

בכיף
רק אל תשכח לטפל בהתאמה למובייל במידה ואתה רוצה

חחח כמה פוסטים מתחתיך מישהו נתן את הלינק הזה, וזה נראה כמו מה שאתה מחפש
http://alvarotrigo.com/fullPage/

Redot

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

JustBla
חבר מתאריך 11.6.13
520 הודעות

16:50 25.09.14

5. שוב תודה! אני עכשיו עובד על עיצוב חדש וגם אלמד קצת את הנושא של התאמה למובייל.
בתגובה להודעה מספר 3

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

JustBla
חבר מתאריך 11.6.13
520 הודעות

16:49 25.09.14

4. בכל מקרה אם מישהו יכול לענות לי עד כמה אפשר לסמוך על ההסתרה של JQuery אשמח!
בתגובה להודעה מספר 0

נתקלתי בעוד סיטואציה בה אני רוצה לשלב אלמנטים
מוסתרים שניתן לעשות להם toggle.

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

BLACK DOG
חבר מתאריך 1.8.02
150 הודעות

17:03 25.09.14

6. תראה
בתגובה להודעה מספר 4

בגדול לא מצב סטנדרטי שמישהו יכבה בצורה יזומה את התמיכה בג׳אווה סקריפט

אבל כדי למנוע את הבלאגן אתה יכול לעשות את ה css של כולם חוץ מהראשון על display:none
ככה גם אם יש תמיכה וגם אם אין אתה עדיין תיהיה במצב הרצוי ולא יראו בלאגן.
(לא ניסיתי ) אבל אני חושב שאתה יכול להתשמש בתגית noscript כדי להתמודד אם מצב שאין תמיכה בג׳אווה סקריפט
http://www.w3schools.com/tags/tag_noscript.asp

Redot

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

JustBla
חבר מתאריך 11.6.13
520 הודעות

20:08 27.09.14

7. עובד מצויין! תודה!
בתגובה להודעה מספר 6

עשיתי על כולם display:none ומה שנטען ראשון נכתב
ע"י סקריפט (אם לא זה DIV ריק). בתגית noscript שמתי
תוכן חלופי למקרה שג'אווה סקריפט מבוטל.

אחלה פתרון, תודה

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

BLACK DOG
חבר מתאריך 1.8.02
150 הודעות

20:57 27.09.14

8. בכיף וואלה גם אני למדתי.משהו חדש noscript
בתגובה להודעה מספר 7

Redot

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

dvir8
חבר מתאריך 13.5.02
5929 הודעות

11:38 04.10.14

9. פתרון אלגנטי. אגב
בתגובה להודעה מספר 7

קח בחשבון שהתגית noscript בדפדפני Html4 תפעל רק כאשר היא ב body להבדיל מה Html5 שמאפשרת הפעלה גם ב head וגם ב body.

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד