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

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


khaledbelal
06-22-2010, 03:02 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>
****** name=“de******ion”
content=“فى بى ايحى التطويرية توفر لك كل ما هو جديد فى عالم التطوير”
/> ****** 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”
/> <****** src=“vbegy_html/js/vbegy.js”
type=“text/**********”></******>
</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)


WIDTH=500 HEIGHT=350

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

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