آموزش اچ تی ام ال

فصل سوم :عناصر(Elements)

يک فايل اچتمل متنی از نوع 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 نوشته نشود از رنگ سفيد برای زمينه صفحه استفاده خواهد شد.
مقدار يک شناسه را ميتوانيد داخل نويسه های " و يا ' بنويسيد و اختيار دست شما است فقط در مواردی که مقدار يک شناسه شامل نويسه " هم ميشود بايد از نويسه ' استفاده شود.

  
نویسنده : پلين اسدي ; ساعت ۱٠:٥٦ ‎ق.ظ روز پنجشنبه ۳٠ امرداد ،۱۳۸٢

 

امروز چند تا عکس از گروه Linkin Park می ذارم .چون خودم خيلی باهاشون حال می کنم ...

اين عکسها از توری است که اين گروه حدود ۲ ماه پيش به اروپا داشتن .

 

چه طور بود؟؟؟

  
نویسنده : پلين اسدي ; ساعت ۸:۳۸ ‎ق.ظ روز چهارشنبه ٢٩ امرداد ،۱۳۸٢

صورتک ها...

اينم يه سری Smileysهستش که همون سر ی اصلی Yahoo messengerهستش فقط متحرکه...

اگه می خواين Download کنين برين اينجا(البته ۲ سری File وجود داره )

۱-new smileysکه واسه کسايی هست که yahoo messenger رو دارن.

۲-Originalکه فقط همون سری اصلی رو به صورت متحرک می کنه و البته کسانی که Yahoo messenger رو ندارن بايد اين فايل هم قبل از فايل بالايی download کنن.

برای گرفتن اين فايلهاروی گزينه های new smileysوOriginalکليک کنيد.

  
نویسنده : پلين اسدي ; ساعت ٢:٥٩ ‎ب.ظ روز سه‌شنبه ٢۸ امرداد ،۱۳۸٢

قيمت قطعات کامپيوتر

سلام به همه بروبچه های باحال ...يه لحظه فکر نکنين اون آموزش htmlورداشته شد نه فقط بينش برای اينکه يکنواخت  نباشه يه نوشته هايی می ذارم وسطش (حالا خوب و بدش با شما).

بگذريم امروز می خواستم يه سايتی رو براتون معرفی کنم که قيمت تمامی قطعات کامپيوتر در اون وجود داره (واقعا کامل اين سايت )حتما يه سری بهش بزنين ...

اين راهش :قيمت آنلاين قطعات کامپيوتر انيجاست ...

موفق باشين ...

  
نویسنده : پلين اسدي ; ساعت ۱٢:٠۱ ‎ق.ظ روز سه‌شنبه ٢۸ امرداد ،۱۳۸٢

آموزش اچ تی ام ال

فصل دوم :HTML & WWW

منظور از وب چيست؟
  • وب شبکه ای است متشکل از تمامی کامپيوترهای دنيا، شبکه ای از شبکه ها.
  • اينترنت، وب، 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.google.com/mgyhp.html است. بخش //:http نوع پروتوکل و يا استاندارد ارتباطی را تعيين ميکند، www.google.com نام دومين يا Domain است و faq.html نام صفحه ای است که بايد خوانده شود.

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

چه کسانی استاندارد های وب را تعيين ميکند؟
  • تعيين استاندارد های وب ربطی به شرکتهای مايکروسافت و يا نت اسکيپ ندارد.
  • World Wide Web Consortium يا W3C متولی تعيين استانداردهای وب است.
  • HTML, CSS and XML از مهمترين استانداردهای تصويب شده وب ميباشند.
  • آخرين استاندارد HTML استاندارد XHTML 1.0 ميباشد .
  
نویسنده : پلين اسدي ; ساعت ۸:٤٤ ‎ب.ظ روز دوشنبه ٢٧ امرداد ،۱۳۸٢

آموزش اچ تی ام ال

اول می خواستم يه سلام و تشکر حسابی از اون کسايی بکنم که وقتشون رو گذاشتن ووبلاگ منو ديدن ...

از امروز می خوام آموزش زبان برنامه نويسی htmlروبه شيوه ايی ساده در چندين فصل برای شما بگم (البته اگه به درد بخوره و شما هم با دنبال کردن کامل اون در بهتر شدن اين وبلاگ کمک کنيد) .

من اين مطالب رو از سايت مدرسه وب استخراج کردم.

 

قبل از هر چيز با يک مقدمه در مورد htmlشروع می کنم :

فصل اول :مقدمه ايی بر HTML:

 
يک فايل HTML چيست؟
  • HTML را "اچ تی ام ال" و يا اچتمل بخوانيد.
  • HTML برگرفته از حروف اول Hyper Text Markup Language ميباشد.
  • يک فايل 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 استفاده کنم؟
بله، فقط اگر از استاندارد يونيکد برای فارسی نويسی استفاده ميکنيد، برای ديدن درست صفحات فارسی بايد از نسخه 5 Internet Explorer و به بالا و در مورد Netscape Navigator از نسخه 6.2 و به بالا استفاده کنيد.

کجا ميتوانم آخرين نسخه از مرورگرهای Internet Explorer و Netscape Navigator را داونلود کنم؟
Internet Explorer اينجاست و Netscape Navigator اينجا.

  
نویسنده : پلين اسدي ; ساعت ۸:۳۳ ‎ب.ظ روز دوشنبه ٢٧ امرداد ،۱۳۸٢

دوست يابی

قسمت Friend Searchاينقدر مشکل داشت تا بالاخره از وبلاگم برش داشتم .چون واقعاچيز بدرد بخوری نبود.

ولی اين بار قسمتی رو تو وبلاگم گذاشتم به اسم Guest mapکه واقعا جالب کار می کنه وتا حدودی فکر کنم شيوه عملکرد اون برای ما ايرانيها تازه  باشه حالا خودتون ببينيد منظورم رو می فهميد.

می خواستم يه توضيحی درباره اين قسمت بدم که اگه دوست داشتين عضو اين قسمت بشيد با دکمه Postبرروی نقشه فرضا ايران رو انتخاب کنيد و مشخصات خودتون رو وارد کنيد...بقيه قسمتهای اين برنامه با يه ذره ور رفتن دستتون می ياد.

اميدوارم خوشتون بياد...

  
نویسنده : پلين اسدي ; ساعت ٧:٠٢ ‎ب.ظ روز شنبه ٢٥ امرداد ،۱۳۸٢

لاوسان

يه ويروس جديد به اسم لاوسان چند روزی هست که داره حسابی به کامپيوترها حال می ده .

بله درست فهميديد طبق معمول اين ويروس از دسته گلی که ماکروسافت به آب  داده نهايت استفاده رو کرده.

اين ويروس از طريق حفره ی جديدی که در ieهست استفاده می کندوپيغامی را در هنگام کار کردن با اينترنت برای شما می فرستد که در آن از شما می خواهد بی بروبرگرد کامپيوتر خودتون رو Restartبکنيد.

اين ويروس تقريبا حدود ۱هفته است که در اينترنت پخش شده است به همين منظورشرکت ماکروسافت برنامه ايی به حجم ۱.۲mgراآماده کرده است که به تمامی کاربرانی که از ieاستفاده می کننددرخواست کرده است حتمااين برنامه رانصب کنند.

پس شما هم می توانيد برای اين کاربه اين سايت مراجعه کنيد و اين فايل روDownload کنيد.در اين صفحه ۲گزينه download 1وdownload 2وجود دارد که شما بايدگزينه download 2 روانتخاب کنيد چون اين گزينه ورژن انگليسی آن می باشد.

بعد ازDownload شدن حتما برنامه را Installکنيد و بعد ۱ بار ويندوز را Restart کنيد...

موفق باشيد.

  
نویسنده : پلين اسدي ; ساعت ۱۱:۱۸ ‎ق.ظ روز شنبه ٢٥ امرداد ،۱۳۸٢