الى الأخ سردال أول كتاب ،، استفسارات النسخه التجريبيه

[Dew Of Rose]

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

بالنسبه للكتاب احب ان اسأل

هل يستطيع مستخدموا نظام الماكنتوش ان يتبعوا نفس الخطوات ؟؟

و ماهي المعايير العالميه في انشاء صفحات الويب حيث اني الاحظ اختلاف المعايير من متصفح للاخر مما يجعل بعض الموواقع مشوهه

فهل يوجد معيار موحد للضبط و التصميم ؟؟

هذا ما دار في بالي حاليا و اي اسئله اخري سأطرحها هنا

للعلم انا مبتدئه جدا و تكاد تقول باني حتي لم اخطوا الخطوه الاولي في تصميم المواقع و لكني اطمح الي خوض هذا المجال

شكرا لك

[سردال]

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

نعم يستطيع مستخدموا الماك اتباع نفس الخطوات، وبما أنني لم أجرب نظام ماك فلا أعرف الكثير عن المحرر النصي المتوفر فيه وهو Textedit، لكن وجدت صفحة بالإنجليزية قد تفيدك:
"How do I save HTML files from TextEdit?": Tech Support from Ask Dave Taylor!

الصفحة تشرح كيفية حفظ الملف بامتداد html.

بخصوص المعايير، الكتاب يعتمد على المعايير والتي هي ببساطة أن تكتب HTML وCSS بشكل صحيح، بدون أخطاء، ولا تستخدم أي أوامر غير قياسية مثل font أو layer أو blink.

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

ما هي المعايير؟ هذا سؤال تطول إجابته وسبق أن كتبت عنه:
ط³ط±ط¯ط§ظ„ » ط£ط³ط¦ظ„ط© ظˆط£ط¬ظˆط¨ط© ط­ظˆظ„ ط§ظ„ظ…ط¹ط§ظٹظٹط± ط§ظ„ظ‚ظٹط§ط³ظٹط©
ط³ط±ط¯ط§ظ„ » ط£ط³ط¦ظ„ط© ظˆط£ط¬ظˆط¨ط© ط­ظˆظ„ ط§ظ„ظ…ط¹ط§ظٹظٹط± ط§ظ„ظ‚ظٹط§ط³ظٹط© - 2

ما أنصحك به هو الكثير من التمرين والكثير من الأخطاء وتصحيح الأخطاء، هكذا تكتسب الخبرة، أتمنى لك التوفيق.

[Dew Of Rose]

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

[أنس بن مالك]

شكرا علي الكتاب اخي سردال

و كنت قد بدأت في التطبيق

و لكن في درس التصميم و الالوان الخاص بالـ CSS اخدت كود الذي يربط بين الموقع و بين صفحة الCSS

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

انظر للصورة .. الكود الذي بجانبه x هو المكتوب بالكتاب بالشرح .. وهو الذي لم يعمل

الكود اعلاه هو المنسوخ منه كود مدونتك و اشتغل معي




قلت في اول الكتاب انك لن تفعل مثل الكثيرين الذي يضعون اكوادا بدون شرح فائدة هذه الاكواد

و انت فعلت ذلك (لكنك فعلت ذلك بدون قصد ) في بعض الاكواد و خصائص بعض الاكواد فنرجو ان تشرح قليلا

في السي اس اس

لم تذكر div او class

التي اراها كثيرا في صفحات السي اس اس

نقطة اخيرة

في البلوجر يسمح بتعديل قالب المدونة بسهولة لكن مع ملاحظة ان كود السي اس اس موضوع في اول القالب في ملف واحد مع اكواد html مع اكواد blogger

>>>> لا ادري لماذا توقفت عن عادتك الرائعة في الروابط عند المصطلحات و الكلمات الاساسية في المقال للويكيبيديا او لاي موقع موثوق ذو صلة .. خصوصا في كتابك .. فهذه تثري الكتاب كثيرا جدااا

و المقال الاخير لو كان اطول و أثري من ذلك ..

و يحتوي علي نصائح تفيد في تطبيق ما طلبت .. و تفيد المبتدئين عموما ..

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


>> اعتذر ان كنت قد ارسلت لك بالامس نفس تعليقي هنا كرايي في الكتاب في رسالة علي بريديك .. فنشرته هنا لتعم الفائدة ..

و شكرا علي الكتاب

و لمست فعلا المجهود المبذول فيه

في جعله الملخص المفيد لانطلاقة صحيحة بسيطة و مفيدة

و صعوبته في بساطته و سهولته .. فأعانك الله ..

اقترح اضافة روابط لمواقع لتعليم html و css حسب المعايير القياسية .. خصوصا المواقع العالمية و العربية ان وجدت ..

ننتظر النسخة النهائية

و الجزء التاني من الكتاب ..

