بسم الله الرحمن الرحيم
السلام عليكم
اخواني
كيف استفيد من تقنيه Css في مثل هذا التصميم .؟؟؟
لكي اجعله مطابقا للمواصفات وخفيف وسريع ومرن
منتظر شرحكم وتعليقكم....
| |
بسم الله الرحمن الرحيم
السلام عليكم
اخواني
كيف استفيد من تقنيه Css في مثل هذا التصميم .؟؟؟
لكي اجعله مطابقا للمواصفات وخفيف وسريع ومرن
منتظر شرحكم وتعليقكم....
__________________
كنت هنا ..
بجعل تقسيم الصفحة وكل أنواع الخطوط الألوان يتم قراءته من خلال الـ .css
لا يكفي أن تعتمد على الـ css لجعل موقعك سريع بل اجعل تقسيم الصفحة كلها عبارة عن divs أو ULs وليس tables وعندها سترى أن سرعة موقعك بالـ divs أضعاف السرعة بالـ tables هذا ينطبق على IE فقط أما فايرفوكس فيقرأ الـ divs الـ tables بنفس السرعة
بالتوفيق...
سلامي
اخوي ممكن بشيء من التفصيل شويه ...المشاركة الأصلية كتبت بواسطة Obai
__________________
كنت هنا ..
اخونا Obai يقصد بال tables هيا دوال الجداول في لغه ال html وكمثال :<table><tr><td>الكلام او الصور هنا </td></tr></table>اما ال divs هيا دوال ايضا في ال html وهيا على الصورة :<div></div>ويمكن اختيار الاستايل المطلوب عن طريق هذا وذاك ولكن ال <div> تقلل من حجم كود الصفحة , ولاختيار الاستايل يكتب الكود هكذا :<div class="اسم الكلاس(الاستايل في ال css )">الكلام او الصور</div>ياريت اكون افدتك اخي
__________________
Ahmed Hassan
Web.Serve
نعم هذا ما قصدته... كما قال أخي Alcomputergy.Com
الـ IE يقرأ الـ table كما يلي يقوم تحميله في الذاكرة حتى يكتمل تحميل كل محتواه مهما كان كبيراً ثم يظهره دفعة واحدة بينما في حال الdiv يظهر البيانات أولا فأولا وهكذا فلا يتأخر على الزائر في فتح الصفحة..
سلامي
اخوي هل هناك مواقع تعطي دروس او معلومات للمبتدئين في هذا الموضوع ؟؟؟
__________________
كنت هنا ..
مرحباااا
بما انك اول مرة تقسم الصفحات بـ css أخ أحمد
لابد ان تعرف أولا أن الهدف من تخطيط الموقع عن طريق css هو الإستعاضة بقدر الإمكان عن الجداول الأكثر شعبية عند المصممين بطريقة اكثر مرونه وسهوله وتوافق المعايير القياسيه وتظهر بشكل سليم على كافه المتصفحات فمع التوزيع بهذا الطريقة يمكنك ان تقسم موقعك كما تحب كقطع الشطرنج..
/** ولابد قبل البدأ ان لا تعتمد على ما ماتعلمته في توزيع التصميم عن طريق الجدوال بالضبط ـ لان أكثر مايعيق المبتدئين في css هو محاولة تقليد التقسيم عن طريق الجدول ولكن بـ css وبنفس الطريقة ! وهنا يحدث الخلط **/
الشرح سيكون تعريفي فقط لان بدون خبرة لك عن أوامر أو خصائص css المختلفة لن تستطيع التطبيق وتوزيع الصفحات الا بتعلمها من البداية وهناك الكثير من المصادر الأجنبية المميزة جدا يمكن البدأ بها لأخذ فكرة عن التخطيط والخصائص المختلقة ..
هنا تجميع لمجموعه مواقع مفيدة جدا : http://www.montadaphp.net/showpost.p...93&postcount=2
وبالبحث هنا في سوالف يمكنك ان تجد العديد من النقاشات المفيدة والمصادر الأخرى
http://www.swalif.net/softs/search.php?searchid=1927463
ومن محرك جوجل يمكنك البحث بكتابه ـ Layout CSS ستجد الكثير من المقالات والمدونات التى تتحدث عن تخطيط الموقع .
فتخطيط الصفحة layout :
هو عبارة عن تقسيم لعناصر الصفحة الأساسية وتحديدها بالكامل ( الجسم , الهيدر , الفوتر , مكان النصوص , القوائم .... الخ) أي هو تقسيم خارجي للمحتوى فقط واماكن ظهورها المتوقعه وذلك عن طريق الوسم div الذى يأخذ خصائصة من css للتحكم في التموضع يمين , شمال , فوق , تحت , خلفيات ... ـ وربما هذا الرد يفيدك في مثال عن التخطيط : http://www.montadaphp.net/showpost.p...89&postcount=2
وبعد ان قسمنا الموقع ياتي دور المحتوى، والمحتوى عبارة عن ( صور , نصوص , عناوين , قوائم , وصلات ... الخ ) وكل منها لها وسوم خاصة تأخذ اوامرها أيضا من css كي تتحكم في طريقة عرضها وظهورها داخل التقسيمة الأساسية المعمولة مسبقاً عن طريق مايسمي بالفئات class او المعرّفات id بأعطاء أنواع الخطوط , الألوان , طريقة ظهور الوصلات والقوائم ... الخ
فالعناوين الرئيسية لها الوسوم h1 h2 h3 h4 h5
النصوص p
القوائم ul li و dd dl dt
الوصلات a
الصور يمكن ان تلحقها بأي وسم مما سبق ويمكن ايضا ان تضعها مباشرة داخل الوسم div ضمن تقسم الصفحة ــ وكل هذه وسوم تابعه لـ html ...
مع محاولة التطبيق تزيد خبراتك وتبتكر طرق جديدة في التوزيع على حسب تصميمك ولكن الأهم متابعه معارض تصميم المواقع كثيراً ومحاولة إكتشاف طرق التوزيع المختلفة لهم ومن هنا بعض المعارض بالرد التالي : http://www.swalif.net/softs/swalif3/...6/#post1425183
وإن شاء الله يفيدك الأخوة هنـا بمعلومات أكثر مني حول التخطيط
تحيتي ،،
__________________
كتوم في المصنع {...}
تسلم ايديكم
__________________
كنت هنا ..
ضوابط المشاركة
رد مع اقتباس