Your Discussion Board

Your Ideas Reflect Your Personality
 
HomeFAQSearchRegisterUsergroupsLog in

Share | 
 

 Learn HTML in Farsi!

View previous topic View next topic Go down 
AuthorMessage
Muwahhed
Senior Member
Senior Member
avatar

Number of posts : 2786
Reputation : 0
Registration date : 2007-05-28

PostSubject: Learn HTML in Farsi!   Sun Jul 27, 2008 6:30 pm

سرفصل مطالب :



به کلاس اچ تی ام ال مقدماتی خوش آمديد!


يادگيری زبان HTML بسيار ساده است.در اين درسها ياد خواهيد گرفت که چگونه با کمک HTML صفحاتتان را ساخته و وب سايت شخصی فارسی و يا وبلاگتان را راه اندازی کنيد. مبنای اين دروس نسخه 4 استاندارد اچتمل بوده و نکته بسيار مهم اين نسخه جداسازی فرمت بندی و انتقال آن به style sheet ها ميباشد. لازم به توضيح است که که تاکيد دروس و مقالات اين راهنما بر فارسی نويسی مطابق استاندارد يونيکد بوده و اولين مجموعه دروس آموزشی ما شامل آموزش مقدماتی HTML بهمراه مثالهای متعدد فارسی نويسی خواهد بود.
ادامه اين بخش به شرح سرفصل مطالب ارائه شده خواهد پرداخت:



