تک وب دیزاین-طراحی سایت-طراحی قالب-طراحی قالب جوملا-جوملا فارسی-قالب جوملا

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

در پایان منویی ساخته شده با استفاده از CSS و HTML به صورت زیر خواهیم داشت:

• home
• about
• portfolio
• contact

برای ساخت منوی افقی در HTML، ابتدا آیتم های منو را توسط عنصر <ul> به صورت زیر پیاده میکنیم :

هک های CSS در اکثر مواقع ناجی طراحان و توسعه دهنگان وب هستند. تصور کنید  لحظه ای را که ناامیدانه به دنبال یک راه حل برای استفاده از دستوری هستید  که در مرورگری پشتیبانی میشود و با مرورگر دیگری سازگاری ندارد؛ در این حین  یافتن یک تکه کد هک CSS و رفع مشکل، بسیار لذت بخش است و میتواند ساعت ها  صرفه جویی در وقت را برای   یک طراح به ارمغان بیاورد. در این ارسال 4 شیوه  هک کاربردی و محبوب در CSS را به شما معرفی خواهم کرد.

فرض کنید قصد طراحی یک قالب بسیار شیک با تصاویر و افکت های زیبا دارید.  اولین مشکلی که وجود دارد عدم پشتیبانی مرورگر IE6 از بسیاری دستورات CSS و  از همه مهمتر عدم پشتیانی این مرورگر از فرمت تصویری PNG است. همچنین برخی  دیگر از دستورات که در IE8 اجرا میشوند، در IE7 و IE6 عمل نمیکنند.

چاره چیست؟ باید طراحی زیبای خود را فراموش کرده و یک قالب معمولی که در هر  سه مرورگر پشتیبانی شود را پیاده کنیم؟ یا اینکه درصد بالایی از کاربران  مرورگرهای قدیمی را نادیده بگیریم و سایت را برای بازدیدکنندگانی با  مرورگرهای مدرن طراحی کنیم؟

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

یکی از تکنولوژی‌های محبوب وبمسترها CDN که مخفف کلمات Content delivery network و به معنای شبکه توزیع محتوا است که با آن می‌توانند سرعت بارگذاری و نمایش سایت یا وبلاگ خود را افزایش دهند و همچنین این امکان هزینه چندانی نیز برای آن‌ها ندارد و می‌توانند به راحتی تنها در چند دقیقه این امکان را به سایت خود اضافه کنند. همانطور که می‌دانید سرعت بالای بارگذاری سایت برای بهینه سازی سایت برای موتورهای جستجوگر ( SEO ) نیز نتایج مثبتی دارد.

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