|
| كاتب الموضوع | رسالة |
|---|
  | Mimo4ever | | محمد زايزون | 
|  |
 عدد المساهماات : 6778
 العمر : 38
 النقاط : 7700
 التّقييم : 32
 الإنتساب : 18/04/2008
. : 
وسام الرتبة الأولى
في المسابقة الرمضانية الكبرى
|
|  موضوع: الدرس الأول من الــ html  الجمعة 24 أكتوبر 2008, 03:07 | |
| أهلاً وسهلاً بكم إلى الدرس الأول من دروس HTML.
والتي سبق وأن قلت أنني سأقوم بوضعهاا بين يديكم إن شاء الله
سوف نقوم في هذا الدرس بسرد الوسوم الأساسية لصفحة الويب ومناقشتها معكم واحداً تلو الآخر.
لنصل في النهاية إلى إنشاء صفحة ويب بسيطة.
لنأخذ الوسوم التالية:
ماذا تلاحظ؟ أن كل منها يتألف من زوج من الوسوم أحدهما وسم البداية، والآخر وسم النهاية.
ويتميز وسم النهاية بوجود الرمز / . تأمل الرسم التالي، فهو يعطي فكرة عن تركيب ملف Html
 إذن فملف Html يبدأ دائماً بالوسم وينتهي بالوسم </HTML>. لا تنسى ذلك!
أما الوسم < HEAD> فيحدد بداية المقطع الذي يحتوي على المعلومات الخاصة بتعريف الصفحة. كالعنوان الظاهر على شريط عنوان المتصفح. وهذا العنوان بدوره يحتاج لأن يوضع بين الوسمين: <TITLE> … </TITLE > وبالطبع يجب كتابة الوسم < /HEAD> لكي ننهي هذا المقطع. نأتي إلى الوسم <BODY> والذي يتم كتابة نصوص صفحة الويب ضمنه، بالإضافة إلى إدراج الصور والجداول وباقي محتويات الصفحة. وهو أيضاً يحتاج إلى وسم الإنهاء < /BODY> ما رأيك لو نبدأ بتطبيق هذه المعلومات بصورة عمليه؟ هيا… قم بفتح برنامج المفكرة واكتب ما يلي:
- اقتباس :
<html>
<head>
<title>This
is a
test
Webpage
1title>
head>
<body>
Wow,
I'm
writing
my
first
webpage
body>
</html>
والآن قم بحفظ ما كتبته في ملف وبأي اسم تختاره. ولا تنسى أن الامتداد المستخدم في أسماء ملفات HTML هو htm. أو html. مثلاً أنا اخترت الاسم lhad.yoo7.html ومن الأفضل أن تقوم بإنشاء مجلد مستقل على القرص الصلب لكي تحفظ به ملفاتك فهذا يسهل عليك عملية استرجاعها للعرض أو التحديث وليكن هذا المجلد مثلاً بالاسم C:\\htmlfiles (أو بأي اسم يحلو لك).
حان وقت العرض، لكي نشاهد نتيجة ما كتبناه. قم بتشغيل متصفح الإنترنت الذي تستخدمه. فإذا كان Netscape Navigator اختر الأمر Open File… من قائمة File. أما في MS Internet Explorer فاختر الأمر Open… من قائمة File. ثم حدد المسار الذي يوجد به الملف. أنا شخصياً قمت بتحديد المسار التالي:
C:\\htmlfiles\\lhad.yoo7.html
وذلك طبعاً حسب الافتراضات السابقة التي اتبعتها عند تخزين الملف. وهذا ما حصلت عليه:
وماذا عنك؟ هل حصلت على نفس النتيجة؟ إذن مبروك :;l: لقد قمت بإنشاء أول صفحة ويب خاصة بك. (إذا لم تحصل على نفس النتيجة قم بمعاودة المحاولة، لأنك أخطأت في شئ ماا، ولاا تنسى أنني رهن الاشارة)
يتبع
توقيع Mimo4ever | منتدياات حد الغربية
|
عدل سابقا من قبل Mimo4ever في الجمعة 24 أكتوبر 2008, 03:20 عدل 1 مرات
|
|
  | |
