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

مشاهدة النسخة كاملة : الدرس الثانى من دوره xhtml ومعرفه بعض الوسوم



قناص جوبا
03-19-2010, 05:27 PM
السلام عليكم النهارده الدرس الثانى وهيكون بسيط ان شاء الله اولا هبندأ فى كتابه الاكواد
البسيطه وشرحها شكل صفحه ال 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>
ويكون الوسم ده بداخل وسم الوهتمل وكل ما بداخل البودى هو ما سوف يظهر فى المتصفح وده
شكل الكتابه فى البرنامج
http://upload.vbegy.com/uploads/vbegy12690068591.gif
وفى المتصفح هيظهر
http://upload.vbegy.com/uploads/vbegy12690068592.gif
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> وده بيكون عنوان الصفحه اللى بيظهر فى المتصفح

لمشاهده الدرس فيديو مباشر (http://upload.vbegy.com/uploads/vbegy12690076891.swf)

لتحميل برابط مباشر (http://upload.vbegy.com/uploads/vbegy12690076893.zip)

رابط اخر للدرس (http://www.4shared.com/file/244649528/eee18073/2_online.html%2520)

الموضوع الاصلى (http://vbegy.info/blog/?p=42)
مدونه فى بى ايجى التقنيه (http://vbegy.info/blog)
(http://vbegy.info/blog/?p=42)

خالد القحطاني
03-19-2010, 06:00 PM
بارك الله فيك

بحاجه للمزيد من الدروس

استمر يالغالي واتمنى لك التوفيق

قناص جوبا
03-19-2010, 06:24 PM
واياك يا غالى
منورنى بردك

VB 4
03-19-2010, 07:02 PM
تسلم على الشرح الجميل والرائع

بارك الله فيك اخوي


استمر بما بدأت فيه وبالتوفيق لك

قناص جوبا
03-19-2010, 07:42 PM
العفو يا غالى
منور
وان شاء الله القادم اكثر ،،