آموزش طراحی سرچ باکس زیبا توسط HTML و CSS

آموزش طراحی سرچ باکس بسیار کاربردی و زیبا فقط با استفاده از HTML و CSS

در این ویدیو آموزشی که توسط شرکت نرم افزاری آینده سازان هنر نرم تهیه شده است می توانید به راحتی و با داشتن دانش مقدماتی HTML و CSS یک سرچ باکس زیبا طراحی کنید.

طراحی فرم جستجو برای وب سایت

پیش نیاز این آموزش آشنایی با محیط کاری نرم افزار دریم ویور(DREAM WEAVER) و آشنایی مقدماتی با زبان تگ نویسی اچ تی ام ال HTML و سی اس اس CSS می باشد.

جعبه ی جستجو یا همان سرچ باکس (Search Box) یکی از قسمت های مورد نیاز هر وب سایتی می باشد.

قابلیت جستجو در سایت به کاربران و بازدیدکنندگان امکان دسترسی سریع تر به مطلب و محتوای دلخواه را می دهد.

آموزش طراحی سرچ باکس
آموزش طراحی سرچ باکس

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

رنگ های انتخاب شده در این ویدیو آموزشی از سایت ّFLATUICOLORS.COM انتخاب شده اند.

همچنین آیکن ذره بین یا همان جستجو نیز از سایت FONTAWESOME.COM انتخاب و درج شده است.

دانلود سورس پروژه
رمز فایل فشرده:www.s4d.ir

جهت نمایش آیکن ذره بین جستجو باید به اینترنت متصل باشید.
همچنین اسکریپت دریافتی از وب سایت fontawesome.com را در قسمت head وب سایت خود قرار دهید.

برای دسترسی به آموزش های بیشتر می توانید در کانال آپارات ما عضو شوید.

آموزش طراحی سایت در گرگان
آموزش طراحی وب فرانت اند

همچنین جهت شرکت در دوره های خصوصی و حضوری برنامه نویسی و طراحی وب سایت در گرگان می توانید با شماره تلفن ۰۱۷۳۲۲۵۱۸۷۱ تماس حاصل فرمایید.

اشتراک گذاری در شبکه های اجتماعی

12 دیدگاه برای“آموزش طراحی سرچ باکس زیبا توسط HTML و CSS

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

  2. سلام وقت بخیر
    لطف کنین توضیحات بیشتر در خصوص دوره طراحی وب سایت بهمون بدین.
    نام مدرس و رزومه مدرس
    تعداد ساعت در هر جلسه
    مکان جلسه
    سر فصل های مربوط به هر دوره
    آیا دوره هاتون پروژه محور هستش یا فقط مثال حل میکنین
    آیا در طول دوره پروژه ای برای پیاده سازی مد نظر گرفتید ؟
    و نمونه مدرک که به هنرجو میدین
    و اینکه در کلاس های خصوصی ۵شنبه و جمعه ها هم برگزار میکنین؟
    ———-
    ممنون میشم راهنماییم کنین.

  3. سلام خسته نباشید من سرس کد ها رو کپی کردم هم html و هم css ولی در آخر یک سرچ باکس معمولی نشون داده شد.
    و درون سایتی هم که علامت جست و جو نشون داده میشه هم رفتم ولی اون علامت روپیدا نکردم دلیلش چیه ممنون میشم جواب بدید

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *