قد يكون هذا الموضوع قديم وتم النقاش فيه في عدة مواقع وبما مدونات مختلفة ، ولكن جائتني بعض الأفكار المتعلقة بالموضوع وفي نفس الوقت مررت ببعض المواقف ولازال بعض الأشخاص يعتمد على الطريقة القديمة في إنشاء صفحة ويب.
أيهما أصح تقوم بإنشاء صفحة الويب بإستخدام xhtml بشكل يدوي مع إستخدام الأوسمة والعناصر أم بإستخدام البرامج أو المحررات التي تعتمد على واجهة WYSIWYG (ما تراه هو ما تحصل عليه – What You See Is What You Get ) ؟ الأساس والعملي بإعتقادي هو الجواب الأول ، ما هي الأسباب التي تجعلك تبدأ بالتصميم بواسطة شفرة xhtml؟
الإحتراف يبدأ من هنا
يعتقد البعض أن إتقانه لأي من برامج خاص بإنشاء وتصميم مواقع الويب هو إحتراف هذه المهنة وبإستطاعته ممارستها! ولكن هذا الكلام غير صحيح ، وهذا الشيء موجود أيضاً في شركات الويب العربية التي لازالت تعتمد على هذا الشيء للأسف ، بداية طريقة الإحتراف يبدأ بتعلم الأساسيات ومعرفة كيف تمت عملية تصميم وإنشاء واجهات المواقع والتدقيق في التفاصيل الصغيرة هي الأساس ، تزيد ممارستك فتطول خبرتك مع الوقت بهذا الشكل.
الممارسة الدائمة
ممارسة هذا الشيء تجعلك تنفذ كتابة الشفرة بشكلها الصحيح والنظيف وتعقب أي خطأ حتى وإن كان بسيطاً ، وهذا لأنك لازلت تمارس تصميم صفحة الويب بهذه الطريقة ، وفي نفس الوقت لن تعاني الكثير في تعلمك
سرعة الكتابة
بعد ممارستك الدائمة للطريقة اليدوية ستجد نفسك تنفذ تصميم أي صفحة ويب بطريقة سريعة جداً مهما كانت المحتويات الموجودة وطريقة عرضها وتحديد نمط معين لواجهة الإستخدام ، هناك أشخاص مع مرور الوقت يجدون كتابة الصفحات بالطريقة اليدوية سهلة للغاية يستطيع إنشاء موقع بالكامل عندما تتوفر المحتويات والأفكار التي خططوا لها في يوم واحد وبل في أقل من ساعة أيضاً!
ستقارن بعد فترة المدة التي تستغرقها في إنشاء موقع بإستخدام واجهة WYSIWYG وإستخدام الطريقة اليدوية وستجد الطريقة الأسرع هي الثانية كلما تعودت على هذه الطريقة ستستطيع ضغط مهام عملك للموقع في وقت سريع ومحدد.
تشريح الصفحات
معرفتك الدائمة للأوسمة ووظائفها والخواص سواء في شفرة HTML أو CSS تزيد من فهمك لطريقة عمل بعض واجهات الإستخدام لمواقع الويب وخاصة تلك المواقع التي نجدها في معارض CSS المشهورة ، مع مرور الوقت تستطيع عمل مواقع مماثلة لتلك المواقع الجميلة التي كانت صعبة التنفيذ بالنسبة لك وستصبح سهلة بالتأكيد مع ممارستك للكتابة اليدوية عند إنشاء أي صفحة ويب.
في حالة الطواريء
أتذكر قبل عدة سنوات عندما كنت من الأشخاص الذين يعتمدون على تصميم صفحاتهم بإستخدام الفرونت بيج متجاهلاً طريقة عمل الواجهة عن طريق شفرة HTML وعدم معرفة الأخطاء التي ينتجها هذا البرنامج الذي تم إستبداله ببرنامج Microsoft Expression.
خلال عملي بهذا البرنامج في إحدى المواقع حصلت معي مشكلة في الجهاز إضطررت بعدها بإعادة تنصيب نظام تشغيل الويندوز ولكن لم يكن معي البرنامج الذي أستعمله في تصميم المواقع لدي! تخيل موقف مثل هذا وخاصةً إن كان لديك الوقت الكافي قليل لتسليم عمل أو إنجاز تصميم موقعك بأسرع وقت ما الذي كنت ستفعله؟
هذه بعض الفوائد تعود لإستخدام الطريقة اليدوية في كتابة وتصميم أي صفحة ويب تريدها ، كما أنها تعودك بإستمرار للكتابة تساعدك أيضاً على تعلم تقنيات أخرى بسرعة كـ XML و Javascript وغيرها.
بلا شك فإن كتابة الكود باستخدام برامج تحرير الملفات النصية من نوع Plain هو الأفضل من نواحي كثيرة.
والعملية ليست صعبة بتاتاً فأنا قد قمت ببرمجة العديد من التطبيقات وكلها باستخدام برنامج Notepad الملحق بالويندوز. مثال هو مدونتي http://www.nabeel.ws قمت ببرمجتها بالكامل باستخدام Notepad إضافة إلى تصميم قاعدة البيانات.
لا أنصح باستخدام برامج التحرير من نوع WYSIWYG خصوصاً تلك التي تدعم الإكمال التلقائي والتي تجعلك لا تستطيع حتى معرفة تهجئة الدوال والأموامر.
بوركت أخي أحمد …
لكن متى جئت السعودية فلنا حق الزيارة …
نعم أخي نبيل ، ليست صعبة أبداً ولكن لا زال بعضهم يستخدم واجهة WYSIWYG ، ربما يكون مبتديء ولكن يجب أن يتعود على البيئة اليدوية .. مع الوقت يحس أنه ينجز أكثر من إستخدامه لواجهة WYSIWYG ، أشكرك على الإضافة.
مشاري الكثيري: وفيك بارك الله ، أشكرك على التعليقك وكل عام وأنت بخير ..
شكرا
أنا شخصيا أفضل طريقه إستخدام محرر بسيط مثل aptana ليس به خصائص WYSIWYG ، لكنه به code highlighter و code assist لأنه ليس من المنطقى ان اكتب نفس ال tag او ال function مرارا و تكرارا لأنها فى نفس الوقت ستؤثر على انتاجى ، ثم ان كتابه الكود بنفسك من اوله لاخره ستساعدك فى عمل debugging عند حدوث اخطاء و ستسهل عليك اكتشاف تلك الاخطاء ، اما ال WYSIWYG فيصعب اكتشاف الاخطاء المنطقيه logical error لأنك ليس الشخص الذى كتب الكود
اتفق معك أخي الكريم في أنه لا بد من فهم آلية عمل الكود البرمجي فهماً دقيقاً
و عدم الاعتماد على برامج التصميم .
لكن طالما أكون عارفة و فاهمة أكواد html أليس من السهل و اختصارا للوقت اني اصمم بالفرونت بيج مثلاً ؟ !!
وفي نفس الوقت الاعتماد الكلي على برامج التصميم سيجعلك مصمم موقع و ليس مبرمج موقع …
و الحل اننا نتزن بين البرمجة و التصميم .
مدونتك رائعة وافقت هوايتي
بارك الله فيك
مصطفى: مثل ما قلت وأنا أيضاً أستخدم محرر مثل PHPDesigner 2008 أو Dreamweaver يمكنك إختصار كتابتك من خلاله ومعرفة الأخطاء بالشفرة عن طريق تلوينه مثلاً ولكن أقصد من كلامي هو فهم ما تقوم به
.. أشكرك على الفائدة ..
الفردوس: هذا ما قصدته أخي الكريم هو فهم آلية عمل الكود بعدها يمكنك إختصار كتابة الشفرة عن طريق محررات تساعدك مثل Aptana أو Dreamweaver وغيره تحتوي على ميزة code assist التي تختصر وتسرع من إنتاجك مثل مثل كتابة الألسنة أو tags والدوال غيره ، أشكرك على الإضافة ..
{ كمبتدئه في هذه اللغه ! .. اجد ان البرامج قد تساعد في فهم اللغه اكثر !! .. ومعرفة خاصية كل
من الوسوم وعملها !! خاصة اذا كان البرنامج بذاته ! يريني كل تغيير اقوم به ! ..
لدي Microsoft Exprission Web ومازلت في طور البحث عن دروس تعينني ! ..
لاتقان تصميم المواقع وبرمجتها ! .. بقدر اتقاني لاستخدام الفوتوشوب ! ..
سأظل متابعه لجديدك المفيد ..
ميما ^^
بلا شك فإن كتابة الكود باستخدام برامج تحرير الملفات النصية من نوع Plain هو الأفضل من نواحي كثيرة.
والعملية ليست صعبة ..
[...] المصدر.. [...]
بارك الله فيك اخي وان شاء الله ساتبع هذه الخطوات.