یکی از راه های وارد کردن صفحه به صفحه ، استفاده از قابلیت HyperText Markup Language (HTML) برای تقسیم صفحه به پنجره های جداگانه است. به چنین پنجره هایی "فریم" گفته می شود و می تواند چندین عدد از آنها در یک صفحه وجود داشته باشد. هر فریم به نوبه خود می تواند شامل مجموعه ای از فریم ها باشد و هر یک از آنها را می توان با صفحاتی از منابع مختلف بارگذاری کرد.
لازم است
دفترچه یادداشت ویرایشگر متن
دستورالعمل ها
مرحله 1
برای ساخت چنین مجموعه ای از صفحات در یک صفحه ، با ایجاد ظرفی برای فریم ها شروع می کنید. دستورالعمل مرورگر برای ایجاد چنین ظرفی در HTML به صورت زیر است:
به این دستورالعمل ها "برچسب" گفته می شود. اینها برچسب های باز و بسته کننده ظرف هستند که باید بین آنها برچسب ها قرار بگیرند تا فریم ها تشکیل شوند. برچسب ها حاوی اطلاعات اضافی مختلفی به نام "ویژگی" برچسب ها هستند. در برچسب باز ، باید مشخص کنید که فضای صفحه دقیقاً چگونه باید بین فریم ها تقسیم شود:
در اینجا ، ویژگی "cols" نشان می دهد که صفحه دو فریم باید به صورت عمودی شکافته شود ، و به هر یک 50٪ عرض پنجره داده شود. برای تقسیم صفحه به صورت افقی ، از ویژگی دیگری استفاده می شود ، "rows":
همان را می توان به این ترتیب نوشت:
در اینجا ، یک ستاره (*) نشان می دهد که تمام فضای باقیمانده باید به قاب دوم اختصاص یابد. شما می توانید مقادیر را نه بر حسب درصد ، بلکه در "پیکسل" تعیین کنید - این واحد اصلی اندازه گیری است که در طرح بندی صفحه استفاده می شود:
گام 2
ما با کانتینر برخورد کردیم ، اکنون باید خود قابها را بنویسیم. برچسب قاب HTML در ساده ترین شکل به این شکل است: در اینجا ویژگی "src" آدرس اینترنتی صفحه را نشان می دهد که باید در این قاب بارگیری شود. اگر صفحه در همان سرور و در همان پوشه (یا پوشه فرعی) قرار داشته باشد ، لازم نیست آدرس کامل را مشخص کنید ، نام پرونده و مسیر پوشه فرعی کافی است. به چنین آدرسهایی "نسبی" و آدرسهای کامل "مطلق" گفته می شود. همان برچسب با آدرس نسبی صفحه برای بارگذاری: - با استفاده از ویژگی "پیمایش" ، می توانید قوانینی را برای نوارهای پیمایشی این قاب تنظیم کنید: مقدار "بله" به این معنی است که این قاب همیشه دارای نوارهای پیمایشی است. اگر مقدار "نه" را وارد کنید - آنها هرگز نخواهند بود ، و مقدار "خودکار" تعیین می کند که اگر محتوای قاب در مرزهای آن قرار نگیرد ، نوارهای پیمایش در صورت لزوم ظاهر می شوند. - به طور پیش فرض ، مرزهای قاب ها در صفحه را می توان با ماوس منتقل کرد. اما اگر صفت noresize را به برچسب تنظیم کنید ، این ویژگی غیرفعال خواهد شد: - برچسب قاب دارای دو ویژگی است که حاشیه ها را بین کادرهای مجاور تنظیم می کند - marginwidth اندازه حاشیه از حاشیه مجاور را به صورت افقی نشان می دهد (چپ و راست) ، marginheight - به صورت عمودی (زیر و بالا): - ویژگی دیگر - نام - نام خاص خود را به کادر می دهد. اگر قابها حاوی اسکریپتهایی باشند که باید کاری را در قابهای مجاور انجام دهند و آنها را با نام متمایز کنند ، این ممکن است لازم باشد.
مرحله 3
این زمینه نظری برای ایجاد یک صفحه ساده حاوی مثلاً دو صفحه از سایت های دیگر کافی است. یک ویرایشگر متن ساده برای شما کافی است - یک دفترچه یادداشت استاندارد مناسب است. یک سند جدید ایجاد کنید و کد html زیر را در آن وارد کنید:
اکنون سند خود را با پسوند html ذخیره کنید - به عنوان مثال ، test.html. پس از آن ، با دوبار کلیک بر روی فایل test.html ، مرورگر راه اندازی می شود و مرورگر دستورالعمل هایی را که برای شما در کد html برای آن نوشتید ، اجرا می کند. نتیجه باید به این شکل باشد:
