نوشته‌ها

fixed-menu-on-scroll

چگونه منوی ثابت بسازیم؟

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

جز جدایی ناپذیر این نوع طراحی استفاده از منوهای ثابت است! این منو ها با قرارگرفتن در بالای صفحه این امکان را فراهم می آورد تا کاربران بتوانند به راحتی به بخش های مختلف سایت دسترسی داشته باشند!

حالا می خواهیم به این سوال پاسخ دهیم که چگونه منوی ثابت بسازیم؟

بطور مثال وقتی می خواهیم اسکرول کنیم در صفحه منو همراه با اسکورل به پایین بیاید برای اینکار کافی ست تا از کد های جاوااسکریپت کمک بگیریم به این صورت!


jQuery(function($){
$(window).on('scroll',function(){
if ($(window).scrollTop()>90) {
$('.Menu').addClass('Menu-Fix');
}else{
$('.Menu').removeClass('Menu-Fix');
}
})

 خب! حالا باید خود منو را در html بنویسیم

<div class=”Menu”>
<nav>
<ul class=”sf-menu”>
<li><a href=”/”>خانه</a></li>
<li><a href=>طراحی سایت</a></li>
<li><a href=”/Post”>نمونه کارها</a></li>
<li><a href=”/contact”>درباره ما</a></li>
</ul>
</nav>
</div>

و می توانید برای شکل منو هم این کد css را اضافه کنید!!

.Menu-Fix {
background-color: #ffff;
height: 45px;
left: 0;
padding: 3px 0;
position: fixed;
top: 0;
width: 100%;
z-index: 100;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}

 

حالا شما یک منوی ثابت در صفحه خود دارید!! به اینها اکتفا نکنید! سعی کنید خودتان اینها را توسعه دهید !! از امتحان کردن نترسید! سوالی بود در خدمتیم!

images

اشتباهات رایج در طراحی سایت(2)

اشتباهات رایج در طراحی سایت  ادامه:

1-بروز بودن!

یک برنامه نویس همیشه باید آخرین ترندهای برنامه نویسی آگاه باشد! و از آخرین استانداردهای کدنویسی را استفاده کند! چون کار او مستقیما با تکنولوژی پیوند خورده و تکنولوژی روزانه در حال پیشرفت است! یکی از موارد مهمی که باید یک وبمستر به آن توجه کند استفاده درست از کدهاست به خصوص کدهای HTML,XHTML,CSS که باید با استاندارهای W3C مطابقت داشته باشند!

2-فونت!

انتخاب فونت درست همیشه یکی از دغدغه‌های وبمسترهاست! فونتی که راحت خوانده شود وتکراری نباشد و همچنین در همه مرورگر ها به درستی نمایش داده شود! فونت البته یکی از عوامل مهم در سئو است که باید به آن دقت شود!در وب فارسی بیشتر از فونت‌های Tahoma و  Arial  و یا Tim استفاده می‌شود البته به شما توصیه می کنیم فونت های جدید را نیز امتحان کنید مثل فونت  YEKAN . در انتخاب اندازه فونت هم دقت عمل کافی را به خرج دهید خواننده نباید از خوانده متن شما خسته شود!

23-Fonts

3- رنگ های جیغ!

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

92764eb04f03327e4d5af2fc8460e92b

4-غلط املایی!!

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

5-رسپانسیو!

طبق آخرین آمار گوگل بالای 60% درصد از سرچ های اینترنتی از طریق تبلت و گوشی‌های هوشمند انجام می‌شود! این درصد بالایی است! پس لازم است سیات شما بتواند در موقع برخود با موبایل و تبلت کنش‌گر عمل کند و تغیر اندازه دهد به عبارت دیگر رسپانسیو باشد! شما می توانید از طریق فریمورک بوت‌استرپ این قابلیت بسیار مفید را به سایت خود اضافه کنید!

images

6-بی خیالی!

بروز نکردن سایت یعنی فراموش شدن توسط موتورهای جستجوگر! عدم بروزرسانی سایت مساوی است با پرت شدن از صفحه اول گوگل به صفحات بعدی! این بروز رسانی باید دائمی باشد تا بتواند در سئو سایت شما موثر واقع شود پس همیشه به سایت خود سربزنید و آن را بروز کنید!

WEB

فرق وب سایت با یک وبلاگ در چیست؟

وب سایت :

یک مکان در اینترنت است که امکان آن را دارد تا درباره اماکن و مجموعه ها اطلاعاتی را کسب کنیم.

وبلاگ :

جاییست در وب که میشود توشته هایمان را برای نشان دادن به بازدید کنندگان نشان داد.نکته ای اصلی در این موضوع که فقط در ویلاگ متن ذخیره میشود. ادامه مطلب …

HTML

آموزش HTML بخش 1

در این قسمت ما میخواهیم شما را با زبان کد نویسی html آشنا کنیم

این زبان توسط <strong>سازمان جهانی وب  ( World Wide Web Consortium ) </strong>به وجود آمده تا کاربران بتوانند صفحات وب خود را به راجتی طراحی کنند
ادامه مطلب …

Web-design-services

طراحی سایت چیست ؟!

طراحی سایت چیست؟

طراحی سایت چیست

طراحی سایت و طراحی پرتال  دارای تعداد زیادی فایل است،که در تعدادی پرونده، مرتب سازی شده اند،مانند مرتب نمودن فایلها در کامپیوترهای  شخصی. صفحه های اصلی سایت معمولا” default.htmlیا index.html یا index.htm نام دارد. در طراحی سایت و طراحی پرتالها  هنگامی که آدرس وب را در مرورگر خود تایپ می کنید (مثلا www.art-wave.org)، برنامه مرورگر به سراغ اکانت  می رود که آدرس به آن اشاره می کند، و به دنبال این فایل های اصلی می گردد. اگر فایل یا صفحه ی مورد نظر را در آن وب سایت پیدا کند، این فایل( یا صفحه) را در مرور گر شما نمایش خواهد داد ادامه مطلب …