کاربری
کاربر گرامی به خوش آمدید . اگر این نخستین بازدید شما از سایت است , لطفا ثبت نام کنید:
نمایش نتایج: از شماره 1 تا 28 , از مجموع 28

موضوع: آموزش html

  1. #1
    دیگه صاحب خونه هستن
    تاریخ عضویت
    ۱۳۸۳-آبان-۰۸
    محل سکونت
    شیراز
    جنسيت
    خواهر
    سن
    -1989
    نوشته ها
    3,760
    امتیاز : 67,140
    سطح : 100
    Points: 67,140, Level: 100
    Level completed: 0%, Points required for next Level: 0
    Overall activity: 99.0%
    افتخارات:
    SocialRecommendation Second ClassVeteranTagger Second Class50000 Experience Points
    تشکر کردن : 8,821
    تشکر شده 14,241 در 3,398 پست
    مخالفت
    16
    مخالفت شده 3 در 2 پست

    پیش فرض آموزش html

    آنچه که قبل از یادگیری HTML لازم است بدانید:

    برای شروع کار با HTML شما به چیزهایی نیاز دارید که در لیست زیر آمده است:

    1. شما به یک ویرایشگر متن نیاز دارید. در ویندوز شما می توانید از برنامه Notepad استفاده کنید. از هر نرم افزار ویرایش متن دیگری استفاده کنید اما این نکته را در نظر داشته باشید که نرم افزار WordPad که در ویندوز وجود دارد و نرم افزارهایی مانند Microsoft Office Word و امثال آن برای نوشتن کدهای HTML مناسب نیستند چون در هنگام ذخیره کردن متن این نرم افزارها کدهایی را به آن اضافه می کنند.
      نرم افزار Notepad را می توانید از طریق منوی استارت در قسمت Accessories پیدا کنید یا از طریق فرمان Run با تایپ notepad در کادر Open و فشار دادن دکمه Enter.
    2. شما به یک مرورگر وب به انتخاب خود نیاز دارید. می توانید از Microsoft Internet Explorer استفاده کنید که با ویندوز نصب می شود یا از Opera, Mozilla Firefox و نرم افزارهای مشابه که اغلب به صورت رایگان برای دریافت در اینترنت وجود دارند.
      بهتر است صفحاتی را که می نویسید با چند مرورگر آزمایش کنید. زیرا در HTML قسمتهایی وجود دارد که مختص به یک مرورگر خاص است و با سایر مرورگرها کار نمی کند.
    3. شما به جایی برای ذخیره کردن متن خود دارید که می تواند جایی روی هارد دیسک شما، یک فلاپی دیسک یا یک سرور باشد. البته شما برای استفاده از HTML نیاز ندارید حتماً به اینترنت متصل باشید، شما می توانید با استفاده از یک مرورگر وب در کامپیوتر خود از HTML استفاده کنید.
      برای ذخیره کردن فایلی که با Notepad نوشته اید کافی است از منوی File گزینه Save As را انتخاب کرده و مسیری را برای ذخیره فایل انتخاب کنید و در کادر File Name در پایین پنجره Save As نام فایل را با پسوند html بنویسید. در آخر هم دکمه Save را کلیک کنید.
    ویرایش توسط مهاجر : دوشنبه ۲۲ آذر ۸۹ در ساعت ۲۱:۳۲

  2. 3 کاربر از پست مفید مهاجر تشکر کرده اند .


  3. #2
    دیگه صاحب خونه هستن
    تاریخ عضویت
    ۱۳۸۳-آبان-۰۸
    محل سکونت
    شیراز
    جنسيت
    خواهر
    سن
    -1989
    نوشته ها
    3,760
    امتیاز : 67,140
    سطح : 100
    Points: 67,140, Level: 100
    Level completed: 0%, Points required for next Level: 0
    Overall activity: 99.0%
    افتخارات:
    SocialRecommendation Second ClassVeteranTagger Second Class50000 Experience Points
    تشکر کردن : 8,821
    تشکر شده 14,241 در 3,398 پست
    مخالفت
    16
    مخالفت شده 3 در 2 پست

    پیش فرض اصول نوشتن صفحات html

    در اینجا می خواهیم به ساختار شناسه ها یا همان تگها (tag) در HTML بپردازیم. یک تگ همیشه با علامت کوچکتر ریاضی یعنی این علامت > آغاز می شود و با علامت بزرگتر < به پایان می رسد. مثلاً تگی که باعث ایجاد زیرخط کلمات می شود اینطور نوشته می شود: <U> این علامت را قبل از متنی که می خواهیم زیر آن خط کشیده شود قرار می دهیم. به این تگ ، تگ ابتدایی (Opening tag) می گویند، که عملیاتی را که شما می خواهید آغاز کنید شروع می کند. به منظور پایان دادن به زیرخط باید از یک تگ پایانی استفاده کنید. یک تگ پایانی با این علامت شروع می شود: /> بقیه تگ مانند تگ ابتدایی می باشد. برای درک بهتر این مطلب به مثال زیر توجه کنید:

    کد HTML:
    rahpouyan.biz
    اگر بخواهید متن بالا را با زیرخط در مرورگر خود ببینید باید آنرا مطابق خط روبرو در ویرایشگر متن خود بنویسید:
    کد HTML:
    <u>rahpouyan.biz </u>
    نتیجه را به این صورت می بینید:


    rahpouyan.biz


    در HTML همه تگها به یک تگ پایانی نیاز ندارند. برای مثال تگی که برای وارد کردن عکس استفاده می شود از این قبیل تگهاست، که به این صورت می باشد:

    کد HTML:
    <img src="myimage.gif">

    البته بعداً در مورد این تگ توضیح خواهیم داد در اینجا فقط برای مثال این تگ را آوردیم. موارد دیگری هم با این وضعیت وجود دارند مثلاً <br> که برای رفتن به خط بعدی استفاده می شود، <hr> که برای ایجاد یک خط افقی به کار می رود و <p> که برای رفتن به پاراگراف بعدی استفاده می شود.
    در ضمن نیاز نیست که حتماً تگها با حروف بزرگ نوشته شوند. مثلاً <P> همان <p> است. البته در نسخه های جدیدتر HTML توصیه می شود کدهای HTML با حروف کوچک نوشته در XHTML هم نوشتن کدها با حروف کوچک الزامی است. فضای خالی هم بین تگها تأثیری ندارد. مثلاً :


    کد HTML:
    <u>         متن  زیرخط دار          </u>



    قالب پایه ای یک فایل HTML مانند زیر است. ببینید می توانید کاری را که تگهای این کد انجام می دهند حدس بزنید؟ البته همه آنها را بعداً توضیح می دهیم.


    کد HTML:
    <html>
    <head>
    <title>html قالب اصلی</title>
    </head>
    <body>
    هر چیزی که اینجا قرار گیرد در صفحه شما قابل دیدن  است
    </body>
    </html>
    

    برای درک بهتر این قسمت سعی کنید تگها را به صورت جفتی در نظر بگیرید (از جایی که باز می شوند تا جایی که بسته می شوند) اولین تگ <html> است که علامت شروع یک متن HTML است و تگ پایانی آن <html/> است که همانطور که ممکن است حدس زده باشید نشانه پایان متن HTML است. هر چیزی در HTML باید بین این دو تگ قرار گیرد. مانند متن، دیگر تگها، عکسها و... چون این دو تگ نشان دهنده آغاز و پایان صفحه شما هستند.
    تگ بعدی <head> است. این تگ مشخص کننده بخشی است که شما باید عنوان صفحه، کلمات کلیدی، و دیگر توضیحات خود برای این صفحه را در آن قرار دهید. این بخش با <head/> به پایان می رسد. در مثال بالا تنها قسمت HEAD عنوان صفحه بود که با TITLE مشخص می شود.
    تگ <title> به شما اجازه می دهد برای صفحه خود یک عنوان برگزینید. این قسمت مورد استفاده موتورهای جستجو قرار می گیرد و همان متنی است که به هنگام مشاهده صفحه در نوار عنوان مرورگر نشان داده می شود. تا هنگامی که این تگ در قسمت BODY قرار نگیرد در متن شما نشان داده نمی شود. برای پایان دادن به تگ عنوان از این تگ استفاده می شود: <title/> در مثال بالا عنوانی که برای صفحه نشان داده می شود قالب اصلی HTML است.
    تگ <body> بخشی را آغاز می کند که در صفحه مرورگر شما به نمایش در می آید. این قسمت جایی است که ما باید کار اصلی خود را در آن انجام دهیم. برای پایان دادن به این تگ از <body/> استفاده می کنیم. در مثال بالا متنی که در صفحه مرورگر دیده می شود به صورت زیر است (البته در اینجا برای نوشته زیر رنگ و فونت نیز انتخاب شده که در قسمتهای بعد به آنها خواهیم پرداخت) :

  4. 3 کاربر از پست مفید مهاجر تشکر کرده اند .


  5. #3
    دیگه صاحب خونه هستن
    تاریخ عضویت
    ۱۳۹۰-خرداد-۱۹
    جنسيت
    برادر
    نوشته ها
    10,067
    امتیاز : 42,327
    سطح : 100
    Points: 42,327, Level: 100
    Level completed: 0%, Points required for next Level: 0
    Overall activity: 0%
    افتخارات:
    Social50000 Experience PointsOverdriveVeteranTagger First Class
    تشکر کردن : 54,998
    تشکر شده 22,295 در 4,610 پست
    مخالفت
    72
    مخالفت شده 63 در 55 پست

    پیش فرض

    سلام
    ظاهرا کاربر گرامی مهاجر این مبحثو یادشون رفته یا .... ، ولی من چون یک خورده مقاله توپ دارم ( البته باید همشو سر هم میکنم )این مبحثو ادامه میدم تا همه استفاده کنن البته با اجازه مهاجر گرامی.

    یاحق


    ما زنـ-ـ-ـده به آنیـــم که آرام نگیریم
    موجیم که آسودگی ما عدم ماست


    تا یار که را خواهد و میلش به که باشد........

    الهی هیچ مسافری از رفیقهاش جا نمونه .... آمین

  6. 2 کاربر از پست مفید Arad تشکر کرده اند .


  7. #4
    دیگه صاحب خونه هستن
    تاریخ عضویت
    ۱۳۹۰-خرداد-۱۹
    جنسيت
    برادر
    نوشته ها
    10,067
    امتیاز : 42,327
    سطح : 100
    Points: 42,327, Level: 100
    Level completed: 0%, Points required for next Level: 0
    Overall activity: 0%
    افتخارات:
    Social50000 Experience PointsOverdriveVeteranTagger First Class
    تشکر کردن : 54,998
    تشکر شده 22,295 در 4,610 پست
    مخالفت
    72
    مخالفت شده 63 در 55 پست

    پیش فرض

    سرفصل مطالب 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 و نحوه به کار گيری آنها آشنا خواهيد شد.


    جداول ( 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 )
    در اين درس با چگونگی نمايش تصاوير و يا تعيين رنگ پس زمينه آشنا خواهيد شد.


    ما زنـ-ـ-ـده به آنیـــم که آرام نگیریم
    موجیم که آسودگی ما عدم ماست


    تا یار که را خواهد و میلش به که باشد........

    الهی هیچ مسافری از رفیقهاش جا نمونه .... آمین

  8. 3 کاربر از پست مفید Arad تشکر کرده اند .


  9. #5
    دیگه صاحب خونه هستن
    تاریخ عضویت
    ۱۳۹۰-خرداد-۱۹
    جنسيت
    برادر
    نوشته ها
    10,067
    امتیاز : 42,327
    سطح : 100
    Points: 42,327, Level: 100
    Level completed: 0%, Points required for next Level: 0
    Overall activity: 0%
    افتخارات:
    Social50000 Experience PointsOverdriveVeteranTagger First Class
    تشکر کردن : 54,998
    تشکر شده 22,295 در 4,610 پست
    مخالفت
    72
    مخالفت شده 63 در 55 پست

    پیش فرض يک فايل html چيست؟

    يک فايل HTML چيست؟

    HTML را "اچ تی ام ال" و يا اچتمل بخوانيد.
    HTML برگرفته از حروف اول Hyper Text Markup Language ميباشد.
    يک فايل HTML فايلی از نوع text ميباشد که متشکل از markup tag ها ميباشد.
    مرورگر يا Browser از روی markup tag ها می فهمد که چگونه بايد صفحه را نمايش بدهد.
    يک فايل HTML بايد دارای انشعاب htm و يا html باشد.
    يک فايل HTML فايلی از نوع text ميباشد که با هر اديتور ساده ای قابل ايجاد است.
    وظيفه اصلی تگ های اچتمل ( markup tags ) بيان چگونگی نمايش اطلاعات ميباشد.


    ما زنـ-ـ-ـده به آنیـــم که آرام نگیریم
    موجیم که آسودگی ما عدم ماست


    تا یار که را خواهد و میلش به که باشد........

    الهی هیچ مسافری از رفیقهاش جا نمونه .... آمین

  10. 4 کاربر از پست مفید Arad تشکر کرده اند .


  11. #6
    دیگه صاحب خونه هستن
    تاریخ عضویت
    ۱۳۹۰-خرداد-۱۹
    جنسيت
    برادر
    نوشته ها
    10,067
    امتیاز : 42,327
    سطح : 100
    Points: 42,327, Level: 100
    Level completed: 0%, Points required for next Level: 0
    Overall activity: 0%
    افتخارات:
    Social50000 Experience PointsOverdriveVeteranTagger First Class
    تشکر کردن : 54,998
    تشکر شده 22,295 در 4,610 پست
    مخالفت
    72
    مخالفت شده 63 در 55 پست

    پیش فرض ميخواهيد که يک فايل اچتمل بسازيد؟

    ميخواهيد که يک فايل اچتمل بسازيد؟

    اگر از ويندوز مايکروسافت استفاده ميکنيد، 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)
    يکی از مهمترين وظايف مرورگرها نمايش صفحات اچتمل ميباشد، چه اين صفحات روی کامپيوتر شما ذخيره شده باشند و يا اينکه از اينترنت خوانده شوند.


    --------------------------------------------------------------------------------

    توضيح مثال بالا
    اولين تگ مثال بالا تگ <html> ميباشد. از روی اين تگ، مرورگر نوع متن يعنی اچتمل بودنش را يافته و از روی <html/> انتهای متن اچتمل را ميبابد.

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

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

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


    ما زنـ-ـ-ـده به آنیـــم که آرام نگیریم
    موجیم که آسودگی ما عدم ماست


    تا یار که را خواهد و میلش به که باشد........

    الهی هیچ مسافری از رفیقهاش جا نمونه .... آمین

  12. 3 کاربر از پست مفید Arad تشکر کرده اند .


  13. #7
    دیگه صاحب خونه هستن
    تاریخ عضویت
    ۱۳۹۰-خرداد-۱۹
    جنسيت
    برادر
    نوشته ها
    10,067
    امتیاز : 42,327
    سطح : 100
    Points: 42,327, Level: 100
    Level completed: 0%, Points required for next Level: 0
    Overall activity: 0%
    افتخارات:
    Social50000 Experience PointsOverdriveVeteranTagger First Class
    تشکر کردن : 54,998
    تشکر شده 22,295 در 4,610 پست
    مخالفت
    72
    مخالفت شده 63 در 55 پست

    پیش فرض

    انشعاب فايل 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 و به بالا استفاده کنيد.


    ما زنـ-ـ-ـده به آنیـــم که آرام نگیریم
    موجیم که آسودگی ما عدم ماست


    تا یار که را خواهد و میلش به که باشد........

    الهی هیچ مسافری از رفیقهاش جا نمونه .... آمین

  14. 3 کاربر از پست مفید Arad تشکر کرده اند .


  15. #8
    دیگه صاحب خونه هستن
    تاریخ عضویت
    ۱۳۹۰-خرداد-۱۹
    جنسيت
    برادر
    نوشته ها
    10,067
    امتیاز : 42,327
    سطح : 100
    Points: 42,327, Level: 100
    Level completed: 0%, Points required for next Level: 0
    Overall activity: 0%
    افتخارات:
    Social50000 Experience PointsOverdriveVeteranTagger First Class
    تشکر کردن : 54,998
    تشکر شده 22,295 در 4,610 پست
    مخالفت
    72
    مخالفت شده 63 در 55 پست

    پیش فرض Html & www

    منظور از وب چيست؟

    وب شبکه ای است متشکل از تمامی کامپيوترهای دنيا، شبکه ای از شبکه ها.
    اينترنت، وب، WWW ، web يا World Wide Web همگی يک چيزند.
    تمامی کامپيوترهای وب ميتوانند با هم ارتباط داشته باشند.
    کامپيوترهای موجود در وب با کمک استاندارد ارتباطی يا پروتوکل HTTP با هم ارتباط برقرار ميکنند .


    نحوه کارکرد وب چگونه است؟

    اطلاعات وب داخل فايلهائی به نام Web Pages و يا صفحات وب قرار دارند.
    اين فايلها يا صفحات روی Web Server يا کامپيوترهای سرويس دهنده وب ذخيره شده اند.
    برای ديدن صفحات وب از نرم افزاری به نام مرورگر و يا Web Browser استفاده ميشود.
    دو مرورگر Internet Explorer و Netscape Navigator جزو معروفترين مرورگرها حساب ميشوند.
    مرورگر Internet Explorer متعلق به شرکت مايکروسافت و مرورگر Netscape Navigator متعلق به شرکت نت اسکيپ ميباشد.


    ما زنـ-ـ-ـده به آنیـــم که آرام نگیریم
    موجیم که آسودگی ما عدم ماست


    تا یار که را خواهد و میلش به که باشد........

    الهی هیچ مسافری از رفیقهاش جا نمونه .... آمین

  16. 3 کاربر از پست مفید Arad تشکر کرده اند .


  17. #9
    دیگه صاحب خونه هستن
    تاریخ عضویت
    ۱۳۹۰-خرداد-۱۹
    جنسيت
    برادر
    نوشته ها
    10,067
    امتیاز : 42,327
    سطح : 100
    Points: 42,327, Level: 100
    Level completed: 0%, Points required for next Level: 0
    Overall activity: 0%
    افتخارات:
    Social50000 Experience PointsOverdriveVeteranTagger First Class
    تشکر کردن : 54,998
    تشکر شده 22,295 در 4,610 پست
    مخالفت
    72
    مخالفت شده 63 در 55 پست

    پیش فرض

    مرورگرها چگونه به خواندن صفحات وب ميپردازند؟
    يک مرورگر با کمک يک Request درخواستی برای خواندن يک صفحه از وب سرور ميکند.
    اين Request يا درخواست بر اساس استاندارد ارتباطی يا پروتوکل HTTP بوده و شامل آدرس صفحه مورد نظر ميباشد.
    آدرس يک صفحه وب چيزی شبيه http://www.iran-web.ir/faq.html است. بخش //:http نوع پروتوکل و يا استاندارد ارتباطی را تعيين ميکند، www.iran-web.ir نام دومين يا Domain است و faq.html نام صفحه ای است که بايد خوانده شود.

    --------------------------------------------------------------------------------

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

    --------------------------------------------------------------------------------

    چه کسانی استاندارد های وب را تعيين ميکند؟
    تعيين استاندارد های وب ربطی به شرکتهای مايکروسافت و يا نت اسکيپ ندارد.
    World Wide Web Consortium يا W3C متولی تعيين استانداردهای وب است.
    HTML, CSS and XML از مهمترين استانداردهای تصويب شده وب ميباشند.
    آخرين استاندارد HTML استاندارد XHTML 1.0 ميباشد .


    ما زنـ-ـ-ـده به آنیـــم که آرام نگیریم
    موجیم که آسودگی ما عدم ماست


    تا یار که را خواهد و میلش به که باشد........

    الهی هیچ مسافری از رفیقهاش جا نمونه .... آمین

  18. 3 کاربر از پست مفید Arad تشکر کرده اند .


  19. #10
    دیگه صاحب خونه هستن
    تاریخ عضویت
    ۱۳۹۰-خرداد-۱۹
    جنسيت
    برادر
    نوشته ها
    10,067
    امتیاز : 42,327
    سطح : 100
    Points: 42,327, Level: 100
    Level completed: 0%, Points required for next Level: 0
    Overall activity: 0%
    افتخارات:
    Social50000 Experience PointsOverdriveVeteranTagger First Class
    تشکر کردن : 54,998
    تشکر شده 22,295 در 4,610 پست
    مخالفت
    72
    مخالفت شده 63 در 55 پست

    پیش فرض تگ های اچتمل (HTML Tags)

    تگ های اچتمل (HTML Tags)

    با کمک تگ های اچتمل عناصر و يا Elements ساخته ميشوند.
    در زبان اچتمل حدود 80 عنصر تعريف شده است.
    تگ های اچتمل بوسيله دو نويسه (char) > و < ساخته ميشوند.
    تگ های اچتمل معمولا بصورت زوج ظاهر ميشوند، مانند <b>test</b>
    تگ اول در يک زوج تگ مثلا <b> تگ شروع و تگ دوم مثلا <b/> تگ پايانی نام دارد.
    متن بين تگ اول و تگ دوم در يک زوج تگ محتوای عنصر يا element content ناميده ميشود، مثلا "test"
    تگ های اچتمل را ميتوانيد بوسيله حروف لاتين کوچک (lower case) و يا بزرگ (upper case) بنويسيد و case sensitive نيستند. برای مثال دو تگ <b> و <B> معادل هم هستند ولی شديدا توصيه ميشود که به خاطر سازگاری با XHTML از حروف کوچک استفاده شود.


    ما زنـ-ـ-ـده به آنیـــم که آرام نگیریم
    موجیم که آسودگی ما عدم ماست


    تا یار که را خواهد و میلش به که باشد........

    الهی هیچ مسافری از رفیقهاش جا نمونه .... آمین

  20. 2 کاربر از پست مفید Arad تشکر کرده اند .


  21. #11
    دیگه صاحب خونه هستن
    تاریخ عضویت
    ۱۳۹۰-خرداد-۱۹
    جنسيت
    برادر
    نوشته ها
    10,067
    امتیاز : 42,327
    سطح : 100
    Points: 42,327, Level: 100
    Level completed: 0%, Points required for next Level: 0
    Overall activity: 0%
    افتخارات:
    Social50000 Experience PointsOverdriveVeteranTagger First Class
    تشکر کردن : 54,998
    تشکر شده 22,295 در 4,610 پست
    مخالفت
    72
    مخالفت شده 63 در 55 پست

    پیش فرض

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


    ما زنـ-ـ-ـده به آنیـــم که آرام نگیریم
    موجیم که آسودگی ما عدم ماست


    تا یار که را خواهد و میلش به که باشد........

    الهی هیچ مسافری از رفیقهاش جا نمونه .... آمین

  22. 2 کاربر از پست مفید Arad تشکر کرده اند .


  23. #12
    دیگه صاحب خونه هستن
    تاریخ عضویت
    ۱۳۹۰-خرداد-۱۹
    جنسيت
    برادر
    نوشته ها
    10,067
    امتیاز : 42,327
    سطح : 100
    Points: 42,327, Level: 100
    Level completed: 0%, Points required for next Level: 0
    Overall activity: 0%
    افتخارات:
    Social50000 Experience PointsOverdriveVeteranTagger First Class
    تشکر کردن : 54,998
    تشکر شده 22,295 در 4,610 پست
    مخالفت
    72
    مخالفت شده 63 در 55 پست

    پیش فرض تگ های اصلی ( Basic Tags )

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

    تگ ها ( tags ) اجزا تشکيل دهنده عناصر يا elements های اچتمل هستند و در اين فصل با عناصر و تگ های پايه و مهم:

    <hr> , <br> , <h1> .... <h6> , <!-- comment --> , <p>

    آشنا خواهيد شد . يکی از بهترين روش های يادگيری تگ های اچتمل ديدن مثالها و تغيير آنها ميباشد و با کمک اديتور اختصاصی ما و با استفاده از امکانات فارسی نويسی آن به صورت آنلاين ميتوانيد به مطالعه و يادگيری مثالها پرداخته، کدهای اچتمل را تغییر داده و با کليک روی دکمه "نمايش نتايج" به مشاهده نتايج بپردازيد.


    ما زنـ-ـ-ـده به آنیـــم که آرام نگیریم
    موجیم که آسودگی ما عدم ماست


    تا یار که را خواهد و میلش به که باشد........

    الهی هیچ مسافری از رفیقهاش جا نمونه .... آمین

  24. 2 کاربر از پست مفید Arad تشکر کرده اند .


  25. #13
    دیگه صاحب خونه هستن
    تاریخ عضویت
    ۱۳۹۰-خرداد-۱۹
    جنسيت
    برادر
    نوشته ها
    10,067
    امتیاز : 42,327
    سطح : 100
    Points: 42,327, Level: 100
    Level completed: 0%, Points required for next Level: 0
    Overall activity: 0%
    افتخارات:
    Social50000 Experience PointsOverdriveVeteranTagger First Class
    تشکر کردن : 54,998
    تشکر شده 22,295 در 4,610 پست
    مخالفت
    72
    مخالفت شده 63 در 55 پست

    پیش فرض سر تيترها (Headings)

    سر تيترها (Headings)

    سر تيترها با کمک تگ های <h1> تا <h6> تعيين ميشوند. <h1> معرف بزرگترين سر تيتر و <h6> معرف کوچکترين سر تيتر است. مرورگر به هنگام نمايش يک سر تيتر بصورت اتوماتيک يک سطر خالی قبل و بعد از هر سر تيتر اضافه خواهد کرد.
    <h1>This is a heading</h1>
    <h2>This is a heading</h2>
    <h3>This is a heading</h3>
    <h4>This is a heading</h4>
    <h5>This is a heading</h5>
    <h6>This is a heading</h6>


    ما زنـ-ـ-ـده به آنیـــم که آرام نگیریم
    موجیم که آسودگی ما عدم ماست


    تا یار که را خواهد و میلش به که باشد........

    الهی هیچ مسافری از رفیقهاش جا نمونه .... آمین

  26. 2 کاربر از پست مفید Arad تشکر کرده اند .


  27. #14
    دیگه صاحب خونه هستن
    تاریخ عضویت
    ۱۳۹۰-خرداد-۱۹
    جنسيت
    برادر
    نوشته ها
    10,067
    امتیاز : 42,327
    سطح : 100
    Points: 42,327, Level: 100
    Level completed: 0%, Points required for next Level: 0
    Overall activity: 0%
    افتخارات:
    Social50000 Experience PointsOverdriveVeteranTagger First Class
    تشکر کردن : 54,998
    تشکر شده 22,295 در 4,610 پست
    مخالفت
    72
    مخالفت شده 63 در 55 پست

    پیش فرض

    پاراگرافها (Paragraphs)
    پاراگرافها با کمک تگ <p> معرفی ميشوند.مرورگر به هنگام نمايش يک پاراگراف بصورت اتوماتيک يک سطر خالی قبل و بعد از آن اضافه خواهد کرد.


    <p>This is a paragraph</p>
    <p>This is another paragraph</p>


    --------------------------------------------------------------------------------

    سطر جديد (Line Breaks)

    برای رفتن سر سطر جديد از تگ <br> استفاده ميشود.در اينحالت يک پاراگراف جديد ايجاد نميشود. تگ <br> از نوع تگ های خالی بوده و دارای تگ انتهائی (مثلا <br/> ) نميباشد.


    <p>This <br> is a para<br>graph with line breaks</p>



    --------------------------------------------------------------------------------
    کامنت ها در اچتمل (Comments)
    برای نوشتن شرح و توضيحات در مورد کدهای اچتمل بايد از تگ خاصی استفاده کنيد. برای اينکار بايد متن و شرحتان را درون علائم <-- و --!> قرار دهيد. مرور تگ های comment را در نظر نگرفته و محتوی آنها را نمايش نخواهد داد و فقط شرح و توضيحات برای برنامه نويس و ديگر افرادی که احتمالا در آينده با کد اچتمل کار خواهند کرد مفيد خواهد بود. (به محل نويسه "!" توجه کنيد! فقط يکی و آنهم در ابتدا)

    <!-- This is a comment -->


    ما زنـ-ـ-ـده به آنیـــم که آرام نگیریم
    موجیم که آسودگی ما عدم ماست


    تا یار که را خواهد و میلش به که باشد........

    الهی هیچ مسافری از رفیقهاش جا نمونه .... آمین

  28. کاربر روبرو از پست مفید Arad تشکر کرده است .


  29. #15
    دیگه صاحب خونه هستن
    تاریخ عضویت
    ۱۳۹۰-خرداد-۱۹
    جنسيت
    برادر
    نوشته ها
    10,067
    امتیاز : 42,327
    سطح : 100
    Points: 42,327, Level: 100
    Level completed: 0%, Points required for next Level: 0
    Overall activity: 0%
    افتخارات:
    Social50000 Experience PointsOverdriveVeteranTagger First Class
    تشکر کردن : 54,998
    تشکر شده 22,295 در 4,610 پست
    مخالفت
    72
    مخالفت شده 63 در 55 پست

    پیش فرض

    چند نکته کاربردی:

    توجه داشته باشيد که بدليل وجود مرورگرهای متفاوت (اکسپلورر، نت اسکيپ، ..) و به دليل تفاوت دقت نمايش صفحه نمايش کامپيوترها، صفحات اچتمل با اندکی تفاوت در حالتهای مختلف نمايش داده ميشوند و هميشه سعی کنيد که صفحاتتان را نه تنها با اکسپلورر که معروفترين مرورگر است بلکه با نت اسکيپ و حتی مرورگرهای کامپيوترهای مکينتاش چک کرده و همچنين در دقت های نمايش 800x600 و 1024X768 آن را امتحان کنيد.

    از نظر فاصله و سطر بندی، متنی که در صفحه اديتورتان تايپ ميکنيد با چيزی که مرورگر نمايش خواهد داد متفاوت خواهد بود.هميشه به ياد داشته باشيد که فاصله های اضافی (space) و خطهای خالی متن در صفحه اديتور توسط مرورگر در نظر گرفته نشده و نمايش داده نخواهد شد.

    برای نمايش بيش از يک فاصله خالی بايد از نويسها يا ترکيب کاراکتری خاصی (None Breaking Space) استفاده کنيد.

    فاصله های اضافی بين کلمات در يک متن اچتمل توسط مرورگرها ديده نخواهد شد و در نمايش هميشه تبديل به يک فاصله (space) خواهد شد. در ضمن يک خط خالی در متن اديتور بصورت يک فاصله يا space نمايش داده خواهد شد.

    برای ايجاد يک سطر جديد هيچگاه از يک تگ <p> خالی استفاده نکنيد و به جای آن از تگ <br> استفاده کنيد..

    مرورگرها به هنگام نمايش بعضی عناصر بصورت اتوماتيک يک سطر خالی قبل و بعد از آن عنصر نمايش خواهند داد. برای نمونه اين گروه از عنصرها ميتوان از پاراگراف (<p>) و سرتيترها (<h..>) نام برد.

    تگ <hr> يا Horizontal Roler سبب نمايش يک خط افقی خواهد شد و در واقع بخش های مختلف مطالب اين صفحات با کمک اين تگ از هم جدا شده اند.


    ما زنـ-ـ-ـده به آنیـــم که آرام نگیریم
    موجیم که آسودگی ما عدم ماست


    تا یار که را خواهد و میلش به که باشد........

    الهی هیچ مسافری از رفیقهاش جا نمونه .... آمین

  30. کاربر روبرو از پست مفید Arad تشکر کرده است .


  31. #16
    دیگه صاحب خونه هستن
    تاریخ عضویت
    ۱۳۹۰-خرداد-۱۹
    جنسيت
    برادر
    نوشته ها
    10,067
    امتیاز : 42,327
    سطح : 100
    Points: 42,327, Level: 100
    Level completed: 0%, Points required for next Level: 0
    Overall activity: 0%
    افتخارات:
    Social50000 Experience PointsOverdriveVeteranTagger First Class
    تشکر کردن : 54,998
    تشکر شده 22,295 در 4,610 پست
    مخالفت
    72
    مخالفت شده 63 در 55 پست

    پیش فرض دو نکته بسيار مهم در مورد فارسی نويسی:

    دو نکته بسيار مهم در مورد فارسی نويسی:


    روش کدگزاری UTF-8
    اکيدا توصيه ميشود که برای تايپ و تمايش متون فارسی از استاندارد يونيکد و روش کدگزاری UTF-8 اسنفاده شود و اين روشی است که مطالب اين سايت و اديتور آنلاينش از آن استفاده ميکند.نکته مهم در نمايش صحيح متون فارسی تعيين نوع کدگزاری يا encoing صفحات فارسی است که برای اينکار بايد از متاتگ خاصی به نام http-equiv در بخش head صفحات اچتمل به شکل زير استفاده شود:
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    در اينصورت مرورگر يا Browser قبل از نمايش صفحه از روی متاتگ فوق نوع کدگزاری (Encoding) را تشخيص داده و ديگر مثلا نيازی به تعيين دستی (دراکسپلورور 5 : View/Encoing/Unicode / UTF-8 ) نوع Encoing توسط بازديدکننده سايت نخواهد بود.


    شناسه يا attribute ی به نام dir
    جهت نمايش متون لاتين به صورت پيش فرض و default از چپ به راست (ltr) ميباشد.در مورد متون و جملات فارسی بايد با کمک روشی جهت نمايش پيش فرض را به "راست به چپ" تغيير دهيد. شناسه يا attribute ی به نام dir يا همان direction اين کار را برای شما انجام ميدهد. اين شناسه دارای دو مقدار ممکن ميباشد :


    dir="ltr" , Left-to-right text. - چپ به راست
    dir="rtl" , Right-to-left text. - راست به چپ
    مثلا برای نمايش جمله فارسی "سلام بر دنيای وب!" با کمک عناصر p يا div کافی است که به يکی از شکلهای زير عمل شود:

    <p dir="rtl"> سلام بر دنيای وب </p>
    <div dir="rtl"> سلام بر دنيای وب </div>

    در بسياری از عناصر و تگ های اچتمل امکان استفاده از شناسه dir ميسر بوده و به عنوان نمونه ميتوان از عناصر زير نام برد:

    <p> , <div> , <html> , <body> , <table> , <tr> , <td> , <h1 ... h6> , <input> , <pre> , <select> , <span> , ...


    ما زنـ-ـ-ـده به آنیـــم که آرام نگیریم
    موجیم که آسودگی ما عدم ماست


    تا یار که را خواهد و میلش به که باشد........

    الهی هیچ مسافری از رفیقهاش جا نمونه .... آمین

  32. کاربر روبرو از پست مفید Arad تشکر کرده است .


  33. #17
    دیگه صاحب خونه هستن
    تاریخ عضویت
    ۱۳۹۰-خرداد-۱۹
    جنسيت
    برادر
    نوشته ها
    10,067
    امتیاز : 42,327
    سطح : 100
    Points: 42,327, Level: 100
    Level completed: 0%, Points required for next Level: 0
    Overall activity: 0%
    افتخارات:
    Social50000 Experience PointsOverdriveVeteranTagger First Class
    تشکر کردن : 54,998
    تشکر شده 22,295 در 4,610 پست
    مخالفت
    72
    مخالفت شده 63 در 55 پست

    پیش فرض تگ Anchor و شناسه href

    تگ Anchor و شناسه href

    برای ايجاد پيوند به صفحات ديگر از تگ <a> استفاده ميشود. پيوندها ميتوانند به بخش ديگری از همان صفحه، صفحات ديگر وب، تصاوير، فايلهای صوتی يا حتی فيلم ها و ... اشاره کنند.
    فرم کلی يک پيوند به قرار زير است:


    <a href="url">Some Text</a>
    در مثال بالا تگ <a> برای ايجاد پيوندی به صفحه ای ديگر که آدرس اينترنتی آن url ميباشد بکار رفته است. برای تعيين مقصد و يا آدرس صفحه جديد از شناسه ای به نام href که همان hyerlink reference ميباشد، استفاده ميشود و مقدار اين شناسه در واقع همان آدرس اينترنتی صفحه مقصد است. بخش قابل رويت پيوند و در واقع متــنــی (و يا تصويری ) که توسط مرورگر نمايش داده خواهد شد و بازديدکننده روی آن کليک خواهد کرد ميان تگهای <a> و </a> قرار داده ميشود و هر چند که در مثال بالا اين بخش متن "Some Text" است ولی ميتواند حتی يک تصوير باشد.

    برای نمونه کد اچتمل زير پيوندی به سايت google.com ايجاد خواهد کرد:

    <a href="http://www.google.com/">Visit Google Site</a>

    و مرورگر پيوند بالا را به شکل زير نمايش داده و در اثر کليک روی پيوند توسط بازديدکننده، مرورگر به سايت Google خواهد رفت.


    ما زنـ-ـ-ـده به آنیـــم که آرام نگیریم
    موجیم که آسودگی ما عدم ماست


    تا یار که را خواهد و میلش به که باشد........

    الهی هیچ مسافری از رفیقهاش جا نمونه .... آمین

  34. کاربر روبرو از پست مفید Arad تشکر کرده است .


  35. #18
    دیگه صاحب خونه هستن
    تاریخ عضویت
    ۱۳۹۰-خرداد-۱۹
    جنسيت
    برادر
    نوشته ها
    10,067
    امتیاز : 42,327
    سطح : 100
    Points: 42,327, Level: 100
    Level completed: 0%, Points required for next Level: 0
    Overall activity: 0%
    افتخارات:
    Social50000 Experience PointsOverdriveVeteranTagger First Class
    تشکر کردن : 54,998
    تشکر شده 22,295 در 4,610 پست
    مخالفت
    72
    مخالفت شده 63 در 55 پست

    پیش فرض

    شناسه target در پيوندها:

    با کمک شناسه target امکان تعيين مقصد پيوند جديد فراهم ميشود. در مثال بالا پس از کليک روی پيوند، مرورگر سايت google.com را باز کرده و جايگزين سایت فعلی خواهد شد. اگر ميخواهيد که مرورگر پيوند را در صفحه ای جديد باز کند بايد از شناسه target و مقدار "_blank" برای آن استفاده کنيد . مثال زير سبب باز شدن سايت google.com در پنجره جديدی خواهد شد:

    <a href="http://www.google.com/" target="_blank">Visit Google Site</a>


    ما زنـ-ـ-ـده به آنیـــم که آرام نگیریم
    موجیم که آسودگی ما عدم ماست


    تا یار که را خواهد و میلش به که باشد........

    الهی هیچ مسافری از رفیقهاش جا نمونه .... آمین

  36. کاربر روبرو از پست مفید Arad تشکر کرده است .


  37. #19
    دیگه صاحب خونه هستن
    تاریخ عضویت
    ۱۳۹۰-خرداد-۱۹
    جنسيت
    برادر
    نوشته ها
    10,067
    امتیاز : 42,327
    سطح : 100
    Points: 42,327, Level: 100
    Level completed: 0%, Points required for next Level: 0
    Overall activity: 0%
    افتخارات:
    Social50000 Experience PointsOverdriveVeteranTagger First Class
    تشکر کردن : 54,998
    تشکر شده 22,295 در 4,610 پست
    مخالفت
    72
    مخالفت شده 63 در 55 پست

    پیش فرض شناسه Name :

    شناسه Name :

    با کمک شناسه name ميتوانيد پيوندها را نام گذاری کنيد.پيوندهای نامگذاری شده امکان حرکت ميان قسمتهای مختلف يک صفحه يا page را فراهم ميکنند. در اينصورت مثلا برای رفتن به آخر يک متن ديگر نيازی به Scrool down کردن تمامی صفحه نيست و کافی است که بازديدکننده روی پيوندی که به آخر صفحه اشاره ميکند کليک کند.
    استفاده از پيوندهای نامگذاری شده شامل دو مرحله است:
    1- ايجاد يک پيوند نامگذاری شده (اين قسمت به عنوان لنگر کار خواهد کرد.) :
    فرم کلی يک پيوند نام گذاری شده به قرار زير است:

    <a name="label">Text to be displayed</a>

    وظيفه شناسه name تعيين نام برای پيوند است و مقدارآن همان نام پيوند ميباشد. نام پيوند هم هر نام لاتينی ميتواند باشد. در فرم کلی بالا، نام پيوند label و متنی که بعنوان پيوند نمايش داده ميشود عبارت "Text to be displayed" خواهد بود. مثال زير به ايجاد يک پيوند نامگذاری شده با نام top ميپردازد:


    <a name="top">Here is top of my page!</a>




    2- ايجاد يک پيوند به پيوند نامگذاری شده ديگر:

    برای دادن لينک به پيوندی نام گذاری شده، کافی است که پيوندی معمولی ايجاد کرده و در قسمت href آن ابتدا url مقصد و سپس نويسه # و در نهايت نام پيوند نامگذاری شده را درج کنيد. مثال زير ايجاد پيوندی است که به لينک نامگذاری شده ای به نام top اشاره ميکند:

    <a href="http://www.khaterat.com/www/index.cgi#top"> Goto Top! </a>
    در اثر کليک روی پيوند بالا مرورگر مستقيما به ابتدای بخش top صفحه http://www.khaterat.com/www/index.cgi خواهد رفت.

    اگر مقصد پيوند در همان صفحه قرار دارد نيازی به قيد url نيست و فقط نويسه # و سپس نام پيوند کافی است:

    <a href="#top"> Goto Top! </a>


    ما زنـ-ـ-ـده به آنیـــم که آرام نگیریم
    موجیم که آسودگی ما عدم ماست


    تا یار که را خواهد و میلش به که باشد........

    الهی هیچ مسافری از رفیقهاش جا نمونه .... آمین

  38. کاربر روبرو از پست مفید Arad تشکر کرده است .


  39. #20
    دیگه صاحب خونه هستن
    تاریخ عضویت
    ۱۳۹۰-خرداد-۱۹
    جنسيت
    برادر
    نوشته ها
    10,067
    امتیاز : 42,327
    سطح : 100
    Points: 42,327, Level: 100
    Level completed: 0%, Points required for next Level: 0
    Overall activity: 0%
    افتخارات:
    Social50000 Experience PointsOverdriveVeteranTagger First Class
    تشکر کردن : 54,998
    تشکر شده 22,295 در 4,610 پست
    مخالفت
    72
    مخالفت شده 63 در 55 پست

    پیش فرض فریمها و معایب استفاده از آن

    فريمها (Frames)

    با کمک فريمها قادر به نمايش همزمان بيش از يک صفحه وب در پنجره مرورگر خواهيد شد. هر صفحه يا دريچه، فريم (frame) ناميده شده و فريمها کاملا مستقل از هم ميباشند. محتوای هر فريم هم ميتواند هر صفحه يا وب سايتی باشد. هر چند که فريمها طراحی سايتهای کوچک و متوسط را بسيار آسان ميکنند ولی استفاده از آنها در کارهای حرفه ای توصيه نميشود.(به جز در موارد خاص)

    معايب استفاده از فريمها:

    موتورهای جستجو با صفحات طراحی شده با فريمها مشکل دارند.
    چاپ و print صفحاتی که از فريمها استفاده ميکنند مشکل است.
    صفحاتی که از فريمها استفاده ميکنند معمولا مبتدی بودن طراح سايت را نشان ميدهد!!


    ما زنـ-ـ-ـده به آنیـــم که آرام نگیریم
    موجیم که آسودگی ما عدم ماست


    تا یار که را خواهد و میلش به که باشد........

    الهی هیچ مسافری از رفیقهاش جا نمونه .... آمین

  40. کاربر روبرو از پست مفید Arad تشکر کرده است .


  41. #21
    دیگه صاحب خونه هستن
    تاریخ عضویت
    ۱۳۹۰-خرداد-۱۹
    جنسيت
    برادر
    نوشته ها
    10,067
    امتیاز : 42,327
    سطح : 100
    Points: 42,327, Level: 100
    Level completed: 0%, Points required for next Level: 0
    Overall activity: 0%
    افتخارات:
    Social50000 Experience PointsOverdriveVeteranTagger First Class
    تشکر کردن : 54,998
    تشکر شده 22,295 در 4,610 پست
    مخالفت
    72
    مخالفت شده 63 در 55 پست

    پیش فرض تگ فريم ست (Frameset)

    تگ فريم ست (Frameset)

    تگ <frameset> به تعريف فريمها و تقسيم بندی پنجره مرورگر ميپردازد.
    هر تگ <frameset> مجموعه ای از رديفها يا ستونها را تعريف ميکند.
    داخل هر فريم ميتواند frameset ديگری قرار دهيد.
    با کمک شناسه های rows و cols ابعاد و نسبت هر فريم تعيين ميگردد.
    تگ <frameset> درون تگهای <html> و <html/> قرار ميگيرد.(نيازی به قيد تگ body هنگام معرفی يک frameset نيست.)


    ما زنـ-ـ-ـده به آنیـــم که آرام نگیریم
    موجیم که آسودگی ما عدم ماست


    تا یار که را خواهد و میلش به که باشد........

    الهی هیچ مسافری از رفیقهاش جا نمونه .... آمین

  42. کاربر روبرو از پست مفید Arad تشکر کرده است .


  43. #22
    دیگه صاحب خونه هستن
    تاریخ عضویت
    ۱۳۹۰-خرداد-۱۹
    جنسيت
    برادر
    نوشته ها
    10,067
    امتیاز : 42,327
    سطح : 100
    Points: 42,327, Level: 100
    Level completed: 0%, Points required for next Level: 0
    Overall activity: 0%
    افتخارات:
    Social50000 Experience PointsOverdriveVeteranTagger First Class
    تشکر کردن : 54,998
    تشکر شده 22,295 در 4,610 پست
    مخالفت
    72
    مخالفت شده 63 در 55 پست

    پیش فرض

    تگ فريم (Frame)

    کاربرد اصلی تگ <frame> تعيين source يا نام صفحه ای است که بايد در فريم ها نمايش داده شود.
    مثال زير مجموعه ای از فريمها را که شامل دو فريم عمودی ميباشند معرفی ميکند. از سمت چپ فريم اول 75 درصد و فريم دوم 25 درصد از عرض پنجره مرورگر را به خود نمايش خواهند داد. در ادامه تعريف محتويات هر فريم، درون فريم اول فايل "frame_left.html" و درون فريم دوم فايل "frame_right.html" نمايش داده خواهد شد.


    <html>
    <frameset cols="75%,25%">
    <frame src="frame_left.html">
    <frame src="frame_right.html">
    </frameset>
    </html>

    برای نمايش مثال بالا به سه فايل نياز داريد، frame_left.html ،frame_right.html و فايل کد اچتمل بالا.


    ما زنـ-ـ-ـده به آنیـــم که آرام نگیریم
    موجیم که آسودگی ما عدم ماست


    تا یار که را خواهد و میلش به که باشد........

    الهی هیچ مسافری از رفیقهاش جا نمونه .... آمین

  44. کاربر روبرو از پست مفید Arad تشکر کرده است .


  45. #23
    دیگه صاحب خونه هستن
    تاریخ عضویت
    ۱۳۹۰-خرداد-۱۹
    جنسيت
    برادر
    نوشته ها
    10,067
    امتیاز : 42,327
    سطح : 100
    Points: 42,327, Level: 100
    Level completed: 0%, Points required for next Level: 0
    Overall activity: 0%
    افتخارات:
    Social50000 Experience PointsOverdriveVeteranTagger First Class
    تشکر کردن : 54,998
    تشکر شده 22,295 در 4,610 پست
    مخالفت
    72
    مخالفت شده 63 در 55 پست

    پیش فرض تگ img و شناسه src يا source

    تگ img و شناسه src يا source

    در زبان اچتمل تصاوير را با کمک تگ <img> تعريف ميکنند. تگ <img> از نوع تگهای خالی است، بدين معنا که فقط دارای يک يا چند شناسه و attribute بوده و دارای تگ انتهائی يا <img/> نيست.

    مهمترين شناسه برای درج و تعريف يک تصوير src يا source نام دارد و مقدار اين شناسه آدرس يا URL تصوير ميباشد. تصاويری که مرورگر در يک صفحه وب نمايش ميدهد ميتوانند در همان دايرکتوری صفحه اچتمل، در ديگر دايرکتوريهای همان سايت و يا در فضای بيکران وب قرار داشته باشند.

    شکل ساده درج يک تصوير:

    <img src="url">

    مقدار url آدرس اينترنتی تصوير ميباشد و مثلا اگر تصويری که قرار است که در صفحه درج شود در همان دايرکتوری قرار دارد و نامش me.jpg ، کافی است که به جای url فقط نام تصوير يعنی me.jpg را بنويسيد و اگر تصوير در سايتی ديکر قرار دارد url کامل آنرا بنويسيد. مثلا تصوير لوگو سايت google.com دارای url ی برابر http://www.google.com/images/logo.gif است.در اين url نام تصوير logo.gif بوده، در دايرکتوری images قرار داشته و روی وب سايت google.com قرار دارد.


    ما زنـ-ـ-ـده به آنیـــم که آرام نگیریم
    موجیم که آسودگی ما عدم ماست


    تا یار که را خواهد و میلش به که باشد........

    الهی هیچ مسافری از رفیقهاش جا نمونه .... آمین

  46. کاربر روبرو از پست مفید Arad تشکر کرده است .


  47. #24
    دیگه صاحب خونه هستن
    تاریخ عضویت
    ۱۳۹۰-خرداد-۱۹
    جنسيت
    برادر
    نوشته ها
    10,067
    امتیاز : 42,327
    سطح : 100
    Points: 42,327, Level: 100
    Level completed: 0%, Points required for next Level: 0
    Overall activity: 0%
    افتخارات:
    Social50000 Experience PointsOverdriveVeteranTagger First Class
    تشکر کردن : 54,998
    تشکر شده 22,295 در 4,610 پست
    مخالفت
    72
    مخالفت شده 63 در 55 پست

    پیش فرض تگ img و شناسه src يا source

    تگ img و شناسه src يا source

    در زبان اچتمل تصاوير را با کمک تگ <img> تعريف ميکنند. تگ <img> از نوع تگهای خالی است، بدين معنا که فقط دارای يک يا چند شناسه و attribute بوده و دارای تگ انتهائی يا <img/> نيست.

    مهمترين شناسه برای درج و تعريف يک تصوير src يا source نام دارد و مقدار اين شناسه آدرس يا URL تصوير ميباشد. تصاويری که مرورگر در يک صفحه وب نمايش ميدهد ميتوانند در همان دايرکتوری صفحه اچتمل، در ديگر دايرکتوريهای همان سايت و يا در فضای بيکران وب قرار داشته باشند.

    شکل ساده درج يک تصوير:

    <img src="url">

    مقدار url آدرس اينترنتی تصوير ميباشد و مثلا اگر تصويری که قرار است که در صفحه درج شود در همان دايرکتوری قرار دارد و نامش me.jpg ، کافی است که به جای url فقط نام تصوير يعنی me.jpg را بنويسيد و اگر تصوير در سايتی ديکر قرار دارد url کامل آنرا بنويسيد. مثلا تصوير لوگو سايت google.com دارای url ی برابر http://www.google.com/images/logo.gif است.در اين url نام تصوير logo.gif بوده، در دايرکتوری images قرار داشته و روی وب سايت google.com قرار دارد.


    ما زنـ-ـ-ـده به آنیـــم که آرام نگیریم
    موجیم که آسودگی ما عدم ماست


    تا یار که را خواهد و میلش به که باشد........

    الهی هیچ مسافری از رفیقهاش جا نمونه .... آمین

  48. کاربر روبرو از پست مفید Arad تشکر کرده است .


  49. #25
    دیگه صاحب خونه هستن
    تاریخ عضویت
    ۱۳۹۰-خرداد-۱۹
    جنسيت
    برادر
    نوشته ها
    10,067
    امتیاز : 42,327
    سطح : 100
    Points: 42,327, Level: 100
    Level completed: 0%, Points required for next Level: 0
    Overall activity: 0%
    افتخارات:
    Social50000 Experience PointsOverdriveVeteranTagger First Class
    تشکر کردن : 54,998
    تشکر شده 22,295 در 4,610 پست
    مخالفت
    72
    مخالفت شده 63 در 55 پست

    پیش فرض شناسه های width و height در تگ img

    شناسه های width و height در تگ img

    کاربرد شناسه های width و height تعيين عرض و ارتفاع نمايش تصوير است. اگر از اين شناسه ها استفاده نکنيد، مرورگر ابتدا تصوير را لود کرده و سپس طول و عرض آنرا يافته و در نهايت نمايش ميدهد. با نوشتن مقاديری غير از مقادير واقعی طول و عرض تصوير ميتوانيد به تغيير شکل و ابعاد آن بپردازيد و آنرا مثلا کوچکتر، بزرگتر و يا کشيده تر نمايش دهيد. مثال زير نحوه درج تصويری را با قيد ابعاد آن شرح ميدهد:


    <img src="http://www.google.com/images/logo.gif" width="276" height="110" >

    توصيه ميشود که حتما ابعاد تصوير را با کمک شناسه های width و height قيد کنيد، اينکار سبب کمک به مرورگر در تسريع شروع نمايش صفحه خواهد شد.(در واقع با قيد ابعاد تصوير، مرورگر قبل از لود تصوير ميداند که چه مقدار از صفحه نمايش بايد به تصوير بايد اختصاص داده شود و قبل از لوذ شدن تمامی تصاوير مرورگر شروع به نمايش قالب و چارچوب کلی صفحه خواهد کرد.)


    ما زنـ-ـ-ـده به آنیـــم که آرام نگیریم
    موجیم که آسودگی ما عدم ماست


    تا یار که را خواهد و میلش به که باشد........

    الهی هیچ مسافری از رفیقهاش جا نمونه .... آمین

  50. کاربر روبرو از پست مفید Arad تشکر کرده است .


  51. #26
    دیگه صاحب خونه هستن
    تاریخ عضویت
    ۱۳۹۰-خرداد-۱۹
    جنسيت
    برادر
    نوشته ها
    10,067
    امتیاز : 42,327
    سطح : 100
    Points: 42,327, Level: 100
    Level completed: 0%, Points required for next Level: 0
    Overall activity: 0%
    افتخارات:
    Social50000 Experience PointsOverdriveVeteranTagger First Class
    تشکر کردن : 54,998
    تشکر شده 22,295 در 4,610 پست
    مخالفت
    72
    مخالفت شده 63 در 55 پست

    پیش فرض

    وبلاگها و اضافه کردن تصاویر:

    اگر وبلاگی داشته و میخواهید که تصویری به آن اضافه کنید دو حالت مختلف ممکن است که پیش آید:
    الف) تصویر روی سایتی دیگر قرار داشته و شما هم میخواهید از آن تصویر که در سایتی دیگر قرار دارد استفاده کنید. در این حالت از آدرس مستقیم تصویر در شناسه src استفاده کنید، مانند :
    <img src="http://www.google.ca/images/hp0.gif" width=258 height=78 >
    در این مثال تصویر روی سایت google.ca قرار داشته و لزومی به ذخیره آن توسط شما نیست.


    ب) تصویر روی هارد کامییوتر شما است و هنوز بروی وب منتقل نشده است. در این حالت چون اغلب سیستم های وبلاگ امکان ذخیره تصاویر را به شما نمی دهند باید ابتدا تصویرتان را با کمک FTP یا روشهای دیگر به روی سایتی دیگر منتقل کنید. شرکتهای مختلفی فضای مجانی برای ساخت صفحات وب و ذخیره اطلاعات و تصاویر در اختیار شما قرار میدهند و در یکی از سؤالهای این FAQ فهرست این شرکتها را میتوانید ببینید. بنابراین ابتدا فضائی در وب تهیه کرده، سپس تصویرتان را Upload کرده (با کمک FTP یا روشهاس دیگر ) و سپس در شناسه src از تگ img آدرس جدید تصویر را قید کنید.


    ما زنـ-ـ-ـده به آنیـــم که آرام نگیریم
    موجیم که آسودگی ما عدم ماست


    تا یار که را خواهد و میلش به که باشد........

    الهی هیچ مسافری از رفیقهاش جا نمونه .... آمین

  52. کاربر روبرو از پست مفید Arad تشکر کرده است .


  53. #27
    دیگه صاحب خونه هستن
    تاریخ عضویت
    ۱۳۹۰-خرداد-۱۹
    جنسيت
    برادر
    نوشته ها
    10,067
    امتیاز : 42,327
    سطح : 100
    Points: 42,327, Level: 100
    Level completed: 0%, Points required for next Level: 0
    Overall activity: 0%
    افتخارات:
    Social50000 Experience PointsOverdriveVeteranTagger First Class
    تشکر کردن : 54,998
    تشکر شده 22,295 در 4,610 پست
    مخالفت
    72
    مخالفت شده 63 در 55 پست

    پیش فرض رنگ و تصوير زمينه در صفحات اچتمل:

    رنگ و تصوير زمينه در صفحات اچتمل:

    تگ <body> دارای دو شناسه مهم برای تعيين رنگ و تصوير پس زمينه ميباشد. پس زمينه صفحات اچتمل رنگ و يا يک تصوير ميتواند باشد.

    شناسه bgcolor برای رنگ پس زمينه (background color)
    شناسه bgcolor رنگ پس زمينه را تعيين ميکند. مقدار رنگ پس زمينه ميتواند نام رنگ (مثل red يا blue ) ، مقدار آن بر اساس استاندارد RGB و يا حتی مقدار هگزادسيمال (Hexadecimal) باشد.

    <body bgcolor="#000000">
    <body bgcolor="rgb(0,0,0)">
    <body bgcolor="black">

    در تمامی مثالهای بالا با کمک شناسه bgcolor رنگ زمينه صفحه "سياه" تعيين ميشود.

    شناسه Background برای تصوير پس زمينه:
    برای تعيين تصويری که به عنوان پس زمينه صفحه نمايش داده ميشود از شناسه background استفاده ميشود.مقدار اين شناسه URL يا آدر س تصوير (image) ميباشد.اگر ابعاد تصوير کوچکتر از ابعاد صفحه مرورگر باشد، تصوير زمينه تکثير خواهد شد تا حدی که تمام صفحه نمايش از تصوير زمينه پوشانده شود.

    <body background="bg.gif">
    <body background="http://www.khaterat.com/images/bg.gif">


    در مثال اول از آدرس دهی نسبی (relative) برای تعيين URL يا آدرس تصوير استفاده شده و در واقع در اين مثال فايل اچتمل و تصوير bg.gif بايد در يک دايرکتوری قرار گيرند. در مقابل مثال دوم از آدرس دهی مطلق (absolute) برای تعيين آدرس تصوير استفاده شده است و همانطور که ميدانيد آدرس تصوير در هر نقطه از فضای وب ميتواند باشد.

    نکات مهم: اگر از تصاوير پس زمينه در صفحات اچتمل استفاده ميکنيد به نکات زير توجه کنيد :

    هرتصويری با فرمت gif و يا jpg قابل استفاده به عنوان تصوير زمينه ميباشد.
    از تصاوير بزرگتر از ده کيلوبايت ظرفيت به هيچ وجه استفادا نکنيد، در غير اين صورت سرعت load صفحه بشدت پايين خواهد آمد.
    از تصاوير زمينه هماهنگ با ديگرتصاوير صفحه استفاده کنيد.
    از تصاوير زمينه هماهنگ با متون صفحه استفاده کنيد.
    در رزولوشنهای مختلف به ديدن و آزمايش تصاوير پس زمينه بپردازيد.
    پر مصرف ترين رنگهای زمينه وب سايتها، رنگهای سفيد، سياه و خاکستری ميباشند.


    ما زنـ-ـ-ـده به آنیـــم که آرام نگیریم
    موجیم که آسودگی ما عدم ماست


    تا یار که را خواهد و میلش به که باشد........

    الهی هیچ مسافری از رفیقهاش جا نمونه .... آمین

  54. کاربر روبرو از پست مفید Arad تشکر کرده است .


  55. #28
    دیگه صاحب خونه هستن
    تاریخ عضویت
    ۱۳۹۰-خرداد-۱۹
    جنسيت
    برادر
    نوشته ها
    10,067
    امتیاز : 42,327
    سطح : 100
    Points: 42,327, Level: 100
    Level completed: 0%, Points required for next Level: 0
    Overall activity: 0%
    افتخارات:
    Social50000 Experience PointsOverdriveVeteranTagger First Class
    تشکر کردن : 54,998
    تشکر شده 22,295 در 4,610 پست
    مخالفت
    72
    مخالفت شده 63 در 55 پست

    پیش فرض چگونگی استفاده از استایل شیتها:

    چگونگی استفاده از استایل شیتها:

    مرورگرها از روی استیلهای تعریف شده توسط استایل شیتها به فرمت دهی و نمایش اطلاعات درون صفحه اچتمل میپردازند. تعریف و استفاده از استایل ها در صفحات اچتمل به سه روش مختلف ممکن میباشد:

    1)استایل شیتهای خارجی (external style sheet) :
    در این روش تمامی استیلها و تعاریف نمایشی درون فایلی جداگانه قرار گرفته و بسیار مناسب حالتهائی است که قرار است که استایلی به بیش از یک صفحه اچتمل اعمال شود. مزیت این روش سهولت در تغییر ظاهر صفحات یک وب سایت میباشد و برای یک تغییر کلی در سایت کافی است که فایل استایل شیت کل سایت که معمولا یک فایل واحد است تغییر داده شود. (باید توجه داشت که در این حالت تمامی صفحات سایت باید به یک فایل استایل شیت واحد پیوند شده باشند.) استایل شیتهای خارجی توسط تگ <link> که درون بخش head صفحات اچتمل قرار میگیرد، معرفی میشوند.
    در مثال زیر با کمک شناسه href از تگ link نام و در حالت کلی url فایل در برگیرنده استایلهای تعریف شده تعیین میگردد:





    <head>
    <link rel="stylesheet" type="text/css" href="mystyle.css">
    </head>




    2)استایل شیتهای داخلی (Internal Style Sheet) :
    کاربرد این روش در حالتهائی است که صفحه اچتمل نیازمند تعریف استایلی منحصر به فرد و مجزا بوده و استایل طراحی شده فقط بدرد آن صفحه خواهد خورد. در این حالت باید کدهای حاوی تعریف استایل درون تگ های <style> و <style/> قرار گرفته و معمولا نتیجه درون بخش head صفحه اچتمل گذاشته میشود.مثال:




    <head>
    <style type="text/css">
    body {background-color: red}
    p {margin-left: 20px}
    </style>
    </head>





    3)استایل شیتهای درجا (Inline Styles) :
    کاربرد این روش در مواردی است که باید برای یک المان (یا گروهی) خاص استایلی اعمال شود. در این حالت باید از شناسه ای به نام style که تقریبا در تمامی تگها قابل اعمال است استفاده شود. مثال:





    <p style="color: red; margin-left: 20px">
    This is a paragraph
    </p>



    ما زنـ-ـ-ـده به آنیـــم که آرام نگیریم
    موجیم که آسودگی ما عدم ماست


    تا یار که را خواهد و میلش به که باشد........

    الهی هیچ مسافری از رفیقهاش جا نمونه .... آمین

  56. کاربر روبرو از پست مفید Arad تشکر کرده است .


اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

کلمات کلیدی این موضوع

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  
درباره ما

جامعه مجازی رهپویان به عنوان شبکه اجتماعی اعضاء کانون فرهنگی رهپویان وصال از سال 1381 و به عنوان یکی از قدیمی ترین تالارهای گفتمان فضای وب فارسی مشغول به فعالیت می باشد. تمامی تلاش دست اندرکاران مجموعه، فراهم آوردن محیطی سالم، مفید و آموزنده برای کاربران گرامی می باشد بدیهی است مطالب درج شده نظرات کانون رهپویان وصال نبوده و نظرات رسمی در سایت رهپویان وصال درج می گردد.

ارسال پیام به مدیر سایت
session بارگذاری مجدد کد امنیتی مندرج در تصویر را وارد کنید:
شادی روح 14 شهید کانون فرهنگی رهپویان وصال صلوات

Content Relevant URLs by vBSEO 3.6.1