[קידוד] שני שלי - הוסטס

Shay Ben Moshe · 25-06-08, 22:58

זהו הקידוד השני שלי.
כרגע אני לא מעלה את הדף אבל הוא עובד על FF ועל IE חלק. הוא עובר את W3C.
האם הוא בסדר?
(זה תכנות של הפוטושופ עם הטבלאות שאת כל התמונות הפכתי לdivים והוספתי עוד כל מני דברים כמובן)

HTML קוד:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Ofer Ben Moshe | Iron Design | Iron Made | Iron tools | Iron art עופר בן משה | עיצוב בברזל | מעצב בברזל | אמנות ברזל | כלי ברזל</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1255">
<link rel="stylesheet" href="Default.css" type="text/css" media="screen">
<style type="text/css">
 body {
  background-color: #1D1D1D;
 }
 
 span.tiny {color: #FFFFFF; font-family: arial; font-size: 1%}
 span.normal {color: #FFFFFF; font-family: arial; font-size: 80%}
 span.title {color: orange; font-family: arial; font-size: 100%}
 span.red {color: red; font-family: arial; font-size: 100%}
</style>
</head>
<body>
<table width="800" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td colspan="3" rowspan="5">
<div class="div_image" align=center><span class="tiny"> </span></div>
</td>
<td colspan="4">
<div class="div_logo" align=center><span class="tiny"> </span></div>
</td>
</tr>
<tr>
<td colspan="4">
<div class="div_slogen" align=center><span class="normal">עיצוב איכותי בברזל</span></div>
</td>
</tr>
<tr>
<td colspan="4">
<div class="div_04" align=center><span class="tiny"> </span></div>
</td>
</tr>
<tr>
<td colspan="2">
<div class="div_phonenumber" align=right><span class="red"><strong>000-0000000</strong></span></div>
</td>
<td colspan="2">
<div class="div_phone" align=left><span class="normal">:פלאפון</span></div>
</td>
</tr>
<tr>
<td colspan="4">
<div class="div_07" align=center> </div>
</td>
</tr>
<tr>
<td colspan="7">
<div class="div_menu" align=center><span class="normal">תפריט | תפריט | תפריט | תפריט | תפריט</span></div>
</td>
</tr>
<tr>
<td colspan="7">
<div class="div_09" align=center><span class="tiny"> </span></div>
</td>
</tr>
<tr>
<td colspan="2">
<div class="div_whyus" align=right><span class="title"><strong>למה אנחנו</strong></span></div>
</td>
<td colspan="4">
<div class="div_about" align=right><span class="title"><strong>אודותינו</strong></span></div>
</td>
<td rowspan="2">
<div class="div_12" align=center><span class="tiny"> </span></div>
</td>
</tr>
<tr>
<td colspan="2">
<div class="div_whyustext" align=right><span class="normal">
טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט
<br>
טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט
<br>
טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט
<br>
טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט
<br>
טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט
<br>
טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט
<br>
טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט
</span></div>
</td>
<td colspan="4">
<div class="div_abouttext" align=right><span class="normal">
טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט
<br>
טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט
<br>
טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט
<br>
טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט
<br>
טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט
<br>
טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט
<br>
טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט
</span></div>
</td>
</tr>
<tr>
<td>
<div class="div_picturesleft" align=center><span class="tiny"> </span></div>
</td>
<td colspan="3">
<div class="div_pictures" align=center><span class="tiny"> </span></div>
</td>
<td colspan="3">
<div class="div_picturesright" align=center><span class="tiny"> </span></div>
</td>
</tr>
<tr>
<td colspan="7">
<div class="div_18" align=center><span class="tiny"> </span></div>
</td>
</tr>
<tr>
<td colspan="7">
<div class="div_copyright" align=center><span class="normal">כל הזכויות שמורות לעופר בן משה © 2008</span></div>
</td>
</tr>
<tr>
<td colspan="7">
<div class="div_kidum" align=center><span class="normal">אז למה אתם מחכים? התקשרו עכשיו ל: </span><span class="red"><strong>0000000-000</strong></span></div>
</td>
</tr>
<tr>
<td><img src="images/spacer.gif" width="115" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="259" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="152" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="158" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="27" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="61" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="28" height="1" alt=""></td>
</tr>
</table>
</body>
</html>

תודה רבה לעוזרים!

DavidBD · 25-06-08, 23:16

זה לא משנה אם עטפת את התמונות בDIVים, עדיין זה קידוד בטבלאות.

ofekns · 26-06-08, 03:10

התקדמת מעט .. כל הכבוד... (אני רואה שהתחלת ללמוד טיפה CSS וזה כבר אומר שאתה בכיוון הנכון)

WebProject · 26-06-08, 07:59

אני אתחיל לחלק פה אזהרות בסוף לכל מי שיקרא לזה קידוד חח... תלמדו, slicing=חיתוך, ולא קידוד, שזה אגב encoding.

לפותח האשכול, ההמלצה שלי לעבודה היא ככה, קודם כל תחתוך את כל הדברים שדורשים* חיתוך, חלקים עם ערך גראפי, ודברים שאי אפשר לשחזר בCSS, אזורים לבנים וכד' אל תחתוך, תשתדל להשתמש בזכוכית המגדלת.

לאחר מכן, שמור את התמונות, ובעזרת CSS תתחיל להרכיב את התמונות כמו פאזל

בהצלחה!

Shay Ben Moshe · 26-06-08, 12:29

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

DavidBD · 26-06-08, 13:06

ציטוט:

נכתב במקור על ידי The Chosen Generl

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

אתה קובע את המרחקים בעזרת margin ו- padding ובכדיי שהDIVים לא יבואו אחד מתחת השני תשתמש בFLOAT, תוכל לקרוא על כך במאמרים בגוגל, כעיקרון זה CSS בסיסי.

ofekns · 26-06-08, 13:34

ציטוט:

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

אתה קובע את המרחקים בעזרת margin ו- padding ובכדיי שהDIVים לא יבואו אחד מתחת השני תשתמש בFLOAT, תוכל לקרוא על כך במאמרים בגוגל, כעיקרון זה CSS בסיסי.

אני יגיד משהו שיקל עליו...
נגיד אתה עושה ככה:

PHP קוד:


			
<div style="float:right;">

אם אתה רוצה לשבור את הרצף הכונה עשית את זה נגיד ל 3 דיבים ואז אתה רוצה לרדת שורה אז אתה עושה ככה:

PHP קוד:


			
<br style="line-height:0px;clear:both;" />

מקוה שעזרתי =] בהצלחה

DavidBD · 26-06-08, 13:42

ציטוט:

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

אני יגיד משהו שיקל עליו...
נגיד אתה עושה ככה:

PHP קוד:


			
<div style="float:right;">

אם אתה רוצה לשבור את הרצף הכונה עשית את זה נגיד ל 3 דיבים ואז אתה רוצה לרדת שורה אז אתה עושה ככה:

PHP קוד:


			
<br style="line-height:0px;clear:both;" />

מקוה שעזרתי =] בהצלחה

