المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : يليت حد منكم ياساعدني في هذه الشغله صفحة Html

عابر القارات
18-10-2006, 10:00 AM
السلام عليكم يا شباب
كيفكم إن شاء الله بخير
الموضوع ما أطول فيه لكن أيد من اي واحد منكم يشرح لنا بالتفصبل الممل كيفية إنشاء صفحة أنترنت Html
وشكرا والله مليت ونا أدور على الشرح وما لقيت
سدة الوادي
18-10-2006, 04:27 PM
ههههههههههههههههههههههههههههههههههههههه
كان معي درس بل تفضيل الكامل والله
لكن مدري وين ظاع
ادخل هنا وراح تتعرف على هل حاجات
وكود اندخل تريدنيت
وادخل الويب العربي واسال هنا راح يجاوبوك
وهذى رابط ممكن تستفيد من الدروس
http://www.dotcomegypt.com/ar/html.php
والشرح كمان
مع تحيات خويك فارس
بنت أبوها
19-10-2006, 09:01 AM
انا عندي كتاب لتعلم ... بس يباله شغل ..

اوول شووف موقع الي حطه لك الاخ وان شاء الله تستفيد
الكاسر
19-10-2006, 03:31 PM
هذا عابر القارات يختبركم فقط

ولا عنده المعلومات كامله

واكيد انه من قراصنة النت

ولا ما اسمه عابر القارات 00
العتيقي
21-10-2006, 10:17 PM
هذا عابر القارات يختبركم فقط

ولا عنده المعلومات كامله

واكيد انه من قراصنة النت

ولا ما اسمه عابر القارات 00
والله شكل كلامك صحيح
العربي
22-10-2006, 04:59 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:

http://www.coffee4arab.com/images/software/L19-1.gif


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

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

وهذه نتيجة المثال السابق:
http://www.coffee4arab.com/images/software/L19-2.gif


حفظ الملفات

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

http://www.coffee4arab.com/images/software/L19-3.gif

بعد أن تحفظ عملك بالشكل السابق تقوم بفتحه بالطريقة التالية:
1- تفتح صفحة المتصفح الموجود لديك وليكن اكسبلورر.
2- من قائمة ملف تختار فتح.
3- استعراض.
4- تبحث عن الملف الذي حفظته بنفس الاسم الذي أعطيته له.
العربي
22-10-2006, 05:03 AM
" الدرس الثاني "

هذا هو الدرس الثاني في موضوع أسس صفحة HTML وهذه العناصر المتبقية من موضوعنا:
· إضافة التنسيق الأساسي .
· ملاحظات .
· جدول رموز ASCII.
------------------------------------------------------------

إضافة التنسيق الأساسي:
=====================
حينما تريد أن تنهي السطر الحالي عند نقطة معينة أو أن تقوم بقفز سطر كامل فما عليك سوى استخدام وسوم التنسيق التالية:
· <P> : هذا الوسم يفصل بين الفقرات بإضافة ما يصل إلى سطر واحد فارغ. ويمكن أن يستخدم وسم بداية ونهاية أو بداية فقط.
· <BR> : وسم الانقطاع الذي يؤدي إلى انقطاع السطر. استعمل هذا الوسم عندما تريد العودة لبداية سطر جديد.
لو طبقنا هذين الوسمين على المثال السابق فماذا سينتج؟.




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




وهذه هي النتيجة:
http://www.coffee4arab.com/images/software/L20-1.gif


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

------------------------------------------------------------

ملاحظات:
================
أعزائي هذه ملاحظات يجب عليكم مراعاتها وأخذها بعين الإعتبار في التصميم:
· لا فرق بين كتابة الوسوم بالأحرف الإنجليزية الكبيرة أو الصغيرة لذلك تستطيع الكتابة بأي شكل منهما أو حتى كليهما.
· المتصفحات لا تأخذ بعين الاعتبار الفراغات الزائدة أو إشارات نهاية الفقرات التي تجدها هذه المتصفحات في ملف HTML .
· الأفضل أن تقوم بإنشاء مجلد مستقل على القرص الصلب لكي تحفظ به ملفاتك كي يسهل عليك استرجاعها أو تحديثها .
· هناك العديد من الرموز الخاصة التي يجب أن تكتب بطريقة معينة باستخدام الوسوم وليس بصورتها المباشرة العادية وخذ مثلاً إشارتي > و < كل هذه إشارات محجوزة ضمن لغة HTML ومن الخطأ استخدامها بصورتها الصريحة لئلا يؤدي ذلك إلى حدوث مشاكل في طريقة عرض الصفحة .
كذلك هناك رموزاً غير موجودة أساساً على لوحة المفاتيح كرمز حقوق الطبع© والعلامة المسجلة ® ونحتاج إلى طريقة الوسوم لكتابتها و أقوم في الدرس القادم بوضع جدول ببعض هذه الرموز و رسومها يسمى جدول ASCII .
العربي
22-10-2006, 05:08 AM
" الدرس الثالث "