| Mimo4ever | | محمد زايزون |
| |
عدد المساهماات : 6778
العمر : 38
النقاط : 7700
التّقييم : 32
الإنتساب : 18/04/2008
. :
وسام الرتبة الأولى
في المسابقة الرمضانية الكبرى
|
| | موضوع: رد: الدرس الأول من الــ html الجمعة 24 أكتوبر 2008, 03:08 | |
|
وقبل أن نستمر أريد أن أنبهك إلى بعض الملاحظات عند كتابة صفحات الويب:
· لا يوجد فرق بين كتابة الوسوم بالأحرف الإنجليزية الكبيرة UPPERCASE أو الأحرف الصغيرة lowercase. لذلك تستطيع الكتابة بأي شكل منهما أو حتى الكتابة بكليهما.
· إن المتصفحات لا تأخذ بعين الاعتبار الفراغات الزائدة أو إشارات نهاية الفقرات (أي عندما تقوم بضغط مفتاح Enter) التي تجدها هذه المتصفحات في ملف Html. وبعبارة أخرى فإن باستطاعتك كتابة ملفك السابق بالشكل التالي:
- اقتباس :
- <HTML><HEAD><TITLE> This is a test Webpage TITLE>HEAD><BODY>
Wow, I'm writing my first webpage BODY>HTML> أو بالشكل التالي:
- اقتباس :
<HTML>
<HEAD>
<TITLE>
This
is a
test
Webpage
</TITLE>
</HEAD>
<BODY>
Wow,
I'm
writing
my
first
webpage
</BODY>
</HTML>
أو حتى بهذا الشكل:
- اقتباس :
<HTML> <HEAD> <TITLE>
This is a test Webpage
</TITLE>
</HEAD>
<BODY>
Wow, I'm writing my first webpage
</BODY>
</HTML>
 وهناك أيضا الوسم <P> الذي يقوم تقريباً بنفس عمل الوسم السابق أي أنه ينهي السطر أو الفقرة ويبدأ بسطر جديد لكن مع إضافة سطر إضافي فارغ بين الفقرات.
المزيد عن هذا الوسم في الدرس الرابع الفقرات
- اقتباس :
<html>
<head>
<title>This
is a
test
Webpage
1title>
head>
<body>
Wow,<p>I'm writing
myp>
<p>first
webpage p>
body>
html>
أما الفراغات فتعتبر رموزاً خاصة لذلك لا نستطيع التحكم بها وبعددها إلا باستخدام الوسم (والأحرف هي اختصار للعبارة Non Breakable Space). وإذا أردت إدخال عدة فراغات بين نص وآخر ما عليك إلا كتابة هذا الوسم بنفس عدد الفراغات المطلوب. كما يجب عليك التقيد بالأحرف الصغيرة هنا.
إذن لنعد إلى المفكرة ونكتب ملفنا بالشكل التالي:
- اقتباس :
<html><head><title>This is a test Webpage
1title>
head>
<body>
Wow,
I'm writing
my
first
webpage
body>
html>
 وبمناسبة الحديث عن الرموز الخاصة فهناك العديد من هذه الرموز والتي يجب أن تكتب بصورة معينة وباستخدام الوسوم وليس مباشرة بصورتها العادية. خذ مثلا إشارتي أكبر من وأصغر من وإشارة الاقتباس ". كل هذه الإشارات تستخدم أصلاً مع الوسوم فهي محجوزه ضمن مفردات لغة HTML ومن الخطأ استخدامها بصورتها الصريحة لئلا يؤدي ذلك إلى حدوث مشاكل في طريقة عرض الصفحة. كذلك فإن هناك رموزاً غير موجودة أساساً على لوحة المفاتيح كرمز حقوق الطبع  ورمز العلامة المسجلة  ونحتاج إلى هذه الطريقة(طريقة الوسوم) لكتابتها. وإن شاء الله سنتطرق لذلك لاحقاا
وهكذا وصلنا إلى النهاية... نهاية الدرس الأول. أتمنى أن تكونو قد وجدتم فيه المتعة والفائدة وانتظروا البقية 
توقيع Mimo4ever | منتدياات حد الغربية
|
|
|
| | |
| | موضوع: رد: الدرس الأول من الــ html الخميس 30 أكتوبر 2008, 21:51 | |
|
شكرا ميمو على الشرح الوافي الكافي
وننتظر باقي الدروس
مع السلامة
توقيع nana | منتدياات حد الغربية
|
|
|
| | |
| Abdeslam | | شخصية هامة | 
|  |
عدد المساهماات : 1690
العمر : 40
النقاط : 515
التّقييم : 8
 الهواية : السّـكُوت
