6 راه كليدي براي مدرن شدن

واضح آرشیو وب فارسی:سایت ریسک: View Full Version : 6 راه كليدي براي مدرن شدن nazi48418th October 2009, 10:38 PMهر كسي كه اندكي با مراحل ساختن يك وب‌سايت سر و كار داشته باشد، خوب مي‌داند كه اگر وب‌سايت را درست ننويسند، تبديل به موجود كرختي خواهد شد كه لودشدن سنگيني خواهد داشت و در نهايت،وب‌سايتش ظاهري تميز و مطلوب نخواهد داشت. فاصله‌ها، حاشيه‌ها، رنگ، فونت، پس‌زمينه و ... براي بسياري امور ساده‌اي در طراحي به‌حساب مي‌آيد، اما وقتي كار به سه چهار عنصر اصلي طراحي مي‌رسد، ديواري بلند جلوي اين عزيزان را خواهد گرفت. از اين‌رو، با رعايت6 نكته كليدي مي‌توان درك خوبي از مدل جعبه پيدا كرد. مدل جعبه در قلب يك طراحي موثر، شناختن مدل جعبه در ‌CSS‌ قرار دارد. قطعا شما ممكن است حساب كتاب حاشيه و فاصله‌عناصرتان را بدانيد، اما وقتي كه عنصري مي‌خواهد با عنصر ديگر تعامل برقرار نكند، چه اتفاقي مي‌افتد؟ ناگهان آن همه تصاوير بديع و زيبا كه در يك مرورگر عالي به‌نظر مي‌رسيدند، ‌در مرورگري ديگر به زلزله‌اي قوي بدل مي‌شوند. بدين‌ترتيب، درك درست از دانستن مدل جعبه، تفاوت ميان حالت چرخشي و حالت مستقيم مهم‌تر است. همچنين، بهتر است همواره مرورگرهاي قديمي همچون اينترنت اكسپلورر 6 را در نظر داشته‌باشيد. ستون‌هاي شناور وقتي موقعيت‌دهي دقيق به نتيجه نمي‌رسد، مردم دو كار را انجام مي‌دهند، فورا به‌حالت ويندوزي بازخواهند گشت، يا راه‌حل ديگري را انتخاب مي‌كنند: محتواي شناور در درهاي بازشده احتمال آمد‌‌و‌رفت دارد. اگر بدانيد كه چطور عناصر را مي‌شود شناور كرد، تا حدزيادي موفق خواهيد بود طراحي مدرن و سريعي داشته باشيد، البته قبلش خوب ياد بگيريد كه چطور در صورت وجود بك‌گراند، شناور را تنظيم كنيد يا به حالت قبل برگردانيد كه درست نشان داده شود. ‌ ‌ اندازه‌گيري با اندازه‌هاي ‌EM‌ معيار ‌em‌ براي طراحي وب، بسيار مهم است. يادتان باشد كه حتما دو چيز را با ‌em‌ مقداردهي كنيد: فونت‌ها و طرح‌بندي‌ها. اينترنت اكسپلورر 6 و قبل از آن، تغيير اندازه متوني كه با مقياس پيكسل طراحي شده‌اند را مجاز نمي‌داند. در اين حالت حالت ‌Larger Text‌ براي كاربران كار نمي‌كند. اما وقتي با ‌em‌ مقداردهي مي‌كنيد، اين مشكل حل مي‌شود. يكي ديگر از اهميت‌هاي اندازه‌دادن به متون با مقياس ‌em‌، تا زماني كه كاربران به مرورگرهاي جديدتر نرفته‌اند، از بين نمي‌رود. ‌ ‌ اندازه طرح‌بندي‌ها را با ‌em‌ مشخص كردن، مزاياي بيشتري دارد و انعطاف بيشتري حاصل مي‌شود. وقتي با اندازه متون بازي مي‌كنيد، حتما ديده‌ايد كه در بسياري از سايت‌ها، متن بزرگ مي‌شود اما پس‌زمينه و بك‌گراند بزرگ نمي‌شود، اين به‌اين خاطر است كه متن را با مقياس نسبي ‌pt(،(em‌،‌ مقدار دهي كرده‌اند و طرح‌بندي را با مقياس مطلق (پيكسل.) در اين حالت، متون از پس‌زمينه بيرون مي‌زند و طرح درهم مي‌رود. به‌سادگي مي‌توان با مقدار دهي ‌em‌ اين مشكل را حل كرد و به پايايي طراحي در مرورگرها، رزولوشن‌ها و محيط‌هاي مختلف، افزود. جايگزيني عكس عناصر متني خسته كننده ما را خشنود نمي‌كنند. همه گرافيست‌ها به‌دنبال استفاده از عناصري چون گراديان‌ها، شعله‌ها و جلوه‌هاي شيشه‌اي هستند و همه‌شان فونت‌هاي خاصي را براي نقاط خاصي مي‌پسندند كه هنوز امكان پياده‌سازي‌شان نيست. بنابراين، تكنيك جايگزيني عكس در نقاط مختلف صفحه، باعث مي‌شود صفحه‌ها زنده‌تر، زيباتر و پوياتر به‌نظر برسد. اما بايد در نظر گرفت كه ويژگي‌هاي داخلي هر المان تصويري را با دقت بنويسيم كه براي بهينه‌سازي موتورهاي جستجو به مشكل برنخوريم. منوهاي شناور اگر توانستيد در ستون‌هاي شناور مهارت كافي را كسب كنيد، بخش ديگري كه بسيار هم هنر مي‌خواهد، منوهاي شناور است. بسياري از حرفه‌اي‌هاي دنياي طراحي وب، از ليست‌هاي مرتب‌نشده منوهاي فوق‌العاده مي‌سازند و مي‌توانيد منوهاي ‌CSS‌ زيادي را به‌طور آماده پيدا كنيد و آن‌ها را مطابق ميل خود در آوريد. نوار مهم است اگر به‌قدر كافي كنجكاو بوديد و فايل‌هاي پس‌زمينه ‌(Texture)‌ بازي‌هاي ويدئويي را باز مي‌كرديد، قطعا متوجه مي‌شديد كه تعداد زيادي از انواع مختلف پس‌زمينه را كنار هم قرار داده و يك‌جا لود مي‌كنند و به‌ازاي نياز هر جسم، تكه‌اي از فايل را به جسم مورد نظر اختصاص مي‌دهند. چسباندن چند عكس به يكديگر و گذاشتن توي يك‌عكس ديگر به يك تكنيك محبوب براي حل مشكلات‌ ‌بدل شده است. بدين ترتيب، مي‌توانيد لوگو، آيكن‌ها، لبه‌هاي كناري منوها، لبه‌هاي بالا و پايين جعبه‌هاي اخبار و ... را توي يك فايل بگذاريد و بعد با مقدار دهي مختصات، آنها را سر‌جاي خود بگذاريد. بزرگترين مزيت اين تكنيك را، در زمان بارگذاري صفحه‌ها و همچنين دكمه‌هاي چند‌حالته مي‌توان حس كرد. به‌خاطر تك‌فايلي بودن تصاوير و عدم بارگذاري تكه‌هاي خرد زياد، مي‌توان زمان زيادي را در بارگذاري وب‌سايت صرفه‌جويي كرد، از طرف ديگر، وقتي دكمه لود شد، تصوير حالت‌هاي ديگرش هم لود مي‌شود و بدين ترتيب، وقتي ماوس را روي دكمه مي‌بريم، ديگر نيازي به انتظار كشيدن براي بارگذاري حالت بعدي دكمه وجود ندارد. سایت ما را در گوگل محبوب کنید با کلیک روی دکمه ای که در سمت چپ این منو با عنوان +1 قرار داده شده شما به این سایت مهر تأیید میزنید و به دوستانتان در صفحه جستجوی گوگل دیدن این سایت را پیشنهاد میکنید که این امر خود باعث افزایش رتبه سایت در گوگل میشود

این صفحه را در گوگل محبوب کنید

[ارسال شده از: سایت ریسک]

[مشاهده در: www.ri3k.eu]

[تعداد بازديد از اين مطلب: 513]