פרסום | Orange - קידוד אתר

[TSystems]

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

הקידוד:
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

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

[אביב]

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

[TSystems]

נכתב במקור על ידי Aviv.Hazor

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

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

[Agam Levi]

נכתב במקור על ידי TSystems

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

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

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

[TSystems]

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

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

[Agam Levi]

נכתב במקור על ידי TSystems

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

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

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

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

[IgalSt]

נכתב במקור על ידי Aviv.Hazor

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

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

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

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

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

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

<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>

ל-

<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>

[אביב]

נכתב במקור על ידי IgalSt

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

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

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

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

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

<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>

ל-

<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]

נכתב במקור על ידי Aviv.Hazor

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

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

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

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

[DoLet]

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

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

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