السلام عليكم النهارده الدرس الثانى وهيكون بسيط ان شاء الله اولا هبندأ فى كتابه الاكواد
البسيطه وشرحها شكل صفحه ال html بتكون على الشكل التالى

<!DOCTYPE html
PUBLIC
“-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<
html>
<
body>
I love Egyet
</body>
</
html>

نشرح الكود اول حاجه الجزء الاول من الكود

<!DOCTYPE html
PUBLIC
“-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

وده معناها اننا بقول للمتصفح ان الصفحه دى html وبعدين الوسم

<html>

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

</html>

وهناك وسوم لا تغلق مثل <br /> <img /> <hr /> نرجع لموضوعنا كل وسم ولا بد من غلقه
ويندرج بترتيب يعنى اننا قمنا بفتح 2 وسوم على الشكل

<div><a><span>

لابد من غلقهم بنفس الترتيب يعنى الديف فى الاول فى الاغلاق تكون فى الاخر ال a فى
الوسط فى الاغلاق تكون فى الوسط وال سبام فى الاخر تكون فى الاول يعنى الاغلاق يكون
على الشكل

</span></a></div>

وبداخل وسم ال هوتمل هنكب وسم ال بودى

<body>

</body>

ويكون الوسم ده بداخل وسم الوهتمل وكل ما بداخل البودى هو ما سوف يظهر فى المتصفح وده
شكل الكتابه فى البرنامج
شكل الصوره فى المحرر
وفى المتصفح هيظهر
الصوره فى المتصفح
html Tag: html اى وسوم الهوتمل اول حاجه وسم <html> كما قولنا لتعريف الصفحه انها
هوتمل

<html xmlns=“http://www.w3.org/1999/xhtml”
xml:lang=“en”>

</html>

تانى وسم ليها body وهو كل ما بداخله سوف يظهر بداخل المتصفح اى ان الكتابه خارج نطاق
البودى لن تظهر فى المتصفح الوسم الثالث هو head وبيكون فوق وسم البودى وهذا يكتب بداخله
عنوان الصفحه لينك تعرف صفحه ال css لينك تعريف ملف جافا سكربيت ولينك وضع ايقون بداخل
الرابط فى المتصفح مثل فى بى ايجى ويوضع بداخله وصف الميتا تاج والكلمات الدليله وسوف
نشرح كل جزء بالتفصيل ان شاء الله وبيكون على الشكل

<html>
<
head>
<
meta name=“description”
content=“فى بى ايحى التطويرية توفر لك كل ما هو جديد فى عالم التطوير”
/> <meta name=“keywords”
content=“فى بى ايجى ,تطوير فى بى , تطوير vb,استايلات , كل ما يلزم المطور”
/> <link rel=“stylesheet”
media=“screen”
href=“vbegy_html/style.css”
/> <title>فى بى ايجى</title>
<
link rel=“Shortcut Icon”
type=“image/ico”
href=“vbegy_html/images/favicon.ico”
/> <script src=“vbegy_html/js/vbegy.js”
type=“text/javascript”></script>
</head> <body> I love Egypt </body> </html>

الوسم الرابع title وده بيكون بداخل وسم ال head بيكون على الشكل

<html>
<
head>
<
title>فى بى ايجى</title>
</
head>
<
body>
I love Egypt
</body>
</
html>

وده بيكون عنوان الصفحه اللى بيظهر فى المتصفح

لمشاهده الدرس فيديو مباشر


لتحميل برابط مباشر


رابط اخر للدرس

الموضوع الاصلى

أحمد حسن

احب التطوير والتصميم عندى امل كبير فى الله ثم فى نفسى عندى ثقه كبيره الحمدلله فى قدراتى كل يوم اتعلم جديد فى كل جزء من حياتى اتمنى ان اتعلم من اخطائى دائما ،،

التعليقات ( 9 )
  1. RiNgO
    26 مارس 2010 at 3:24 م

    تسلم يا برنس التصميم

  2. معتز محمدي
    30 يونيو 2010 at 8:59 ص

    تسلم لنا يا غالي

  3. mohob
    15 نوفمبر 2010 at 1:27 م

    http://img585.imageshack.us/img585/7402/4725horribleeye1024768.png
    تم التطبيق .
    جزاك الله خير ..

  4. قناص جوبا
    15 نوفمبر 2010 at 1:32 م

    تمام اخى الغالى بالتوفيق فى باقى الدروس ان شاء الله

  5. FocusOn
    5 فبراير 2011 at 11:25 م

    تمام برضه ياباشا شكرا

  6. قناص جوبا
    6 فبراير 2011 at 5:16 م

    تمام اكمل المسيره

  7. Esraa Ali
    9 يونيو 2011 at 11:28 م

    مرسى كتير على الدرس

  8. المصممة شيماء
    19 ديسمبر 2012 at 8:43 م

    السلام عليكم

    أخ أحمد دلوقتي أنا لما كتبت

    link>

    بس المفروض لما أجي أكتب rel

    يظهر باقي الكود في الدريم وأضغط علية ينزل في الصفحة دي مش بتظهر عندي

    والصورة دي يمكن توضيح أكتر

    http://up.banatbld.org/do.php?img=112

  9. المصممة شيماء
    20 ديسمبر 2012 at 10:29 ص

    أنا عاوزة حضرتك تشرحي لي

    أفتح أي صفحة من دوال “نظام الصفحة”

    None
    HTML 4.01 Transitional
    HTML 4.01 Strict
    xHTML 1.0 Transitional
    xHTML 1.0 Strict
    xHTML 1.1
    xHTML Mobile 1.0

    أصل أنا عملت صفحة xHTML 1.0 Transitional زي ما قولتلك المشكلة حصلت بالأعلي

    ولكن لما أشتغلت علي صفحة xHTML 1.1 المشكلة أحلت ولكن أنا عاوزة شغال علي أي نوع من الصفحات

‎اضف رد