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

منتدى حد الغربية

اهلا ومرحبا بك يا زائر في منتديات حد الغربية
 
البوابةالرئيسيةالتسجيلالدخولدخول

شاطر | 
 

 الدرس الأول من الــ html

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة

الدرس الأول من الــ html Vide
Mimo4ever
محمد زايزون
محمد زايزون
Mimo4ever
ذكر

عدد المساهماات عدد المساهماات :
6778

العمر العمر :
35

النقاط النقاط :
7700

التّقييم التّقييم :
32

الإنتساب الإنتساب :
18/04/2008

. :
الدرس الأول من الــ html Empty
الدرس الأول من الــ html M110
وسام الرتبة الأولى
في المسابقة الرمضانية الكبرى
الدرس الأول من الــ html Premir10


 

  
https://lhad.yoo7.com


مُساهمةموضوع: الدرس الأول من الــ html   الدرس الأول من الــ html Emptyالجمعة 24 أكتوبر 2008, 03:07




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

لنأخذ الوسوم التالية:


الدرس الأول من الــ html F5f8c0b33e



ماذا تلاحظ؟ أن كل منها يتألف من زوج من الوسوم أحدهما وسم البداية، والآخر وسم النهاية.
ويتميز وسم النهاية بوجود الرمز / . تأمل الرسم التالي، فهو يعطي فكرة عن تركيب ملف Html



الدرس الأول من الــ html Htsketsh



إذن فملف 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
وذلك طبعاً حسب الافتراضات السابقة التي اتبعتها عند تخزين الملف. وهذا ما حصلت عليه:


الدرس الأول من الــ html 21019b5285

وماذا عنك؟ هل حصلت على نفس النتيجة؟ إذن مبروك :;l: لقد قمت بإنشاء أول صفحة ويب خاصة بك. (إذا لم تحصل على نفس النتيجة قم بمعاودة المحاولة، لأنك أخطأت في شئ ماا، ولاا تنسى أنني رهن الاشارة)

يتبع




إذا أعجبك الموضوع فشارك به أصدقااءك وصديقاتك في الفايسبوك
Share


 

توقيع Mimo4ever

منتدياات حد الغربية


الدرس الأول من الــ html M10

الدرس الأول من الــ html Mimo4ever-71
الدرس الأول من الــ html Hadalg23
http://lhad.110mb.com/quran/index.htm

www.mohamed-zn.c.la



عدل سابقا من قبل Mimo4ever في الجمعة 24 أكتوبر 2008, 03:20 عدل 1 مرات

الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

الدرس الأول من الــ html Vide
Mimo4ever
محمد زايزون
محمد زايزون
Mimo4ever
ذكر

عدد المساهماات عدد المساهماات :
6778

العمر العمر :
35

النقاط النقاط :
7700

التّقييم التّقييم :
32

الإنتساب الإنتساب :
18/04/2008

. :
الدرس الأول من الــ html Empty
الدرس الأول من الــ html M110
وسام الرتبة الأولى
في المسابقة الرمضانية الكبرى
الدرس الأول من الــ html Premir10


 

  
https://lhad.yoo7.com


مُساهمةموضوع: رد: الدرس الأول من الــ html   الدرس الأول من الــ html Emptyالجمعة 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>





الدرس الأول من الــ html 9fd71bd3fe

وهناك أيضا الوسم <P> الذي يقوم تقريباً بنفس عمل الوسم السابق أي أنه ينهي السطر أو الفقرة ويبدأ بسطر جديد لكن مع إضافة سطر إضافي فارغ بين الفقرات.
المزيد عن هذا الوسم في الدرس الرابع الفقرات


اقتباس :

<html>
<head>
<title>This
is a
test
Webpage
1title>
head>
<body>
Wow,<p>I'm writing
myp>
<
p>first
webpage p>
body>
html>



الدرس الأول من الــ html 6ec7a40848

