it-swarm.dev

ما هو محرر HTML WYSIWYG الجيد؟

لقد استعملت Dreamweaver (وإن كان CS3 لذلك عدت إلى بعض الإصدارات) ، لكنني أشعر بخيبة أمل إزاء مقدار العلامات غير الصحيحة التي تنتجها. هل هناك برامج تحرير WYSIWYG أخرى تنتج علامات صالحة؟

7
plntxt

إذا كنت تريد التحكم في التعليمات البرمجية الخاصة بك ، فاستخدم طريقة عرض التعليمات البرمجية في Dreamweaver أو مجرد محرر نص عادي مثل Notepad ++ على Windows أو Textmate على Mac أو Vim on * nix. تكمن مشكلة WYSIWYG في أنك لا تملك السيطرة الكاملة على الشفرة التي تنتجها ، على الرغم من أنك خالية تمامًا من التنظيف بعد ذلك.

7
D4V360

سؤال ذو صلة هنا: التحقق من صحة HTML: هل هو يستحق كل هذا العناء؟ . أحضر هذا لأنك ذكرت أنك مستاء من العلامات غير الصالحة. دلالات الترميز هي أكثر أهمية من صلاحية الترميز في رأيي ، وعمومًا لا يمكن القيام بذلك بشكل صحيح إلا بواسطة إنسان - خاصة مع جميع العناصر الجديدة المقدمة بواسطة HTML5.

نشر Jeffery Zeldman مؤخرًا مقالة حول هذا الموضوع بالذات: An InDesign لـ HTML و CSS . مستوحى من حديث بعض الأشخاص في Adobe ، يفترض أنه لا يمكن لمحرر WYSIWYG إنشاء ترميز ذي معنى ودلالي أكثر من أن برنامج الكمبيوتر يمكنه تكوين موسيقى ذات معنى وعاطفي.

إذا اخترت التمسك بـ Dreamweaver واستخدام طريقة العرض الخاصة به (وهو ما استخدمته لفترة طويلة ، فهو جيد جدًا) ، يجب عليك التفكير في الترقية إلى CS5. أدوبي ، بالنظر إلى كل كره الفلاش ، بذلت جهودًا كبيرة لتحسين جودة الشفرة التي تنشئها. لقد قاموا أيضًا بإنشاء HTML5 Pack .

يوفر هذا الملحق الدعم الأولي لـ HTML5 و CSS3 في Adobe Dreamweaver CS5 ، ويساعدك على إنشاء صفحات HTML5 وأنماط CSS3 بسهولة. كما يتضمن تحديثات وتحسينات WebKit لعرض التصميم وعرض Live View.

على الرغم من أنه لن يتم الانتهاء من HTML5 و CSS3 لبعض الوقت ، فإن الامتداد يوفر الدعم لمجموعة من الميزات التي يتم تنفيذها حاليًا.

يعزز هذا الامتداد Dreamweaver CS5 بالطرق التالية:

  • يقدم لوحة Multiscreen Preview ، مما يسمح بعرض Live View بثلاثة أحجام مختلفة للشاشة ، بدعم Media Query. (نافذة> معاينة متعددة الشاشات)
  • يضيف تلميح التعليمات البرمجية لمكتبة علامات HTML5 بعلامات وسمات وخصائص جديدة.
  • تحديثات تلميح التعليمات البرمجية للسمات والقيم الجديدة في علامات HTML الموجودة.
  • يضيف تلميح التعليمات البرمجية لمواصفات CSS3 التالية: 2D/3D Transformations؛ الرسوم المتحركة؛ الخلفية والحدود واجهة المستخدم الأساسية ؛ تخطيط الخط سرادق؛ تساؤلات الإعلام؛ متعدد الأعمدة. روبي. نص؛ والتحولات.
  • تحديثات Live View لدعم <video> و <audio>. (يتطلب تثبيت كويك تايم.)
  • تحسين التقديم لـ CSS3 في Live View.
  • يضيف تخطيطات بداية HTML5 إلى مربع حوار مستند جديد.
  • يقدم عرضًا أفضل للعلامات الجديدة في Design View.

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

3
Bryson

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

3
Alan

لقد استخدمتها jEdit و Eclipse لأنهم عملوا في بقية سير العمل في التطوير بشكل جيد. تسليط الضوء على بناء جملة jEdit ، والقدرة على التعرف على مجموعة واسعة من تنسيقات النص أمر لطيف للغاية للمراجعة السريعة للأشياء الغريبة التي أميل إليها.

وأنا أتفق مع الآخرين الذين ذكروا تجنب محرري WYSIWYG. تعمل أحدث إصدارات DW على إنشاء رمز مقبول معظم الوقت ، لكن عندما أستخدمه ، أقضي 95٪ من وقتي في عرض الكود على أي حال.

1
acrosman

يمكنني استخدام Microsoft Visual Web Developer 2010 Express (مجانًا ، بما في ذلك للاستخدام التجاري) :)

0
Andrei Rînea