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

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

وبلاگ رسمی علیرضا شهامت در بلاگ اسکای - تأسیس شده در سال 1396
وبلاگ رسمی علیرضا شهامت در بلاگ اسکای

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

وبلاگ رسمی علیرضا شهامت در بلاگ اسکای - تأسیس شده در سال 1396

طریقه ی درست کردن سایت های تو در تو با آی فریم

سلام

در این مطلب، آموزش می بینید که با تگِ اچ تی ام الِ آی فریم (iframe html tag)  ، چگونه سایت های تو در تو درست کنید:


1- در محلی دلخواه یک new text document درست کنید.

2- در منوی file در notepad روی گزینه ی save as کلیک کنید.

3- پارامتر Encoding  را روی گزینه ی UTF-8 قرار دهید.

4- یک نام دلخواه با پسوند ((.htm)) در قسمت file name  بنویسید.

نکته ی مهم:  پسوند دلخواه نیست و حتماً باید .htm  یا .html باشد.

5- اکنون یک فایل .html یا .htm  در محلی که فایل را save as کرده اید دارید.

6- اگر نت پد را بسته اید روی web page ای که ایجاد کرده اید، راست کلیک کرده و گزینه ی open with notepad را انتخاب کنید.

کدها دوباره ظاهر می شوند؛ تعجب نکنید چون که هنوز کدی ننوشته اید.

7- کد های زیر را عیناً درون نت پد در فایلی که سیو از کرده اید ، تایپ کنید یا اینکه اگر در جایی کد آماده دارید آن را درون نت پد paste کنید.


کدها از این قرارند:



<iframe
    src ="https://m.telewebion.com/embed/vod?EpisodeID=2228942"

    width = "700"
    height = "500"
    frameborder="5"
    allowFullScreen="true"
    webkitallowfullscreen="true"
    mozallowfullscreen="true"
   
>



</iframe>


نکته ی مهم:  ممکن است به دلایلی کدها راست چین شده باشند. آنها را کپی و پیست کنید تا به مشکلی بر نخورید.

8-  فایل را مجدداً save کنید.

9- فایل .html   را در جایی که ذخیره کرده اید، با مرورگر دلخواه مانند firefox اجرا کنید.

10- اگر همه چیز خوب پیش رفته باشد، اکنون شما در وب پیجی که درست کرده اید، یک قاب آی فریم دارید.


11-      src ="https://m.telewebion.com/embed/vod?EpisodeID=2228942"

کد بالا اصل کار است که با تغییر آدرسی که بین دو تا دابل کوتیشن قرار دارد، می توانید آدرس دلخواه را به صفحه ی وب خود بدهید.

مثلاً 

src = "www.mysite.a.b.c.blogsky.com"

12- پس از این که ازصحّت محتوای آی فریم خود مطمئن شدید، می توانید این کدها را وارد وبلاگ یا سایت اصلی خود کنید.

13- امیدوارم این مطلب برای شما مفید واقع شود.

منتظر نظرات و سوالات شما هستم.

موفق باشید.

نظرات 0 + ارسال نظر
برای نمایش آواتار خود در این وبلاگ در سایت Gravatar.com ثبت نام کنید. (راهنما)
ایمیل شما بعد از ثبت نمایش داده نخواهد شد