المرحلة الثالثة – تحويل التصميم الى Html | ابداع ديزاين Abda3 Design لخدمات التصميم والبرمجة

المرحلة الثالثة – تحويل التصميم الى Html

نكمل على بركة الله ما بدأناه في هذه السلسلة

المرحلة الثالثة : تحويل التصميم الى Html

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

1- استعمال الفوتوشوب لتحويل التصميم الى ملف Html
وسنبدأ بالأسهل وهو استعمال الفوتوشوب ومايتيحه لنا من وظائف خاصة لتحويل التصميم الى صفحة ويب وهي تعتبر من العمليات السهلة نسبيا في الفوتوشوب ويجب ان نفهم شيئا مهما هنا وهو

- يتم نقل التصميم الى صفحة ويب من خلال تقسيم التصميم الى شرائح أو قطع slices بحيث يتم حفظ كل شريحة بشكل مستقل كملف jpg – png ويتم انشاء ملف html يربط بين هذه الشرائح ويعرضها كما في التصميم الاصلي تماما وهنا سنؤجل التطبيق العملي لهذه المرحلة لوقت قصير ريثما نضع دورة شاملة من موقع شقيق توضح كل ماشرحنا وسنشرحه

2- تعلم اساسيات لغة Html

من المهم عزيزي القارئ فهم لغة html وهي اختصار (Hyper Text Markup Language) وتعني بالعربية ( لغة ترميز النصوص التشعبية )
وهي لغة ترميز وليس لغة برمجة كما هو للاسف شائع بين متصفحي الويب ولانطلب منك هنا سوى التعرف عليها وفهمها بشكل مبسط لتستطيع التعديل والتحكم بصفحة الويب الخاصة بك
ولفهم لغة html فهي ببساطة الوجه الاخر لصفحات الويب اي ان كل صفحة ويب نراها امامنا حين نتصفح الانترنت فهي بالحقيقة من الداخل مجموعة من الرموز البسيطة تحدد نوع الخط مثلا ولونه وهكذا

يمكنك مشاهدة بعض الدروس في قسم Html

3- تعلم اساسيات CSS:

ان تقنية css هي اختصار ل (Cascading Style Sheet) هي تقنية تتخصص في ضبط شكل الصفحة وتنسيق شكل مكوناتها من جداول وصور وخطوط ونظرا لتطور تقنية الويب اصبح من الضروري تعلم هذه التقنية ليصبح موقعك متوافقا مع احدث معايير صفحات الويب

يمكنك مشاهدة بعض الدروس في قسم Css

4- تعلم برامج ادارة المواقع

من أهم برامج ادارة المواقع والتعامل معها لدينا برنامج Dreamweaver حيث يمكننا من خلاله تعديل محتويات صفحة الويب وتعديل كود html الخاص بها ورفع الملفات على الانترنت والعديد من الميزات الرائعة الاخرى .

وننوه الى انك لن تستطيع التقدم في المراحل اللاحقة العملية والنظرية مالم تدرس وتفهم كل الامور التي اوضحناها مثل (الفوتوشوب ولغة html – وبرنامج dreamweaver)

... نهاية الشرح ...

إقرأ المزيد
طريقة سريعة وسهلة لاختبار سرعة موقعك او مدونتك
كيف تختار الاستضافة المناسبة قبل حجز المدونة
إضافة تعليقات الفيس بوك
طريقة رائعة جذابة لاضافة ازرار المواقع الاجتماعية
كيف تحمي محتويات مدونتك من النقل او السرقة لـ(blogger)
كيفية تركيب قوالب بلوجر

"عَنْ أَبِي هُرَيْرَةَ رَضِيَ اللَّهُ عَنْهُ أَنَّ رَسُولَ اللَّهِ صَلَّى اللَّهُ عَلَيْهِ وَسَلَّمَ قَالَ:مَنْ صَلَّى عَلَيَّ وَاحِدَةً صَلَّى اللَّهُ عَلَيْهِ عَشْرًا"