النتائج 1 إلى 8 من 8
الموضوع:

إنشاء موقعك الأول

الزوار من محركات البحث: 1 المشاهدات : 655 الردود: 7
جميع روابطنا، مشاركاتنا، صورنا متاحة للزوار دون الحاجة إلى التسجيل ، الابلاغ عن انتهاك - Report a violation
  1. #1
    من أهل الدار
    мᾄḋʀἶḋ'ṩ ʛἶʀl
    تاريخ التسجيل: March-2014
    الدولة: Iraq,Thi-Qar
    الجنس: أنثى
    المشاركات: 3,271 المواضيع: 329
    صوتيات: 7 سوالف عراقية: 0
    التقييم: 1197
    مزاجي: :)
    المهنة: programmer
    موبايلي: IPhone 8Plus
    آخر نشاط: 21/February/2020
    مقالات المدونة: 3

    إنشاء موقعك الأول


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

    أيضاً عليك أن تفتح برنامج المفكرة "Notepad" والذي ستجده في قائمة إبدأ ثم برامج ثم أدوات:

    أنت جاهز الآن!
    ماذا أفعل؟

    لنبدأ بشيء بسيط، سنقوم بإنشاء صفحة تقول "مرحى! هذا هو موقعي الأول." أكمل القراءة وستعرف كم هو بسيط فعل ذلك.
    لغة HTML بسيطة ومنطقية، المتصفح يقرأ HTML كما تقرأ أنت اللغة الإنجليزية: من الأعلى إلى الأسفل ومن اليسار إلى اليمين، لذلك صفحة HTML بسيطة تبدأ بما يجب أن تبدأ به أي صفحة HTML وتنتهي بما يجب أن يأتي في نهاية الصفحة.
    أول شيء عليك فعله هو أن تخبر المتصفح بأنك "ستتحدث" معه بلغة HTML، يمكنك فعل ذلك عن طريق وسم <html> لا توجد أي مفاجئة هنا، لذلك قبل أن تبدأ أي شيء أكتب "<html>" في أول سطر في برنامج المفكرة.
    كما تتذكر من الدروس الماضية، <html> هو وسم البداية ويحتاج إلى وسم إغلاق لذلك لا تنسى كتابة وسم الإغلاق بعد سطرين فارغين، وبقية الوثيقة ستكتبها بين <html> و</html>.
    الشيء التالي الذي تحتاجه صفحتك هو أمر رأس الصفحة "head" والذي يقدم معلومات حول الصفحة للمتصفح، وكذلك تحتاج إلى أمر "body" والذي سيحوي المحتويات التي تريد ان تضعها في الصفحة، أمر head أو رأس الصفحة (<head> و</head>) يوضع فوق أمر body أو "متن الصفحة" (<body> و</body>).
    صفحتك يجب أن تكون بهذا الشكل:
    كود HTML:
    	<html>
    
      <head>
      </head>
    
      <body>
      </body>
    
    </html>
    
    لاحظ كيف نسقنا الصفحة بطريقة منطقية حيث وضعنا كل وسم في سطر جديد ووضعنا مسافات فارغة قبل بعضها، كقاعدة، لا يهم كيف تقوم بتنسيق الأوامر في صفحة HTML، لكن لكي تجعل الصفحة سهلة القراءة لك وللآخرين ينصح بأن تنسق الصفحة بطريقة هيكلية منطقية سهلة الفهم كما ترى في المثال أعلاه.
    إذا كانت صفحتك تشبه المثال أعلاه فقد قمت بإنشاء موقعك الأول، عملياً الموقع ممل ولا يحوي شيئاً وغالباً لن يكون الموقع الذي تحلم به عندما بدأت في قراءة هذا الدرس، مع ذلك هو موقع وما قمت بإنجازه الآن سيكون قالباً لبقية صفحات HTML التي ستكتبها في المستقبل.
    جميل, لكن كيف أضيف المحتويات للموقع؟

    كما تعلمت سابقاً، صفحة HTML تحوي جزئياً، رأس الصفحة ومتن الصفحة، في رأس الصفحة تكتب معلومات عن الصفحة نفسها، أما المتن فيضم المحتويات التي تشكل الصفحة..
    مثلاً، إذا أردت أن تضع عنواناً للصفحة يظهر في الشريط العلوي للمتصفح فيجب أن تفعل ذلك في رأس الصفحة، العنصر المستخدم لفعل ذلك هو title. اكتب عنواناً للصفحة بين وسم البداية <title> ووسم الإغلاق </title>:
    كود HTML:
    	<title>موقعي الأول</title>
    
    لاحظ أن العنوان لن يظهر في الصفحة نفسها، أي شيء تريده أن يظهر في الصفحة يجب أن يضاف بين وسمي متن الصفحة
    كما قلنا سابقاً، نريد للصفحة أن تقول "مرحى! هذا هو موقعي الأول"، هذا النص الذي نريد وضعه في الصفحة، لذلك علينا أن نكتب في متن الصفحة ما يلي::
    كود HTML:
    	<p>مرحى! هذا هو موقعي الأول.</p>
    
    الحرف p في <p> هو اختصار "paragraph" أو فقرة، وهو أمر بسيط لإنشاء فقرات نصية.
    صفحة HTML يجب أن تكون لديك بالشكل التالي:
    كود HTML:
    	<html>
    
      <head>
      <title>موقعي الأول</title>
      </head>
    
      <body>
      <p>مرحى! هذا هو موقعي الأول.</p>
      </body>
    
    </html>
    
    انتهينا! لديك الآن أول موقع حقيقي!
    كل ما عليك فعله الآن هو حفظ الصفحة على القرص الصلب ثم عليك أن تستعرضها في متصفحك:

    • في برنامج المفكرة اختر "Save as..." من قائمة "File" في القائمة العلوية.
    • اختر "All Files" في نافذة "Save as type". هذا مهم جداً، لأنك إن لم تفعل ذلك ستقوم بحفظه كملف نصي وليس كملف HTML.
    • احفظ الصفحة باسم "page1.htm" الأحرف الثلاثة الأخيرة .htm تشير إلى أن الملف هو من نوع HTML، بإمكانك أن تحفظ تضع بدلاً منها ".html" وستكون النتيجة متماثلة، شخصياً أستخدم ".htm" دائماً، لكن بإمكانك أن تختار بينهما ما تشاء، فلا فرق بينهما، ولا يهم أين تحفظ الملف في القرص الصلب، ما دمت تتذكر أين حفظته لكي تستطيع إيجاده مرة أخرى.


    الآن إذهب إلى متصفحك:

    • في القائمة العلوية اختر "Open" من قائمة "File" (CTRL+O).
    • إضغط على "Browse" في النافذة التي ستظهر لك.
    • إبحث عن الملف الذي قمت بإنشاءه واضغط على "Open".



  2. #2
    ليش الاودهم احفر لحدهم
    تاريخ التسجيل: September-2013
    الدولة: العراق
    الجنس: ذكر
    المشاركات: 5,496 المواضيع: 782
    التقييم: 2170
    مزاجي: متفائل
    أكلتي المفضلة: برياني
    موبايلي: Galaxy 4
    آخر نشاط: 12/August/2020
    مقالات المدونة: 8
    مجهود رائع
    شكراً صديقتي

  3. #3
    من أهل الدار
    мᾄḋʀἶḋ'ṩ ʛἶʀl
    اقتباس المشاركة الأصلية كتبت بواسطة مرتضى^الجبوري مشاهدة المشاركة
    مجهود رائع
    شكراً صديقتي
    الاورع توجدكم هنا
    شكرا نورت الموضوع

  4. #4
    من أهل الدار
    Remooo
    تاريخ التسجيل: May-2014
    الدولة: بـغـداد
    الجنس: أنثى
    المشاركات: 6,714 المواضيع: 45
    التقييم: 1855
    مزاجي: No Thing
    المهنة: طـالبة
    أكلتي المفضلة: اي شي طيب
    موبايلي: iphone
    آخر نشاط: 30/July/2024
    مقالات المدونة: 4
    ​شكرًا حبيبتي ع الجهود

  5. #5
    من أهل الدار
    civil engineering
    تاريخ التسجيل: September-2013
    الدولة: قلب المحبين
    الجنس: ذكر
    المشاركات: 11,860 المواضيع: 2,061
    صوتيات: 248 سوالف عراقية: 1
    التقييم: 8910
    مزاجي: الحمد لله
    المهنة: مهندس
    أكلتي المفضلة: الحمد لله على كل شيء
    موبايلي: IPhone
    آخر نشاط: منذ 2 أسابيع
    مقالات المدونة: 54
    انتظر درسك القادم بشغف .. شكرا على الدرس وتقييم مستحق

  6. #6
    من أهل الدار
    мᾄḋʀἶḋ'ṩ ʛἶʀl
    اقتباس المشاركة الأصلية كتبت بواسطة الريم مشاهدة المشاركة
    ​شكرًا حبيبتي ع الجهود
    شكرا ع المرور نورتي

  7. #7
    من أهل الدار
    мᾄḋʀἶḋ'ṩ ʛἶʀl
    اقتباس المشاركة الأصلية كتبت بواسطة ali ibrahim مشاهدة المشاركة
    انتظر درسك القادم بشغف .. شكرا على الدرس وتقييم مستحق
    شكرا لك هذا من كرمك و تواضعك
    اسعدني مرور جدا

  8. #8
    صديق مشارك
    الولايه لعلي
    تاريخ التسجيل: August-2014
    الدولة: العراق - البصرة
    الجنس: أنثى
    المشاركات: 83 المواضيع: 2
    صوتيات: 0 سوالف عراقية: 1
    التقييم: 7
    مزاجي: مابين وبين
    أكلتي المفضلة: سمك شوي
    موبايلي: Lenovo
    آخر نشاط: 11/December/2022
    يسلمووووو
    اخر مواضيعيطلب وظيفةترحيب

تم تطوير موقع درر العراق بواسطة Samer

قوانين المنتديات العامة

Google+

متصفح Chrome هو الأفضل لتصفح الانترنت في الجوال