أما الفراغات فتعتبر رموزاً خاصة لذلك لا نستطيع التحكم بها وبعددها إلا باستخدام الوسم ‎&nbsp;‎ (والأحرف هي اختصار للعبارة Non Breakable Space). وإذا أردت إدخال عدة فراغات بين نص وآخر ما عليك إلا كتابة هذا الوسم بنفس عدد الفراغات المطلوب. كما يجب عليك التقيد بالأحرف الصغيرة هنا.
إذن لنعد إلى المفكرة ونكتب ملفنا بالشكل التالي
:


اقتباس :

<html>
<head>
<title>This
is a
test
Webpage
1title>
head>
<body>
Wow,&nbsp;&nbsp;&nbsp;
I'm&nbsp;&nbsp; writing&nbsp;&nbsp;&nbsp;
my&nbsp;&nbsp;&nbsp;
first&nbsp;&nbsp;&nbsp;
webpage
body>
html>



الدرس الأول من الــ html 9dee62170a

وبمناسبة الحديث عن الرموز الخاصة فهناك العديد من هذه الرموز والتي يجب أن تكتب بصورة معينة وباستخدام الوسوم وليس مباشرة بصورتها العادية. خذ مثلا إشارتي أكبر من وأصغر من وإشارة الاقتباس ". كل هذه الإشارات تستخدم أصلاً مع الوسوم فهي محجوزه ضمن مفردات لغة HTML ومن الخطأ استخدامها بصورتها الصريحة لئلا يؤدي ذلك إلى حدوث مشاكل في طريقة عرض الصفحة. كذلك فإن هناك رموزاً غير موجودة أساساً على لوحة المفاتيح كرمز حقوق الطبع ©️ ورمز العلامة المسجلة ®️ ونحتاج إلى هذه الطريقة(طريقة الوسوم) لكتابتها. وإن شاء الله سنتطرق لذلك لاحقاا

وهكذا وصلنا إلى النهاية... نهاية الدرس الأول. أتمنى أن تكونو قد وجدتم فيه المتعة والفائدة

وانتظروا البقية أحبكــ فـي الله

إذا أعجبك الموضوع فشارك به أصدقااءك وصديقاتك في الفايسبوك
Share


 

توقيع Mimo4ever

منتدياات حد الغربية


الدرس الأول من الــ html M10

الدرس الأول من الــ html Mimo4ever-71
الدرس الأول من الــ html Hadalg23
http://lhad.110mb.com/quran/index.htm

www.mohamed-zn.c.la

الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

الدرس الأول من الــ html Vide
nana
عضو ذهبي
عضو ذهبي
nana
انثى

عدد المساهماات عدد المساهماات :
532

العمر العمر :
34

النقاط النقاط :
553

التّقييم التّقييم :
4

الإنتساب الإنتساب :
26/04/2008

. :
الدرس الأول من الــ html Empty

 

 


مُساهمةموضوع: رد: الدرس الأول من الــ html   الدرس الأول من الــ html Emptyالخميس 30 أكتوبر 2008, 21:51




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

وننتظر باقي الدروس

مع السلامة


إذا أعجبك الموضوع فشارك به أصدقااءك وصديقاتك في الفايسبوك
Share


 

توقيع nana

منتدياات حد الغربية

الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

الدرس الأول من الــ html Vide
Abdeslam
شخصية هامة
شخصية هامة
Abdeslam
ذكر

عدد المساهماات عدد المساهماات :
1690

العمر العمر :
36

النقاط النقاط :
515

التّقييم التّقييم :
8

الهواية الهواية :
السّـكُوت

الإنتساب الإنتساب :
27/04/2008

. :
الدرس الأول من الــ html Qalam310

 

 


مُساهمةموضوع: رد: الدرس الأول من الــ html   الدرس الأول من الــ html Emptyالخميس 30 أكتوبر 2008, 22:02



