fil100

www.fil100.com www.fil100.com www.fil100.com www.fil100.com www.fil100.com www.fil100.com www.fil100.com www.fil100.com www.fil100.com www.fil100.com www.fil100.com www.fil100.com www.fil100.com www.fil100.com www.fil100.com www.fil100.co
 
AccueilGalerieFAQRechercherS'enregistrerMembresGroupesConnexion

Partagez | 
 

 تعلم لغة الـ HTML لتصميم المواقع

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
المدير
(المدير العام)
(المدير العام)
avatar

Masculin
عدد الرسائل : 70
العمر : 27
العمل/الترفيه : motala3a
SMS العُ ـضُـووْ ..! :


My SMS
اضف كلمتك هنا ..للكتابه فى هذه القائمه توجه الى ملفك الشخصى وانزل اخر الصفحه وقم بمسح الكلام المكتوب باللغه العربيه فقط واضف مكانه الكلام خاصتك


تاريخ التسجيل : 09/10/2007

الورقة الشخصية
عدد النقاط: 9999

MessageSujet: تعلم لغة الـ HTML لتصميم المواقع   Mer Oct 31, 2007 5:10 am

ما هي لغه الHTML ؟

إنها اللغة المستخدمة لإنشاء صفحات الإنترنت. (والكلمة إختصار لـ Hyper Text Markup Language). وهي ليست لغة برمجة بالمعنى والشكل المتعارف عليه للغات البرمجة الأخرى كلغة C و++C .
و الـ Hyper Text هي الطريقة الخاصة بالتحرك علي صفحات الأنترنت بالضغط علي نص معين يدعي (Hyperlinks ) و هي وسيله للتنقل لأي مكان في شبكة الإنترنت عن طريق الضغط علي الوصلات ( الإرتباطات التشعبيه ) LINKS و تعتمد علي ماذا داخل الأوسمة (TAGS) بمعني أنها تحتوي علي أكواد كأي لغة أخري .


كيف تعمل هذه اللغه ؟

تتكون اللغه من سلسله أو مجموعه من الأكواد تكتب في ملف نصي ثم تحفظ بإمتداد HTM , HTML تعرض بواسطة مستعرضات الإنترنت Internet Explorer أو Netscape Navigator و هذي المستعرضات تترجم الأكواد إلي ماتراه علي الصفحات و هذه الأكواد تبدأ بما يسمي أوسمة TAGS و تكتب من اليسار إلي اليمين

مثلا
اذا كتبنا
كود HTML:


السلام عليكم


الوسم [b]يستخدم لكتابة الكلمات بخط عريض Bold اذا كلمه السلام عليكم سوف تظهر بالمتصفح
هكذا


