اهلا و سهلا بكم في سلسلة تعليم لغة التش تي ام ال
الراجاااااء التثبيت
الرجااء لمن يريد نقل الموضوع ان يذكر الكاتب
mEmo MK
و المصدر
منتديات سيريا اكس بي
www.xp33.tk
هذه الدروس ليست منقولة و انما مترجمة من الموقع العالمي للتعليم الذي تعلمت منه www.w3schools.comهذه الصفحة تستطيع ان تجعلها كدفتر تجريب حيث اكتب الاكواد على اليسار ثم اضغط Edit and click me فستظهر لك التصاميم في الطرف الايمنالصفحة هنا افتحها في صفحة جديدة_____________________________________________________________________________________________
===================================================================================
اولا ما هو الاتش تي ام ال و ماهي لغات تصميم المواقع
فلنبدأ
اريد منكم ان تذهبو الى قائمة عرض في متصفحكم و اختارو اظهار المصدر او اضغط باليمين على الصفحة و اختر اظهااار المصدر
ستظهر لكم صفحة كلها كتابات و طلاسم
رح تتفاجئو اذا قلتلكم هااي هيي صفحة النت يلي بيحملها الكمبيوتر من الانترنت
بس برنامج المتصفح بأظهرا و كأنها صفحة
طيب كيف بدنا نشتغل؟؟؟
اهم شي حتى تبلش تشتغل لازم يكووون عندك شغلتين اساسيتين
رح تقلي اتصال انترنت
رح قلك لأ
بس بدك مستند نص فارغ + برنامج متصفح الافضل اكسبلورير
و هيك رح نقدر نصمم صفحات و ولو كنا لوف لاين
الدرس الأولـــــــــــــــــــــــــــــــــــــــــــــــــــــــ
اولا ما هو التش تي ام ال
HTML
هي هايبير تيكست مارك اب لانغوج
hyper text markup language
و هي تعتبر اللغة الاساسية في تكوين صفحات النت و هي قديمة و قد طورت و لكن يجب تعلم اساسياتها حتى تستطيع التهكير او التصميميم او اي شيء
و هي عبارة عن لغة تصف صفحة النت و بدونها لما اشتغل الغوغل و المتصفحاات الاخرى
كيفية عملها؟؟؟
تكون عن طريق كتابة الامر بين قوسين من هذا الشكل - الكود:
-
<x>
ثم كتابة الخصائص له ثم عند نهاية الامر نطتب القوسين نفسهم ولكن في سلاش اولهم
- الكود:
-
</x>
مع اعتبار ان الاكس هو الامر
الامر الاول و الرئيسي و الاهم - الكود:
-
<html>
ما اهمية هذا الامر
ان كل صفحة نت في بدايتها يكتب هذا الامر دليل على ان ملف صفحة النت يبدأ من هنا اي كل شيء بين الامر
- الكود:
-
<html>
و بين نهايته
- الكود:
-
</html>
يكون ملف صفحة نت و كل شيء بينهما يوصف الصفحة و يقرأها غوغل لاعطائك اياها
الامر الثاني الرئيسيو هو الامر
- الكود:
-
<body>
وهو محتوى داخل الامر اتش تي ام ال اي كما في تاشكل الاتي
- الكود:
-
<html><body>
...........
</html></body>
وهو امر يخبر المتصفح بأن كل شيء محتوى فيه سيظهره لك عن طريق صفحة النت و لن يجعله مخفيا
و بعدين عالممارسة و التطبيق بتصيير سهلة
هدووول هني اساس كل شي و اذا ما حطيناهم ما بنستفيد شي
الدرس الثاني________________________
الان سنتعلم كيفية اظهار كتابات في صفحة النت
هناك نوعين
عناوين فقرات و فقرات
عناوين الفقرات و تكون العناوين كبيرة وواضحة اما الفقرات فتكون عبارة عن نص عادي
رمز امر بداية الفقرة
- الكود:
-
<hx>
الاكس هنا هو رقم من الواحد الى الستة غالبا و هذا لاختيار للتكبير و التصغير مثلا اذا اخترنا الرقم واحد
- الكود:
-
<h1>
سيكون الخط كبير اما اذا اخترنا الرقم ستة
- الكود:
-
<h6>
فسيكون الخط اصغر
كيفية الكتابة
اولا نضع الامر اتش تي ام ال دائما في بداية كل تصميم
الذي هو
- الكود:
-
<html>
ثم ان الفقرة نريد من المتصفح اظهارها بالتأكيد فنضع الامر بعد الاتش تي ام ال
- الكود:
-
<body>
الان نضع الامر بداية الفقرة
- الكود:
-
<h1>
ثم نضع النص
ثم نضع امر نهاية الفقرة
- الكود:
-
</h1>
لا تنسى ال/ لكي تؤكد نهاية الفقرة
فيصبح لدينا
مثلا اذا كانت الجملة "منتدى سيريا اكس بي" هكذا
- الكود:
-
<h1>منتدى سيريا اكس بي</h1>
ثم نضع نهاية امر بودي
- الكود:
-
</body>
ثم نهاية امر اتش تي ام ال
- الكود:
-
</html>
فيصبح لدينا بالمجمل
- الكود:
-
<html><body> <h1>منتدى سيريا اكس بي</h1></body></html>
فلنطبقانسخ الكود السابق و الصقه بمستند النص ثم اضغط ملف ثم حفظ باسم اكتب الاسم و لكن بعد الاسم ضع الكودhtml. لكي يتحول الى صفحة ويب ثم افتحه و سترىمثلا بدنا نسمي الملف "كبة مشوية" رح يصير هيك اسم الملف
- الكود:
-
كبة مشوية.html
اما الفقرات فهي تماما مثل عناوين الفقرات و لكن بالامر
- الكود:
-
<px>
اكس رقم مثل ما شرح سابقا
نهاية الدرس الثاني
عروض ميغ33: الوان موف, نكات سورية جاهزة تدخل رومات , جيوش موبايل , بوتات, بأرخص الأسعار...ادخل لمزيد من التفاصيل 
موضوع: اهداااء الى عمر: هل تريد تعلم لغات تصميم المواقع؟؟تعلم الاتش تي ام ال html 
السبت نوفمبر 06, 2010 8:40 pm
