collection مطالب مجموعه

طراحی وب

(بخش مهارتهای وب):
more چینش مطالب، به ترتیب از ابتدا به انتها است.
»

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

قالب سایت و وبلاگ به عنوان ویترین صفحه وب محتوای مد نظرمان را در چارچوب مشخص به کاربر نمایش می دهد و در اصل بخش اصلی رابط کاربری (User Interface) به حساب می آید، لذا طراحی قالب سفارشی یکی از اصلی ترین قسمت های فعالیت حرفه ای در وب محسوب می شود، اینکه چگونه قالب اختصاصی برای سایت یا وبلاگمان طراحی کنیم پرسشی است که پاسخ آن را به راحتی نمی توانیم در یک مطلب...
مهارتهای وب » طراحی وب
»

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

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

نحوه ساخت باکس گوشه گرد در فتوشاپ و CSS

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

آموزش انتقال قالب از فتوشاپ به کد HTML و CSS

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

آموزش نحوه کاهش حجم تصاویر وب با فتوشاپ

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

طراحی هدر قالب سایت و وبلاگ با فتوشاپ و CSS

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

زیبا سازی فرم های وب با CSS

همانطور که می دانیم، امروزه در طراحی صفحات و قالب های تحت وب، استفاده از css و تکنیک ها و قابلیت های مبتنی بر آن به یک امر اجتناب ناپذیر و فراگیر تبدیل شده است، از این گذشته با استفاده از قدرت css و کمی تجربه، بسیاری از جلوه های بصری را می توان حتی بدون به کارگیری تصاویر و المان های زیاد ایجاد کرد، از این رو قابلیت های این زبان کمکی در ایجاد...
مهارتهای وب » طراحی وب
»

طراحی قالب سه بعدی وب با فتوشاپ و CSS

یکی از تکنیک هایی که در کارهای گرافیکی و به خصوص در طراحی قالب با فتوشاپ ممکن است به شکل های مختلف مورد استفاده طراحان وب قرار گیرد، تکنیک ایجاد المان ها و جلوه های سه بعدی است که به طور خلاصه منظور از این نوع طراحی، در واقع عمق دادن به نمای ظاهری یا برجسته کردن قسمت هایی از کار و در واقع بهره بردن از فضای دو بعدی (2D، مخفف Dimensional) برای خلق...
مهارتهای وب » طراحی وب
»

طراحی باکس جستجو با فتوشاپ و CSS

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

قابلیت های کاربردی CSS3 در طراحی وب

از زمان معرفی CSS3 (در تاریخ چهاردهم آوریل سال 2000) تا کنون مباحث زیادی در مورد کاربرد قابلیت های این نسخه در طراحی وب بین توسعه دهنده گان وب و علاقمندان به این مسئله رد و بدل شده است، برخی بر این عقیده اند که به کل باید با شیوه سنتی و جلوه های مبتنی بر ابزارهای گرافیکی (مانند فتوشاپ و..)، عناصر تصویری (تصاویر با فرمت png، jpeg و...) و کد نویسی مبتنی بر جاوا...
مهارتهای وب » طراحی وب
collectionslist سایر مجموعه ها:
» HTML (بخش آموزش مقدماتی)
» CSS (بخش آموزش مقدماتی)
» JavaScript (بخش آموزش مقدماتی)
» Ajax (بخش آموزش مقدماتی)
» PHP (بخش آموزش مقدماتی)
» MySQL (بخش آموزش مقدماتی)
» HTML (بخش آموزش کاربردی)
» CSS (بخش آموزش کاربردی)
» JavaScript (بخش آموزش کاربردی)
» Ajax (بخش آموزش کاربردی)
» PHP (بخش آموزش کاربردی)
» MySQL (بخش آموزش کاربردی)
» وبلاگ نویسی (بخش مهارتهای وب)
» بهینه سازی (بخش مهارتهای وب)
» دانستنی ها (بخش مهارتهای وب)
آخرین دیدگاه ها
form زهرا
در:
سلام وقت بخیر من برای وبلاگم کد ماوس رو کپی میکنم طبق دستورهایی که هست ولی شکل ماوس من در وبلاگ تغییر نمیکند ممنون میشم...
۲۰:۰۰:۲۵ ۱۳۹۸/۰۶/۲۳

form نانا
در:
سلام! ممنون از سایت خوبتون.. راستش من توی اتوپلی کردن موزیک مشکل داشتم.. این بخش موزیکمه:
حذف شد
فکر کنم یه ذره قاطی شد.....
۱۶:۵۰:۱۰ ۱۳۹۸/۰۶/۲۱

form Fatemeh
در:
سلام لطفا یکی جواب منو بده میخام ۴۰ تا ایمیل بسازم و با ۴۰ ایمیل عضو یه سایت بشم ولی ارور میده و میگه شما...
۱۵:۵۷:۰۱ ۱۳۹۸/۰۶/۱۶

form احمدی
در:
سلام ببخشید مثال اول که نوشتید بر اساس مسیر فایلی که من دارم به چه شکل میشه؟
http://localhost/up/one_info/personal /one_info_personal_1425.png
در...
۱۴:۵۲:۳۴ ۱۳۹۸/۰۶/۱۰

form sareh
در:
سلام در مورد فرم ها سوال داشتم . اگر من دو فرم مستقل از هم داشته باشم چه طوری میتونم این فرم ها...
۱۴:۰۷:۴۰ ۱۳۹۸/۰۶/۱۰

form مهسا
در:
سلام وقت بخیر من یک فرم طراحی کردم input ها به صورت دو ستونه گذاشتم. میخواستم با زدن تب از input اولی در...
۱۳:۰۱:۴۶ ۱۳۹۸/۰۶/۰۲

form behzad
در:
مرسی خوب بود
۱۲:۱۵:۱۴ ۱۳۹۸/۰۶/۰۲

form zeynab
در:
سلام یه سوال دارم برای اینکه بتونم رنگ رو ذخیره کنم تو جدولم در قسمت پایگاه داده چیکار باید کنم ؟؟ من...
۱۷:۰۶:۳۵ ۱۳۹۸/۰۵/۲۸

form علی
در:
سلام من میخوام تو صفحه html همچین طرحی رو بندازم میشه راهنماییم کنید (به صورت جداگانه یعنی هر کدوم توی یه صفحه) ***** ...
۱۶:۴۶:۳۶ ۱۳۹۸/۰۵/۲۷

form Zeynab
در:
سلام . وقت بخیر . من از کدهای htaccess برای سایت استفاده کردم . روی لوکال هاست مشکلی ندارم اجرا میشن . ...
۲۲:۴۲:۵۴ ۱۳۹۸/۰۵/۲۳

form bahman
در:
عالی
۲۲:۱۵:۵۰ ۱۳۹۸/۰۵/۲۳

form Abbas rahmati
در:
سلام همه چی توی قسمت اینکه اس اس ال چطور کار میکنه درست بود فقط اخرشو درست نگفتید
۱۴:۱۶:۴۰ ۱۳۹۸/۰۵/۲۳

form مهدی فراهانی
در:
در آکولاد if، می خواهم پس از صحت پرداخت کاربر، کاربر به یک صفحه html برای دانلود فایل لینک شود. چه دستوری در حلقه if...
۱۲:۰۸:۳۲ ۱۳۹۸/۰۵/۲۳

form احسایدر
در:
شما از چه روشی برای لینک دادن به قسمت‌های نوشته استفاده کردید که با کلیک کردن چیزی به آدرس نوشته اضافه نمیشه؟
۱۸:۵۷:۰۵ ۱۳۹۸/۰۵/۲۲

form Mahyar
در:
سلام خسته نباشید اگه بخواهیم که یک pop up با کلیک به خارج از کادر pop up یا کلیک به روی دکمه esc...
۱۱:۴۸:۵۶ ۱۳۹۸/۰۵/۱۹