[color:177a=#000000:177a]السلام عليكم

لكي نقوم بكتابه الاوسمه وتصميم الموقع نحن بحاجه الى ورقه او دفتر اليس كذالك وهذا الدفتر او الورقه موجود داخل كل كومبيوتر تحت اسم Notepad :
[/size][/center]
طبعا جميعنا نعلم بان هنالك الكتير من البرامج التي تساعد على تصميم
الموقع بصوره احترافيه .
[color=#000000]



[color:177a=darkorange:177a]الدرس الاول: الأساسيات


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

وسم النهاية يجب علينا الانتباه عند كتابتنا لهذه الاوسم بان لا ننسي اي علامه فاذا نسيت علامه واحده سوف تحصل على خطاء بالصفحه, مثلا كتبت

Wow I'm writing my first wedpage



والآن قم بحفظ ما كتبته في ملف وبأي اسم تختاره. ولا تنسى أن الامتداد المستخدم في أسماء ملفات HTML هو مثلاً أنا اخترت الاسم myweb.htm ومن الأفضل أن تقوم بإنشاء مجلد مستقل على القرص الصلب لكي تحفظ به ملفاتك فهذا يسهل عليك عملية استرجاعها للعرض أو التحديث وليكن هذا المجلد مثلاً بالاسم size=16]C:\htmfiles] (أو بأي اسم يحلو لك).
حان وقت العرض، لكي نشاهد نتيجة ما كتبناه. قم بتشغيل متصفح الإنترنت الذي تستخدمه. فإذا كان Netscape Navigator اختر الأمر Open File… من قائمة File. أما في MS Internet Explorer فاختر الأمر Open… من قائمة File. ثم حدد المسار الذي يوجد به الملف. أنا شخصياً قمت بتحديد المسار التالي:
[C:\htmfiles\myweb.htm





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


والآن قد تتساءل، إذن كيف يمكن التحكم بمقدار النص المكتوب في كل سطر وكيف يمكن تحديد نهاية الفقرة وبداية الفقرة التي تليها؟ سؤال وجيه!!! والإجابة عليه هي:
[right]سوف نستخدم الوسم
لتحديد النهاية للسطر. والبدء بسطر جديد (لاحظ أن هذا الوسم مفرد، أي ليس له وسم نهاية).
ونعود إلى المثال السابق، قم بتعديل الملف لكي يصبح بالشكل التالي






Wow I'm writing my first wedpage color]
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://starbodo.iowoi.org
mourad
(عضو جديد )
(عضو جديد )


عدد الرسائل : 1
SMS العُ ـضُـووْ ..! : <!--- MySMS By AlBa7ar Semauae.com --><form method="POST" action="--WEBBOT-SELF--"> <!--webbot bot="SaveResults" u-file="fpweb:///_private/form_results.csv" s-format="TEXT/CSV" s-label-fields="TRUE" --><fieldset style="padding: 2; width:208; height:104"> <legend><b>My SMS</b></legend> <marquee onmouseover="this.stop()" onmouseout="this.start()" direction="up" scrolldelay="2" scrollamount="1" style="text-align: center; font-family: Tahoma; " height="78">اضف كلمتك هنا ..للكتابه فى هذه القائمه توجه الى ملفك الشخصى وانزل اخر الصفحه وقم بمسح الكلام المكتوب باللغه العربيه فقط واضف مكانه الكلام خاصتك</marquee></fieldset></form><!--- MySMS By AlBa7ar Semauae.com -->
تاريخ التسجيل : 06/11/2007

MessageSujet: Re: تعلم لغة الـ HTML لتصميم المواقع   Mar Nov 06, 2007 9:44 am

merci
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
الرهيب والعجيب
(مشرف)
(مشرف)


عدد الرسائل : 22
SMS العُ ـضُـووْ ..! : <!--- MySMS By AlBa7ar Semauae.com --><form method="POST" action="--WEBBOT-SELF--"> <!--webbot bot="SaveResults" u-file="fpweb:///_private/form_results.csv" s-format="TEXT/CSV" s-label-fields="TRUE" --><fieldset style="padding: 2; width:208; height:104"> <legend><b>My SMS</b></legend> <marquee onmouseover="this.stop()" onmouseout="this.start()" direction="up" scrolldelay="2" scrollamount="1" style="text-align: center; font-family: Tahoma; " height="78">اضف كلمتك هنا ..للكتابه فى هذه القائمه توجه الى ملفك الشخصى وانزل اخر الصفحه وقم بمسح الكلام المكتوب باللغه العربيه فقط واضف مكانه الكلام خاصتك</marquee></fieldset></form><!--- MySMS By AlBa7ar Semauae.com -->
تاريخ التسجيل : 31/10/2007

الورقة الشخصية
عدد النقاط: 6

MessageSujet: Re: تعلم لغة الـ HTML لتصميم المواقع   Dim Nov 25, 2007 5:40 am

شكرا كثيرا...
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
عاشق الكوماندوز
(عضو مبدع )
(عضو مبدع )
avatar

Masculin
عدد الرسائل : 51
العمر : 26
العمل/الترفيه : الإمارات
المزاج :
المهنة :
الهواية :
البلد :
SMS العُ ـضُـووْ ..! :


My SMS
اضف كلمتك هنا ..للكتابه فى هذه القائمه توجه الى ملفك الشخصى وانزل اخر الصفحه وقم بمسح الكلام المكتوب باللغه العربيه فقط واضف مكانه الكلام خاصتك


تاريخ التسجيل : 25/04/2008

MessageSujet: Re: تعلم لغة الـ HTML لتصميم المواقع   Sam Avr 26, 2008 2:48 am

شكرا كثيرا
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 
تعلم لغة الـ HTML لتصميم المواقع
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» ??? ??????? ????????
» ????? (????? ???? ) ?? ???? ?? ???? ?????????
» ?? ????? ?????? ??? ???? ????? ???? ??? ?????????
» ?????????? ????????? ???????????? ( ???????? ????? ) + ?????? ?????????
» ???? ??????? ??????? ??? ??????? ??? ?? ????? ????? ???????

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
fil100 :: منتديات الإنترنت :: تطوير المواقع والمنتديات-
Sauter vers: