تم الانتهاء من أول تصاميمي باستخدام CSS

الحمدلله، وفقني الله عزوجل، لتعلم تقنية CSS .. التي اقتنعت بها بشكل كبير و بدأت أتقنها شيئاً فشيئاً.
ذكرت في مقال سابق عن تغييري لمعتقدي (التقني) - كما أسميته ;) - من استخدام الجداول في نظام تصميم المواقع إلى استخدام القنيات الحديثة كـ CSS و xhtml التي تندرج تحت Web 2.0 ، لا أطيل عليكم .. الموقع هو للاتحاد الوطني لطلبة الإمارات - فرع الطالبات، و حقيقة أنا فقط قمت بعملية التنسيق و الترتيب و تحويله إلى صفحة html و استخدام CSS، و التعديل على جزء من التصميم + الفلاش العلوي، أما التصميم كـ خامة .. هو من تصميم الأخت آلاء الصديق.
و على فكرة التصميم تم تركيبه على مدونة وورد بريس (هذا البرنامج الأسطوري) و تم تطويع إمكانيات المدونة لخدمة أصحاب الموقع.
و أستغل هذه الفرصة لأبدي أعجابي بهذا الاتحاد الجديد ، و أثني على الأخوات اللواتي يعملن فيه، لما لهن من جهد و دور واضح في الاتحاد، بروكت جهودهم و في ميزان حسناتهم.
نستقبل آرائكم هنا :D

