الرئيسية      عني      أعمالي      السيرة      صوري      اتصل بي

كتابي الجديد تعلم ببساطة HTML و CSS لتصميم صفحات الإنترنت

الترخيص

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

مقدمة

بسم الله الرحمن الرحيم والصلاة والسلام على أشرف الأنبياء والمرسلين

هذه هي الصفحة الرسمية لكتاب “تعلم ببساطة HTML و CSS لتصميم صفحات الإنترنت”

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

فهرس الكتاب

  • ما هي HTML و CSS ؟
  • أساسيات HTML
  • التعرف على جميع عناصر HTML
  • أساسيات CSS
  • تعيين خصائص CSS بعناصر HTML
  • التعرف على جميع خصائص CSS
  • تصميم نموذج هيكلي لصفحة بنظرة HTML و CSS
  • تحويل تصميم لصفحة إنترنت باستخدام HTML و CSS
  • مواقع وصفحات عربية مفيدة
  • مواقع وصفحات إنجليزية مفيدة

مع العلم ان الكتاب يشرح بناءً على إصدار HTML و CSS الأخير في وقت نشره وهما HTML5 و CSS3 واتوقع ان اقوم بتطوير الكتاب الحالي بتحسينه مستقبلاً.

ما القادم؟

سيكون هناك العديد من الكتب القادمة بإذن الله من ضمنها كتاب تعلم ببساطة HTML5 و CSS3 المتقدم وسيحتوي على فصول رئيسية سأتطرق لها عند نشر الكتاب إضافة إلى فصول إضافية وهي كالتالي:

  • عملية تطبيع التصميم Normalize CSS
  • التعرف على تصميم صفحة مستجيبة Responsive Web Design
  • العمل على تطبيق تصميم صفحة مستجيبة
  • إضافة واستخدام نصوص غير الافتراضية باستخدام @font-face

تنزيل الكتاب

pdf  ملف قارئ الكتب PDF    rar  ملف مضغوط RAR

التغريدة عن الكتاب

ماذا تعلمت

بحكم انها أول تجربة لي كما ذكرت فقد تعلمت الكثير والحمد لله وأكثر ما تعلمته من الأخ الكريم أحمد ابو زيد حيث طرح لي في موضوع الكتاب بموقع Arabia I/O ملاحظات مهمة يقول فيها

الملاحظات التي لدي حتى اللحظة هي كالتالي:

١-٧ الكتاب عبارة عن صور فقط.

وتحتل هذه النقطة من واحد إلى تسعة لأنها يترتب عليها الكثير من الأشياء، حيث يتسبب هذا بحجم كبير دون داع، لا يمكن النسخ من الكتاب، لا يمكن عمل أي روابط داخل أو خارج الكتاب، جودة الخطوط لن تكون كما الخطوط الأصلية، لن يظهر أي جزء من الكتاب في محركات البحث، سيكون التنقل بين الصفحات صعباً للأجهزة ذات كروت الشاشة المحدودة … حسناً هناك الكثير من الأشياء بخصوص هذه النقطة فلنكتفي بهذا 🙂

٨- حجم الكتاب 10.25×13.35in غير شائع (ربما غير قياسي أيضاً؟) دائماً من الجيد استخدام حجم قياسي A4 مثلاً.