الإنتساب : 27/04/2008
. :
|
| | موضوع: رد: الدرس الأول من الــ html الخميس 30 أكتوبر 2008, 22:02 | |
|
الله الله عليك يا أستااااذ
دروس واضحة وبينة جدا
أوضح من دروس الكلاس والله
تسلم يا مستر
وفي انتظار الباقي
ان شاء الله نصبح مُطَوِّرين
/5//5//5//5//5/
توقيع Abdeslam | منتدياات حد الغربية
|
|
|
| | |
| Mimo4ever | | محمد زايزون |
| |
عدد المساهماات : 6778
العمر : 38
النقاط : 7700
التّقييم : 32
الإنتساب : 18/04/2008
. :
وسام الرتبة الأولى
في المسابقة الرمضانية الكبرى
|
| | موضوع: رد: الدرس الأول من الــ html الجمعة 31 أكتوبر 2008, 04:01 | |
|
شكرااا اخت نانا للمرور الجميل والرد العذب
أسعدني تواجدك في صفحتي
وانتظري بقية الدروس
- Abdeslam كتب:
الله الله عليك يا أستااااذ
دروس واضحة وبينة جدا
أوضح من دروس الكلاس والله
تسلم يا مستر
وفي انتظار الباقي
ان شاء الله نصبح مُطَوِّرين
إن شاء الله يا غالي
وترقب القادم
وأتمنى أن تكون من متتبعي الدروس
شكرااا لمرورك الكريم
وردك المشجع
تحية ود وتقدير
توقيع Mimo4ever | منتدياات حد الغربية
|
|
|
| | |
| | موضوع: رد: الدرس الأول من الــ html الخميس 09 أبريل 2009, 12:58 | |
|
شكرا جزيلا على التعب الملحوظ في شرحك لكي تفيدنا به
ونتمنى ان نرى جديد الدروس في اقرب وقت
واعدك ان اكون من متتبعي كل الدروس
شكرا اخي وننتظرك
توقيع ThE_GhOsT | منتدياات حد الغربية
|
|
|
| | |
| fatifleur | | شخصية هامة |
|  |
عدد المساهماات : 1885
العمر : 37
النقاط : 2092
التّقييم : 24
الإنتساب : 15/02/2009
. : ------------------
الوسام إهداء من مغربية وافتخر
مسؤولة كشاكيل وألبومات
حد الغربية
|
| | موضوع: رد: الدرس الأول من الــ html الخميس 09 أبريل 2009, 15:10 | |
|
شكراا يا أستاذ على الدرس الجميل
و الشروحات المبسطة تصلح لأن تكون أستادا في هذا المجال
تقبل مروري البسيط
تحياتي و تقديري
توقيع fatifleur | منتدياات حد الغربية
|
|
|
| | |
| | موضوع: رد: الدرس الأول من الــ html الخميس 09 أبريل 2009, 15:50 | |
|
شرحك مبسط وسهل الاستيعاب ايها الاستاذ
مشكور على لاستفادة في انتظار البقية
توقيع lacost | منتدياات حد الغربية
|
|
|
| | |
| Mimo4ever | | محمد زايزون |
| |
عدد المساهماات : 6778
العمر : 38
النقاط : 7700
التّقييم : 32
الإنتساب : 18/04/2008
. :
وسام الرتبة الأولى
في المسابقة الرمضانية الكبرى
|
| | موضوع: رد: الدرس الأول من الــ html الجمعة 10 أبريل 2009, 00:24 | |
|
جوست
؛؛
فااتي فلور
؛؛
لاكوست
؛؛
؛؛
شكراا كثيراا يا إخواان / أخواات على مروركم الندي
وتشجيعكم القوي
بجد أفرح كلماا قرأت ردودكم على موااضيعي
أتمنى ألاا أُحرم منكم وردودكم
وإن شااء الله انتظرواا بقية الدروس في القريب العااجل
لأني الآن رأيت ردودكم على الدروس الأولى
تحيااتي وكل ودي
توقيع Mimo4ever | منتدياات حد الغربية
|
|
|
| | |
| troy11987 | | صديق للمنتدى | 
|  |
عدد المساهماات : 533
العمر : 37
النقاط : 823
التّقييم : 1
الهواية : الرياضه والتاريخ
الإنتساب : 07/02/2010
. :
|
| | موضوع: رد: الدرس الأول من الــ html الجمعة 19 فبراير 2010, 16:59 | |
| لك مني كل الود
توقيع troy11987 | منتدياات حد الغربية
|
|
|
| | |
|
