أحصل على قوالب after effects مجانا أفضل توزيعة لينكس عنوان الموضوع الثالث اختصارات لوحة المفاتيح clavier عنوان الموضوع الخامس

دروس HTML _الدرس الخامس اضافة المحتويات للموقع

التسميات: 0 التعليقات
كما تعلمت سابقاً، صفحة HTML تحوي جزئياً، رأس الصفحة وجسم الصفحة، في رأس الصفحة تكتب معلومات عن الصفحة نفسها، أما الجسم فيضم المحتويات التي تشكل الصفحة..

 مثلاً، إذا أردت أن تضع عنواناً للصفحة يظهر في الشريط العلوي للمتصفح فيجب أن تفعل ذلك في رأس الصفحة، العنصر المستخدم لفعل ذلك هو title. اكتب عنواناً للصفحة بين وسم البداية<title> ووسم الإغلاق </title>

 





<title>العنوان</title>








، نريد لصفحة أن تقول "مرحبا بكم في الموقع "، هذا النص الذي نريد وضعه في الصفحة، لذلك علينا أن نكتب في جسم الصفحة ما يلي:








<p>مرحبا بكم في الموقع</p>








حرف p في <p> هو اختصار "paragraph" أو فقرة، وهو أمر بسيط لإنشاء فقرات نصية.



 



الشكل يجب أن يكون هكذا














 <html>

   <head>
   <title>العنوان</title>
   </head>

   <body>
   <p>مرحبا بكم في الموقع</p>
   </body>

 </html>


كل ما عليك فعله الآن هو حفظ الصفحة على القرص الصلب أو أي مكان أخر ثم عليك أن تستعرضها في متصفحك


حفظ الصفحة باسم "htm.****" الأحرف الثلاثة الأخيرة .htm تشير إلى أن الملف هو من نوع HTML، بإمكانك أن تضع بدلاً منها ".html" وستكون النتيجة متماثلة، فلا فرق بينهما.






يتبع......
أكمل القراءة

دروس HTML _الدرس الرابع إنشاء موقع

التسميات: 0 التعليقات

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

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

صفحتك يجب أن تكون بهذا الشكل:


<html>

  <head>  

<head/>
 <body>
 
<body/>

<html/>
لا يهم كيف تقوم بتنسيق الأوامر في صفحة HTML، لكن لكي تجعل الصفحة سهلة القراءة لك وللآخرين ينصح بأن تنسق الصفحة بطريقة هيكلية منطقية سهلة الفهم كما ترى في المثال أعلاه.

إذا كانت صفحتك تشبه المثال أعلاه فقد قمت بإنشاء موقعك الأول، عملياً الموقع ممل ولا يحوي شيئاً ، مع ذلك هو موقع وما قمت بإنجازه الآن سيكون قالباً لبقية صفحات HTML التي ستكتبها في المستقبل.


أكمل القراءة

دروس HTML _الدرس الثالث_الوسوم و العناصر

التسميات: 0 التعليقات
**الوسوم**

الوسوم تستخدمها  بداية العنصر وعند نهايته.
كل الوسوم لها نفس نفس الشكل، تبدأ مع علامة أصغر من "<" وتنتهي مع علامة أكبر من ">".
بشكل عام هناك نوعان من الوسوم، وسم البداية: <html> ثم وسم الإغلاق </html>. الفرق بين الإثنين هي علامة "/"، المحتويات تكون بوضعها بين وسم البداية ووسم الإغلاق.

المثال 1:
العنصر em يجعله مائلاً  وكل النصوص بين وسم البداية <em> ووسم الإغلاق </em> ستظهر بشكل مائل في المتصفح
<em>نص مائل.</em>


العناصر h1، h2، h3، h4، h5 وh6 تستخدم للعناوين"حرف h هو اختصار "heading" حيث h1 هو المستوى الأول من العناوين وبالتالي الأكبر حجماً، h2 يستخدم للمستوى الثاني من العناوين وهو أصغر حجماً بقليل، وh6 هو المستوى السادس والأخير من هيكلية العناوين وهو الأصغر.
المثال
  <h1>هذا عنوان</h1>


 <h2>هذا عنوان فرعي</h2>







استتناء


الاستثناء في HTML هو وجود عناصر تعتبر هي وسم البداية ووسم الإغلاق في نفس الوقت، وهي تسمى العناصر الفارغة لأنها غير مرتبطة بنص معين لكنها عناصر مستقلة تماماً، فمثلاً هناك وسم لكي لكسر النص وإجباره على الظهور في سطر جديد، هذا الوسم يظهر بهذا الشكل: <br />.






معظم المتصفحات لن تهتم إذا كتبت الوسوم بأحرف كبيرة أو صغيرة أو خليط بين الإثنين، <HTML>، <html> أو <HtMl> كلها ستعطي نفس النتائج، مع ذلك الأسلوب الصحيح هو كتابة الوسوم بالأحرف الصغيرة، لذلك عليك أن تعتاد على كتابة الوسوم بالأحرف الصغيرة.






أكتب الوسوم في وثيقة HTML، المواقع تحوي وثيقة HTML أو أكثر، عندما تتصفح شبكة الويب أنت فقط تقوم بفتح وثائق HTML مختلفة.






merciii
أكمل القراءة

دروس html الدرس التاني_ الأدوات التي تحتاجها

التسميات: 0 التعليقات
في هذا الدرس سنتحدث  عن الأدوات التي تحتاجها لإنشاء موقعك.

ربما أنت تملك كل الأدوات التي تحتاجها:

لديك "متصفح"، وهو البرنامج الذي يمكنك من تصفح المواقع mozila firefox أو google chrome ....الخ

ذلك ستحتاج إلى محرر نصي بسيط*، إذا كنت تستخدم نظام ويندوز يمكنك أن تستخدم المفكرة notepad
والذي يمكنك أن تجده في قائمة إبدأ ثم قائمةprogramme ثم قائمة accessories

أو يمكنك تحميل ++notepad.
إذا لم تكن تستخدم ويندوز يمكنك أن تجد برامج مماثلة في أنظمة التشغيل الأخرى، فمثلاً لينكس يحوي برنامج بيكو "Pico" 

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

 ملاحظة:لا تحتاج إلى اتصال بالشبكة 
 عند إنشاء موقعك
أكمل القراءة

دروس HTML _الدرس الأول_ مقدمة

التسميات: 0 التعليقات
يظن الناس أن إنشاء المواقع عملية صعبة معقدة، هذا ليس صحيحاً!
 يمكن للجميع تعلم كيفية إنشاء المواقع.

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

يستلزم بعض الصبر فقط.
أكمل القراءة

كافة الحقوق محفوظة 2013 © مدونة DB Tech