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

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

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