|
[שאלה] בקשר לקידוד עיצובים
אני צריך כמה טיפים בעיקרון בכל נושא הקידוד,
אני יגיד לכם איך בדיוק אני עובד תגידי לי איפה אמורים לשפר ומה כדאי לעבוד בצורה אחרת ואיך... אז ככה בהתחלה אני חותך את העיצוב שיש לי בכל החלקים שאמור להיות תוכן\לינקים... שומר כ HTML ומגדיר את התמונות כרקע לטבלה שאני רוצה להכניס שם תוכן ובשביל לינקים פשוט מכניס לתמונה קישור.... עכשיו, עד כה עבדתי בשיטת ה IFRAME כדי שהטקסט ימוקם כמו שצריך בטבלה אך לא עוד , השיטה לא נוחה ולא מתאימה לצרכים החדשים שלי... איך ניתן לעבוד ללא IFRAME? חשוב לציין שבשביל התוכן אני משתמש ב DIVים וכו'... תודה לעוזרים |
השיטה הזאת לא טובה בכלל. לא להשתמש בקוד של אימג' רדי, בכלל לא ליצור אותו. רק לחתוך את העיצוב האימג' רדי ולשמור רק את הslicים. עכשיו תבנה בעזרת divים את העיצוב.
|
איך אפשר לא להשתמש בקוד של IMAGEREADY? איך אני מגיעה למצב שאמרת, לדף רק עם תמונות ואז לקודד עם DIVים?
דרך אגב, פעם שלחת לי מדריך לקידוד משהו נחמד, אשמח אם תשלח לי שוב. |
אתה שומר בעזרת פוטושופ את החתיכות תמונה ואז לוקח רק את התמונות ויוצר קוד משלך ומשתמש בתמונות
|
אני עובד בצורה הזאת:
פותח את הPSD ובאותו הזמן יוצר דף HTML,CSS ותיקיית תמונות. מגדיר את הדברים הגלובלים לפני שאני בכלל מכניס תמונות ואפילו טקסט שזה כולל את הרובח שצריך הגופן הצבע וכל זה. אז אני מתחיל לרוב עם הבאר אם הלוגו הוא בצורת תמונה אז אפשר רק לשמור כתמונה אבל אם יש אפשרות שהלוגו יהיה כטקסט זה יותר קשה אבל יותר טוב מבחינה קידומית. ואז יורד כלפי מטה תפריט למעלה בצד וכד' עד שמגיעים לזכויות יוצרים. אגב, באותו הזמן תמיד אני משתמש בIETAB כדי לבדוק גם בFF וגם בIE איך הקידוד כי למרות שלפעמים העיצוב תקין הוא עדיין לא נראה טוב בכל הדפדפנים. |
מה בדיוק אתה מגדיר בקובץ ה CSS? סוג גופן גודל וכו'? או מה בדיוק?יש למישהו מדריך יעיל לקידוד?
|
בעיקרון אני מגדיר (כמעט) הכל, שזה כולל את הגופן את הגודל של הטקסטים וכמובן כל הדברים האתר, העניין פה זה להשאיר את הקובץ HTML עצמו חלק מעיצוב, שאם הוא היה בלי CSS הוא יהיה ברקע לבן עם גופן שחור ובקיצור מזעזע, ככל שיש פחות תגיות וכל מה שלא קשור לטקסט עצמו לאתר מפריע לבוט של גוגל להיכנס לאתר ולקחת את התוכן שלי[ קצת קידום אתרים על הדרך :) ].
הכומר. |
אתה יכול להגיע למצב שכ-90% מהקוד יהיה CSS?
|
תראה, טכנית צריך הפניות לCSS בHTML אבל אפשר לעשות 80-90% מהטקסט בCSS.
ולא חייב חיצוני או פנימי, יכול להיות גם מקומי. מאז שידעתי על הCSS ולמדתי טוב אני כותב רק style ובתוכו width:50px; ולא width=. |
עדיף כמה שיותר לעשות קובץ CSS חיצוני, חוץ מהנוחות[בשבילי] העניין של הקידום אתר נכנס לעניין.
כמה בעיות שיכולות לצוץ לך זה כל העניין של הalign שלא משתמשים בזה כבר בXHTML. |
align זה נושא בעייתי. כי לא תמיד text-align עוזר.
ולא תמיד float עוזר. אז זאת בעיה. אבל חוץ מזה קל מאוד לעבור לCSS וזה מגלה לך הרבה אפשרויות עיצוב שלא ידעת שקיימות. |
אם רוצים למרכז את האתר אפשר לעשות:
margin:auto; זה ממרכז את האתר, יש המון דברים ללמוד בקידוד אתרים, כי זה בדיוק כמו ללמוד לנגן, כמו ללמוד לתכנת:"אין חכם כבעל ניסיון". |
אני יודע CSS וגם XHTML, הבעיה שלי בקידוד היא כזו
לדוגמא יש לי טבלה של האתר הטבלה נגיד גודל300*300, ריבוע כלשהו, למשל זה יראה ככה ---------------------------------------------- טקסט ----------------------------------------------- הבעיה שהטקסט יתחיל לי מהאמצע, וכדי "להתגבר" על זה, אני שם IFRAME שתופס %99 ממקום הטבלה ומציג את הטקסט בצורה נורמאלית, אפשר עזרה? |
כמובן!
אתה משתמש ב-VAlIGN, או ב-CSS, Vertical-align. דוגמה רגילה: HTML קוד:
<table>HTML קוד:
<table>top-למעלה. middle-באמצע. bottom-למטה |
מצטער על ההתפרצות לאשכול, אבל מה זה בכלל div? חיפשתי בגוגל, לא מצאתי תשובה ישירה.
אני זקוק דחוף לתכנת את העיצוב שלי, וניסיתי בטבלאות אבל לא הצלחתי, כי לא הצלחתי לעשות תא בתוך תא. אפשר בבקשה הסבר על div? |
DIV: תג בלי עיצוב. כעיקרון זה כמו SPAN רק שהוא לוקח שורה חדשה.
קרה לך פעם שהיית צריך לעצב משהו, אבל לא היה תג HTML לזה או שזה לקח הרבה תגים? (U, B, I, FONT וכו') אז DIV פשוט מקבל את כל אלה בסטייל, ועובד לפי זה. כמו אחרים, רק שהוא נטרלי לגמרי (חוץ מעניין השורה החדשה ועוד קטע שיש בvisibility איתו ועם SPAN שאני לא ארחיב עליו). |
תודה רבה!
שאלה, מה הפקודות האלו אומרות? colspan rowspan והשאר? תודה! |
ציטוט:
אותו דבר rowspan רק ההיפך... |
בהמשך לדיון שנוצר:
יש אנשים שמשתמשים בטבלאות לבניית האתר וחלק בDIVים מקובל כרגע להשתמש בDIVים ולא בטבלאות, משתמשים בטבלאות לטבלאות ולא יותר מזה[לפי דעתי יש אנשים שמשתמשים בזה למרות זאת]. כאפשר משתמשים בDIVים הקוד הרבה יותר קריא, אני מציע לתת לכל DIV שם[class או id] וככה גם מי שלא קידד את האתר יכול להבין אותו ולערוך בהתאם. |
והינה מגיעה התשובה שלי, אפשרי לעשות דרך פוטושופ CSS למי שלא יודע, וגם לעשות DIVים דרך פוטושופ ככה שלא אמור להיות הרבה סיפור כמו שאתם עושים פה :X
|
Rancid Rat, באמצעות DIV הטקסט מתחיל מלמעלה, כנראה שמת שורות קוד נוספות שממרכזות אותו אנכית.
|
ציטוט:
|
ציטוט:
|
| כל הזמנים הם GMT +2. הזמן כעת הוא 06:46. |
מופעל באמצעות VBulletin גרסה 3.8.6
כל הזכויות שמורות ©
כל הזכויות שמורות לסולל יבוא ורשתות (1997) בע"מ