برای نمایش اطلاعات از چندین منبع در یک صفحه ، اغلب از مکانیزم تقسیم صفحه HTML استفاده می شود. در زیر شرح ساختارهای زبان برای درج فریم ها آورده شده است.
ضروری است
دانش پایه HTML
دستورالعمل ها
مرحله 1
HyperText Markup Language (HTML) دو نوع فریم را ارائه می دهد. شناور انعطاف پذیرتر است و قرار دادن آن در صفحه موجود آسان تر است. به طور کلی ، ساختار توصیف یک قاب پنجره با استفاده از یک قاب شناور به این شکل است: در اینجا ، صفحه اصلی سایت موجود به عنوان منبع داده برای این قاب مشخص شده است (ویژگی src). همانطور که در ویژگی های عرض و ارتفاع مشخص شده است ، در یک قاب 400 300 300 پیکسل باز خواهد شد. همچنین می توانید صفحه سایت خود را در ویژگی src مشخص کنید. در این حالت کافی است آدرس نسبی را مشخص کنید (یعنی آدرس نسبت به صفحه ای که قاب در آن قرار داده شده است): در این نمونه عرض و ارتفاع قاب مشخص نشده است اما شناسه وجود دارد ویژگی-شناسه. با استفاده از آن می توانید از CSS () برای تعیین ابعاد مورد نیاز برای این قاب استفاده کنید:
#frameOne {عرض: 700px؛ ارتفاع: 200 پیکسل؛}
گام 2
نوع دیگر فریم ها - "کلاسیک" - به صفحه ای جداگانه احتیاج دارد که حاوی توصیفی از ساختار قاب است. خود قاب ها در صفحات جداگانه ای ، حتی ممکن است در سایت های جداگانه ای باشند. کد HTML برای چنین صفحه ظرف قاب ممکن است به صورت زیر باشد:
برای صفحات عادی نباید هیچ بلوک… و required لازم باشد. در این مثال ، برچسب باز کردن ظرف حاوی یک ویژگی سطر است ، به این معنی که فضای صفحه باید به صورت عمودی تقسیم شود و قسمت بالا به اولین قاب داده می شود. اگر ردیف ها را با ستون جایگزین کنید ، تقسیم به صورت افقی انجام می شود. مقدار این ویژگی "* ، *" نشان می دهد که نسبت تقسیم برابر است - هر کدام 50٪. اگر به عنوان مثال "20٪ ، *" را تعیین کنید ، فقط 20٪ به فریم اول و بقیه فضا به دوم داده می شود. کاربر می تواند با کشیدن مرزهای فریم ها با استفاده از ماوس ، اما غیرفعال کردن این عمل ممکن است. برای این کار ، ویژگی noresize را به برچسب یک قاب خاص اضافه کنید. همچنین می توانید اندازه فرورفتگی های عمودی و افقی را از قاب مجاور (ویژگی های حاشیه و حاشیه) تعیین کنید: تنظیم قوانین رفتاری برای نوارهای پیمایشی هر قاب به طور جداگانه امکان پذیر است. برای این ، از ویژگی پیمایش استفاده می شود که می تواند شامل یکی از سه مقدار از پیش تعریف شده باشد. اگر مشخص شده باشد ، وقتی محتوای قاب در مرزهای آن قرار نمی گیرد ، نوارهای پیمایشی ظاهر می شوند. اگر "بله" باشد - بدون توجه به نیاز ، راه راهها همیشه وجود خواهد داشت. اگر "نه" - به این معنی است که میله های پیمایش برای این قاب ممنوع است.
مرحله 3
بر اساس اطلاعات ارائه شده در دو مرحله قبل ، شما باید کد html را طراحی کنید که برای حل مشکل شما مناسب تر باشد. پس از آن ، تنها چیزی که باقی می ماند این است که آن را در کد منبع صفحه وارد کنید. برای این کار می توانید از ویرایشگر صفحه سیستم مدیریت سایت خود استفاده کنید - صفحه مورد نظر را در آن باز کنید ، به حالت ویرایش کد html بروید و کد خود را در مکان مورد نظر در صفحه جای گذاری کنید. همچنین می توانید فایل کد منبع صفحه را توسط مدیر پرونده مدیریت میزبانی یا سیستم مدیریت محتوا بارگیری کنید ، آن را در یک ویرایشگر متن باز کرده و کد را در آن جای گذاری کنید. و سپس به همین ترتیب کد تغییر یافته را دوباره به سرور بارگذاری کنید.
