מזה בשבילכים קידוד טוב???
 

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

תודה

כמה שיותר דומה לPSD
כמה שפחות תמונות
XHTML וCSS תקניים
מותאם לIE ולFFx
מותאם לרזולוציות הנפוצות (600*800, 1024*768, 864*1152)

מה הכוונה מותאם לכמה רזולוציות?
איך אפשרי?

רוב האתרים מותאמים לרזולוציות הנפוצות...
זה אומר למשל בCSS לא להשתמש ב position: absolute ברוב המקרים, להשתמש באחוזים כמה שאפשר וכו'...

קידוד טוב זה
-שיהיה כמה שיותר דומה לעיצוב המקורי
-פחות תמונות
שיעלה מהרשיהיה מתאים לכמה רזולוציות (800X600, 1024X728...), זתומרת שלא יראו יפה ברזולוציה 800 על 600 ושיראו יפה ב1280 על 1024 למשל..
-שימוש מרובה בCSS
-שימוש תקני (קוד תקני..)

יש עוד המון אבל עלה העיקריים

דבר ראשון תצא מזה שמשתמשים בIR בשביל משהו אחר חוץ מלחתוך את התמונות כי חוץ מזה לא עושים שום דבר אל תעשה שIR יעשה לך את האתר כי זה סתם הרבה שורות לא תיקני ועולה לאט מאוד יחסית לעבודת קידוד "תקנית"

בשבילי קידוד תקני זה:
-קודם כל שיראה טוב במרבית הרזולוציות ובמרבית הדפדפנים(ie,ff)
-חיתוך איכותי ומדוייק, כמה שפחות תמונות להשתמש בטקסט כמה שיותר.
-קוד נקי, פשוט ומקצועי, לכתוב לבד ע"י עורך טקסט ולא בעורכי wysiwyg למיניהם(מומלץ ללא טבלאות אם אין צורך להציג מידע טבלאי)
-תקן, לוודא תקינות של כל דפי האתר אם מדובר על סטטי ואם על דינמי אז לוודא שהעורך wysiwyg כותב קוד תקני.
-מבנה סמנטי, להשתמש בכל תגית לייעוד שלה, ולא לדוגמא להפוך תגית פונט לכותרת.
-להשתמש בטאבים בקוד לצורך הצגת הקוד בצורה ברורה ומובנת.
-לקצר כמה שיותר, לא להשתמש בקוד מיותר.
-הגדרות עיצוביות להכניס בקובץ css נפרד אם מדובר על יותר מדף אחד
או אם אין ברירה בראש העמוד.
-תגי מטה, הכוללים תיאור ומילות מפתח.
-תגית title ספציפית לכל עמוד בעלת מילות המפתח הרצויות לקידום.
-להוסיף כמה שיותר מידע בקוד שיתרום לקידום האתר במנועי חיפוש כמו
להשתמש בalt בתמונות וtitle בקישורים.
-לא להשתמש בשפות צד לקוח כשאפשר לעשות את אותו הדבר בcss או בhtml,
ישנם אנשים שחוסמים js או שהדפדפן לא תומך.
-להשתמש בקישורי html פשוטים ולא בקישורי js
-לוודא שיש לפחות תפריט אחד בעל קישורי html פשוטים הידידותיים למנועי החיפוש.
זה תחום נרחב, זה רק על קצה המזלג ואי אפשר להרחיב כאן.

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

למה רק 2? כי כל השאר לא אמור לעניין את הגולש.

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

וב2 אתה מכליל יותר דברים ממה שאתה כותב כי מהירות העליה של הדף תלויה ביותר מדי גורמים, רובם אמרו פה כבר.

ובקיצור, אם אתה מצליח להשתמש רק בDIV וזה xhtml strict תקין, זה אחלה קידוד :)
[ וכמובן שיעבוד בIE+FF ואם בא לך גם באופרה ^^ ]

לא מסכים איתך לעיצוב טבלאי נועדו הטבלאות. ה DIV לא בא להחליף את העבודה שלהם.
כשצריך טבלה אז לעשות טבלה
כשלא צריך אז לעשות DIV.

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

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

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

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

ואת כל אלו רותם RS324 עשה לפראשסרב ואני שמח שכך:).

המשך יום נעים.

אני אנצל את אשכול :],כיצד מקודדים בצורה,שאם מגדילים את גדול הפונט,העיצוב לא יתחרבש?

חל איסור על הקפצת אשכול, נעול.