ساختارها در طراحی صفحات وب

مشاهده : 170
ساختارها در طراحی صفحات وب کامپیوتر و موبایل
● ساختار صفحه با فایلهای Gif شفاف : یک عکس شفاف می تواند در صفحه به جای اشغال کردن فضاهای خالی وارد شود ونیز شما می توانید طول و عرض آن را با بکار بردن ویژگیهایی در تگ برای ایجاد ابعاد فضای در خواستی، کنترل کنید .برای مثال اگر بخواهید پاراگرافی وارد کنید باید تگ […]
● ساختار صفحه با فایلهای Gif شفاف : یک عکس شفاف می تواند در صفحه به جای اشغال کردن فضاهای
خالی وارد شود ونیز شما می توانید طول و عرض آن را با بکار بردن ویژگیهایی در تگ برای ایجاد
ابعاد فضای در خواستی، کنترل کنید .
برای مثال اگر بخواهید پاراگرافی وارد کنید باید تگ زیر را ایجاد کنید (عکس gif همرنگ با background صفحه است):
با دادن این مقادیر پاراگراف با فاصله ۱۵ pix از سمت چپ شروع می شود .
با همان رویه می توانید فضای بین پاراگراف را با قرار دادن مقادیر فوق افزایش دهید .
عکسهای Gif می توانند در صورت نیاز در جداول برای کنترل سایز ستونها و سطرها در صورت نیاز قرار داده
شوند .
به خاطر داشته باشید که هدف ما کاهش بی نظمی های صفحه ، به این منظور که کاربران را قادر
به مرور مطالب و اسناد و نیز انتخاب اتصال دیگر کند ، می باشد .
● ساختار صفحه با جداول : طراحان وب باید به خوبی ساختار صفحه را درک کنند و از جداول در
ساختار صفحات استفاده کنند .
به طور پیش فرض تمامی موارد در HTML از طرف چپ تراز می شوند.
طراحان وب از جداول برای توزیع مندرجات کل صفحه نمایش درمرورگر استفاده می کنند.
ساختار جدول می توانند با مندرجات پر گردندنیز می توان برای جداول قاب قرار نداد تا کاربران متوجه وجود جدول
در صفحه نگردند.
CSS Cascading Style Sheet می تواند برای رفع جداول در ساختار HTML ایجاد شوند که متاسفانه همه مرورگرها از آن
حمایت نمی کنند و فعلا تا زمانی که CSS بصورت استاندارد جهانب در نیامده از جداول به عنوان استاندارد استفاده
می شود .
● ساختار صفحه با استفاده از فریم ها : فریم ها نیز می توانند برای ساختار صفحات مورد استفاده قرار
گیرند با این وجود آنها نقش میانی در Navigation هارا نیز دارند .
فریم ها می توانند در یک سایت استفاده شوند و باید به زودی در بحث روند طرح و برنامه ریزی
مطرح شوند .
به این خاطر که فریم ها به صورت نمایشی در طرح Navigation اثر دارند .
فریم ها بر روی عاملهای دیگر سایت نیز اثر می گذارند و سایت را به خوبی آرایش می کنند .
● ساختار صفحه با استفاده از تعیین موقعیت : لایه ها یا المانهای پشته ای دیگر بصورت عمودی در آمدند
و بیشتر مرورگرها از آنها حمایت می کنند .
نا هماهنگی اصلی در لایه گذاری این است که Netscape Navigator از تگ استفاده می کند .
در صورتیکه Internet Explorer با استانداردهای W۳C ،موقعیت یاب CSS برای تمامی المانها مطابقت می دهد .
بنابراین دو فایل آغاز گر مجزا باید برای اطمینان از مطلوبیت از عبور پایگاه داده استفاده شود.
متاسفانه خیلی از ویراستارهای HTML به طور اتوماتیک هر ۲ ورژن را بصورت کد درآوردند .
در این دوره همه المانهایی که باید در یک صفحه وب به کار برده شوند و سپس درباره چگونگی کاربرد
آنها در صفحات خود ،آموختید.
در مورد برنامه و قالبهای گرافیکی و المانهایی که ساختار صفحه را می سازند و نیز درباره ساختار فونتها و
انتخاب آنها آموختید و در پایان دانستید که فضای سفید چیست و فریم ها و جداول چگونه در صفحات مورد
استفاده قرار می گیرند.
استاد آن لاین
2011-07-08 / گردآوری:
گزارش خطا در خبر
نظر خود را بنویسید - نظرات کاربران (۰)
فیلم پرشین وی
خرید گیفت کارت کارت از سایت GiftCard.iR خرید گیفت کارت کارت از سایت GiftCard.iR
دراین مطلب به معرفی برترین سایت های خرید گیفت کارت و قیمت گیفت کارت ها و مهم ترین نکات در خرید آنها خواهیم پرداخت .
سوژه های روز رو این جا ببینید !
فال روزانه
تعبیر خواب
چگونه از شغل تعمیرات برد الکترونیکی به درآمد ۲۰ میلیونی برسیم؟
با تبلیغات گوگل و سئوی ادوردز ۲۰ در صدر گوگل بدرخشید
آموزش فتوشاپ ۲۰۲۱ راهی به سوی حرفه‌ای شدن
برای رشد کسب و کار خود، فالوور بخرید !!
با دنیای بی نظیر و پر از خلاقیت گوشی های موبایل همراه شوید
گوشی دست دوم بخریم یانه؟ (نکات مهم خرید گوشی دست دوم)
کمی در رابطه با تاریخچه و اطلاعات گوگل کروم بخوانیم
کیفیت و وضوح بالای تلویزیون ۵۵ اینچ سونی به همراه قیمت
تجربه فروش بیشتر با طراحی سایت فروشگاهی
اندروید ۱۰ جدیدترین سیستم عامل گوشی های هوشمند را بیشتر بشناسید
دوربین آیفون ۱۱ را بیشتر بشناسیم
سونی اکسپریا ۵ پرچم دار کوچک سونی
نحوه فهمیدن آنفالو شدن در اینستاگرام توسط سایر کاربران
آیپد پروی جدید و ویژگی های منحصربفردش
آیفون ۱۱ چه چیزهایی برای موفقیت لازم دارد؟
حذف شدن کیبورد گوشی ها با هوش مصنوعی