مقالات در زمینه طراحی و ساخت سایت و همچنین دامنه و هاستینگ

زمانی در فرم لازم است که پس از درج فیلد و رسیدن فیلد به حداکثر ظرفیت (maxlength) تعریف شده آن نشانه گر به صورت اتوماتیک به فیلد بعدی انتقال یابد تا کاربر بتواند به راحتی فرم را تکمیل نماید. به عنوان مثال فرمی را در نظر بگیرید که در آن فیلدهایی برای گرفتن شماره تلفن و موبایل موجود است و به صورتی تعبیه گردیده که در آن کاربر در هر فیلد یک شماره را وارد می نماید. بهتر است برای کاربر پسند بودن فرم به گونه ای طراحی گردد که پس از درج یک شماره از یک فیلد نشانه گر به صورت اتوماتیک به شماره بعدی انتقال پیدا نماید تا لازم نباشد کاربر به صورت دستی این کار را انجام دهد. در این مقاله به شما نحوه جهش به فیلد فرم بعدی به محض رسیدن به حداکثر ظرفیت را با استفاده از JQuery آموزش خواهم داد.

در ابتدا می بایست کتابخانه Jquery را به لیست کتابخانه های صفحه وب سایت خود اضافه نمایید البته در صورتی که قبلا این کار را انجام نداده اید. می توانید این کتابخانه را از آدرس https://jquery.com دانلود نمایید:

 <script src="jquery.min.js" type="text/javascript"></script>

سپس می بایست پلاگین مخصوص این را را در آدرس Jquery auto tab دانلود نموده و این پلاگین را نیز به کتابخانه های جاوا اسکریپت صفحه وب سایت خود اضافه نمایید.

<script type="text/javascript" src="jquery.autotab.js"></script>

سپس کافی است از کد زیر برای جهش از یک فیلد به فیلد بعدی استفاده نمایید:

 <script type="text/javascript">