سرفصل مطالب کلاس اچتمل مقدماتی :


  • مقدمه
    در
    اين درس با ويژگيهای فايلهای اچتمل، اجزا تشکيل دهنده آن يعنی عناصر و تگ ها ( Elements & Tags ) و نحوه ايجاد يک فايل ساده و نمايش آن در صفحه مرورگرتان آشنا خواهيد شد.

  • HTML & WWW
    در اين درس با مفاهيم وب ( تار عنکبوت جهانی يا World Wide Web ) ، اينترنت، مرورگرها و استانداردهای وب آشنا خواهيد شد. همچنين با تفاوتهای مرورگرهای وب ( Web Browsers ) و سرويس دهنده های وب ( Web Servers ) آشنا خواهيد شد.

  • عناصر ( Elements )
    يک متن و يا فايل اچتمل از عناصر يا element ها تشکيل ميشود و برای ايجاد عناصر از تگ ها يا tags استفاده ميشود. در اين فصل با عناصر و تگ ها آشنا خواهيد شد.

  • تگ های اصلی ( Basic Tags )
    تگ
    ها ( tags ) اجزا تشکيل دهنده عناصر يا elements های اچتمل هستند و يکی از بهترين روش های يادگيری اچتمل ديدن مثالها و تغيير آنها ميباشد. در اين فصل با تگ های پايه و مهم آشنا شده و با کمک اديتور اختصاصی ما و با امکانات فارسی نويسی آن به صورت آنلاين ميتوانيد به مطالعه و يادگيری
    مثالها بپردازيد .
  • فــارسی نويسی
    در اين درس با فارسی نويسی، فارسی سازی و استاندارد يونيکد و نحوه استفاده از اديتور آنلاين و فارسی اين سايت آشنا خواهيد شد.



  • فرمت دهی ( Formatting )
    وظيفه گروهی از تگ های اچتمل فرمت دهی و تعيين شکل نمايش متون ( مثلا توپر و bold بودن و يا ايتاليک بودن ) ميباشد و در اين درس با اين گروه از تگهای formating آشنا خواهيد شد. همچنين ياد خواهيد گرفت که چگونه source يا اصل کدهای اچتمل يک صفحه يا page را ببينيد.

  • نهادها ( Entities )
    گروهي از نويسه های ( Character ) اچتمل مانند (<) و يا (>) دارای معنی خاصی ( مثلا نويسه < شروع يک تگ را نشان ميدهد. ) در استاندارد اچتمل بوده و برای نمايش آنها در صفحاتتان مستقيما قابل مصرف نميباشند. در اين فصل با اين نويسه ها آشنا شده و با کمک Character Entities چگونگی
    استفاده از اين گروه از نويسه ها را فرا خواهيد گرفت .

  • پيوندها ( Links )
    در اين درس با پيوندها ( Links ) ، شناسه های مرتبط مخصوصا href و نحوه به کار گيری آنها آشنا خواهيد شد.
  • Back to top Go down
    Muwahhed
    Senior Member
    Senior Member
    avatar

    Number of posts : 2786
    Reputation : 0
    Registration date : 2007-05-28

    PostSubject: Re: Learn HTML in Farsi!   Sun Jul 27, 2008 6:31 pm



  • جداول ( Tables)
    در
    اين درس با مفاهيم جدول ( Table ) ، رديف يا row ، سلولها يا خانه ها، مرز
    يا border در جداول و عناصر مرتبط مخصوصا TABLE ، TD , TR آشنا خواهيد شد.

  • فريمها ( Frames )
    در اين درس با مفاهيم فريم ( Frame ) و عناصر مربوطه مخصوصا Frame و Frameset آشنا خواهيد شد.


  • فهرستها ( Lists )
    اين درس شما را با نحوه نمايش فهرستها ( List ) ، انواع فهرستها و تگ های مربوطه آشنا خواهد ساخت.


  • فرمها ( Forms )
    از
    طريق استفاده از تگ های فرم ( form ) قادر به دريافت اطلاعات از
    بازديدکنندگان صفحاتتان و يا تبادل اطلاعات بين صفحات مختلف خواهيد شد. با
    کمک اين گروه از تگ ها قادر به نمايش باکسهای ورود اطلاعات متن (text
    fields) ، چک باکسها (check-boxes) ، راديو باتونها (radio-buttons) و ...
    شده و همچنين امکان گذاشتن دکمه های ارسال (submit button) و يا حذف
    (reset) را خواهيد داشت. اين فصل با شرح تگ های form و input و ... به
    چگونگی ايجاد ارتباط با بازديدکنندگان و گرفتن اطلاعات از آنها خواهد پرداخت.

  • تصاوير ( Images )
    در اين درس با عنصر img و چگونگی نمايش تصاوير و همچنين تنظيم محل آنها آشنا خواهيد شد.


  • پس زمينه ( Background )

    در اين درس با چگونگی نمايش تصاوير و يا تعيين رنگ پس زمينه آشنا خواهيد شد
  • Back to top Go down
    Muwahhed
    Senior Member
    Senior Member
    avatar

    Number of posts : 2786
    Reputation : 0
    Registration date : 2007-05-28

    PostSubject: Re: Learn HTML in Farsi!   Sun Jul 27, 2008 6:54 pm

    مقدمه ای بر 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 استفاده کنند. ) و متن زير را در آن تايپ کنيد:


    Code:
    This is my first html page. [b]This text is bold[/b]

    سپس فايل را با نام مثلا test.html در درايو c:\
    ذخيره کنيد.

    برای ديدن فايل اچتمل بالا در مرورگر يا Brower تان ( معمولا اينترنت اکسپلورر
    و يا نتسکيپ نويگيتور ) کافی است که از روی منوی File/Open
    file فايل
    بالا را از روی محل ذخيره شده بخوانيد. ( به آدرس فايل در قسمت Address
    توجه کنيد، مثلا c:\test.html)
    يکی از مهمترين وظايف مرورگرها نمايش صفحات اچتمل ميباشد، چه اين صفحات روی
    کامپيوتر شما ذخيره شده باشند و يا اينکه از اينترنت خوانده شوند. با کليک روی یک لينک فايلی شبيه فايل ذخيره شده توسط شما از روی وب سرور توسط
    مرورگرتان خوانده شده و سپس نمايش داده خواهد شد!!! ( به آدرس فايل در قسمت Address
    توجه کنيد. )

    توضيح مثال بالا

    اولين تگ مثال بالا تگ ميباشد. از روی اين
    تگ، مرورگر نوع متن يعنی اچتمل بودنش را يافته و از روی انتهای متن اچتمل را
    ميبابد.

    متن بين تگ و تگ اطلاعات شناسنامه ای
    يا "Header information" متن اچتمل بوده و نمايش داده نخواهند شد.
    در اين مثال با کمک تگهای
    صفحه که در اين مثال عبارت "Title of page" ميباشد در بالای
    مرورگر نمايش داده خواهد شد.

    متن بين تگ و انتهای آن يعنی تگ
    تنها اطلاعاتی است که توسط مرورگرنمايش داده خواهند شد.

    متن بين تگ و انتهای آن يعنی تگ
    بصورت Bold و يا توپر نمايش داده خواهند شد.


    Last edited by Muwahhed on Sun Jul 27, 2008 6:58 pm; edited 1 time in total
    Back to top Go down
    Muwahhed
    Senior Member
    Senior Member
    avatar

    Number of posts : 2786
    Reputation : 0
    Registration date : 2007-05-28

    PostSubject: Re: Learn HTML in Farsi!   Sun Jul 27, 2008 6:57 pm

    انشعاب فايل 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 اينجا.
    Back to top Go down
    Muwahhed
    Senior Member
    Senior Member
    avatar

    Number of posts : 2786
    Reputation : 0
    Registration date : 2007-05-28

    PostSubject: Re: Learn HTML in Farsi!   Sun Jul 27, 2008 7:01 pm

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

    مرورگرها چگونه صفحات وب را نمايش ميدهند؟

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

    • تعيين استاندارد های وب ربطی به شرکتهای مايکروسافت و يا نت اسکيپ ندارد.
    • World Wide Web Consortium يا W3C متولی تعيين استانداردهای وب است.
    • HTML, CSS and XML از مهمترين استانداردهای تصويب شده وب ميباشند.
    • آخرين استاندارد HTML استاندارد XHTML 1.0 ميباشد .
    Back to top Go down
    Muwahhed
    Senior Member
    Senior Member
    avatar

    Number of posts : 2786
    Reputation : 0
    Registration date : 2007-05-28

    PostSubject: Re: Learn HTML in Farsi!   Sun Jul 27, 2008 7:10 pm


    عناصر (Elements)

    تگ های اصلی (Basic Tags)

    فارسی نويسی

    فرمت دهی(Formatting)

    Character Entities


    پيوندها (Links)


    جداول (Tables)
    Back to top Go down
    Muwahhed
    Senior Member
    Senior Member
    avatar

    Number of posts : 2786
    Reputation : 0
    Registration date : 2007-05-28

    PostSubject: Re: Learn HTML in Farsi!   Sun Jul 27, 2008 7:14 pm


    فريم ها (Frames)


    فهرست ها (Lists)


    فرمها (Forms)


    تصاوير (Images)


    پس زمينه (Background)

    قلم ها (Fonts)

    Style Sheet


    مثال ها


    لیست رنگ ها

    مرجع سریع HTML



    Source: http://www.aviny.com
    Back to top Go down
    Sponsored content




    PostSubject: Re: Learn HTML in Farsi!   

    Back to top Go down
     
    Learn HTML in Farsi!
    View previous topic View next topic Back to top 
    Page 1 of 1
     Similar topics
    -
    » Layouts - HTML/CSS gurus only
    » Time to Learn How to Shoot Straight
    » Shiro, Aneira - [ Kumo Genin ] - WiP
    » Skyrim Sign up thread.
    » Entei

    Permissions in this forum:You cannot reply to topics in this forum
    Your Discussion Board :: Computer :: Learning-
    Jump to: