السلام عليكم و رحمة الله و بركاته
بداية من الواضح ان الكود تم انشائه ببرنامج ImageReady، و هذا ادى لوجود اخطاء كثيرة في الكود، لكن عموماً لا مشكلة
اولاً: نوع الدوكتايب (DTD)
نوع الدوكتايب المستخدم في الكود غير موجود اصلاً في انواع الدوكتايب التي تعتمدها منظمة W3C لذلك يجب استخدام احد الانواع الثلاثة التي ذكرتها في ردي السابق و بالطبع فأن افضل نوع هو النوع الإنتقالي (Transitional) لأنه يتيح لك المزج بين العناصر القياسية و الأخرى الغير قياسية.
ثانياً: استخدام الفلاش
لم اجرب استخدام الفلاش في اي عمل صممته للآن، ببساطة لأني لا احتاجه
و لكن مع ذلك قمت بالتعديل على الكود ليعمل بسلاسة، فقط غير متأكد من النتيجة لأني لم اجرب استخدام الفلاش في تصاميمي من قبل كما قلت.
الفكرة ببساطة انه هنالك عنصرين يتم استخدامهم لتضمين الفلاش في صفحات HTML، العنصر الاول embed و الثاني object. دعك من الاول فهو غير متوافق مع المعايير، و بقليل من التعديل على العنصر الثاني يمكننا ضمان عمل ملف الفلاش في اغلب المتصفحات، مع ضمان قياسية الموقع.
هنالك العديد من النقاشات و الجدل حول طريقة تضمين الفلاش في صفحات HTML، و اعتقد انه هنالك موضوع هنا في سوالف الكثير من الخبراء تحدثوا فيه عن هذه النقطة، اذا احببت معرفة المزيد ابحث و ستجده بإذن الله.
ثالثاً: الجداول
بالطبع التصميم يستخدم الجداول بطريقة بشعة، و كان هنالك خطأ في الكود بسبب احدى الخصائص (attributes) الخاصة بالعنصر table، حيث لا يسمح في هذا النوع من الدوكتايب بتحديد طول (height) لعنصر table و لكن يجب بدلاً من ذلك تحديد الطول من خلال ملف الأنماط المتعاقبة (CSS).
و بما ان الكود يحتوى بالفعل على اكواد CSS بداخل الكود (عن طريق العنصر style)، لذا قمت بإضافة قيمة الطول (height) للعنصر table عن طريق تحديدها في اكواد CSS.
اطلع على الكود، و قم بالتأكد من عمله، و تأكد ايضاً من كونه متوافق، و اذا وجدت اي مشاكل او وجدت اي غموض في الشرح فأنا حاضر.
كود:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="Keywords" content="">
<style type="text/css">
.style1 {
color: #808000;
}
.style2 {
text-decoration: none;
}
#Table_01 {
height: 601px;
}
</style>
</head>
<body bgcolor="#393939" style="text-align: center">
<table id="Table_01" width="651" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="10">
<img src="images/index_01.gif" width="650" height="143" alt="">
</td>
<td>
<img src="images/spacer.gif" width="1" height="143" alt="">
</td>
</tr>
<tr>
<td colspan="7" rowspan="2">
<img src="images/index_02.gif" width="480" height="65" alt="">
</td>
<td colspan="2">
<a href="http://www.ceprya.com/vb/"><img src= "images/index_03.gif" width="96" height="50" alt="" border="0"></a>
</td>
<td rowspan="10">
<img src="images/index_04.gif" width="74" height="457" alt="">
</td>
<td>
<img src="images/spacer.gif" width="1" height="50" alt="">
</td>
</tr>
<tr>
<td colspan="2">
<img src="images/index_05.gif" width="96" height="15" alt="">
</td>
<td>
<img src="images/spacer.gif" width="1" height="15" alt="">
</td>
</tr>
<tr>
<td colspan="4" rowspan="2">
<img src="images/index_06.gif" width="194" height="191" alt="">
</td>
<td colspan="2" rowspan="3">
<object id="obj1" width="261" height="239" type="application/x-shockwave-flash">
<param name="movie" value="images/q.swf">
<param name="quality" value="High">
</object>
</td>
<td colspan="2">
<a href="http://www.ceprya.com/chat.html"><img src="images/index_08.gif" width="95" height="45" alt="" border="0"></a>
</td>
<td rowspan="8">
<img src="images/index_09.gif" width="26" height="392" alt="">
</td>
<td>
<img src="images/spacer.gif" width="1" height="45" alt="">
</td>
</tr>
<tr>
<td colspan="2" rowspan="7">
<img src="images/index_10.gif" width="95" height="347" alt="">
</td>
<td>
<img src="images/spacer.gif" width="1" height="146" alt="">
</td>
</tr>
<tr>
<td colspan="2" rowspan="4">
<img src="images/index_11.gif" width="94" height="129" alt="">
</td>
<td colspan="2">
<a href="mailto:ceprya@ceprya.com"><img src="images/index_12.gif" width="100" height="48" alt="" border="0"></a>
</td>
<td>
<img src="images/spacer.gif" width="1" height="48" alt="">
</td>
</tr>
<tr>
<td colspan="4">
<img src="images/index_13.gif" width="361" height="13" alt="">
</td>
<td>
<img src="images/spacer.gif" width="1" height="13" alt="">
</td>
</tr>
<tr>
<td rowspan="2">
<img src="images/index_14.gif" width="29" height="68" alt="">
</td>
<td colspan="2">
<a href="mailto:ceprya@ceprya.com"><img src="images/index_15.gif" width="93" height="45" alt="" border="0"></a>
</td>
<td rowspan="4">
<img src="images/index_16.gif" width="239" height="140" alt="">
</td>
<td>
<img src="images/spacer.gif" width="1" height="45" alt="">
</td>
</tr>
<tr>
<td colspan="2" rowspan="3">
<img src="images/index_17.gif" width="93" height="95" alt="">
</td>
<td>
<img src="images/spacer.gif" width="1" height="23" alt="">
</td>
</tr>
<tr>
<td rowspan="2">
<img src="images/index_18.gif" width="25" height="72" alt="">
</td>
<td colspan="2">
<img src="images/index_19.gif" width="98" height="58" alt="">
</td>
<td>
<img src="images/spacer.gif" width="1" height="58" alt="">
</td>
</tr>
<tr>
<td colspan="2">
<img src="images/index_20.gif" width="98" height="14" alt="">
</td>
<td>
<img src="images/spacer.gif" width="1" height="14" alt="">
</td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="25" height="1" alt="">
</td>
<td>
<img src="images/spacer.gif" width="69" height="1" alt="">
</td>
<td>
<img src="images/spacer.gif" width="29" height="1" alt="">
</td>
<td>
<img src="images/spacer.gif" width="71" height="1" alt="">
</td>
<td>
<img src="images/spacer.gif" width="22" height="1" alt="">
</td>
<td>
<img src="images/spacer.gif" width="239" height="1" alt="">
</td>
<td>
<img src="images/spacer.gif" width="25" height="1" alt="">
</td>
<td>
<img src="images/spacer.gif" width="70" height="1" alt="">
</td>
<td>
<img src="images/spacer.gif" width="26" height="1" alt="">
</td>
<td>
<img src="images/spacer.gif" width="74" height="1" alt="">
</td>
<td></td>
</tr>
</table>
</body>
</html> تحياتي
احمد حازم