17 من التعليقات لـ “تم الانتهاء من أول تصاميمي باستخدام CSS”

  1. AAM قال:

    مبارك !

    خطوة موفقه

    إذا لم تزل حقوق الوردبريس لكان أفضل فهم سهلوا عليك كثير من أمورك:)

    عموما شغلك حلو جدا و الورد بريس فيها قدرات كثيرة جدا

  2. MARWAN قال:

    AAM
    شاكر لك مرورك!
    حقيقةً أنا لم أزل الحقوق .. بقدر ما أني لم أضعها حتى الآن !
    حيث أن عانيت من حدوث خلل بعد وضع سطر التذييل footer المحتوي على عبارة الحقوق
    لذلك أحاول الوصول لحل له .. و بعد ذلك ستكون الحقوق موجودة :)

  3. مبرووووك أخوي مـروان ..
    خطـوة رائـعة جداً ~
    وبانتظـار معالجـة الخلل ..
    فـ { حقوق الـطيع محفوظـة ~*

  4. موقع رائع بالفعل
    أخي الكريم
    هل تنصح بدروس معينة تراها مفيدة لتعلم سي اس اس؟

  5. MARWAN قال:

    صغيرونة الملتقى
    شكراً على مرورج

    علي أبوطالب
    أهلاً بك أخي الكريم .. حقيقة أنا تعلمتها من دروس متنوعة في موقع سوالف سوفت، و بالتحديد في قسم ويب 2.0 الخاصة بالتقنيات الحديثة و القياسية، موقع سوالف يعتبر كأرشيف للمصمم و المطور العربي، فلن تجد أفصل من سوالف كمصدر !

  6. مروان .. خطوة موفقة .. بالنسبة للوردبرس .. و من خلال تعاملي معاه مثل ما تعرف :) و جدت بعض السلبيات ..

    1- يحكرك في طريقة عرض الموضوعات على شكل طولي في الصفحة الرئيسية .. يعني تبقى مدونة .. بشكلها ..

    2- الخيارات المتاحة و الإضافات قليلة جداً مقارنة مع برامج أخرى سأتعرض لها بعد قليل ..

    3- موقع مثل موقع الاتحاد - حسب رأيي - يحتاج نظام أفضل في طريقة العرض .. يعني طريقة المجلة أفضل وايد ..

    - عموما تركيب التصميم على المدونة كان موفق جداً ..
    - إذا كان هناك فرصة لتطوير الموقع خلال الفترة القادمة .. فأتوقع أنه من الأفضل أن تنتقل من نظام الوورد برس إلى برنامج ” جملة ” .. ما أدري إذا كنت تعرفه و لا لا .. ؟ .. فعليا شفته عملي أكثر و منظم أكثر و الاضافات و الكومبونت المتوفرة أكثر .. كذلك الابداع في تصميم الستايل متاح لأبعد الحدود ..

    أعمل حالياً على تطوير موقعي باستخدامه .. انتظرونا ..

    هاي بعض الروابط ممكن تفيدك :

    http://forum.joomla.org/index.php/
    http://www.joomla4arab.com/forum/
    http://www.joommla.com/ - الأفضل -

  7. جميل جداً التصميم، وكذلك عملك..
    لكنك استخدمت الجدول فعلاً في الـmarquee..
    هناك بعض الأخطاء في ملف الـcss مثل استخدام أوامر لم أسمع بها في css مثل:
    valign و align .. فهذه أوامر HTML

    أمر آخر..
    الفوتر في الفايرفوكس يظهر في الجهة اليمنى..

    أتمنى لك التوفيق، خطوات موفقة فعلاً وأتمنى لك المزيد من التقدم

  8. بالمناسبة.. نسيت إخبارك ملاحظة، وهي أن XHTML و CSS ليسا من تقنيات الويب 2 ولا يندرجان تحته.. الويب 2 مصطلح جديد وهو أمر مختلف، وهاتين اللغتين أكملا 10 سنوات وأكثر

  9. MARWAN قال:

    أولاً أعتذر عن تأخيري في التعقيب على ردودكم .. بسبب كثرة انشغالاتي.

    جاسم
    يا هلا فيك .. بخصوص ما ذكرت:
    1- لا أبداً ما في احتكار .. أعتقد أنك عندما قمت بالتصميم .. تعاملت مع تصاميم أخرى .. و تعاملك معها كان بناْ على التعديل على هذه التصاميم !! .. يعني كمثال : أنا ممكن أجعل المقالة المنشورة في الصفحة تكون عبارة عن مقالة واحدة فقط .. و بقية المقالات أجعلها كعناوين صغيرة تحت الخبر الرئيسي ! بهذه الطريقة أكون قد غيرت من شكل المدونة .. لكن في النهاية أنا ملزم بتطبيق ما يريد صاحب الموقع … هو أراد أن تكون الأخبار بالطريقة العادية .. فلذلك نفذت ما أراد !
    بالعكس الخيال مفتوح و التحكم مفتوح في الووردبريس .. صمم ما تشاء .. و رتب أكوادك حسب ما تريد !.. حيث أن العديد من الأشكال و المظاهر ممكن عملها في الوورد بريس لا يكمن فقط في التصميم نفسه .. بل أيضاً في بعض الأكواد اللي برمجت لتعمل بعدة طرق !
    2- في هذه صدقت .. الإضافات لا يوجد الكثير (عربياً) .. لكن أجنبياً هناك الكثييير .. فقط محتاج إنك تبحث و تترجم بنفسك .. !!
    3- نحن لا نختلف حول البرنامج المستخدم إن كان جملة أو وورد بريس أو phpnuke …… العبرة دائماً بالمظهر .. فالزائر للموقع لا يهمه نوع البرنامج المستخدم بقدر ما يهمه هو الموقع نفسه كمظهر .. فانتبه لهذه المسألة جيداً
    خلاصة نقاطي .. كل برنامج له سلبيات و إيجابيات .. و أنا تعاملت مع أكثر من برنامج إدارة محتوى منذ أكثر من 6 سنين على الأقل .. و إلى الآن لم أجد أفضل من وورد بريس !

    المبدع العربي
    أستاذي و مبدعنا .. أسعدني مثيراً مرورك
    بخصوص تعقيبك:
    1- نعم بالفعل استخدمت الجداول في موضع واحد و اللي ذكرته .. لأنه صعبت علي المسألة في وضعها بجنب بعض .. كون أنني منذ بدأت بتعلم CSS كنت في نفس الوقت أطبقها على الموقع الذي عرضته لكم !..
    2- نعم مثل ما ذكرت .. هناك أوامر HTML .. حيث أني أتعامل مع HTML سابقاً و أفهمها .. و هذه أوامر كنت أستخدمها سابقاً .. فكنت أطبقها على أساس إنه تعمل لكنها لم تكن تعمل .. و في النهاية لم أجد الوقت لإزالتها كلها !
    3- الفوتر .. نعم منتبه للنقطة هذي .. و أحاول تعديلها .. لكن دون جدوى !
    4- بخصوص ما ذكرت .. يبدوا أني نقلت معلومة خاطئة :D .. مثل ما قلت اللغتين موجود منذ وقت طويل .. لكن أعتقد أنه الاهتمام أصبح كبيراً بهما مع انطلاق مفهوم ويب 2 .. و خاصةً بننا نحن معرب !

  10. عند رؤيتي للمشكلة قمت بتحميل الصفحة وحللت مشكلة التوسيط في الفوتر لكني نسيت أن أرفقها هنا..
    أرى أنك حللت المشكلة الآن لأني أراه في الوسط

    موفّق بإذن الله

  11. MARWAN قال:

    المبدع العربي
    نعم الحمدلله حللتها من فترة .. شكراً لك أخي العزيز

  12. مهندس كويتي قال:

    موفق أخي الكريم ,,

    والله يفتح عليك بالدنيا والأخرة

    وبالتوفيق

  13. فاطمة قال:

    جميلة هي .. الأحلام والطموح

    وما هو أجمل منه هو تحقيقه بكل عزم وإصرار !!

    هذا ما نشهده الآن وما سنشهده دوما .. بإذن الله :)

    بوركت ..

  14. سهيل قال:

    السلام عليكم,

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

    من خلال خبرتي البسيطه أعتقد أن الووردبريس هو من أحسن الأنظمه للتعامل معها, فهو يصلح لأن يكون بلوق شخصي وبورتال لموقع أو أي شي يريده صاحب الفكره, جربت الكثير من الأنظمه الأخرى وأستقر بي الحال على الووربريس لأكثر من سبب وفي الأخير لكل شخص اختياره

    أتمنى أن تكون هذه مصافحتي الأولى للمدونه وأن أكون من الزوار الدائمين لك أخي العزيز

    سهيل

  15. MARWAN قال:

    مهندس كويتي
    جزاك الله خير .. و يفتح عليك و علينا كذلك.

    فاطمة
    شكراً لك .. في الأيام القادمة ستشهدون المزيد بعون الله.

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

  16. الغواص قال:

    السلام عليكم ,,

    ما شاء الله ,,

    عجبني التصميم ,,

    اخوي مروان ,, على اي قالب بنيت التغييرات ؟؟ و هل فيه امكانيه تبيعني القالب ,, بالاضافات ؟؟

    لاني بصراحة ناوي افتح مدونه ,, و عجبني القالب ,,, وبغيت واحد مثله ,,

    ايملي موجود عندك ,, إذا ممكن تضيفني عالماسنجر عشان نتفاهم ,,

    و اكون جدددددددا شاكر لك ,, ^,^

    اخوك ,, الغواص

  17. يعطيك العافية أخوي مروان

    تصميم نظيف ومتناسق ..

    الله يوفقك .. ويسهل لك أمور البرمجة كلها ..

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