$(document).ready(function() {
$(#first).autotab({ target: #second, format: umeric });
$(#second).autotab({ target: #third, format: umeric, previous: #first });
$(#third).autotab({ previous: #second, format: umeric });
});
</script>

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

منبع:

+ نوشته شده در پنج شنبه بیست و چهارم دی 1394 ساعت 11:3 توسط طراحی سایت دارکوب بدون نظر

امروزه شرکت ها از طرق مختلفی به تبلیغات برای معرفی کالا و خدمات خود می پردازند و هر یک سعی دارند به نوعی برند خود را معرفی نموده و اعتبار آن را بالا ببرند. یکی از راه های تبلیغات برای شرکت ها طراحی وب سایت می باشد. با توجه به رشد بالای استفاده از اینترنت داشتن وب سایت برای شرکت ها به امری بسیار مهم تبدیل شده است. زیرا کاربران بسیاری در اینترنت در جستجوی کالا و خدمات مورد نیاز خود هستند و در صورتی که شرکتی وب سایت نداشته باشد مشتریان بسیاری را از دست خواهد داد. تنها حضور در اینترنت کافی نیست و در صورتی که شرکت ها در اینترنت فعالیت کافی را نداشته باشند عملا سایت طراحی شده نتیجه ای در بر نخواهد داشت. بهترین وب سایت در صورتی که پشتیبانی نشود و فعالیت نداشته باشد عملا تنها به عنوان کاتالوگ استفاده می گردد و نمی توان از آن به عنوان ابزاری در جهت جذب مشتریان جدید استفاده نمود. دارکوب یکی از قدیمیترین گروه های طراحی وب در ایران می باشد و در این سال ها تجربه ساخت سایت های موفق و نا موفق بسیاری را داشته و با توجه به این تجربه می تواند مجری و مشاور نحوه حضور شرکت ها در اینترنت با پایین ترین هزینه ممکن باشد. اولین قدم برای حضور در اینترنت داشتن نقشه و هدف مناسب با توجه به بودجه می باشد. بدون در نظر گرفتن بودجه شرکت شروع طراحی سایت کاری اشتباه می باشد و ممکن است باعث عدم موفقیت پروژه گردد. پس از برنامه ریزی برای پروژه اولین قدم راه اندازی خود وب سایت می باشد که می بایست طبق اصول و قواعد طراحی وب و استانداردهای سئو طراحی گردد تا سایت بیشترین نتیجه را داشته باشد. رعایت اصول و قواعد سئو در سایت بسیار بسیار مهم بوده و در صورتی که به این بخش توجه نگردد ممکن است در آینده به وب سایت و کسب و کار ضررهای جبران ناپذیری وارد آورد. ظاهر وب سایت نیز بسیار مهم می باشد و در کسب اعتماد کاربران و مشتریان نقش اساسی ایفا می نماید. گرافیک وب سایت تاثیر بسیاری بر روی جلب اعتماد کاربر خواهد داشت و در صورتی که زیره کاری ها در سایت رعایت گردند باعث کسب اعتماد بیشتر کاربران می گردد. امروزه نوع طراحی جدیدی مطرح گردیده که کاربر پسند تر از طراحی های قدیمی می باشد و آن را دو بعدی و یا مسطح می نامند. این نوع طراحی کاملا متمایز با طراحی های قدیمی می باشد و در آن به طرح بعد داده نمی شود و بخش ها توسط رنگ از یکدیگر جدا می گردند. این نوع طراحی ها معمولا تمام صفحه بوده و کاربران حس بهتری در مواجهه با این سایت ها دارند به طوری که این نوع قالب ها را محتوا اول می نامند. به این صورت که کاربر زمانی که وارد سایت می گردد اولین مورد درگیر مطالب وب سایت می گردد و گرافیک وب سایت برای کاربر باعث از دست رفتن توجه کاربر با مطالب نمی گردد. همچنین امروزه با توجه به میزان استفاده بسیار کاربران از موبایل و تبلت برای جستجو و گردش در اینترنت راه اندازی نسخه موبایلی وب سایت بسیار مهم می باشد. دارکوب نسخه موبایلی وب سایت را به هزینه بسیار پایین انجام می دهد و این کار را با توجه به نظر گوگل به صورت طراحی سایت ریسپانسیو انجام می دهد. امروزه در حدود 50% از کاربران از موبایل برای جستجو استفاده می نمایند و داشتن نسخه موبایلی سبب می گردد کاربران بسیاری را از دست ندهید و کاربران بتوانند پس از ورود به سایت مطالب مورد نیاز خود را بیابند و مطالعه نمایند و در صورت نیاز عملیات های لازم را انجام دهند. پس از طراحی وب سایت می بایست تبلیغات برای سایت انجام گردد. دارکوب این کار را به دو روش تبلیغات در سایت ها و همچنین بک لینک سازی انجام می دهد. بک لینک سازی به روش درست باعث افزایش رنکینگ وب سایت در موتورهای جستجو شدهع و به تدریج وب سایت در موتورهای جستجو بالاتر می آید و در نهایت جزو رتبه های بالا در گوگل می گردد. انجام این کار باعث می شود کاربران بسیاری که در جستجوی محصولات و خدمات شما در اینترنت هستند شما را بیابند و در صورتی که کالا و خدمات شما از نظر ایشان مناسب بود ثبت سفارش نمایند. انجام تبلیغات در سایت های دیگر هم باعث افزایش اعتبار برند شما می گردد و کاربران با اطمینان بیشتری خرید خود را انجام می دهند. روش های تبلیغات بسیار دیگری باعث بالا بردن اعتبار وب سایت نظیر ایمیل مارکتینگ و اس ام اس مارکتینگ وجود دارند که برای موارد پیشرفته تر دارکوب به مشتریان خود توضیه می نماید. البته همه موارد تبلیغاتی می بایست تحت نظر متخصص تبلیغات اینترنتی انجام گردد و در صورتی که یک بخش بدون مشورت انجام شود ممکن است باعث افت شدید کسب و کار شما و حتی شکست کسب و کار اینترنتی شما گردد. بسیار مهم است که تبلیغات اینترنتی خود را زیر نظر متخصص توسعه وب انجام دهید تا از وقت و هزینه خود نهایت نتیجه را بگیرید. برای مشاوره در این زمینه با کارشناسان دارکوب تماس حاصل فرمایید.

منبع:

کسب و کار در زمان بسیار کوتاه درطراحی سایت

+ نوشته شده در سه شنبه پانزدهم دی 1394 ساعت 10:32 توسط طراحی سایت دارکوب بدون نظر

در این مقاله به شما روش لینک نمودن یک ردیف کامل از جدول TABLE در اچ تی ام ال را آموزش خواهم داد. روش های متفاوتی برای انجام این کار وجود دارد اما روش زیر راحترین روش انجام این کار می باشد که با استفاده از JQUERY انجام می گردد. برای این کار کافی است کتابخانه Jquery را در صفحه html خود اضافه نمایید. پس از اضافه نمودن این کتابخانه قابلیت استفاده از دستورها و توابع آن را دارید. فرض نمایید کد ردیف هر جدول شما چیزی باشد شبیه به کد زیر:

 <tr>
<td><a href="http://www.example.com/">example</a></td>
<td>another cell</td>
<td>one more</td>
</tr>

برای آنکه کل ردیف را لینک نمایید کافی است آدرس لینکی که در TR وجود دارد را بدست بیاورید و به عنوان لینک TR قرار دهید. برای انجام این کار می توانید از دستور jquery زیر استفاده نمایید:

 $( r).click( function() {
window.location = $(this).find(a).attr(href);
}).hover( function() {
$(this).toggleClass(hover);
});

در دستور بالا می توانید کلاس جدولی که قصد دارید ردیف های آن لینک گردند اضافه نمایید.

برای آنکه علامت موس به حالت دست باشد تا کاربر متوجه لینکی بودن کل ردیف شود می توانید کد CSS زیر را به فایل خود اضافه نمایید:

 tr.hover {
cursor: pointer;
}

البته لینک کردن TR را می توانید به روش های دیگری نیز انجام دهید که در صورت تمایل می توانید سایر روش ها را در بخش نظرات اعلام نمایید.

سورس:

لینک کردن یک ردیف TR جدول

+ نوشته شده در چهارشنبه نهم دی 1394 ساعت 10:47 توسط طراحی سایت دارکوب بدون نظر

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

 <script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jkblayout.min.js"></script>

خط اول کتابخانه jquery را به صفحه شما اضافه می نماید و خط دوم کتابخانه مخصوص محدود کردن کاربر برای درج فقط کاراکترهای فارسی در فیلدهای فرم می باشد. فایل jquery را می توانید از این آدرس و فایل دوم را می توانید از بخش ضمیمه مقاله دانلود نمایید. فایل ها می بایست در همان دایرکتوری قرار داده شود که فایل html اصلی قرار دارد در غیر این صورت بخش src کدهای بالا را می بایست مطابق با آدرس قرارگیری فایل ها خود تغییر دهید.

سپس تنها کاری که لازم است انجام دهید آن است که صفت lang=fa به هر کدام از فیلدهای فرم خود که می خواهید قابلیت فقط فارسی نوشتن داشته باشد را اضافه نمایید. به نمونه زیر توجه نمایید.

 <input lang=fa type="text" />

 

منبع اصلی مقاله http://hasheminezhad.com/kblayout می باشد.

سورس و منبع:

نوشتن فقط فارسی درjquery

+ نوشته شده در سه شنبه اول دی 1394 ساعت 9:55 توسط طراحی سایت دارکوب بدون نظر