جوزيف الصربي
28-03-2007, 04:04 AM
:4 (10): أولا مشان عدم الاحراج إزا حدا سأل شو معناها ::: بنحكي معناها
يشير الإختصار HTML إلى عبارة HyperText Markup *_**_**_**_**_**_**_**_* أو لغة الترميز المتشعبة، وهذه اللغة هي اللغة المستخدمة في تصميم جميع صفحات الويب الإحترافية، فهل تريد أن تصمم صفحات ويب احترافية
______________________
وهلأ نبدأ نحكي من المقدمة .:.:.:.:..:-
أكثر ما يميّز هذه اللغة على الاقل بالنسبة إلي ما يميزها عن غيرها :
إنها لغة بسيطة تعتمد على حفظ الكود أو ما يسمى بالامر
وإنها لغة بتمكنك تشوف نتائج عملك أول بأول يعني بتختلف عن باقي لغات البرمجة بإنه ما بتحتاج لتعمل RUN من برنامج وبياخد وقت
بس كل ما بيطلبه منك إنك يكون عندك نصوص بسيطة يعني word pad أو note pad
يعني اشياء موجوده عند الكل
وهل نبدأ ::::
تكتب ملفات HTML في صورة ملفات نصوص بسيطة (Plain Text)، تأخذ الإمتداد .html عادة، وتكتب في أي برنامج للنصوص البسيطة، في الويندوز استخدم Notepad، في اللينكس استخدم pico، في الماكنتوش استخدم SimpleText، جميع هذه البرامج مناسبة جدا لعمل صفحات HTML. (( منقول ))
الأمر الآخر الذي ستحتاج إليه هو متصفح للإنترنت، ولن يكون أكثر من Internet Explorer أو Netscape Navigator أو الأثنين معا، وبما أنك الآن تتطلع على هذه الصفحة فلا بد من أنك تمتلك المتصفح أيضا، ستحتاج إلى معاينة الصفحات بالمتصفح بعد كتابها، ولأن المتصفحات تختلف من نوع إلى آخر لذا يفضل أن تقوم بمعاينة صفحتك بجميع المتصفحات الموجودة وتتأكد من أنها تظهر بشكل سليم في جميع المتصفحات، لأن الجمهور الذي سيزور صفحتك سيستخدم المتصفح الذي يفضله هو لذلك فإن عليك التأكد من أن الجمهور يستطيع رؤية الصفحة بمتصفحه أيا كان.
المشكلة التي قد تواجهك في كتابة صفحاتك هي دعم المتصفحات للغة العربية أولا، ودعمها لآخر التقنيات ثانيا، يقدم متصفح Internet Explorer من Microsoft دعما رائعا للغة العربية، ولآخر تقنيات الويب مثل HTML 4.0 و CSS و XML وغيرها، وأما متصفح Netscape Navigator فهو لا يدعم اللغة العربية بشكل جيد ولتحسين دعم اللغة العربية تحتاج إلى برنامج Sindbad من شركة صخر، وفي كل الأحوال يظل متصفح Netscape Navigator متصفحا متعبا في التصميم، لهذه الأسباب جميعا اعتمدنا متصفح Internet Explorer 5.0 كمتصفح قياسي لصفحات موقعنا، فهي تظهر بشكل رائع فيه.
::::::::::::::::::::::::::::::::::::
بسم الله الرحمن الرحيم ...
تتكون ملفات HTML من قسمين :
المحتوى : وهو ما يشاهده الجمهور في صفحتك.
الوسوم :وهي الأجزاء التي تحدد كيف سيشاهد جمهورك المحتوى السابق، فهي تصف المحتوى من حيث التنسيق
مثال على ذلك هذا السطر من لغة HTML ..
خلونا نجرب سوى .... هلأ أفتح note pad
واكتب فيه ما يلي
HTML is a Great *_**_**_**_**_**_**_**_*
واحفظ الملف بأي اسم بس بشرط يكون الامتداد .html
على الدسكتوب مشان نشوف شو رح يطلع معنا وبعد هيك رح نلاقي في صفحة إنترنت محفوظة على المكان اللي حددنا فيه الحفظ
هلأ بتروح بتفتحه وبتلاقي نفس الكلمة مكتوبة بالصفحة
وهل مبروك إنت مشيت أول خطوة في إحتراف ال HTML
وبجد مو مزح هي خطوة تخيل قديش سهلة هاللغة :::::
حلو مو هيك
وطبعا فيك تخلي الكتابة عريضة أو ما ئلة أو بخط تحتي وملونه وكل شي بس خطوة خطوة
وهلأ لازم نبه على إنه هي اللغة بيلزمها شي اسمه وسم
وهلأ ما رح أحكي عن الوسم إلا إنه كل وسم بداية إله وسم نهاية
ورح عطيكوا الاوسام
<HTML> هادا وسم بداية ووسم النهاية اله ..... </HTML>
<HEAD> وهادا وسم النهاية تبعه .... </HEAD>
أكيد عرفتوا شو الفرق بين النهاية والبداية
صح الفرق بيكون في ال (( / ))
وهي صورة توضيحية
http://www.khayma.com/hpinarabic/images/htsketsh.gif
(( صورة منقولة ))
ومن هالشي رح نكتشف إنه
ملف Html يبدأ دائماً بالوسم <HTML> وينتهي بالوسم </HTML>. لا تنسى ضروري ..
أما الوسم <HEAD> فيحدد بداية المقطع الذي يحتوي على المعلومات الخاصة بتعريف الصفحة. كالعنوان الظاهر على شريط عنوان المتصفح. وهذا العنوان بدوره يحتاج لأن يوضع بين الوسمين: <TITLE> … </TITLE> وبالطبع يجب كتابة الوسم </HEAD> لكي ننهي هذا المقطع.
نأتي إلى الوسم <BODY> والذي يتم كتابة نصوص صفحة الويب ضمنه، بالإضافة إلى إدراج الصور والجداول وباقي محتويات الصفحة. وهو أيضاً يحتاج إلى وسم الإنهاء </BODY>
وهلأ شو رأيكوا نبدأ أول تطبيق عملي :-
رأيك لو نبدأ بتطبيق هذه المعلومات بصورة عمليه؟ هيا… قم بفتح برنامج المفكرة واكتب ما يلي:
<HTML>
<HEAD>
<TITLE>
this is my first page in mrasmh learning
</TITLE>
</HEAD>
<BODY>
Wow, I'm writing my first webpage
ya i hope to be programmer soon
</BODY>
</HTML>
وهلأ بحفظ ما كتبته في ملف وبأي اسم تختاره. ولا تنسى أن الامتداد المستخدم في أسماء ملفات HTML هو htm. أو html. مثلاً أنا اخترت الاسم 1st_file.htm ومن الأفضل أن تقوم بإنشاء مجلد مستقل على القرص الصلب لكي تحفظ به ملفاتك فهذا يسهل عليك عملية استرجاعها للعرض أو التحديث.
وقبل أن نستمر أريد أن أنبهك إلى بعض الملاحظات عند كتابة صفحات الويب:
لا يوجد فرق بين كتابة الوسوم بالأحرف الإنجليزية الكبيرة 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>
وفي كل الحالات ستحصل على نفس النتيجة. وإذا كنت من تلك النوعية من الناس التي لا تصدق كل ما يقال… تستطيع أن تجرب ذلك بنفسك!!! هيا جرب
سوف نستخدم الوسم <BR> لتحديد النهاية للسطر. والبدء بسطر جديد (لاحظ أن هذا الوسم مفرد، أي ليس له وسم نهاية).
ونعود إلى المثال السابق، قم بتعديل الملف لكي يصبح بالشكل التالي
<HTML>
<HEAD>
<TITLE>
This is a test Webpage
</TITLE>
</HEAD>
<BODY>
Wow, <BR> I'm writing my <BR>
first webpage
</BODY>
</HTML>
وهلأ لازم تجربوا كل شي ..::..::..::
وهلأ بالدرس هادا بنكتفي إلى لقاء في الدرس التاني اي
:4 (10): ردولي
يشير الإختصار HTML إلى عبارة HyperText Markup *_**_**_**_**_**_**_**_* أو لغة الترميز المتشعبة، وهذه اللغة هي اللغة المستخدمة في تصميم جميع صفحات الويب الإحترافية، فهل تريد أن تصمم صفحات ويب احترافية
______________________
وهلأ نبدأ نحكي من المقدمة .:.:.:.:..:-
أكثر ما يميّز هذه اللغة على الاقل بالنسبة إلي ما يميزها عن غيرها :
إنها لغة بسيطة تعتمد على حفظ الكود أو ما يسمى بالامر
وإنها لغة بتمكنك تشوف نتائج عملك أول بأول يعني بتختلف عن باقي لغات البرمجة بإنه ما بتحتاج لتعمل RUN من برنامج وبياخد وقت
بس كل ما بيطلبه منك إنك يكون عندك نصوص بسيطة يعني word pad أو note pad
يعني اشياء موجوده عند الكل
وهل نبدأ ::::
تكتب ملفات HTML في صورة ملفات نصوص بسيطة (Plain Text)، تأخذ الإمتداد .html عادة، وتكتب في أي برنامج للنصوص البسيطة، في الويندوز استخدم Notepad، في اللينكس استخدم pico، في الماكنتوش استخدم SimpleText، جميع هذه البرامج مناسبة جدا لعمل صفحات HTML. (( منقول ))
الأمر الآخر الذي ستحتاج إليه هو متصفح للإنترنت، ولن يكون أكثر من Internet Explorer أو Netscape Navigator أو الأثنين معا، وبما أنك الآن تتطلع على هذه الصفحة فلا بد من أنك تمتلك المتصفح أيضا، ستحتاج إلى معاينة الصفحات بالمتصفح بعد كتابها، ولأن المتصفحات تختلف من نوع إلى آخر لذا يفضل أن تقوم بمعاينة صفحتك بجميع المتصفحات الموجودة وتتأكد من أنها تظهر بشكل سليم في جميع المتصفحات، لأن الجمهور الذي سيزور صفحتك سيستخدم المتصفح الذي يفضله هو لذلك فإن عليك التأكد من أن الجمهور يستطيع رؤية الصفحة بمتصفحه أيا كان.
المشكلة التي قد تواجهك في كتابة صفحاتك هي دعم المتصفحات للغة العربية أولا، ودعمها لآخر التقنيات ثانيا، يقدم متصفح Internet Explorer من Microsoft دعما رائعا للغة العربية، ولآخر تقنيات الويب مثل HTML 4.0 و CSS و XML وغيرها، وأما متصفح Netscape Navigator فهو لا يدعم اللغة العربية بشكل جيد ولتحسين دعم اللغة العربية تحتاج إلى برنامج Sindbad من شركة صخر، وفي كل الأحوال يظل متصفح Netscape Navigator متصفحا متعبا في التصميم، لهذه الأسباب جميعا اعتمدنا متصفح Internet Explorer 5.0 كمتصفح قياسي لصفحات موقعنا، فهي تظهر بشكل رائع فيه.
::::::::::::::::::::::::::::::::::::
بسم الله الرحمن الرحيم ...
تتكون ملفات HTML من قسمين :
المحتوى : وهو ما يشاهده الجمهور في صفحتك.
الوسوم :وهي الأجزاء التي تحدد كيف سيشاهد جمهورك المحتوى السابق، فهي تصف المحتوى من حيث التنسيق
مثال على ذلك هذا السطر من لغة HTML ..
خلونا نجرب سوى .... هلأ أفتح note pad
واكتب فيه ما يلي
HTML is a Great *_**_**_**_**_**_**_**_*
واحفظ الملف بأي اسم بس بشرط يكون الامتداد .html
على الدسكتوب مشان نشوف شو رح يطلع معنا وبعد هيك رح نلاقي في صفحة إنترنت محفوظة على المكان اللي حددنا فيه الحفظ
هلأ بتروح بتفتحه وبتلاقي نفس الكلمة مكتوبة بالصفحة
وهل مبروك إنت مشيت أول خطوة في إحتراف ال HTML
وبجد مو مزح هي خطوة تخيل قديش سهلة هاللغة :::::
حلو مو هيك
وطبعا فيك تخلي الكتابة عريضة أو ما ئلة أو بخط تحتي وملونه وكل شي بس خطوة خطوة
وهلأ لازم نبه على إنه هي اللغة بيلزمها شي اسمه وسم
وهلأ ما رح أحكي عن الوسم إلا إنه كل وسم بداية إله وسم نهاية
ورح عطيكوا الاوسام
<HTML> هادا وسم بداية ووسم النهاية اله ..... </HTML>
<HEAD> وهادا وسم النهاية تبعه .... </HEAD>
أكيد عرفتوا شو الفرق بين النهاية والبداية
صح الفرق بيكون في ال (( / ))
وهي صورة توضيحية
http://www.khayma.com/hpinarabic/images/htsketsh.gif
(( صورة منقولة ))
ومن هالشي رح نكتشف إنه
ملف Html يبدأ دائماً بالوسم <HTML> وينتهي بالوسم </HTML>. لا تنسى ضروري ..
أما الوسم <HEAD> فيحدد بداية المقطع الذي يحتوي على المعلومات الخاصة بتعريف الصفحة. كالعنوان الظاهر على شريط عنوان المتصفح. وهذا العنوان بدوره يحتاج لأن يوضع بين الوسمين: <TITLE> … </TITLE> وبالطبع يجب كتابة الوسم </HEAD> لكي ننهي هذا المقطع.
نأتي إلى الوسم <BODY> والذي يتم كتابة نصوص صفحة الويب ضمنه، بالإضافة إلى إدراج الصور والجداول وباقي محتويات الصفحة. وهو أيضاً يحتاج إلى وسم الإنهاء </BODY>
وهلأ شو رأيكوا نبدأ أول تطبيق عملي :-
رأيك لو نبدأ بتطبيق هذه المعلومات بصورة عمليه؟ هيا… قم بفتح برنامج المفكرة واكتب ما يلي:
<HTML>
<HEAD>
<TITLE>
this is my first page in mrasmh learning
</TITLE>
</HEAD>
<BODY>
Wow, I'm writing my first webpage
ya i hope to be programmer soon
</BODY>
</HTML>
وهلأ بحفظ ما كتبته في ملف وبأي اسم تختاره. ولا تنسى أن الامتداد المستخدم في أسماء ملفات HTML هو htm. أو html. مثلاً أنا اخترت الاسم 1st_file.htm ومن الأفضل أن تقوم بإنشاء مجلد مستقل على القرص الصلب لكي تحفظ به ملفاتك فهذا يسهل عليك عملية استرجاعها للعرض أو التحديث.
وقبل أن نستمر أريد أن أنبهك إلى بعض الملاحظات عند كتابة صفحات الويب:
لا يوجد فرق بين كتابة الوسوم بالأحرف الإنجليزية الكبيرة 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>
وفي كل الحالات ستحصل على نفس النتيجة. وإذا كنت من تلك النوعية من الناس التي لا تصدق كل ما يقال… تستطيع أن تجرب ذلك بنفسك!!! هيا جرب
سوف نستخدم الوسم <BR> لتحديد النهاية للسطر. والبدء بسطر جديد (لاحظ أن هذا الوسم مفرد، أي ليس له وسم نهاية).
ونعود إلى المثال السابق، قم بتعديل الملف لكي يصبح بالشكل التالي
<HTML>
<HEAD>
<TITLE>
This is a test Webpage
</TITLE>
</HEAD>
<BODY>
Wow, <BR> I'm writing my <BR>
first webpage
</BODY>
</HTML>
وهلأ لازم تجربوا كل شي ..::..::..::
وهلأ بالدرس هادا بنكتفي إلى لقاء في الدرس التاني اي
:4 (10): ردولي