ڤَيوُلـآ
03-26-2015, 02:20 AM
نظرا لما اصبح من اهمية كبيرة للشبكة العنكبوتية فى حياتنا اصبح امتلاك موقع على الانترنت شيء لا غنى عنه لاكتمال نجاحك و لهذا بدء التنوع فى تصميم مواقع الانترنت و بدأت المنافسة عالية بين المصممين و اصبح تصميم مواقع الانترنت مجال كبير جدا من الصعب التميز فيه و لكن ما تزال الفرصة متاحة لاثبات وجودك كمحترف تصميم مواقع الانترنت فى حال بدأت على اساس سليم , و هنا نحن نحاول ان نعطيك المعلومات الكافية فى مجال تصميم مواقع الانترنت و البداية مع كيفية التخطيط للصفحات و هى على ثلاث مراحل و قد سبق و تحدثنا فى مقالة سابقة عن المرحلتين الاولتين و هنا سنتحدث عن المرحلة الثالثة
المرحلة الثالثة : تحويل التصميم الى html
فى هذه المرحلة سنقوم بتحويل ملفات الفوتوشب لدينا الى صفحات html و هذا يتطلب معرفة عدة امور
1) استعمال الفوتوشب لتحويل التصميم الى ملفات html
سنستخدم هنا احد وظائف الفوتوشب السهلة و هى تحويل ملفاته الى صفحات انترنت و هذا التحويل يتم عن طريق تقسيم التصميم الى شرائح "Slices" و يتم حفظ كل شريحة بشكل مستقل كملف jpg – png و يتم انشاء ملف html يربط بين هذه الشرائح و يعرضها مثل التصميم الاصلى تماما
2) تعلم اساسيات لغة html
من الضرورى معرفة لغة html و هى اختصار (Hyper Text Markup Language) و هى لغة ترميز و ليست لغة برمجة كما هو شائع و هى تعتبر الوجه الاخر لصفحات الويب فكل صفحة نراها هى فى الحقيقة من الداخل مجموعة من الرموز البسيطة المسؤلة عن تحديد الخط مثلا و لونه و هكذا
3) تعلم اساسيات css
و هى اختصار (Cascading Style Sheet) و هىتقنينة مسؤلة عن ضبط شكل الصفحة و تنسيق مكوناتها من جداول و صور و خطوط
4) تعلم ادارة برامج الموقع
و هذا البرنامج dreamweaver من اهم برامج ادارة الموقع فهو يمكننا من تعديل محتويات صفحات الويب و كود html و رفع الملفات على الانترنت و غيرها من الميزات الاخرى
تم الاعداد من قبل مركز البيانات الرقمية لتصميم مواقع الانترنت و استضافة مواقع الانترنت
المرحلة الثالثة : تحويل التصميم الى html
فى هذه المرحلة سنقوم بتحويل ملفات الفوتوشب لدينا الى صفحات html و هذا يتطلب معرفة عدة امور
1) استعمال الفوتوشب لتحويل التصميم الى ملفات html
سنستخدم هنا احد وظائف الفوتوشب السهلة و هى تحويل ملفاته الى صفحات انترنت و هذا التحويل يتم عن طريق تقسيم التصميم الى شرائح "Slices" و يتم حفظ كل شريحة بشكل مستقل كملف jpg – png و يتم انشاء ملف html يربط بين هذه الشرائح و يعرضها مثل التصميم الاصلى تماما
2) تعلم اساسيات لغة html
من الضرورى معرفة لغة html و هى اختصار (Hyper Text Markup Language) و هى لغة ترميز و ليست لغة برمجة كما هو شائع و هى تعتبر الوجه الاخر لصفحات الويب فكل صفحة نراها هى فى الحقيقة من الداخل مجموعة من الرموز البسيطة المسؤلة عن تحديد الخط مثلا و لونه و هكذا
3) تعلم اساسيات css
و هى اختصار (Cascading Style Sheet) و هىتقنينة مسؤلة عن ضبط شكل الصفحة و تنسيق مكوناتها من جداول و صور و خطوط
4) تعلم ادارة برامج الموقع
و هذا البرنامج dreamweaver من اهم برامج ادارة الموقع فهو يمكننا من تعديل محتويات صفحات الويب و كود html و رفع الملفات على الانترنت و غيرها من الميزات الاخرى
تم الاعداد من قبل مركز البيانات الرقمية لتصميم مواقع الانترنت و استضافة مواقع الانترنت