مارأيكم بتصميمي لموقع " الأسرة.نت " .. ؟؟ ( ارجوا النقد ! )

[ابو ريناز]

السلام عليكم ورحمة الله وبركاته ..

اخواني الكرام .. أود أن أخذ رأيكم في الموقع الذي صممته لأحد الأشخاص بعنوان " الأسرة.نت " .. مع العلم ان الشخص الذي طلب مني ذلك لم يحدد لي مضمون الموقع .. وإنما طلب مني مبدئياً أن أصمم له واجهة الموقع .. ولقد فعلت ذلك .. وأود اخذ رأيكم بها ..


ولاتنسونا من انتقاداتكم وتوجيهاكم ودعواتكم ..

الموقع هنا http://www.elosra.net/


وجزاكم الله خير ..

[NewNew]

في نظري تصميم جميل..

[أبوعامر]

السلام عليكم
التصميم جميل ,
ولكن لي ملاحظتين صغيرتين

حاول توسيط الجدول لكي يظهر في وسط المتصفح للذين يستخدمون دقة اكبر من 800*600
بالنسبة لرابط الايميل في الاسفل ( لمراسلة المصمم ) الرابط خطأ حيث انه يؤدي لصفحة غير موجودة على الموقع
عدل الرابط ليكون mailto: ta_1408@hotmail.com

تحياتي

[فاعل خير]

جميل ولكن؛

1) الأم ترتدي "بنطلون"!.. وهذا مثال ليس بالجيد!..

2) الصور كبيرة، أو الموقع بطيء .. المهم الموقع لم يتم تحميله بسرعة من ان سرعة التحميل عندي 3 ميجا بالثانية ..

[ابو ريناز]

أهلاً بالجميع ..


NewNew :
أهلاًبك .. وشكرا على الرد وعلى المرور ..



أبوعامر :
أهلاً ...
ملاحظاتك مهمة للغاية .. بالنسبة للمقاس فلقد نسيت ان افعلها .. وسيتم تعديل ذلك باذن الله .. ونفس الامر بالنسبة للايميل ..



فاعل خير :
ياهلا ... بالنسبة للأم .. فلم أجد صورة مناسبة تدل على الاسرة الا هذه ! .. حاولت وحاولت .. ولكن لم اجد .. ان كان عندك صورة افضل منها ارجوا منك ان تعطيني اياها ... وبالنسبة للبطئ ! .. فلا ااعتقد ذلك فالموقع عندي سريع جداً .. رغم ان سرعة الداون لود عندي تبلغ 3 كيلوا بت في الثانية !! .. فكيف بها عندك وسرعتك 3 ميجا بالثانية !! .. ( رغم اني لم اسمع بهذه السرعة من قل !! ) ..
وجزاك الله خير ..

[Hawajes]

تصميم جميل .. بس أعتقد الألوان الفاتحة و الهادية أفضل من اللون المستخدم ..

تحياتي ..

[ابومنار]

عمل يطلع من يديّ ابو ريناز لا بد أن يكون جميل

ملاحظات صغيرة :

الأيقونات العلوية لو تكون اصغر من الموجودة وتكون على جهة اليسار أو يتم زيادتها وتبقى كما هي في مكانها .

من الممكن ان تعتمد على الإطارات frames لتفتح أي رابط في الصندوق الأوسط ( المقدمة المقدمة المقدمة المقدمة المقدمة .. )

بالمناسبة الموقع فتح معي بشكل سريع .

بالتوفيق ابو ريناز

[ابو ريناز]

أهلاً بالجميع ..


Hawajes :
ياهلا فيك .. ورأيك على العين والرأس .. والناس أذواق .



ابومنار :
هلا والله وغلا .. وش فيك وراي وراي <--- وش اسوي حطيتها اربعه وجيه لان ماعندهم وحده متحركه زينا هناك !
بالنسبة للايقونات فبصراحة أنا أرى ان حجمهم ومكانهم مناسبين .. خصوصاً في المكان .. فلااعتقد انه من المناسب ان تكون في الجهة اليسرى ، واختلاف الرأي لايفسد للود قضيه .. وبالنسبة للاطارات والصندوق الأوسط .. فهذه هي الطريقة المتّعبه الآن! .. وشاكر لك على التنبيه لها .. وجزاك الله الف خير يااغلا من الغلا ..

