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

آشنایی با استاندارد ها در طراحی وب سایت


۱۰ تگ HTML که باید بیشتر در مورد آنها بدانید

امیر سروری ۶ دیدگاه HTML , استاندارد وب سایت , اصول طراحی وب سایت سه شنبه, ۱۲ام بهمن , ۱۳۸۹ 16887 بازدید

در این مطلب سعی خواهد شد که تعدادی از خصوصیات تگ های HTML که امروزه کمتر از آنها در طراحی وب سایت استفاده می شود را بیان کنیم . استفاده درست از این تگها می تواند در بهینه تر شدن کار یک طراح وب سایت و همچنین استاندارد بودن وب سایت کمک کند.

۱۰ تگ HTML که باید بیشتر در مورد آنها بدانید

افزایش سرعت , کاهش مصرف پهنای باند – CSS Sprite

امیر سروری ۲۷ دیدگاه CSS , استاندارد وب سایت , اصول طراحی وب سایت , بهینه سازی وب سایت شنبه, ۲ام بهمن , ۱۳۸۹ 26395 بازدید

کاربران یک وب سایت مهمترین هدف از ایجاد و راه اندازی یک وب سایت هستند ،بنابر این طراحی وب سایت با این هدف که تمامی کاربران بتوانند به راحتی از وب سایت استفاده کنند همیشه باید مدنظر یک طراح وب سایت قرار گیرد.سرعت بارگذاری صفحات وب یکی از مهمترین نکاتی است که باید برای راحتی یک بازدید کننده در نظر گرفته شود ، به خصوص در کشورهایی که تعداد بسیار زیادی از مشترکان اینترنت هنوز از سیستم Dial Up برای اتصال به اینترنت استفاده می کنند و دارای محدودیت سرعت هستند.

تصاویر مورد استفاده در طراحی وب سایت ، نحوه استفاده از آنها و فرمت تصاویر می توانند نقش تعیین کننده ای در زمان بارگزاری صفحات وب سایت داشته باشند ، بنابراین بهینه سازی تصاویر و استفاده از تکنیکهای CSS برای کاهش استفاده از تصاویر در صفحات وب می تواند به سریعتر شدن وب سایت کمک کند.در این رابطه می توانید مطلب زیر را نیز مطالعه کنید .
افزایش سرعت , کاهش مصرف پهنای باند – CSS Sprite

استفاده از شبکه – Grid – و مفهوم چینش – Align

امیر سروری ۱۳ دیدگاه استاندارد وب سایت , اصول طراحی وب سایت یکشنبه, ۲۶ام دی , ۱۳۸۹ 23042 بازدید

در این نوشته سعی خواهیم کرد با مفهوم Grid یا شبکه در طراحی وب سایت آشنا شویم و به اهمیت آن در چینش محتوای وب سایت ( Web Design Alignment ) بپردازیم .

تعادل ( Balance )

یکی از مهم ترین اصول در طراحی ، وجود تعادل ( Balance ) است . بالانس ، تعادل ، توزیع متناسب اجزاء سنگین و سبک در یک صفحه است . منظور از سنگینی و سبکی در اینجا ماهیت سنگین و سبک اجزاء هستند به طوری که اجزاء بزرگتر و تیره تر بسیار سنگین تر و اجزاء کوچکتر و روشن تر سبکتر به نظر می رسند. قانون تعادل به ما نشان میدهد چگونه یک صفحه همراه با تعادل را داشته باشیم .

یکی از ساده ترین و اصولی ترین روشها برای ایجاد تعادل در طراحی استفاده از شبکه ( Grid ) برای ایجاد یک تعادل و چینش متوازن و متناسب (alignment ) در طراحی است .

مخاطبان و بازدید کنندگان صفحات وب می توانند این خطوط را درک کنند و با چشم خود امتداد این خطوط را در صفحات وب سایت دنبال می کنند ، البته بدون اینکه خطوط قابل رویتی در صفحات وب سایت شما موجود باشد.

