العودة   منتديات عميد التعريب > >

الملاحظات

تطوير و صيانة المواقع تطوير و صيانة المدونات و المنتديات و المواقع و السيو search SEO و مشاكل البحث و نشر الروابط في جوجل Google و محركات البحث الأخرى



إضافة رد
 
أدوات الموضوع انواع عرض الموضوع

قديم 2017-09-02, 04:10 AM   رقم المشاركة :1
معلومات العضو
عميد
المرحلة الثالثة  تحويل التصميم الى Html
إحصائية العضو





معدل تقييم المستوى: 5
PatrickAnam is on a distinguished road
المنتدى : تطوير و صيانة المواقع
Red face المرحلة الثالثة تحويل التصميم الى Html


منتديات عميد التعريب - المصدر الأول لتعريب البرامج و التطبيقات للعالم العربي

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



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




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

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

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


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








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

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



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



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


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





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

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


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









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





إقرأ المزيد

طريقة سريعة وسهلة لاختبار سرعة موقعك او مدونتك


كيف تختار الاستضافة المناسبة قبل حجز الموضوع


إضافة تعليقات الفيس بوك


طريقة رائعة جذابة لاضافة ازرار المواقع الاجتماعية


كيف تحمي محتويات مدونتك من النقل او السرقة لـ(blogger)


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

ولأي إستفسار الرجاء ترك تعليقاتكم لأقوم بالإجابة عليها في القريب العاجل





لا تقرأ وترحل شارك معنا بتعليق فنحن نسعى لنقدم لك الافضل والاجمل










PatrickAnam غير متواجد حالياً   رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
html, التصميم, الثالثة, المرحلة, الويب, الى, تحويل, تعلم, صفحة, لغة

أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة



الساعة الآن 05:14 PM


Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2019, vBulletin Solutions Inc.
Search Engine Optimisation provided by DragonByte SEO (Pro) - vBulletin Mods & Addons Copyright © 2019 DragonByte Technologies Ltd.
منتديات عميد التعريب 2010 - 2019