وهذا هو الدرس الثالث وهو آخر الدروس في موضوع أسس صفحة HTML وقد تبقى عنصر واحد فقط من موضوعنا:
· جدول رموز ASCII.

-------------------------------------------------------------

جدول رموز آسكي ASCII :
======================
في بعض الأحيان ستجد أنك في حاجة إلى استخدام بعض الرموز الخاصة داخل موقعك, مثل :
+ و % و & وغيرها. هذه الرموز تستخدم بكثرة في كتاباتك اليومية ومن الطبيعي أن تحتاج إلى إدخالها في صفحة الويب.
ولسوء الحظ فإن بعض برامج إستعراض الويب لاتعرض هذه الرموز بصورة صحيحة لذلك تستخدم لغة html بعض الإختصارات لكي تخبر المتصفح عن الرمز المطلوب عرضه. طالع هذا الجدول في الأسفل لترى أشهر هذه الرموز شيوعاً و استخداماً:
http://www.coffee4arab.com/images/software/L21-2.jpg


للإطلاع على المزيد من هذه الرموز عليك بزيارة هذا الموقع:

رابطة الويب

http://www.w3.org/TR/REC-html40/sgml/entities.html
-------------------------------------------------------------

ملاحظات :
========
· لإنشاء علامة تجارية غير مسجلةاستعمل الشفرة التالية:



<super>TM</super>
Or
<small><super>TM</super></small>



لنسخة أصغر حجماً.
· بعض برامج التصفح القديمة لا تعرض كثيراً من الحروف الخاصة الواردة في الجدول السابق .
-------------------------------------------------------------

الرموز الرياضية والعلمية:
=========================
رغم أن لغة HTML قد تم تصميمها في الأساس بواسطة العلماء, فإنها مازالت لا تدعم الرموز الرياضية أو العلمية بأي درجة من درجات التعقيد. توفر لك لغة HTML علمتين لكتابة المعادلات الرياضية البسيطة, وهما علامتا <sub> للحروف المنخفضة و <sup> للحروف المرتفعة. وعند إستخدام هاتين العلامتين مع الحروف الخاصة التي ناقشناها فيما مضى من هذا الدرس, يمكنك كتابة بعض المعادلات البسيطة.



<html><head><title>الرموز الرياضية والعلمية</title></head>
<body>
A<sup>2</sup>+B<sup>2</sup>C<sup>2</sup>

<p>

CO<sub>2</sub>=Carbon Dioxide
</body>
</html>



وهذه النتيجة
http://www.coffee4arab.com/images/software/L21-1.gif


أما إذا أردت أن تكتب معادلات أكثر تعقيداً فليس لديك سوى أحدى طريقتين هما أما أن تقوم بحفظ المعادلة على هيئة صورة وتقوم بتنزيلها على هذا الأساس أو تستخدم لغة خاصة لحل هذه المشكلة نشأت عام 1989 تسمى MathML مشابهة للغة HTML.
--------------------------------------------------------------
وصلنا لنهاية دروس موضوعنا الأول وهو أسس صفحة HTML وإلى لقاء قريب
يزن
22-10-2006, 05:18 AM
يعطيك العافية يا العربي ..ماقصرت
سدة الوادي
28-10-2006, 07:17 PM
مادام ابو العربي يتعامل مع ال هتمل زي بعض الناس خلية يسوي لك دورة تعليم
قيصر معن
14-11-2006, 11:54 PM
طريقه اخي العربي مميزه وهذه مايسمى اللغه الاصليه ولكن عالم التقنيه اليوم عالم السرعه والاختصار للمطلوب
وافضل برنامج لعمل صفحات الويب هو استخدامك لبرنامج الفرونت بيج ...
حدد طلباتك وبعمل لك شرح مبسط لعمل صفحه بسيطه وعلى اثرها تقدر تعمل ماتريده وترفعه للنت ..
وتكون منه صفحه خاصه بك ..