صفحتي الأولى الدرس الأول

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[size=24][size=12][size=21]
السلام عليكم ورحمة الله وبركاته
بسم الله الرحمن الرحيم
نبدأ سويًا دورة الـ HTML التي وعدتكم بأنى سأقدمها آسف على التأخير
سيكون نظامنا في العمل كما اتفقنا هو نظام خطوة بخطوة
أى أن الدرس الأول هو "صفحتي الأولى"
إذن سنستمر فيه إلى أن نتقنه
ويسعدني إستقبال أسئلتكم بعد انتهاء الشرح
هيا نبدأ

أدواتنا
- المفكرة
- متصفح الانترنت العادي

أغلب الأوسمة تبدأ <> من اليسار وتنتهي</> في اليمين
مثلاً:
<HTML> <‎/HTML>
<HEAD> <‎/HEAD>
<TITLE> <‎/TITLE>
<BODY> <‎/BODY>
وسم البداية من غير /
وسم النهاية يكون في نهاية السطر ويكون نفس الصيغة وبجانبها /

صفحة الاتش تي ام ال يجب أن تبدأ بالوسم التالي
<html>
حتى يعرف المتصفح أنه يقوم بقراءة صفحة اتش تي ام ال ويتعامل معها على هذا الاساس

بخصوص الصفحة الأولى افتح مفكرة الصورة التالية كي تتعرف على شكل الصفحة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

حيث ان :
<html> هو الوسم الذي يعرف المتصفح على اللغة (لغة البرمجة)
أما الوسم <HEAD> فيحدد بداية المقطع الذي يحتوي على المعلومات الخاصة بتعريف الصفحة. كالعنوان الظاهر على شريط عنوان المتصفح. وهذا العنوان بدوره يحتاج لأن يوضع بين الوسمين: <TITLE> … <‎/TITLE> وبالطبع يجب كتابة الوسم <‎/HEAD> لكي ننهي هذا المقطع.
<BODY> يتم كتابة نصوص صفحة الويب ضمنه، بالإضافة إلى إدراج الصور والجداول وباقي محتويات الصفحة. وهو أيضاً يحتاج إلى وسم الإنهاء <‎/BODY>

تعالوا نطبق ما فهمناه وما تعلمناه عمليًا
افتح مفكرة
قائمة إبدأ>>> البرامج الملحقة>>> المفكرة
واكتب في السطر الأول
<html>
وفي السطر الثاني اكتب
<head>
وفي الثالث اكتب
<title>My first HTML page</tite>
يمكنك استبدال جملة My first HTML page بالعنوان الذي تريده أن يظهر في الشريط الازرق أعلى الصفحة
أما السطر الرابع فتكتب فيه
</head>
السطر الخامس اكتب فيه
<body>
Wow I am Writing My First Page
</body>
يمكن بالطبع استبدال عبارة Wow I am Writing My First Page بالكلام الذي تحبه

هذا هو الكود كما سيكون داخل المفكرة

كود:
<HTML>

<HEAD>
<TITLE>My first HTML page</TITLE>
<HEAD/>

<BODY>

Wow I am Writing My First Page
<BODY/>

</HTML>
والآن قم بحفظ عملك ولكن انتبه
اضغط على Save As من قائمة File عند تسمية صفحتك يجب عليك أن تسميها index وامتداد صفحات الاتش تي ام ال كافة يجب أن يكون .html
يعني صفحتك الأولى يجب أن يكون اسمها index.html
وأكرر
يجب أن يكون امتدادها html أو htm

ملاحظات
يوجد فرق بين كتابة الوسوم بالأحرف الإنجليزية الكبيرة UPPERCASE أو الأحرف الصغيرة lowercase. لذلك تستطيع الكتابة بأي شكل منهما أو حتى الكتابة بكليهما.

إن المتصفحات لا تأخذ بعين الاعتبار الفراغات الزائدة أو إشارات نهاية الفقرات (أي عندما تقوم بضغط مفتاح Enter) التي تجدها هذه المتصفحات في ملف Html. وبعبارة أخرى فإن باستطاعتك كتابة ملفك السابق بالشكل التالي:

كود:
<HTML><HEAD><TITLE> My first HTML page </TITLE></HEAD><BODY>
Wow, I'm writing my first webpage </BODY></HTML>‎
أو بالشكل التالي:

كود:
<HTML>
<HEAD>
<TITLE>
My
First
HTML
Page
<‎/TITLE>
<‎/HEAD>
<BODY>
Wow,
I'm
writing
my
first
Page
<‎/BODY>
<‎/HTML>
أو حتى بهذا الشكل:

كود:
<HTML> <HEAD> <TITLE>
My first HTML page
<‎/TITLE>
<‎/HEAD>
<BODY>
Wow, I'm writing my First Page
<‎/BODY>
<‎/HTML>
وفي كل الحالات ستحصل على نفس النتيجة وهي

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

[/size]

[/size][/size]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

» الدرس الثاني : التنسيق الأساسي
» انتها الدرس يا .........
» الدرس التاسع : عين الساحر
» الدرس السابع : تصميم البيض
» الوصلات الأساسية الدرس الثالث