٩. لا يوجد ميتا داتا للكتاب (http://i.imgur.com/5BdZ7mC.png)

١٠. من الأفضل دائماً أن يتماشى الترقيم داخل الكتاب مع الترقيم في الملف الإلكتروني، يعني صفحة رقم ١ في الكتاب هي صفحة رقم ٣ في عارض الـ PDF. (لا تجعل الترقيم يبدأ من الرقم واحد).

١١. الصفحات الابتدائية لا ترقم بالأرقام (الفهرس، التقديم، الإهداء … إلخ) إنما تأخذ ترقيم أبجدي (أ ب ج د …) أو تترك بدون ترقيم.

١٢. الصور غير مرقمة ولا تحتوي وصف.

١٣. الخط اللاتيني في العناوين يحتاج أن يقل نقطة ونصف أو نقطتين … ونصف نقطة في المتن حتى يكون في نفس نسبة الخط العربي.

١٤. يوجد عدد قليل من الأخطاء الإملائية في الكتاب وهذا جميل، فقط يوجد بعض الهمزات القطع تحتاج أن تكتب.

١٥. الروابط (كروابط المواقع) يجب أن تكون على اليسار حيث أنها بطبيعة الحال تكتب باللاتينية.

١٦. مجرد تفضيل شخصي … يفضل أن يتم محاذاة النص (Justified) حيث يظهر النص بشكل أفضل ومنظم أكثر.

الكتاب جميل وذو سلس، وكما ترى أن الملاحظات هنا خاصة بالتنسيق فقط حيث أنه لا يقل أهمية عن المحتوى وهو ما يجعل الكتب أفضل 🙂

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

أنا شخصياً استخدم LibreOffice ربما تود أن ترى أحد الأعمال التي صنعت باستخدامه وذات إخراج جيد

http://librebooks.org/upverter-handbook-for-aspiring-hardware-startups-arabic/

المقصود لا تعقد نفسك، فقد يكون مثلاً InDesign أعقد من اللازم، مجرد محرر نصوص متقدم (رايتر ليبر أوفيس، ورد ميكروسوفت أوفيس) سيفي بالغرض إذا كنت معتاداً على استعماله.

شكراً جزيلاً على الكتاب، وأتمنى لك مزيداً من التقدم والازدهار 🙂

شكرا من القلب

شكرا لكل من شجعني وشكرا لك على الزيارة واتمنى ان يكون كتابا مفيدا ونافعا.

  تاريخ النشر   16/10/2013    
  مرات المشاهدة   42٬016
  1. يقول mahmoudgad:

    جميل الكتاب شكرا لك .

  2. يقول danbouh:

    كل الشكر لك على هذا الكتاب المميز
    ومنها للأعلى

  3. يقول فيلسوف ماعنده سالفة:

    رغم اني احمل الكتاب حاليا الا اني ومن خلال الصور المصغرة لا يمكن ان اقول الا شكرا على هذا الجهد العظيم والجودة العالية اتمنى لك التوفيق شكرا مرة اخرى

  4. يقول رايق:

    السلام عليكم..

    الروابط لا تعمل أخي يظهر عند الضغط عليها التالي/

    404

    الصفحة فارغة.

  5. يقول Designer:

    links works in Mozilla and not in chrome.
    great work

  6. يقول عبدالملك الثاري:

    العصر عدلت في الموقع عطلت الروابط مؤقتا وتم إصلاح الروابط أعتذر لكم والأن جاهزة للتحميل وبالتوفيق ان شاء الله.

  7. يقول abderrazzak:

    Merci beaucoup Abdelmalik

  8. يقول abderrazzak:

    أخي الرابط غير موجود 404
    http://althari.net/personal/html-css-book/spical-paints.zip
    وشكرا على الكتاب عملي جدا

  9. يقول عبدالملك الثاري:

    أخي abderrazzak تم تعديل الرابط افتحه من جديد وشكراً لك على التنبيه.

  10. يقول منقذ أحمد:

    عمل موفق وجميل
    يعطيك العافية

  11. يقول عبدالله النافع:

    ربي يعطيك العافيه الكتاب جميل ومفيد
    تم نشره في المواقع الاجتماعيه اتمنى المزيد من اعمالك

    تحياتي لك اخوي

  12. يقول abderrazzak:

    شكرا

  13. يقول أبو ريتاج:

    بارك الله فيك جاري الاطلاع

  14. يقول ibrahim:

    بارك الله فيك وجعله في ميزان حسناتك

  15. يقول هيفاء:

    أنا لسى بادية موقعي ودائما ادخل على لوحة HTML وما اكون فاهمة شيء والآن كل شيء صار واضح , مجهود تشكر عليه صراحه وأتمنى تنشرة بشكل أكبر لأنه جدا مفيد

  16. يقول engazz:

    جزاك الله خيراً ونفع بك أتمنى لك التوفيق.

  17. يقول shaza elyasmeen:

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

    تفضل بزيارة مدونتي المتواضعة
    http://mno3atworld.blogspot.com/

  18. يقول Mohammed:

    جزاك الله خيرا كثيرا

  19. يقول أبو آمنة:

    بارك الله فيك
    تم تحميل الكتاب وجعل الله ماتقدم في ميزان حسناتك

  20. يقول محمد نور:

    الف شكر علي مجهودك هذا ولكن الروابط لا تعمل
    ولاني احب المساعده اسمح لي ان اضع رابط احتياطي
    لكتابك المهم علي ما يتم تصليح خطاء التحميل ذلك

    —————————
    الرابط الاحتياطي

    http://www.4shared.com/office/ZNNpM0sm/___html__css___.html#

    —————————-

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

    1. تسلم لي يا رائع وتم تعديل مشكلة الرابط

      اشكرك على حرصك واهتمامك يا غالي

  21. يقول android boy:

    اشكرك ع الكتاب..
    اتمنالك التوفيق وطرح المزيد ..
    http://app4androidd.blogspot.com

  22. يقول abdou07:

    شكرااااا على المجهود

    مدونتي لمن اراد الزيارة

    tech-pro1.blogspot.com

  23. يقول متوكل:

    جزاك الله الف خير علي هذا الكتاب القيم

  24. يقول اسيل:

    بارك الله فيك

  25. يقول afnan:

    تُدرس بالجامعه باسم الدكتور للأسف..

  26. يقول hamza:

    chookran jazila machallah

  27. يقول hamza:

    chokran jazila machallah

  28. يقول motasim:

    حطوات تصميم موقع في html

  29. الله يرفع قدرك
    والله هذا الشرح المفصل باللغة العربية الذي كنت ابحث عنه.
    أقرأ القراءة الأولية وأنا في القطار من قلب طوكيو عاصمة اليابان.
    فمتابعينك من مختلف بقاع الأرض والفائدة وصلت إلى هناك.

    1. سعيد بمرورك أخي غنيم وبإضافتك الجميلة الله يسعدك ويوفقك أينما حللت مع أطيب الأمنيات.

      أخوك عبدالملك الثاري.

  30. يقول Mathkoor:

    اشكرك من اعماق القلب

  31. يقول MOhammed:

    السلام عليكم
    أ×ي عبدالملك شكراً لمجهودك
    روابط الكتاب لا تعمل

  32. يقول عبداللطيف:

    الملفات مفقودة في الروابط

  33. يقول محمد:

    جزاكم الله خيرا على الكتاب
    الروابط لا تعمل حاليا ارجو النظر اليها

  34. يقول راوي:

    الرابط لا يعمل

أضف تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *