مبتدئين : أسس صفحة HTML - الدرس الأول

faleh · 25-12-2000, 04:46 AM

على بركة الله نبدأ هذه الدروس وهذه العناصر الرئيسية التي سوف نتطرق لدراستها في أسس صفحة HTML:

· أسس صفحة HTML .
· حفظ الملفات.
· إضافة التنسيق الأساسي .
· ملاحظات .

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

وإليك الجدول التالي الذي يبين وسوم البناء الأساسية و وسوم الانتهاء المرافقة لها.

الوسوم Tags
وسم النهاية-----------وسم البداية
<html>-----------------</html>
<head>-----------------</head>
<title>----------------</title>
<body>-----------------</body>

· <HTML> و </HTML> : توضع في أعلى و أسفل الصفحة ومهمتها تبليغ المتصفح بأن الصفحة هي صفحة HTML .
· <HEAD> و </HEAD> : يحتوي هذا القسم على معلومات خاصة بتعريف الصفحة.
· <TITLE> و </TITLE> : يبين العنوان الظاهر على شريط المتصفح العلوي ويكون ضمن الترويسة <HEAD> .
· <BODY> و </BODY> : يتم فيه كتابة نصوص وصور ورسوم ووصلات وجداول ومحتويات الصفحة.

و إليك شرحاً بالرسم لشكل صفحة HTML:

إليك هذا المثال التطبيقي الذي يشتمل على الوسوم التي تعلمناها سابقاً :

<html>
<head> <title> صفحة تجريبية</title>
</head>
<body>
هذه صفحتي الأولى
</body>
</html>

وهذه نتيجة المثال السابق:

---------------------------
حفظ الملفات

احفظ كل ما تكتبه بلغة html على شكل نص ASCII القياسي العادي . وتعمل المفكرة ومعظم برامج النصوص على حفظ الملفات دائماً على شكل نص عادي .
وعليك أن تتأكد من أن هذا صحيح للبرمجية التي تكود بها.
غير أن اسم لاحقة الملف لن يكون .TXT أو .ASC وهي اللواحق الافتراضية لمحرر النصوص. وسوف نقوم يدوياً بتسمية ملفك باستخدام اللاحقة .HTML أو .HTM كلاهما جائز.
مثال احفظ المثال السابق بالاسم التالي : MY PAGE.HTM

بعد أن تحفظ عملك بالشكل السابق تقوم بفتحه بالطريقة التالية:
1- تفتح صفحة المتصفح الموجود لديك وليكن اكسبلورر.
2- من قائمة ملف تختار فتح.
3- استعراض.
4- تبحث عن الملف الذي حفظته بنفس الاسم الذي أعطيته له.
---------------------------
في الدرس القادم نتطرق إن شاء الله لما تبقى من هذا الموضوع

faleh · 25-12-2000, 05:00 AM

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

<html>
<head>
<title>
صفحة تجريبية
</title>
</head>
<body>
هذه صفحتي الأولى
</body>
</html>

إعد كتابة المثال بالطريقة أعلاه ونفذ العمل.

سردال · 25-12-2000, 05:32 AM

أخي Faleh حتى تدخل شفرة ضمن الموضوع اتبع الطريقة التالية

كود:

أدخل الشفرات بين هذاين الوسمين
[ code]
اكتب الشفرة هنا
[ /code]

faleh · 25-12-2000, 04:59 PM

أخي سردال شكراً جزيلاً هذا بالضبط ما كنت أبحث عنه.

كاره الجهل · 03-01-2001, 02:05 AM

باركولي أول مرة أنجح في تصميم صفحة مكونه من سطر واحد

أنا معاكم متابع

يا شباب والله مشكورين على ها الدروس القيمة

faleh · 03-01-2001, 12:45 PM

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

faleh

أبو غازي · 25-01-2001, 12:47 PM

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

شوف ... موضوعك خطواته واضحة... إلا البداية ....
يعني ... وين أكتب هذا الخطواته ,,, وخلاص

بـــــــــو غـــــــ أتمنى أن تكون قد فهمت ــــــــــازي

faleh · 02-02-2001, 10:24 PM

أخوي بوغازي
السلام عليكم ورحمة الله وبركاته وبعد
آسف على التأخر في الرد عليك ولكن لدي ظروف حالت دون الدخول على المنتدى.
في الحقيقة أن سؤالك غير مفهوم ولكن سأرد حسب فهمي .
حسب ما فهمته هو أنك تريد معرفة البرنامج الذي تكتب الكود داخله وتنفذه.
هناك برامج كثيرة تستطيع كتابة كود البرنامج داخلها ولكن من أفضل البرامج وأيسرها للجميع هو (برنامج المفكرة notepad) الموجود داخل البرامج الملحقة في وندوز ويعد كتابتك للكود لكي تنفذه يجب أن تحفظ عملك من خلال ملف ثم حفظ بإسم وتكتب الاسم باللغة الانجليزية ويكون امتداده بالحروف التاليةhtm مثال:
mypage.htm .
ويمكنك أن تعود لعملية الحفظ في موضوع حفظ الملفات في نفس هذا الموضوع فهو مشروح بالصورة.
أرجو أن أكون قد أوضحت ماتريد إيضاحة.

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