או פשוט לתת לDIV

קוד:

display: block;

Shay Ben Moshe · 28-06-08, 18:05

תודה לכולם אבל אני פשוט לא מצליח לעשות את זה ככה.
זה לא יוצא לי טוב.
הכל מבולגן על הדף.

זה באמת כזה חשוב?

25-06-08, 23:16	# 2
DavidBD חבר על מיני פרופיל תאריך הצטרפות: Dec 2005 גיל: 31 הודעות: 956	זה לא משנה אם עטפת את התמונות בDIVים, עדיין זה קידוד בטבלאות. __________________ דוד בן דוד.

26-06-08, 07:59	# 4
WebProject מ.תיכנות מיני פרופיל תאריך הצטרפות: Oct 2005 מיקום: אשדוד הודעות: 3,070	אני אתחיל לחלק פה אזהרות בסוף לכל מי שיקרא לזה קידוד חח... תלמדו, slicing=חיתוך, ולא קידוד, שזה אגב encoding. לפותח האשכול, ההמלצה שלי לעבודה היא ככה, קודם כל תחתוך את כל הדברים שדורשים* חיתוך, חלקים עם ערך גראפי, ודברים שאי אפשר לשחזר בCSS, אזורים לבנים וכד' אל תחתוך, תשתדל להשתמש בזכוכית המגדלת. לאחר מכן, שמור את התמונות, ובעזרת CSS תתחיל להרכיב את התמונות כמו פאזל בהצלחה! __________________ כושר קרבי \ טיפים לגיבושים פורטל רעל - צבא וכושר קרבי


	ההרשמה לפורום נפתחה - אפשרות רישום לכל אימייל (דומיינים פרטיים, gmail, הוטמייל..)!

26-06-08, 03:10	# 3
ofekns חבר בקהילה מיני פרופיל תאריך הצטרפות: May 2008 הודעות: 135	התקדמת מעט .. כל הכבוד... (אני רואה שהתחלת ללמוד טיפה CSS וזה כבר אומר שאתה בכיוון הנכון)

26-06-08, 12:29	# 5
Shay Ben Moshe משתמש - היכל התהילה מיני פרופיל תאריך הצטרפות: Oct 2007 הודעות: 1,397	האמממ אוקי. רק איך אני עושה שזה יהיה צמוד אחד לשני? זה יוצא ככה אוטומטית בDIVים?

28-06-08, 18:05	# 9
Shay Ben Moshe משתמש - היכל התהילה מיני פרופיל תאריך הצטרפות: Oct 2007 הודעות: 1,397	תודה לכולם אבל אני פשוט לא מצליח לעשות את זה ככה. זה לא יוצא לי טוב. הכל מבולגן על הדף. זה באמת כזה חשוב?

חברים פעילים הצופים באשכול זה: 1 (0 חברים ו- 1 אורחים)