استفاده از شبکه – Grid – و مفهوم چینش – Align

نمایش یکسان وب سایت در مرورگرهای متفاوت – CSS Reset

امیر سروری ۳۷ دیدگاه CSS , استاندارد وب سایت , اصول طراحی وب سایت دوشنبه, ۲۰ام دی , ۱۳۸۹ 54421 بازدید

نمایش پیش فرض یکسان وب سایت در مرورگرهای متفاوت با استفاده از تکنیک CSS Reset

cross browser compatibility

سازگاری یک صفحه وب و کدهای آن با مرورگرهای گوناگون و متعددی که وجود دارند ( IE , FireFox , Opera , Chrome ) ، یکی از مشکلات و چالش های جدی برای طراحان وب سایت بوده است. یک طراح وب سایت گاهی مجبور به افزودن کدهای بسیار پیچیده در لابلای فایلهای CSS – سی اس اس خود است تا این ناسازگاری و تفاوت در نمایش صفحات در مرورگرهای متفاوت را به این نحو سازگار جلوه دهد.

این چالش تا به ابنجا پیش رفته است که ، توانایی در طراحی وب سایت ، به طوری که در تمامی مرورگرها به طور یکسان نمایش داده شود ( Cross Browser ) ، یک امتیاز بسیار خوب برای یک طراح وب است. بسیاری از گروه ها و طراحان وب سایت برای راحتی در استفاده از کدهای CSS – سی اس اس به این منظور راه حل ها و تکنیکهای گوناگونی را بررسی کرده اند ، و به نظر میرسد استفاده از تکنیک CSS Reset به این منظور از محبوبیت بیشتری برای طراحان وب سایت بر خوردار است .

نمایش یکسان وب سایت در مرورگرهای متفاوت – CSS Reset

اندازه فونت متغیر و ثابت

امیر سروری ۱۶ دیدگاه CSS , استاندارد وب سایت , اصول طراحی وب سایت جمعه, ۱۷ام دی , ۱۳۸۹ 26362 بازدید

CSS یک ابزار بسیار مناسب ، اساسی و قدرتمند برای طراحی وب سایت و شکل بخشیدن به صفحات وب سایت است که با ارائه ورژن جدید آن ( CSS3 ) قدرت بیشتری نیز گرفته است . دراین مجموعه تلاش خواهد شد ، تعدادی از تکنیک های کاربردی ، فوق العاده و ساده از CSS را با یکدیگر مرور کنیم .

اندازه متغیر فونت ها

با استفاده از روش اندازه گذاری متغیر برای فونت ها ( em ) ، اندازه فونت ها با توجه به محیط اطراف و اجزاء تشکیل دهنده وب سایت تعیین می شود ، و کاربران نیز می توانند به راحتی با استفاده از تنظیمات مرورگر خود اندازه فونت ها را به دلخواه خود تغییر دهند.

اندازه فونت متغیر و ثابت

تصاویر مورد استفاده در طراحی وب سایت – GIF , PNG , JPG

امیر سروری ۱۹ دیدگاه استاندارد وب سایت , اصول طراحی وب سایت شنبه, ۱۱ام دی , ۱۳۸۹ 31477 بازدید

تصاویر بخش بسیار مهمی از قسمت قابل نمایش از هر وب سایت را تشکیل می دهند و میزان حجم , کیفیت , و نوع آنها تاثیر قابل ملاحظه ای در استاندارد بودن و جذابیت هر چه بیشتر یک وب سایت دارد.
در اینجا سه فرمت اصلی تصاویر مورد استقاده در وب و نحوه و زمان استفاده از هر کدام را بررسی می کنیم.

تصاویر مورد استفاده در طراحی وب سایت – GIF , PNG , JPG



کلیه حقوق مادی و معنوی برای وب سایت وب تارگت محفوظ است ©2017 وب‌تارگت

استفاده از مطالب وب سایت در سایر وب سایت‌ها و نشریات چاپی با ذکر منبع آزاد است.