[Fuga]

التصميم حلو بس طريقة تحويله الى html هي المشكله يعني يجب تقليل عدد الصور الة نسبة 50 %
يعني حاول تشيل الصور اللي بلون واحد كلها وتخليها خلفيه لكل الأماكن اللي تحتوي على هذا اللون من الصور

ما أدري يمكن ما فهمتني بس أقصد بإختصار هو عدم طرح التصميم بالكامل يعني حاول تجزء الصور

[ابو ريناز]

أهلاً فوقا ..

انا فهمتك يالغالي .. والطريقة ذي اعرفها سابقاً .. وهي فعلاً حلوة .. لكن روح للموقع يالغالي وفككه تجد انه مافيه صور تحتاج الى حذف الا صور صغيره الحجم .. وماحذفتها لاني بالاصل بالفوتوشوب خليتها موصوله مع صورة فيها كلام .. يعني لو حذفتها لازم احذف الصورة كامله .. وتعجيزت افتح الفوتوشوب عشان افصل بين الصورة اللي فيها الكلام وبين الصورة اللي لونها نفس لون الخلفية .. وهي بالاصل صورة صغيره جدا لااعتقد انه حجمها يتعدى 2 كيلوا بايت ! ..

عموماً جزاك الله خير على المرور وعلى الرد وابدا الرأي ..

[q8sun]

السلام عليكم


التصميم بشكل عام جميل بس الألوان غامقه يعني لو تصير الألوان فاتحة يكون افضل

[wld_el_3z]

رد مقتبس من q8sun
السلام عليكم


التصميم بشكل عام جميل بس الألوان غامقه يعني لو تصير الألوان فاتحة يكون افضل

[زائرالمؤلف]

لن أتحدث عن التصميم فهو يخضع لمعايير ذوقيه
لكن من الناحية البرمجية يوجد مشاكل
أظهر اختبار Dreamweaver وجود عدة أخطاء تتسبب في مشاكل في التحميل حتى لو لم يظهرها المتصفح منها :
* مشكلة عرض الجدول : الصفحة عبارة عن جدول واحد والعرض المستخدم هو 771 أي عند عرضه بأكثر من مقاس تحدث مشكلة
ننصح أن يكون عض الجدول كالتالي :

<TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0> 

* أنت تريد ان يعمل الموقع لكن بهذا الشكل لن تظهر الواجهة إلا مرة واحدة فعند الضغط على أي رابط يتم الانتقال إلى صفحة أخرى .
والحل الاستعانة بتقنية الفريمات للمحافظة على ثبات الصفحة الرئيسية وظهور الصفحات الجديدة في الجدول وسط الموقع .
* لا ينصح باستخدام iframe إلا في مساحات ضيقة وهنا استخدم بشكل رئيسي في الموقع .
* الحجم : استخدمت 77 صورة بحجم 129 كيلويايت هذا خلاف حجم لغة HTML وهذا كثير جداً على صفحة رئيسية ! .. هل استخدمت تقنية الضغط ؟
* ترتيب الشيفرة : استخدم أحد برامج ترتيب لغات الإنترنت او استخدم Dreamweaver
Commands/ Apply Source Formatting


وفقك الله

[ابو ريناز]

أهلاً بالجميع ..


q8sun & wld_el_3z :
شكراً لكم على إبدا الرأي ..


المؤلف :
ياسلام عليك ياشيخ .. لله درّك .. فعلاً كلامك أعجبني .. ولو أنه فيه بعض الاشياء مافهمتها وذلك عائد لقلة خبرتي .. عموما يالغالي .. ياليت تتحملني شوي وتاخذني على قدّي .. انا للاسف مافهمت قصدك بـ مشكلة عرض الجدول .. ياليت توضيح اكثر .. وكذلك بالنسبة لـ الفريمات .. لم افهمها .. فياليت توضيح اكثر عنها .. وبالنسبة لظهور الموقع والجداول في وسط الصفحة فقد تم تعديل الموقع واذهب الان اليه وحدّثه وستجده في المنتصف بإذن الله .. وبالنسبة لتقنيه الضغط للاسف لااعرفها .. واتمنى اتمنى اتمنى ان اجدها وتكون نافعة بحيث تضغط حجم الموقع وتقلل من حجمه بنسبة كبيرة .. بشرط ان لاتؤثر على دقة الصور .. هل من الممكن عمل ذلك ؟؟ .. وبالنسبة لترتيب الشيفرة .. فلااسف لاعرفها .. ياليت تشرح لي ماذا تقصد بها ؟ ..
واسف اسف اسف ان كنت ثقلت عليك .. وان كنت سببت لك مضايقة بأسئلتي .. فأجحد أبو أبوها ..

