ربما لا تعلم أنه يمكنك أيضًا استخدام Photoshop لإنشاء صفحة ويب بسيطة بتنسيق xhtml+css، فلنجرب ذلك معًا!
1. افتح مسودة التصميم المرئي لموقع الويب المصمم في Photoshop CS2. قطع باستخدام أداة التقطيع.
2. انقر فوق "ملف-" حفظ بتنسيق الويب"، ومفتاح الاختصار هو ctrl+alt+shift+s، وانقر فوق الصورة الصغيرة للمثلث المقلوب في الجزء العلوي الأيمن، وحدد تحرير إعدادات الإخراج.
3. كما هو موضح في الصورة، حدد Slices في القائمة المنسدلة الثانية، وحدد Generate CSS، ثم حدد By ID في القائمة المنسدلة التالية.
4. انقر فوق "موافق" لحفظ وإغلاق نافذة الإعدادات. انقر فوق الزر "حفظ" في نافذة "حفظ للويب". حدد Html والصور في نوع الحفظ، ثم انقر فوق "حفظ".
5. أكمل المهمة. ألق نظرة على الكود هل هو xhtml+css؟
لم تتوقع ذلك؟ من السهل جدًا إنشاء صفحة xhtml+css. بالطبع، في التطبيقات الفعلية، لا يزال هذا النوع من الصفحات التي يتم إنشاؤها تلقائيًا غير موحد للغاية، ويوصى باستخدام Dreamweaver 8 أو Editplus لضبط التعليمات البرمجية.