الله الله عليك يا أستااااذ

دروس واضحة وبينة جدا

أوضح من دروس الكلاس والله

تسلم يا مستر

وفي انتظار الباقي

ان شاء الله نصبح مُطَوِّرين
/5//5//5//5//5/

إذا أعجبك الموضوع فشارك به أصدقااءك وصديقاتك في الفايسبوك
Share


 

توقيع Abdeslam

منتدياات حد الغربية

الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

الدرس الأول من الــ html Vide
Mimo4ever
محمد زايزون
محمد زايزون
Mimo4ever
ذكر

عدد المساهماات عدد المساهماات :
6778

العمر العمر :
35

النقاط النقاط :
7700

التّقييم التّقييم :
32

الإنتساب الإنتساب :
18/04/2008

. :
الدرس الأول من الــ html Empty
الدرس الأول من الــ html M110
وسام الرتبة الأولى
في المسابقة الرمضانية الكبرى
الدرس الأول من الــ html Premir10


 

  
https://lhad.yoo7.com


مُساهمةموضوع: رد: الدرس الأول من الــ html   الدرس الأول من الــ html Emptyالجمعة 31 أكتوبر 2008, 04:01


شكرااا اخت نانا للمرور الجميل والرد العذب

أسعدني تواجدك في صفحتي

وانتظري بقية الدروس

Abdeslam كتب:


الله الله عليك يا أستااااذ

دروس واضحة وبينة جدا

أوضح من دروس الكلاس والله

تسلم يا مستر

وفي انتظار الباقي

ان شاء الله نصبح مُطَوِّرين


إن شاء الله يا غالي

وترقب القادم

وأتمنى أن تكون من متتبعي الدروس

شكرااا لمرورك الكريم

وردك المشجع

تحية ود وتقدير

إذا أعجبك الموضوع فشارك به أصدقااءك وصديقاتك في الفايسبوك
Share


 

توقيع Mimo4ever

منتدياات حد الغربية


الدرس الأول من الــ html M10

الدرس الأول من الــ html Mimo4ever-71
الدرس الأول من الــ html Hadalg23
http://lhad.110mb.com/quran/index.htm

www.mohamed-zn.c.la

الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

الدرس الأول من الــ html Vide
ThE_GhOsT
عضو ماسي
عضو ماسي
ThE_GhOsT
ذكر

عدد المساهماات عدد المساهماات :
177

العمر العمر :
48

النقاط النقاط :
250

التّقييم التّقييم :
4

الإنتساب الإنتساب :
25/03/2009

. :
الدرس الأول من الــ html Empty

 

 


مُساهمةموضوع: رد: الدرس الأول من الــ html   الدرس الأول من الــ html Emptyالخميس 09 أبريل 2009, 12:58


شكرا جزيلا على التعب الملحوظ في شرحك لكي تفيدنا به
ونتمنى ان نرى جديد الدروس في اقرب وقت
واعدك ان اكون من متتبعي كل الدروس
شكرا اخي وننتظرك

إذا أعجبك الموضوع فشارك به أصدقااءك وصديقاتك في الفايسبوك
Share


 

توقيع ThE_GhOsT

منتدياات حد الغربية

الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

الدرس الأول من الــ html Vide
fatifleur
شخصية هامة
شخصية هامة
fatifleur
انثى

عدد المساهماات عدد المساهماات :
1885

العمر العمر :
34

النقاط النقاط :
2092

التّقييم التّقييم :
24

الإنتساب الإنتساب :
15/02/2009

. :
الدرس الأول من الــ html Ta2all10
------------------
الوسام إهداء من مغربية وافتخر
مسؤولة كشاكيل وألبومات
حد الغربية
الدرس الأول من الــ html Icon


 

 


مُساهمةموضوع: رد: الدرس الأول من الــ html   الدرس الأول من الــ html Emptyالخميس 09 أبريل 2009, 15:10



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