[سردال]

Dew Of Rose: سبقى هذا الموضوع لكل الأسئلة، ليس هناك موضوع آخر.

أنس بن مالك: بالفعل هناك خطأ في عنصر الربط مع ملف CSS إذ كان علي أن أضيف خاصية rel، أشكرك على التنبيه، سأقوم بتصحيح الخطأ في النسخة القادمة من الكتاب، فريباً إن شاء الله.

أخبرني ما هي "الأكود" التي لم أشرحها، هذا أفضل من أن تجعلني أمارس لعبة التخمين لأربع ساعات بدون أي نتيجة :-)

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

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

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

بارك الله فيك.

[أنس بن مالك]

شكرا علي الرد و المتابعة اخي سردال

هناك صورة اتمني لو تضيفها في كتابك في قسم المحتويات أولا خصوصا انها بامتداد Svg

الصـــورة ....



الصورة موجوده بهذه الصفحة بالويكيبديا و ترخيص الصورة .Creative Commons .

هذه الصورة شرحت لي ببساطة مما تكون العناصر الأساسية باي موقع .. و اصبحت استطيع انشاء صفحة في ثواني بهذه العناصر الرئيسية بترتيبها ..

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

( و ايضا الصورة خفيفة و سريعة يمكنك وضعها بامتداد svg مباشرة .. فلن تؤثر علي سرعة تحميل موقعك الخيالية )

يمكنني عمل صورة موضحة اكتر منها بنفس الامتداد svg ان لم تعجبك او تريد التطوير عليها (استخدم inkscape - او Gimp )

ايضا استخدم محرر الاكواد المتفوح المصدر الرائع الذي الوانه تجعله تحب البرمجة
محرر الأكواد المتطور Notepad++

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

انظر للصورة



الكود <script> الي الكود <script/> يمكنك اغلاق كل عنصر بكل ما يحتويه من خصائص .. و هذه الخاصية بالبرنامج ممتازة جدااا ..

سؤال اخير ...

حاولت تطبيق ما طلبته من محاولة انشاء مدونة شخصية بسيطة ..

و الحمد لله نجحت بشكل بسيط .. (ارسلت اليك تطبيقي في رسالة )

لكن لم استطع ان افعل مثل مدونتك و مثل مدونة SurfTrail،

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

استطعت ان اجعل المحتوي في المنتصف ... لكني لم اعرف ان انشئ قائمة علي اليمين ..


هناك نقطة اخري ..

عندما اقوم باضافة صورة كيف احدد المكان التي تظهر فيه في الصفحة .. ؟

هل جربت اخي عبد الله ان تنشئ مدونة بماذكرته في الكتاب فقط ؟؟ جرب و أخبرني ؟

[سردال]

أنس: الصورة لم تظهر لخلل في ويكيبيديا، سأطلع عليها لاحقاً.

أما مقترح المحرر فلن أتحدث عنه، هذا لا يتعلق بهدف الكتاب، أي محرر نصي بسيط يدعم العربية سيكون كافياً للمبتدئين.

أما محاولتك تصميم مدونة مثل مدونتي، لاحظ أنك ستحتاج إلى div وهذه لن أتحدث عنها في الكتاب، ولن تستطيع أن تصمم موقعاً بعمودين بدونها، لذلك مارس الغش قليلاً وكن ذكياً :-)

افتح ملف CSS الخاص بموقعي وبموقع surftail وتعلم منهما.

أما الصورة، فأنا لم أتحدث عن وضع الصور باستخدام CSS، بل باستخدام HTML على أساس ان الصورة ستكون جزء من المحتوى وليست مجرد صورة للزينة وزخرفة للموقع، لذلك موقعها تحدده أنت، إن كنت تتحدث عن شيء ما وتريد وضع صورة توضيحية فضعها بعد الفقرة التي تتحدث عن هذا الشيء، هذا كل شيء، أما أن تحدد موقعها من خلال CSS فهذا لن أضعه في هذا الكتاب.

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

[SaharRose]

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

اتمنى لك التوفيق .
كما اتمنى لنفسي أن تكون اكثر التزاما بتحقيق اهدافها والعمل عليها .

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

[أنس بن مالك]

شكرا اخي سردال لردك .. اتمني ان تشاهد الصورة .. لانها مهمة جدااا للمبتدئين ..

بخصوص باقي ماذكرت .. اقتنعت به

لكن ينبغي ان تصدر النسخة النهائية من الكتاب و تبدأ في اصدار الجزء التاني بنفس الاسلوب ...

صراحة اثبت لي هذا الكتاب انك مؤلف رائع .. قد يكون اول كتاب لك تجربة صعبة و شاقة لكن التانية ستكون اسهل ان شاء الله

هناك نقطة اخري ..

لماذا لا تؤلف الكتاب اون لاين

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