|
با عرض سلام خدمت دوستان گرامي در اين تايپيك سعي مي شود تمامي زبان برنامه نويسي HTML را آموزش دهيم اميدوارم با دعاي شما عزيزان سايتي كه فقط به قصد خدمات براي شما عزيزان مي باشد بتواند به نحو احسن آموزشها را به پايان يرساند ما نيز در اين سايت دست شما عزيزان زا مي فشاريم و دعوت به همكاري مي نماييم چون از قديم گفته اند يك دست صدا ندارد
ابتدا بايد عرض كنم ما در آموزشهاي خود عجله اي نداريم چون سعي در ارائه بهتر مطالب داريم نه كپي از مطالب ديگران پس آرام آرام دنبال كنيد .
جلسه اول
شروع كار در زبان HTML
در زبان اچتمل كاربرد تگها و شناسه و شناختن آن براي يك برنامه نويس خيلي مهم است چون تمامي برنامه هاي وب از آنها استفاده ميشود .
در زبان اچتمل هر دستوري كه اجرا مي شود از دوحالت تشكيل شده است 1- دستور باز 2 - دستور بستن
اگر هر دستوري كه باز مي شود در برنامه دستور بستن آن شناسايي نشود يك دستور بي خاصيت و غير قابل استفاده مي باشد در غير اينصورت بايد برنامه شما اجرا شود .
به عنوان مثال :
<html>
<html/>
نوشتن اين دستورات در ظاهر خيلي ساده هستند ولي در اجرا مشاهده خواهيد كرد كه چقدر مهم ميباشند .
با سلام دوستان عزيز امروز مي خواهيم آموزش زبان HTML را كه يكي از پركاربردترين زبانهاي طراحي صفحات وب مي باشد را با هم شروع كنيم كه اميدوارم مورد توجه قرار گيرد . ابتدا لازم مي دانم مقدمه اي از وب و اينترنت را با هم بررسي كنيم تا بدانيم دستورات اين زبان به چه حالتي اجرا مي شوند .
منظور از وب چيست؟
وب شبکه اي است متشکل از تمامي کامپيوترهاي دنيا ، شبکه اي از شبکه ها .
اينترنت ، وب ، WWW ، web يا World Wide Web همگي يک چيزند .
تمامي کامپيوترهاي وب ميتوانند با هم ارتباط داشته باشند .
کامپيوترهاي موجود در وب با کمک استاندارد ارتباطي يا پروتوکل HTTP با هم ارتباط برقرار ميکنند .
نحوه کارکرد وب چگونه است؟
اطلاعات وب داخل فايلهايي به نام Web Pages و يا صفحات وب قرار دارند .
اين فايلها يا صفحات روي Web Server يا کامپيوترهاي سرويس دهنده وب ذخيره شده اند .
براي ديدن صفحات وب از نرم افزاري به نام مرورگر و يا Web Browser استفاده ميشود .
دو مرورگر Internet Explorer و Netscape Navigator جزو معروفترين مرورگرها حساب ميشوند.
مرورگر Internet Explorer متعلق به شرکت مايکروسافت و مرورگر Netscape Navigator متعلق به شرکت نت اسکيپ ميباشد.
مرورگرها چگونه به خواندن صفحات وب ميپردازند؟
يک مرورگر با کمک يک Request درخواستي براي خواندن يک صفحه از وب سرور ميکند .
اين Request يا درخواست بر اساس استاندارد ارتباطي يا پروتوکل HTTP بوده و شامل آدرس صفحه مورد نظر ميباشد .
آدرس يک صفحه وب چيزي شبيه http://www.soldooz.com/fa.html است . بخش //:http نوع پروتوکل و يا استاندارد ارتباطي را تعيين ميکند، www.soldooz.com نام دومين يا Domain است و fa.html نام صفحه اي است که بايد خوانده شود .
مرورگرها چگونه صفحات وب را نمايش ميدهند؟
چگونگي نمايش يک صفحه وب بصورت مستتر در آن وجود دارد.
مرورگرها از روي دستورالعملهاي داخل صفحات وب و با کمک تگ ها به نمايش صفحات ميپردازند.
وظيفه اصلي تگ هاي اچتمل ( HTML tags ) بيان چگونگي نمايش اطلاعات ميباشد.
يک تگ اچتمل چيزي شبيه <p> اين تگ پاراگراف است <p /> است.
چه کساني استاندارد هاي وب را تعيين ميکنند؟
تعيين استاندارد هاي وب ربطي به شرکتهاي مايکروسافت و يا نت اسکيپ ندارد .
World Wide Web Consortium يا W3C متولي تعيين استانداردهاي وب است .
HTML , CSS and XML از مهمترين استانداردهاي تصويب شده وب ميباشند .
يک فايل HTML چيست؟
HTML را "اچ تي ام ال" و يا اچتمل بخوانيد .
HTML برگرفته از حروف اول markup language hyper textميباشد .
يک فايل HTML فايلي از نوع text ميباشد که متشکل از markup tag ها ميباشد .
مرورگر يا Browser از روي markup tag ها مي فهمند که چگونه بايد صفحه را نمايش بدهند .
يک فايل HTML بايد داراي فرمت htm و يا html باشد .
يک فايل HTML فايلي از نوع text ميباشد که با هر اديتور ساده اي قابل ايجاد است .
وظيفه اصلي تگ هاي اچتمل ( markup tags ) بيان چگونگي نمايش اطلاعات ميباشد .
ميخواهيد که يک فايل اچتمل بسازيد؟
اولين چيزي كه شما نياز داريد مفهوم تگ ( Tag ) است .
مفهوم تگ ( Tag ) چيست ؟
دستورات ساده اي كه به مرورگر ( Browser ) شما مي گويد چه كار كند . اگر مثالهاي بالا را دقت كنيد همه تگها بايد با علامت كوچكتر ( < ) شروع و با يك علامت بزرگتر ( > ) تمام شوند .
اگر از ويندوز مايکروسافت استفاده ميکنيد ، Notepad را باز کرده و متن زير را در آن تايپ کنيد :
<html>
<head>
< /title>صفحه اصلي سايت سولدوز<title>
</head>
<body>
This is my first html page <b>This text is bold</b>
</body>
</html>
سپس فايل را با نام مثلاً soldooz.html در آدرس مورد نظر ذخيره نماييد .
براي ديدن فايل اچتمل بالا در مرورگر يا Browser تان ( معمولاً اينترنت اکسپلورر و يا نتسکيپ نويگيتور ) کافي است که از روي منوي File/Open file فايل بالا را از روي محل ذخيره شده بخوانيد. ( به آدرس فايل در قسمت Address توجه کنيد، مثلاً c:\soldooz.html)
يکي از مهمترين وظايف مرورگرها نمايش صفحات اچتمل ميباشد، چه اين صفحات روي کامپيوتر شما ذخيره شده باشند و يا اينکه از اينترنت خوانده شوند. با کليک روي يک لينک فايلي شبيه فايل ذخيره شده توسط شما از روي وب سرور توسط مرورگرتان خوانده شده و سپس نمايش داده خواهد شد .
توضيح مثال بالا
اولين تگ مثال بالا تگ <html> ميباشد. از روي اين تگ، مرورگر نوع متن يعني اچتمل بودنش را يافته و از روي <html/> انتهاي متن اچتمل را مي يابد و تنها تگي است كه فقط يك بار بايد از آن در سند خود استفاده كنيد .
متن بين تگ <head> و تگ <head/> اطلاعات شناسنامه اي يا "Header information" متن اچتمل بوده و نمايش داده نخواهند شد.
خب حالا صفحه شما بايد داراي عنوان باشد عنوان در قسمت چپ در بالاي مرورگر ( Browser ) نمايش داده خواهد شد . در اين مثال با کمک تگهاي <title> و <title/> تيتر و يا Title صفحه که در اين مثال عبارت" صفحه اصلي سايت سولدوز" ميباشد در بالاي مرورگر نمايش داده خواهد شد.
در پايان شما خواهان تعريف بدنه صفحه خود هستيد جايي كه در آن نوشته هايتان را مي نويسيد ، از تصاوير استفاده مي كنيد و در كل جايي است كه بازديد كنندگان از صفحه شما خواهند ديد .
اين قسمت توسط تگ <body> شروع و توسط تگ <body/> پايان مي يابد .
خب من فكر مي كنم براي جلسه اول كافي باشد براي ديدن كارتون اول صفحه ايجاد شده رو ذخيره كنيد ، براي اين كار به صورت زير عمل كنيد :
File---- Save as ----
فايل رو با فرمت .html ذخيره كنيد مثلاً soldooz.html سپس فايل رو اجرا كنيد . اگر هر موقع با مشكل مواجه شديد فوراً دستورات اجرا شده را بررسي نماييد توضيح اينكه شما بايد در نوشتن دستورات حتماً بايد نوشتن املايي آنها را نيز رعايت كنيد چون با غلط بودن كلمات دستورات مرورگر نمي تواند دستورات را پياده و اجرا نمايد .
اميدوارم كه اين آموزش براي شروع مورد توجه قرار گيرد لطفا بعد از اجراي آموزش ما اگر مشكلي بود در قسمت يادداشت منتظر نظرات شما هستيم تا ايرادات را برطرف نماييم .
|
