loading...
آموزش ها
تبلیغات ویزه
        sms.mida-co.ir



       
       
M:A بازدید : 216 پنجشنبه 10 اسفند 1391 نظرات (0)

مطلب مهمـی که بايد به خاطــر بسپاريد اين است که موفقيت يک بازی شعبــده و يا تردستی بستگی به نحـوه ارائه آن دارد. غالباً ساده ترين شعبده ها را می توان به لطف ارائه ای مناسب به گونه ای جلوه داد که در حـد يک معجزه خودنمايی کند. پس بايد ياد بگيريد که هر بازی را به نحوی مطلوب و پر کشش ارائه دهيد. اگر شما مطالب را خوب درک کنيد و خوب به اجــرا بگذاريـد، شايــد روزی در زمره شعبـده بازان ماهـر در آييـد و در جمـع دوستانتان بدرخشيـد. يادتان باشد، بهتـرين بازی های دنيا اگر با ضعف و ندانم کاری انجـام شوند به بدترين آنها تبديل خـواهند شد. پس به نکات زير توجـه کرده و نسبت به آنها دقت کامل داشته باشيد:

M:A بازدید : 228 پنجشنبه 10 اسفند 1391 نظرات (0)
______________________________________________
مقدمه اي بر HTML
در اين درس با ويژگيهاي فايلهاي HTML يا اچتمل و نحوه ايجاد يک فايل ساده و نمايش آن در صفحه مرورگرتان آشنا خواهيد شد.
يک فايل HTML چيست؟
• HTML را "اچ تي ام ال" و يا اچتمل بخوانيد.
• HTML برگرفته از حروف اول Hyper Text Markup ******** ميباشد.
• يک فايل HTML فايلي از نوع text ميباشد که متشکل از markup tag ها ميباشد.
• مرورگر يا Browser از روي markup tag ها مي فهمد که چگونه بايد صفحه را نمايش بدهد.
• يک فايل HTML بايد داراي انشعاب htm و يا html باشد.
• يک فايل HTML فايلي از نوع text ميباشد که با هر اديتور ساده اي قابل ايجاد است.
• وظيفه اصلي تگ هاي اچتمل ( markup tags ) بيان چگونگي نمايش اطلاعات ميباشد.
________________________________________
ميخواهيد که يک فايل اچتمل بسازيد؟
اگر از ويندوز مايکروسافت استفاده ميکنيد، Notepad را باز کرده (Mac کارها از SimplaeText استفاده کنند. ) و متن زير را در آن تايپ کنيد:
<html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first html page. <b>This text is bold</b>
</body>
</html>
سپس فايل را با نام مثلا test.html در درايو c:\ ذخيره کنيد.
براي ديدن فايل اچتمل بالا در مرورگر يا Brower تان ( معمولا اينترنت اکسپلورر و يا نتسکيپ نويگيتور ) کافي است که از روي منوي File/Open file فايل بالا را از روي محل ذخيره شده بخوانيد. ( به آدرس فايل در قسمت Address توجه کنيد، مثلا c:\test.html)
يکي از مهمترين وظايف مرورگرها نمايش صفحات اچتمل ميباشد، چه اين صفحات روي کامپيوتر شما ذخيره شده باشند و يا اينکه از اينترنت خوانده شوند. با کليک روي اين لينک فايلي شبيه فايل ذخيره شده توسط شما از روي وب سرور توسط مرورگرتان خوانده شده و سپس نمايش داده خواهد شد!!! ( به آدرس فايل در قسمت Address توجه کنيد، مثلاhttp://www.khaterat.com/html/dars/test.html )
________________________________________
توضيح مثال بالا
اولين تگ مثال بالا تگ <html> ميباشد. از روي اين تگ، مرورگر نوع متن يعني اچتمل بودنش را يافته و از روي <html/> انتهاي متن اچتمل را ميبابد.
متن بين تگ <head> و تگ <head/> اطلاعات شناسنامه اي يا "Header information" متن اچتمل بوده و نمايش داده نخواهند شد. در اين مثال با کمک تگهاي <title> و <title/> تيتر و يا Title صفحه که در اين مثال عبارت "Title of page" ميباشد در بالاي مرورگر نمايش داده خواهد شد.
متن بين تگ <body> و انتهاي آن يعني تگ <body/> تنها اطلاعاتي است که توسط مرورگرنمايش داده خواهند شد.
متن بين تگ <b> و انتهاي آن يعني تگ <b/> بصورت Bold و يا توپر نمايش داده خواهند شد.
________________________________________
انشعاب فايل htm يا html ؟
اغلب مرورگرها هر دو نوع انشعاب را به خوبي ميشناسند ولي ترجيحا به هنگام ذخيره فايلهاي اچتمل از html استفاده کنيد.( استفاده از انشعابهاي سه حرفي مانند htm مربوط به قديم و سيستم عاملهائي چون DOS بودند.)
________________________________________
نکته اي در مورد اديتورهاي اچتمل ( HTML Editors )
با وجوديکه با استفاده از اديتورهاي اختصاصي اچتمل مانند FrontPage و يا Claris Home Page امکان نوشتن و طراحي صفحات اچتمل بصورت WYSIWYG يا "What You See Is What You Get" وجود دارد اما توصيه ميشود که از اديتورهاي معمولي متن براي تهيه صفحات خود استفاده کرده، عملکرد تگها را شناخته و هيچگاه بدون اينکه بدانيد کاربرد يک تگ چيست آنرا بکار نبريد.
________________________________________
بيشترين سوالات پرسيده شده ( FAQ ) :
فايلم را درست کردم ولي هنوز نميتوانم آنرا در صفحه مرورگرم ببينم، مشکل کجاست؟
مطمئن شويد که فايل را با انشعاب درست (htm يا html ) ذخيره کرده ايد. در ضمن مطمئن شويد که همان فايل را Open کرده ايد.( نام و مسير فايل را در قسمت Address مرورگرتان چک کنيد.)
هر بار پس از تغيير و اديت مثالها نسخه اوليه را در صفحه مرورگرم ميبينم و تغييرات داده شده مشاهده نميشود، مشکل کجاست؟
به خاطر بالا بردن سرعت، هميشه مرورگرها از نسخه هاي موجود در Cache يا حافظه موقت خود براي خواندن صفحات استفاده ميکنند.براي وادار کردن مرورگر به خواندن اصل صفحه کافي است که در مرورگرتان Refresh/Reload کنيد. در اينترنت اکسپلورر کليد F5 يا View/Refresh و در نت اسکيپ Ctrl+R يا View/Reload اينکار را انجام خواهند داد.
آيا ميتوانم از هر دو مرورگر Internet Explorer و Netscape Navigator استفاده کنم؟
Internet Explorer و به بالا و در مورد Netscape Navigator از نسخه 6.2 و به بالا استفاده کنيد.
کجا ميتوانم آخرين نسخه از مرورگرهاي Internet Explorer و Netscape Navigator را داونلود کنم؟
Internet Explorer اينجاست و Netscape Navigator اينجا.
M:A بازدید : 185 پنجشنبه 10 اسفند 1391 نظرات (0)
در اين درس با مفاهيم وب، اينترنت، مرورگرها و استانداردهاي وب آشنا خواهيد شد.
منظور از وب چيست؟
 وب شبکه اي است متشکل از تمامي کامپيوترهاي دنيا، شبکه اي از شبکه ها.
 اينترنت، وب، 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.khaterat.com/faq.html است. بخش //:http نوع پروتوکل و يا استاندارد ارتباطي را تعيين ميکند، www.khaterat.com نام دومين يا Domain است و faq.html نام صفحه اي است که بايد خوانده شود.

________________________________________
مرورگرها چگونه صفحات وب را نمايش ميدهند؟
 چگونگي نمايش يک صفحه وب بصورت مستتر در آن وجود دارد.
 مرورگرها از روي دستورالعملهاي داخل صفحات وب و با کمک تگ ها به نمايش صفحات ميپردازند.
 وظيفه اصلي تگ هاي اچتمل ( HTML tags ) بيان چگونگي نمايش اطلاعات ميباشد.
 يک تگ اچتمل چيزي شبيه <p> اين تگ پاراگراف است! </p> است.

________________________________________
چه کساني استاندارد هاي وب را تعيين ميکند؟
 تعيين استاندارد هاي وب ربطي به شرکتهاي مايکروسافت و يا نت اسکيپ ندارد.
 World Wide Web Consortium يا W3C متولي تعيين استانداردهاي وب است.
 HTML, CSS and XML از مهمترين استانداردهاي تصويب شده وب ميباشند.
 آخرين استاندارد HTML استاندارد XHTML 1.0 ميباشد .
M:A بازدید : 206 پنجشنبه 10 اسفند 1391 نظرات (0)
يک فايل اچتمل متني از نوع text است که از عناصر يا element ها تشکيل ميشود و براي ايجاد عناصر از تگ ها يا tags استفاده ميشود. در اين فصل با عناصر و تگ ها اچتمل آشنا خواهيد شد.
تگ هاي اچتمل (HTML Tags)
• با کمک تگ هاي اچتمل عناصر و يا Elements ساخته ميشوند.
• در زبان اچتمل حدود 80 عنصر تعريف شده است.
• تگ هاي اچتمل بوسيله دو نويسه (char) > و < ساخته ميشوند.
• تگ هاي اچتمل معمولا بصورت زوج ظاهر ميشوند، مانند <b>test</b>
• تگ اول در يک زوج تگ مثلا <b> تگ شروع و تگ دوم مثلا <b/> تگ پاياني نام دارد.
• متن بين تگ اول و تگ دوم در يک زوج تگ محتواي عنصر يا element content ناميده ميشود، مثلا "test"
• تگ هاي اچتمل را ميتوانيد بوسيله حروف لاتين کوچک (lower case) و يا بزرگ (upper case) بنويسيد و case sensitive نيستند. براي مثال دو تگ <b> و <B> معادل هم هستند ولي شديدا توصيه ميشود که به خاطر سازگاري با XHTML از حروف کوچک استفاده شود.
________________________________________

عناصر اچتمل (HTML Elements)
مثال بخش مقدمه را در نظر بگيريد:
<html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first html page. <b>This text is bold</b>
</body>
</html>
*** نمونه اي از يک عنصر اچتمل:
<b>This text is bold</b>
عنصر اچتمل بالا با تگ <b> شروع شده و با تگ <b/> پايان مي يابد. محتواي اين عنصر عبارت "This text is bold" است. لازم به ذکر است که کاربرد تگ <b> نمايش توپر يا bold متون است.
*** مثال دوم يک عنصر اچتمل (معلوم الحال) :
<body>
This is my first homepage. <b>This text is bold</b>
</body>
عنصر اچتمل بالا با تگ <body> شروع شده و با تگ <body/> پايان مي يابد. همانطور که ميبينيد گاهي يک عنصر حاوي يک يا چند تگ ديگر ميباشد.وظيفه تگ <body> تعيين بدنه اصلي يا body يک متن اچتمل است.لازم به يادآوري است که تنها اطلاعات بخش <body> يک فايل اچتمل در صفحه مرورگر نمايش داده خواهد شد.
________________________________________

شناسه هاي يک تگ (Tag Attributes)
تگ ها ميتوانند حاوي اطلاعات اضافي ديگر باشند، به اين اطلاعات شناسه يا Attribute ميگويند و وظيفه آنها بيان ديگر اطلاعات يک عنصر يا Element ميباشد. مثلا در مورد تگ <body> شناسه اي به نام bgcolor وجود دارد که رنگ زمينه متن (background) را تعيين ميکند براي نمونه اگر ميخواهيد که رنگ زمينه صفحه اچتملتان سياه باشد کافي است که به شکل زير عمل کنيد :
<body bgcolor="black">

در مثال زير تگ <body> داراي چهار شناسه مختلف با نامهاي width، height ، align و border و مقادير center، 60، 100 و 0 ميباشد.
<table border="0" width="100" height="60" align="center" >
......
</table>
شناسه ها به صورت کلي "مقدار=نام" يا "name=value" نوشته ميشوند و هميشه به تگ شروع يک عنصر يا Element اضافه ميشوند و نهايتا اگر در يک عنصر يا Element شناسه ها قيد نشوند از مقادير قراردادي يا default آنها استفاده خواهد شد مثلا در تگ body اگر شناسه bgcolor نوشته نشود از رنگ سفيد براي زمينه صفحه استفاده خواهد شد.
مقدار يک شناسه را ميتوانيد داخل نويسه هاي " و يا ' بنويسيد و اختيار دست شما است فقط در مواردي که مقدار يک شناسه شامل نويسه " هم ميشود بايد از نويسه ' استفاده شود.
تبلیغات

تعداد صفحات : 153

درباره ما
Profile Pic
سلام نیاز به همکار:از دوستانی که در برنامه نویسی یا وبلاگ نویسی سررشته دارند دعوت به همکاری در سایت آموزشها می شود لطفا با ما تماس بکیرید و شماره بگذارید.(در قسمت تماس با ما)
اطلاعات کاربری
  • فراموشی رمز عبور؟
  • نظرسنجی
    ازکدام بخش بیشتر خوشتان آمد
    خلاصه آمار
    آمار سایت
  • کل مطالب : 610
  • کل نظرات : 63
  • افراد آنلاین : 125
  • تعداد اعضا : 91
  • آی پی امروز : 385
  • آی پی دیروز : 83
  • بازدید امروز : 1,395
  • باردید دیروز : 167
  • گوگل امروز : 0
  • گوگل دیروز : 1
  • بازدید هفته : 1,395
  • بازدید ماه : 3,753
  • بازدید سال : 79,611
  • بازدید کلی : 750,567
  • کدهای اختصاصی

    رنک الکسا

    وضعیت آب و هوا

    پیچک

    ديكشنري آنلاين
    نرخ ارز