حرکت لایه ها در صفحات HTML

آموزش HTML

سلام خدمت همراهان عزیز. با آموزش زبان برنامه نویسی (HTML) همراه شما هستیم. برای اطلاعات بیشتر به مقاله ی قبل مراجعه فرمایید .

آموزش امروز :

حرکت لایه ها در صفحات HTML

فریم ها و لایه ها در HTML

لایه را می توان در صفحه حرکت داد. با توجه به این قابلیت می توان جلوه های زیبایی را به وجود آورد. مثال زیر ببینید.

مثال:

برنامه ای که دو لایه ایجاد می کند که لایه اول حاوی یک دستور <H1> است و چون اولین دستور HTML است، در گوشه بالای سمت چپ ظاهر می شود. زمینه این لایه قرمز است و موجب می شود تا لایه زیرین مشاهده نگردد. لایه دوم حاوی یک پاراگراف است و با صفات LEFT, TOP در گوشه بالای سمت چپ قرار گرفته است .

معرفی سایت خارجی :

https://html.com

https://www.codecademy.com

اکنون تابع ()leftmove را در نظر بگیرید. با خاصیت WIDTHمربوط به پنجره، می توانید عرض لایه اول را اندازه گرفته آن را در طول صفحه حرکت دهید. اما در برنامه، بدون استفاده از این خاصیت 800 نقطه را برای آن منظور کرده، با تعریف متغیری به نام moveby و استفاده از متد offset به مرورگر گفتیم که این لایه هر بار باید یک پیکسل حرکت کند.

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

<“DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Frameset//EN!>

برگرفته از :

کتاب راهنمای جامع (HTML, BHTML, XML)

دکتر عین الله جعفر نژاد قمی

پاسخ به سوال دوستان :

شاید تاکنون به این فکر کرده باشین که چرا باید برای کسب و کار خود وبسایت داشته باشین ؟

دلیل اینکه می‌گوییم باید سایت داشته باشید این آمار است. توجه کنید که ۸۱٪ از افراد قبل از

تصمیم گیری در مورد خرید و فروش در یک کسب وکار یا خدمات، در اینترنت تحقیق می کنند.

یعنی ۲۵.۹۲ میلیون نفر هستند که مشاغل را به صورت آنلاین جستجو می کنند. با این وجود ۴۶% کسب و کارها فکر می‌کنند نیاز به وب سایت ندارند.

توجه داشته باشید که جهان به سمت دیجیتالی شدن پیش می‌رود و نداشتن وب سایت

برای یک شرکت یا هر کسب و کاری، به منزلۀ جا ماندن از گردونۀ روزگار است.

برای اطلاعات بیشتر با همکاران ما در شرکت آراز پردازش در ارتباط باشید

آدرس ایمیل:  info@arazpardazesh.com

اینستاگرام شرکت:   https://instagram.com/araz_pardazesh_kla

تماس با ما:     https://arazpardazesh.com/contact

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

10 + 10 =