كتابي الجديد تعلم ببساطة HTML و CSS لتصميم صفحات الإنترنت
الملاحظات التي لدي حتى اللحظة هي كالتالي:
١-٧ الكتاب عبارة عن صور فقط.
وتحتل هذه النقطة من واحد إلى تسعة لأنها يترتب عليها الكثير من الأشياء، حيث يتسبب هذا بحجم كبير دون داع، لا يمكن النسخ من الكتاب، لا يمكن عمل أي روابط داخل أو خارج الكتاب، جودة الخطوط لن تكون كما الخطوط الأصلية، لن يظهر أي جزء من الكتاب في محركات البحث، سيكون التنقل بين الصفحات صعباً للأجهزة ذات كروت الشاشة المحدودة ... حسناً هناك الكثير من الأشياء بخصوص هذه النقطة فلنكتفي بهذا :-)
٨- حجم الكتاب 10.25x13.35in غير شائع (ربما غير قياسي أيضاً؟) دائماً من الجيد استخدام حجم قياسي A4 مثلاً.
٩. لا يوجد ميتا داتا للكتاب (http://i.imgur.com/5BdZ7mC....
١٠. من الأفضل دائماً أن يتماشى الترقيم داخل الكتاب مع الترقيم في الملف الإلكتروني، يعني صفحة رقم ١ في الكتاب هي صفحة رقم ٣ في عارض الـ PDF. (لا تجعل الترقيم يبدأ من الرقم واحد).
١١. الصفحات الابتدائية لا ترقم بالأرقام (الفهرس، التقديم، الإهداء ... إلخ) إنما تأخذ ترقيم أبجدي (أ ب ج د ...) أو تترك بدون ترقيم.
١٢. الصور غير مرقمة ولا تحتوي وصف.
١٣. الخط اللاتيني في العناوين يحتاج أن يقل نقطة ونصف أو نقطتين ... ونصف نقطة في المتن حتى يكون في نفس نسبة الخط العربي.
١٤. يوجد عدد قليل من الأخطاء الإملائية في الكتاب وهذا جميل، فقط يوجد بعض الهمزات القطع تحتاج أن تكتب.
١٥. الروابط (كروابط المواقع) يجب أن تكون على اليسار حيث أنها بطبيعة الحال تكتب باللاتينية.
١٦. مجرد تفضيل شخصي ... يفضل أن يتم محاذاة النص (Justified) حيث يظهر النص بشكل أفضل ومنظم أكثر.
الكتاب جميل وذو سلس، وكما ترى أن الملاحظات هنا خاصة بالتنسيق فقط حيث أنه لا يقل أهمية عن المحتوى وهو ما يجعل الكتب أفضل :-)
أعتقد أن اغلب هذه النقاط يمكن تلافيها بسهولة بمجرد استخدام برنامج مخصص في تحرير النصوص عوضاً عن محرر صور مثل فوتوشوب.
أنا شخصياً استخدم LibreOffice ربما تود أن ترى أحد الأعمال التي صنعت باستخدامه وذات إخراج جيد
المقصود لا تعقد نفسك، فقد يكون مثلاً InDesign أعقد من اللازم، مجرد محرر نصوص متقدم (رايتر ليبر أوفيس، ورد ميكروسوفت أوفيس) سيفي بالغرض إذا كنت معتاداً على استعماله.
شكراً جزيلاً على الكتاب، وأتمنى لك مزيداً من التقدم والازدهار :-)
فعلياً، صححت الأمر برمجياً له ولباقي المستخدمين ثم عدلت التنسيق لأتأكد من حل المشكلة مرة أخرى. سبب المشكلة كان أن معالج Markdown لم يكن ينشئ سطر جديد الا اذا كان هناك سطر فارغ بين الفقرة الأولى والثانية. تم حل الأمر باستخدام regex يستبدل السطر الواحد بسطرين:
\n
تصبح:
\n\n
ثم يتم تمرير الناتج على معالج Markdown.
بالمناسبة كتاب جيد جداً.. شكرا لك! :)
عذراً كيف طريقة كتابة الكود بالتعليق حصلت بشرح تنسيق الموضوع مكتوب:
line 1 of code
لكن غير واضحة الطريقة
وشكراً
ياليت فيه طريقه افضل من اربع مسافات لو عندي كود طويل بكتبه صعبه كل سطر اضيف اربع مسافات لو تكون بداية الكود ونهايته رمز محدد افضل وشكراً وموفقين يا رب.
لم أحمّل الكتاب بعد، لكن الكتاب ضخم جداً حتى بعد الضغط!
وفر نسخة/نسخ أخرى بجودة أقل، قم بتحويل الصور إلى jpg أثناء تصدير الكتاب إلى pdf ... هذا سيقلل حجم الكتاب كثيراً.
مسألة الحجم مهمة جداً لانتشار الكتاب بسهولة.
أخيراً حملته بعدما انقطع الاتصال ثلاث مرات واضطررت لتحميله على سرفري ثم التحميل منه.
الآن أفهم سبب هذا الحجم المهول ... الكتاب عبارة عن صور فقط -وهذا ليس جيداً بالمناسبة- حتى النصوص نفسها صور.
طيب هل تود حصول على نقد -بخصوص الإخراج نفسه وليس المحتوى حيث أني لم أقرأه بعد- أم لديك حساسية تجاه هذه الأمور؟ :-)
شكراً لكما يا أحباب أحمد وأنس نصائح رائعه
بالعكس اسعد بذلك وانتظرها بشغف
بحكم ان هذا الكتاب اول تجربه لي فهذه الأمور متوقعه لكن الإصدارات والكتب الأخرى تتحسن ان شاء الله
بانتظار اي معلومات او مصادر بهذا الخصوص
بيني وبينك اتعبني عمله بالفوتوشوب وسأحاول الأن استخدام InDesign للكتاب في الإصدار الثاني له
وبانتظار النصائح وألف شكر
العفو أخي عبد الملك :)
بالمناسبة، ما رأيك ببرنامج PrinceXML؟ قد يفيدك جداً في هذا الإطار، إذ يسمح لك بتوليد كتب PDF من مجرد نصوص HTML.
رأيي فيه عز الطلب ^_^ , بأجربه بإذن الله تعالى
كنت حاولت اركب InDesign ما حصلته وتوني منتهي تركيب Acrobat Pro
لكن فكرة برنامج PrinceXML أفضل لي بكثير وان شاء الله راح استخدمه
ياخي أنت تحفه ما شاء الله عليك جربت البرنامج بـــــــطــــــل جدا حتى نوع الخط اقدر اختار اي نوع خط من الانترنت واكتب عليه ويحوله PDF بنفس الخط واقدر انسخ منه حتى لو نوع الخط حذفته من جهازي يعني لو ما كان بجهاز القارئ مثلاً.
الزبده انه رائع جدا وخدمني كثير الله يسعدك ويوفقك شكرا لك :)
أخجلتم تواضعنا :) كلامك الجميل زادني حماساً لأزيدك من الشعر بيتاً :)
ما رأيك بإلقاء نظرة على قالب CSS التالي: http://richstyle.org/demo-w...؟
قد يساعدك أيضاً في تنسيق الكتاب.
جيد لكن الألوان الأزرق كخلفيه وألوان العناوين العنابي ولون الكابتشن اللي على الصوره كخلفيه وحدود والمسافه الداخليه (padding) اللي على صناديق الرسائل (success,loading) تحتاج ضبط مثلاً صورة الرساله ما هي جنباً بجنب للنص فصايره فيه مسافه سفلى زايده وغير مستقيمه الصوره مع النص والحقول صغيره كارتفاع بحيث صاير النص لاصق بحدود الحقل الزر تقليدي كشكل لكن العمل اعجبني 70% يحتاج بعض التحسينات التي ذكرتها كما اعجبني الجدول الأخير بالكامل ابدعت استمر.
شكراً جزيلاً أخي الكريم على ملاحظاتك القيمة.
بالطبع الألوان ليست قياسية يمكنك تعديلها كما تشاء.
بالنسبة للمسافات، ما هو المتصفح الذي استخدمته؟ للأمانة لم أختبره على IE منذ زمن. وإذا أمكنك تزويدي بلقطة شاشة فأكون لك من الشاكرين.
انا اعتقد ان الألوان قياسية لأنه تعديلها واختيارها هي مهمة صعبه ومؤثرة كثيراً وتحتاج وقت وجهد وهذا على فكره موقع ممتاز استفيد منه http://www.colourlovers.com
بخصوص المسافات هنا مثال
http://s2.mlffati.com/i/hy8...
اللي فوق اللي تظهر بالمتصفح وهو كروم واللي تحتها اللي عدلته حتى تكون اجمل في رأيي
ان شاء الله اكون افدتك وموفق يا رب
كتاب رائع جدا ، ومناسب جدا للمبتدئين .
كم المدة التى اخذها منك ،
لانى افكر من فترة فى طرح كتاب باللغة العربية عن الجافا سكريبت ومكتبتها الجى كويرى ، وكلما هممت اتكاسل :(
المشكله المده غير محدده بنظام معين لأني مره اكمله ومره اوقف لكن في النهاية جاني شغف اني اخلصه والحمد لله اشتغلت عليه بالأخير أيام وساعات متواصله كثيره حتى انهيته , لكني لا أراه بالصورة المثاليه اللي اطمح لها وبإذن الله ستكون هناك إصدارات افضل للكتاب وتحسينات وإضافات.
بخصوص الجافاسكريبت ايضاً ناوي من قبل ان اعمل له كتاب وراح يكون فيه شرح للجيكويري والأجاكس وكل ما يتعلق بالجافسكريبت.
انصحك بأن لا تتكاسل وتنهي الأعمال التي تضعها في قائمتك واحده تلوا الأخرى وموفق يا رب :)
التعليقات