-->
اعلان

لغة HTML & PHP وتطبيق تصميم مواقع الويب Expression Web - ثانية ثانوى عام

:
:
لغة HTML & PHP وتطبيق تصميم مواقع الويب Expression Web - ثانية ثانوى عام

     

    رابط قناة جى إتش 4 تى GH4T :

    https://www.youtube.com/channel/UCn_2DsgTrp6hJD2IXkkAVkQ

    تصميم مواقع الويب – مشروع موقع "قاموس مصطلحات الكمبيوتر المصور" 

    إنشاء صفحات موقع "قاموس مصطلحات الكمبيوتر المصور"

    لغة HTML & PHP  وتطبيق تصميم مواقع الويب Expression Web

    الأهداف:

    1. ممارسة خطوات إنشاء موقع باستخدام تطبيق Expression Web.
    2. التعرف على لغة HTML.
    3. إنشاء صفحة ويب باستخدام HTML.
    4. شرح مكونات الشاشة الرئيسية لتطبيق Expression Web.
    5. الربط بين صفحات الويب بكود HTML.
    6. التعرف على لغة البرمجة PHP.
    7. توظيف برنامج Expression Web  فى الربط بين صفحات موقع ويب.

    إجراءات إعداد ملفات ومجلدات المشروع:

    إنشاء مجلد المشروع باسم Dictionary  داخل المجلد htdocs: 

    • حيث يتم إنشاء المجلدات الفرعية وحفظ الملفات المختلفة والمطلوبة للمشروع داخل المجلد الفرعى المناسب، مثال مجلد لملفات الصور ومجلد لملفات الفيديو ..إلخ، وبذلك يتم إنشاء مستودع معلومات Information Repository  للمشروع Project.
    • عند تثبيت برنامج XAMPP يتم بشكل افتراضى داخل مجلد XAMPP  على مشغل القرص C: وبداخله مجموعة من المجلدات والتى منها المجلد htdocs ، حيث يجب إنشاء مجلد المشروع باسم Dictionary  داخل المجلد htdocs حيث يكون المسار C:\xampp\htdocs\Dictionary ، ويعتبر هذا المسار الذى سيتم استخدامه فى حفظ ملفات المشروع، وحفظ المجلدات الفرعية، وهذ بمثابة نشر للموقع على الخادم (Server) Local host.

    إنشاء صفحات الموقع Create Site Pages: 

    أياً كان التطبيق المستخدم فى إنشاء صفحات الموقع، فهو يعتمد على استخدام لغة HTML، ولذلك سوف نتطرق إلى أهم المعلومات والمهارات الأساسية فى لغة HTML وتطبيق Expression Web.

    لغة الترميز HTML "Hyper Text Markup Language":

    تستخدم هذه اللغة فى إنشاء صفحة ويب ساكنة تحفظ بامتداد .htm أو .html، بحيث يتم عرضها وترجمة الكود الخاص بها من خلال أحد برامج مستعرضات الإنترنت، ويمكن كتابة أكوادها باستخدام أحد برامج معالجة النصوص مثل Notepad, WordPad ...إلخ.
    الأمر المكتوب بلغة HTML يسمى Tag، ولا فرق بين كتابته بالحروف الصغيرة Small أو الكبيرة Capital.

    الهيكل البنائى لبرنامج بلغة HTML كالتالى:

        

    خصائص لغة الترميز HTML:

    • توضع الأوامر Tags فى هذه اللغة بين علامتى <      >.
    • معظم الأوامر Tags لها بداية (فتح) <…..>   ولها نهاية (إغلاق) </…..>.
    • لكل أمر Tags وظيفة معينة يقوم بها.
    • هناك بعض الأوامر Tags ليس لها نهاية (إغلاق) مثل <br>.
    • الأوامر Tags والتى  لها خصائص يمكن تعيينها فى بداية (فتح) الـ Tag.
    • بداية الكود بـ <html>   ونهايته </html> وبينهما باقى الأوامر التالية:
    • <head>  </head> لعرض معلومات كوصف للموقع واللغة ...إلخ.
    • <title>  </title> لوضع عنوان الصفحة صفحة الويب فى Title Bar من شاشة المستعرض للإنترنت، وهو جزء من أمر Tag  الـ <head>
    • <body>  </body> وتوضع فيه كافة المعلومات المطلوب أن يتم عرضها على صفحة مستعرض الإنترنت (محتوى الصفحة).

    حفظ كود لغة الترميز HTML: لحفظ ملف كود HTML يراعى الأتى:

    • يتم حفظ ملف كود HTML بأى اسم وبإمتداد   .html  أو  .htm
    • نوع الملف نصى Text.
    • بعد حفظ الملف يأخد الملف رمز مستعرضBrowser  الإنترنت(Fire Fox - Google Chrome - Internet Explorer ) الموجود على جهاز الكمبيوتر الشخصى والخاص بك
     

    رابط قناة جى إتش 4 تى GH4T :

    https://www.youtube.com/channel/UCn_2DsgTrp6hJD2IXkkAVkQ

    آخر المشاركات

    تعليقات: 0

    إرسال تعليق

    اعلان
    اعلان
    اعلان
    اعلان
    اعلان