یکشنبه ۰۳ مرداد ۱۴۰۰

Sunday, July 25, 2021 GMT +4:30
collection مطالب مجموعه

طراحی وب

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

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

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

»

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

web-design-two-side طراحی قالب برای سایت یا وبلاگ بسته به میزان حوصله، صرف زمان و مهارت طراح قالب، ممکن است کاری لذت بخش یا وقت گیر و پردردسر باشد، طراحی یک قالب زیبا و کاربرپسند معمولا نیازمند بکارگیری عناصر و المان هایی است که چینش منظم و همگون آنها در کنار یگدیگر به میزان زیادی به حس زیبایی شناختی، تجربه و مهارت کدنویسی طراح بستگی دارد، از این گذشته کاربران معمولا تمایل دارند از حداقل فضا و امکانات موجود حداکثر استفاده را ببرند و معمولا قالب های دوطرفه (با دو سایدبار) را به قالب های عادی و یک طرفه ترجیح می دهند،...
دسته بندی: مهارتهای وب » طراحی وب

»

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

web-css-photoshop-rectangle باکس های گوشه گرد لایه هایی به صورت مستطیل یا مربع با کناره های گرد یا به اصطلاح نرم هستند که محتوایی را در خود نشان می دهند، این نوع باکس ها کاربردهای زیادی در طراحی صفحات وب دارند به عنوان مثال در قسمت سایدبار کناری قالب ها، فیلد جستجو یا در نمایش تبلیغات متنی به وفور از این تکنیک استفاده می شود، باکس گوشه گرد در مقایسه با باکس های عادی (با گوشه های مربعی) در شرایط یکسان و در صورت استفاده به جا، معمولا زیبایی خاصی به طرح مورد نظر می دهد و باعث حرفه ای تر به...
دسته بندی: مهارتهای وب » طراحی وب

»

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

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

»

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

web-photoshop-resize-image یکی از مسائلی که طراحان وب باید همیشه به آن توجه داشته باشند استفاده از المان های گرافیکی سبک و از جمله تصاویر کم حجم در قالب ها و پروژه های وب است، علاوه بر این سایر کاربران هم در برخی مواقع نیاز دارند که حجم تصاویر خود را برای انتشار در وب یا ارسال به دیگران به فرض از طریق ایمیل کاهش دهند، البته برنامه های زیادی در زمینه کاهش حجم تصاویر و مناسب کردن آنها برای انتشار در فضای وب وجود دارد اما برنامه قدرتمند فتوشاپ تقریبا ما را از تمام آنها بی نیاز می کند، ابزارهای بسیار...
دسته بندی: مهارتهای وب » طراحی وب

»

طراحی و کدنویسی هدر قالب با فتوشاپ، HTML و CSS

web-photoshop-css-header یکی از چالش های همیشگی طراحان وب طراحی و کدنویسی سربرگ (هدر Header) قالب های سایت، وبلاگ و... است، بدین منظور روش ها و تکنیک های زیادی وجود دارد و اینکه طراح از چه متدی استفاده کند تا حدود زیادی به سلیقه، مهارت، تجربه و مهمتر از همه به هدف از طراحی قالب برمی گردد، به طور مثال سربرگ یا هدر سایت ها و وبلاگ های کودکانه یا فانتزی معمولا باید ترکیبی از رنگ های شاد و شامل اِلمان های گرافیکی بیشتری باشد، در مقابل ممکن است به فرض برای سایت های اداری یا خبری از تکنیک های ساده، لوگوهای...
دسته بندی: مهارتهای وب » طراحی وب

»

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

web-css-form امروزه استفاده از خاصیت های متنوع CSS و تکنیک ها و قابلیت های مبتنی بر این زبان در طراحی صفحات و قالب های وب امری اجتناب ناپذیر و فراگیر است، طراحان و برنامه نویسان وب با استفاده از قدرت CSS و کمی تجربه بسیاری از جلوه های بصری را بدون به کارگیری تصاویر و المان های گرافیکی و صرفا با استایل نویسی ایجاد می کنند که این امر نهایتا منتج به خلق صفحاتی زیبا و چابک و کاهش حجم کلی قالب های وب می شود که در زمینه بهینه سازی (SEO) نیز فاکتور مهمی است، با این مقدمه در ادامه...
دسته بندی: مهارتهای وب » طراحی وب

»

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

web-photoshop-css-3d یکی از تکنیک هایی که در کارهای گرافیکی و به خصوص در طراحی قالب با فتوشاپ ممکن است به شکل های مختلف مورد استفاده طراحان وب قرار گیرد، تکنیک ایجاد المان ها و جلوه های سه بعدی است که به طور خلاصه منظور از این نوع طراحی، در واقع عمق دادن به نمای ظاهری یا برجسته کردن قسمت هایی از کار و در واقع بهره بردن از فضای دو بعدی (2D، مخفف Dimensional) برای خلق جلوه های سه بعدی (3D) است، البته همان طور که در آموزش های گذشته دیدیم، تسلط بر فتوشاپ در طراحی وب تنها یک قسمت کار...
دسته بندی: مهارتهای وب » طراحی وب

»

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

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

»

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

web-design-css3 از زمان معرفی CSS3 (در تاریخ چهاردهم آوریل سال 2000) تا کنون مباحث زیادی در مورد کاربرد قابلیت های این نسخه در طراحی وب بین توسعه دهنده گان وب و علاقمندان به این مسئله رد و بدل شده است، برخی بر این عقیده اند که به کل باید با شیوه سنتی و جلوه های مبتنی بر ابزارهای گرافیکی (مانند فتوشاپ و..)، عناصر تصویری (تصاویر با فرمت png، jpeg و...) و کد نویسی مبتنی بر جاوا اسکریپت (JavaScript) خداحافظی کرد و تمام موارد این چنین را با قابلیت های CSS3 خلق نمود و در مقابل عده ای به دلایل مختلف همچنان...
دسته بندی: مهارتهای وب » طراحی وب
collectionslist سایر مجموعه ها
» HTML (بخش آموزش مقدماتی)
» CSS (بخش آموزش مقدماتی)
» JavaScript (بخش آموزش مقدماتی)
» Ajax (بخش آموزش مقدماتی)
» PHP (بخش آموزش مقدماتی)
» MySQL (بخش آموزش مقدماتی)
» HTML (بخش آموزش کاربردی)
» CSS (بخش آموزش کاربردی)
» JavaScript (بخش آموزش کاربردی)
» Ajax (بخش آموزش کاربردی)
» PHP (بخش آموزش کاربردی)
» MySQL (بخش آموزش کاربردی)
» وبلاگ نویسی (بخش مهارتهای وب)
» بهینه سازی (بخش مهارتهای وب)
» دانستنی ها (بخش مهارتهای وب)