إذا أعجبك الموضوع فشارك به أصدقااءك وصديقاتك في الفايسبوك
Share


 

توقيع fatifleur

منتدياات حد الغربية




الدرس الأول من الــ html 12266847570


الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

الدرس الأول من الــ html Vide
lacost
شخصية هامة
شخصية هامة
lacost
انثى

عدد المساهماات عدد المساهماات :
3683

العمر العمر :
30

النقاط النقاط :
4940

التّقييم التّقييم :
11

الإنتساب الإنتساب :
14/03/2009

. :
الدرس الأول من الــ html Empty

 

 


مُساهمةموضوع: رد: الدرس الأول من الــ html   الدرس الأول من الــ html Emptyالخميس 09 أبريل 2009, 15:50


شرحك مبسط وسهل الاستيعاب ايها الاستاذ

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

إذا أعجبك الموضوع فشارك به أصدقااءك وصديقاتك في الفايسبوك
Share


 

توقيع lacost

منتدياات حد الغربية

الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

الدرس الأول من الــ html Vide
Mimo4ever
محمد زايزون
محمد زايزون
Mimo4ever
ذكر

عدد المساهماات عدد المساهماات :
6778

العمر العمر :
35

النقاط النقاط :
7700

التّقييم التّقييم :
32

الإنتساب الإنتساب :
18/04/2008

. :
الدرس الأول من الــ html Empty
الدرس الأول من الــ html M110
وسام الرتبة الأولى
في المسابقة الرمضانية الكبرى
الدرس الأول من الــ html Premir10


 

  
https://lhad.yoo7.com


مُساهمةموضوع: رد: الدرس الأول من الــ html   الدرس الأول من الــ html Emptyالجمعة 10 أبريل 2009, 00:24


جوست
؛؛
فااتي فلور
؛؛
لاكوست
؛؛
؛؛
شكراا كثيراا يا إخواان / أخواات على مروركم الندي

وتشجيعكم القوي

بجد أفرح كلماا قرأت ردودكم على موااضيعي

أتمنى ألاا أُحرم منكم وردودكم

وإن شااء الله انتظرواا بقية الدروس في القريب العااجل

لأني الآن رأيت ردودكم على الدروس الأولى

تحيااتي وكل ودي



إذا أعجبك الموضوع فشارك به أصدقااءك وصديقاتك في الفايسبوك
Share


 

توقيع Mimo4ever

منتدياات حد الغربية


الدرس الأول من الــ html M10

الدرس الأول من الــ html Mimo4ever-71
الدرس الأول من الــ html Hadalg23
http://lhad.110mb.com/quran/index.htm

www.mohamed-zn.c.la

الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

الدرس الأول من الــ html Vide
troy11987
صديق للمنتدى
صديق للمنتدى
troy11987
ذكر

عدد المساهماات عدد المساهماات :
533

العمر العمر :
34

النقاط النقاط :
823

التّقييم التّقييم :
1

الهواية الهواية :
الرياضه والتاريخ

الإنتساب الإنتساب :
07/02/2010

. :
الدرس الأول من الــ html Empty

 

 


مُساهمةموضوع: رد: الدرس الأول من الــ html   الدرس الأول من الــ html Emptyالجمعة 19 فبراير 2010, 16:59

لك مني كل الود

إذا أعجبك الموضوع فشارك به أصدقااءك وصديقاتك في الفايسبوك
Share


 

توقيع troy11987

منتدياات حد الغربية

الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
 

الدرس الأول من الــ html

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

نرجوا أن يكون ردّك على الموضوع بصيغة جميلة تعبر عن شخصيتك الغالية عليناا ...مع فاائق التقدير.... ((مَا يَلْفِظُ مِنْ قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ))


صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى حد الغربية  :: ™۝√۩ஹ منتدى برامج الكمبيوتر ஹ√۩۝™ :: تطوير المواقع-