הוסטס - פורום אחסון האתרים הגדול בישראל

הוסטס - פורום אחסון האתרים הגדול בישראל (https://hosts.co.il/forums/index.php)
-   פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)
-   -   פרסום | Orange - קידוד אתר (https://hosts.co.il/forums/showthread.php?t=96443)

TSystems 02-04-12 17:43

פרסום | Orange - קידוד אתר
 
האתר הוא עיצוב חינמי שהחלטתי לקודד ואני אשמח לתגובות בונות עליו ולהגיד מה לשפר..

הקידוד:
http://www.shkalim.net/jobs/Orange/

תקן HTML:
http://validator.w3.org/check?uri=ht...Inline&group=0

תקן CSS:
http://jigsaw.w3.org/css-validator/v...rning=&lang=en

תגובות בונות בבקשה, תודה.

אביב 02-04-12 18:55

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

TSystems 02-04-12 21:46

ציטוט:

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

איפה אני אמור לקרוא על היררכיה של אלמנטים?

Agam Levi 02-04-12 22:18

ציטוט:

נכתב במקור על ידי TSystems (פרסם 840034)
איפה אני אמור לקרוא על היררכיה של אלמנטים?

יש אתר אחד, נראה לי שלא שמעת עליו אבל הוא נפוץ בעיקר בארה''ב. זה כזה פורטל למציאת תכנים וכאלה, יש המון מידע בנושא תכנות.
http://lmgtfy.com/?q=%D7%94%D7%99%D7...%99%D7%9D+HTML

ולנושא, אני תוהה למה רואים כל כך הרבה "מקודדים מקצועיים", ואף לא "מתכנת מקצועי" אחד או "מעצב מקצועי". מעניין למה רק נוער הHTML חייב להיות מקצועי.

TSystems 03-04-12 00:20

חיפשתי בגוגל וראיתי את זה, אבל אין שם שום קשר לאסתטיקה של הקוד..

ולמה שאמרת, יש מעצבים שקוראים לעצמם מקצועיים, וקשה מאוד לקרוא לעצמך מתכנת מקצועי כל עוד אתה נער - זה לוקח הרבה זמן ללמוד תכנות ברמה של לקרוא לעצמך מקצועי

Agam Levi 03-04-12 00:36

ציטוט:

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

ולמה שאמרת, יש מעצבים שקוראים לעצמם מקצועיים, וקשה מאוד לקרוא לעצמך מתכנת מקצועי כל עוד אתה נער - זה לוקח הרבה זמן ללמוד תכנות ברמה של לקרוא לעצמך מקצועי

תגגל את זה גם באנגלית. בעברית אין הרבה חומר מקצועי.

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

IgalSt 03-04-12 09:43

ציטוט:

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

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

מה שכן, אכן מדובר בעיצוב פשוט מאוד ואין יותר מדיי על מה לתת ביקורת, חוץ מאולי הנקודות הבאות:

קוד ה-css אכן לא מעוצב יפה.

ב- Features ו-Prices האיקון שלידן מיושר לא נכון אנכית. בכלל, הייתי מיישם את האייקון כתמונת רגע אולי ולא כ-img.

כמו כן, את החלק של ה- prices הייתי משנה ככה. מ-
HTML קוד:

<ul>
        <li class="money">Text Text Text Text Text Text Text Text Text Text Text Text </li>
        <li class="money">Text Text Text Text Text Text Text Text Text Text Text Text </li>
        <li class="money">Text Text Text Text Text Text Text Text Text Text Text Text </li>
        <li class="money">Text Text Text Text Text Text Text Text Text Text Text Text </li>
</ul>

ל-
HTML קוד:

<ul class="money">
        <li>Text Text Text Text Text Text Text Text Text Text Text Text </li>
        <li>Text Text Text Text Text Text Text Text Text Text Text Text </li>
        <li>Text Text Text Text Text Text Text Text Text Text Text Text </li>
        <li>Text Text Text Text Text Text Text Text Text Text Text Text </li>
</ul>


אביב 03-04-12 09:58

ציטוט:

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

מה שכן, אכן מדובר בעיצוב פשוט מאוד ואין יותר מדיי על מה לתת ביקורת, חוץ מאולי הנקודות הבאות:

קוד ה-css אכן לא מעוצב יפה.

ב- Features ו-Prices האיקון שלידן מיושר לא נכון אנכית. בכלל, הייתי מיישם את האייקון כתמונת רגע אולי ולא כ-img.

כמו כן, את החלק של ה- prices הייתי משנה ככה. מ-
HTML קוד:

<ul>
        <li class="money">Text Text Text Text Text Text Text Text Text Text Text Text </li>
        <li class="money">Text Text Text Text Text Text Text Text Text Text Text Text </li>
        <li class="money">Text Text Text Text Text Text Text Text Text Text Text Text </li>
        <li class="money">Text Text Text Text Text Text Text Text Text Text Text Text </li>
</ul>

ל-
HTML קוד:

<ul class="money">
        <li>Text Text Text Text Text Text Text Text Text Text Text Text </li>
        <li>Text Text Text Text Text Text Text Text Text Text Text Text </li>
        <li>Text Text Text Text Text Text Text Text Text Text Text Text </li>
        <li>Text Text Text Text Text Text Text Text Text Text Text Text </li>
</ul>


בוצעו קצת שינויים בסורס לפי מה שאני רואה, בכול מקרה לא מקובל לתת TAB לתגיות בסיס כמו HEAD או BODY.

IgalSt 03-04-12 10:33

ציטוט:

נכתב במקור על ידי Aviv.Hazor (פרסם 840089)
בוצעו קצת שינויים בסורס לפי מה שאני רואה, בכול מקרה לא מקובל לתת TAB לתגיות בסיס כמו HEAD או BODY.

אני יכול להסכים לגבי ה-body, אבל לא לגבי ה-head.

בכל אופן, זה לא עקרוני.

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

DoLet 03-04-12 10:35

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

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

כמו שכבר אמרו אין יותר מידי מה להגיב על העיצוב שיהיה בהצלחה :).


כל הזמנים הם GMT +2. הזמן כעת הוא 20:31.

מופעל באמצעות VBulletin גרסה 3.8.6
כל הזכויות שמורות ©
כל הזכויות שמורות לסולל יבוא ורשתות (1997) בע"מ