ومنكم نستفيد ..



واحب ان اشير الى ان هناك تغيرات تمت في الموقع منها وضع رابط تجريبي لصفحة " رسالة الى الاباء " .. كي تروا اين تُـفتح الصفحة .. وكذلك تم وضع نصوص توضيحه على الصور عن الاشارة عليها " جرب وقف الماوس على صورة في القائمة اللي يسار وشوف وش يطلع لك " .. وتم توسيط الموقع وجعله في وسط الصفحه .. وتم تغير بعض الاشياء الخفيفة ! ..

وجزاكم الله خير ..

[زائرالمؤلف]

شكراً :
---------------------------
* عرض الجدول : استخدم عرض بالنسبة المئوية أي مثلاً 100% أو 90% ولا تستخدم عرض عادي أي 700 أو 800 وبالتالي سيتم ضبط الموقع بشكل آلي حسب عرض الشاشة لدى الزائر .
الفريمات "الإطارات " : أي يكون كل قسم في الموقع صفحة مستقلة وعند تصفحها يتم استدعاء تلك الصفحات لتظهر في الصفحة الرئيسية لا حظ المثال التالي :

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=1256">
</head>

<frameset rows="47,*" frameborder="NO" border="0" framespacing="0" cols="*"> 
  <frame name="topFrame" scrolling="NO" noresize src="top.htm" >
  <frameset cols="*,80" frameborder="NO" border="0" framespacing="0"> 
    <frameset cols="80,*" frameborder="NO" border="0" framespacing="0"> 
      <frame name="leftFrame" scrolling="NO" noresize src="left.htm">
      <frameset rows="*,58" frameborder="NO" border="0" framespacing="0" cols="*"> 
        <frame name="mainFrame" src="main.htm">
        <frame name="bottomFrame" scrolling="NO" noresize src="bottom.htm">
      </frameset>
    </frameset>
    <frame name="rightFrame" scrolling="NO" noresize src="right.htm">
  </frameset>
</frameset>
<noframes><body bgcolor="#FFFFFF" text="#000000">

</body></noframes>
</html> 

لا حظ ان لديك 6 صفحات
الرئيسة : index.htm هي التي ستضع بها الكود في الأعلى
الإطار الأعلى : top.htm
الإطار الوسط : main.htm
الإطار الأسفل :bottom.htm
الإطار الأيمن :right.htm
الإطار الأيسر :left.htm
حاول تامل الشيفرة وتغيير ما تريد لحذف إطار أو إضافة آخر
أرفقت لك الصفحات كاملة مع الرئيسية
---------------------------
* تقنيه الضغط : باختصار الفكرة في أن الويب لا يسمح إلا بعرض عدد محدد من الألوان ولهذا إذا قللت عدد الألوان فسيكون حجم الصورة أقل والجودة كما هي
استخدم برنامج فوتوشوب 6 فأكثر وافتح الصورة ثم اضغط
Save as web
واختر النسق Gif
ثم قلل الألوان من 256 إلى 25 أو 20 أو 16 يختلف من صورة إلى اخرى بعضها يظهر فرق فارجعها إلى 32 أو 64 وشاهد كيف يقل الحجم .
---------------------------
* ترتيب الشيفرة :
في برنامج Dreamweaver
قم بتحديد الشفرة كاملة
ثم اضغط القائمة المنسدلة
Commands
ثم اختر Apply Source Formatting
---------------------------
* لتنظيف الشيفرة
اضغط من نفس القائمة المنسدلة
Clean UP HTML
---------------------------
* لحذف شيفرات برنامج Word
اضغط
Clean UP Word HTML


---------------------------


وبالتوفيق للجميع