الدرس الأول : معلومات عن html وكيفية تصميم موقعي من البداية ( مع تطبيق عملي بسيط )

**Rayg** · 06:44 PM

السلام عليكم ورحمة الله وبركاتة

بداية الدورة هي معلومات عن لغة ال html وسنبدأ معا خطوة

بخطوة للوصول الى اتقان هذه اللغة

ملاحظة في البداية :

-يعتبر تعلم هذه اللغه الاساس في عملية تصميم المواقع

فــ هي الطريق المؤدي الى باقي اللغات .

- اللغه تعتمد على أوامر تفهم بمجرد قرأتها .

- توجد هناك عدة طرق لكتابة الأمر نفسه .

- هذه اللغة لاتحتاج الى برامج يكفي أن يكون لديك

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

هذه صورة منه ( رقم 1 ):

وللوصول الى المفكره

افتح ابدأ > كافة البرامج > البرامج الملحقة > المفكرة

الآن سنبدأ عملنا :

أولا : سنحتاج الى عمل كود لنصمم اول صفحة لنا بحيث

تبدأ هذه الأكواد دائما بنقطة بداية ونقطة نهاية كالتالي :

كود

<نقطة البدايه> 
</نقطة النهايه>

والتي ستكون في حالتنا ووفقا للغة الهتمل فستكون البداية هكذا دائما :

كود

<html>                 

وتعني بداية الكود 

</html>

وتعني نهاية الكود

ومابينهما هي الأوامر التي توضع شاهد الصورة ( رقم 2 ) للتوضيح :

ثانيا : مرحلة التطبيق العملي لما قيل سابقا /

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

كود

<html>
<head>
<TITLE>قسم دورات صوت طلاب وطالبات جامعة الطائف </TITLE>
</head>
<body>
<I> مائل </I>
<B>أسود عريض </B>
<U>تحته خط </U> 
</body>
</html>

شاهد الصورة ( رقم 3 ) :

بعد أن وضعنا الأكواد في المفكره نقوم بحفظها بأمتداد htm

الصور تتكلم في طريقة حفظها بصيغة htm :

صورة ( رقم 4 )

صورة ( رقم 5 )

ثم نقوم بضغط لحفظ العمل ونحفظه في سطح المكتب ليظهر هكذا :

صورة ( رقم 6 )

وبعد ذالك نقوم بفتح الصفحة لمشاهدة عملنا

صورة ( رقم 7 )

وهذا يفسر ان الأوامر التي بين نقطة البداية ونقطة النهاية

( كما في صورة رقم 2 ) هي ما ستترجم في الصفحة .

بهكذا انتهى درسنا لهذا اليوم عسى أن يكون الدرس واضح ومفهوم

تطبيق الدرس /

أن أستطعت

أن تقوم بكتابة صفحة عنوانها جامعة الطائف ومحتواها

منتدى صوت طلاب وطالبات جامعة الطائف بخط مائل تحتها خط

فأنت قد استوعبت الدرس جيدا . واتمنى أن ارى اعمالكم هنا .

انتهى

الدرس الأول من لغة html

أخوكم رايق

جميع صور الدرس في المرفقات بالترقيم لحفظها من الضياع *

**لؤلؤهـ وسط محارهـ** · 11-19-2009, 06:37 PM

مشكور أخوي رايق على الدرس الأول

اقتباس

تطبيق الدرس /

الحكومة جاية في الطريق

راح أطبق الدرس

وأنزله بس بعد كم ساعة

**زارع الطيب** · 11-19-2009, 07:44 PM

ألف شكر رايـــــــق عالدرس الأول وبانتظــار جديدك ...... وبالنسبة للتطبيق موجود بالمرفقات

**صبرك ياروح** · 11-19-2009, 08:04 PM

يعطيك الف عافيه..

درس واضح وسهل..

واصل ياالغلا..

ولي عوده..

ماننحرم منك..

**Rayg** · 11-19-2009, 08:50 PM

اقتباس

المشاركة الأصلية كتبت بواسطة لؤلؤهـ وسط محارهـ

مشكور أخوي رايق على الدرس الأول

الحكومة جاية في الطريق

راح أطبق الدرس

وأنزله بس بعد كم ساعة

حياك على المرور

بأنتظار التطبيق

خذي راحتك واسعدني مرورك اختي

**Rayg** · 11-19-2009, 08:53 PM

اقتباس

المشاركة الأصلية كتبت بواسطة زارع الطيب

ألف شكر رايـــــــق عالدرس الأول وبانتظــار جديدك ...... وبالنسبة للتطبيق موجود بالمرفقات

بطل والله

مثل ما طلبنا وزود

متألق دوما يا زارع

ومبروك على التميز << بدري

**Rayg** · 11-19-2009, 08:56 PM

اقتباس

المشاركة الأصلية كتبت بواسطة صبرك ياروح

يعطيك الف عافيه..

درس واضح وسهل..

واصل ياالغلا..

ولي عوده..

ماننحرم منك..

حياك أختي

اسعدني مرورك

والموضوع موضوعك

**Sweet Girl** · 11-19-2009, 09:41 PM

ثانكس عالدرس الرائع
والتطبيق بالمرفقات وأتمنى يكون في تقييم للتطبيقات من 10

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

الدرس الأول : معلومات عن html وكيفية تصميم موقعي من البداية ( مع تطبيق عملي بسيط )

.. [ دورة لغة HTML ] ..