آگهی
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 نادی
در:
سلام من دارم تو ری اکت از تگ p استفاده میکنم باید چیکار کنم که نقطه رو نچسبونه به اول خط!؟
۱۰:۵۹:۵۴ ۱۳۹۹/۰۱/۱۱

form amir
در:
سلام و ارادت سال نو مبارک ... من یه صفحه دارم که شامل یه سری پست هست و میخوام امکان لایک مطالب پست...
۱۳:۲۲:۲۱ ۱۳۹۹/۰۱/۱۰

form hadis
در:
سلام من تازه کارم میخاستم بدون اون قسمت درباره وبلاگ تعداد سطرها رو بیشتر و هم طرف راست و هم طرف چپ باشه میشه...
۰۴:۵۲:۱۸ ۱۳۹۹/۰۱/۱۰

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

form محمود
در:
سلام. ممنون از راهنمایتان و متشکرم. دوباره مزاحم می شوم.
۱۰:۵۹:۴۷ ۱۳۹۹/۰۱/۰۵

form mahdi
در:
سلام استاد عزیز ، عذر میخوام من سوال زیاد میپرسم ، میخواستم بدونم چه توی css و چه javascript ما ie8 رو در نظر بگیریم...
۱۲:۱۳:۲۸ ۱۳۹۹/۰۱/۰۴

form محمود
در:
سلام و عرض ادب. وقتی روی فایل pdf روی سایتم کلیک می شود ،PDF در همان تب باز می شود ولی من می خام...
۱۱:۵۵:۱۸ ۱۳۹۹/۰۱/۰۴

form mahdi
در:
سلام استاد عزیز ، Bubble یا حباب دقیقا یعنی چی ؟ یعنی گسترده شدن رویداد یک عنصر تا عنصر فرزندش؟
۱۰:۴۱:۵۴ ۱۳۹۹/۰۱/۰۴

form D.A.Y.A.N.A
در:
سلام یه سوال داشتم وقتی که میخوام وب رو تو موتورهای جست و جو قرار بدیم اون که کد به ما...
۱۴:۵۳:۲۶ ۱۳۹۹/۰۱/۰۳

form محمود
در:
سلام و احترام. خیلی عالی بود، بسیار متشکر هستم، تمام.
۱۲:۵۴:۲۳ ۱۳۹۹/۰۱/۰۳

form mimi
در:
سلام. روی میهن بلاگ وبلاگ دارم و قالبش رو خودم تهیه کردم. چند ماهه که قالب وبلاگ همینه. رفرنس کدهای css در یک سایت...
۱۰:۰۲:۱۳ ۱۳۹۹/۰۱/۰۳

form محمود
در:
سلام استاد گرامی قبلن از اینکه سایت بسیار پر بار ، عالی و بدرد بخور دارید به شما تبریک می گویم. من می...
۱۳:۰۸:۲۰ ۱۳۹۹/۰۱/۰۲

form mahdi
در:
سلام استاد ، یه سوالی داشتم ، من باید دونه دونه ایونت ها رو یاد بگیرم ؟ چون خیلیاشون رو دیدم که اصلا الکی هستن...
۲۰:۲۸:۱۴ ۱۳۹۹/۰۱/۰۱

form mahdi
در:
سلام استاد عزیز و گرامی و با معرفت ، سال نو رو تبریک میگم بهت امیدوارم خودت و خانوادت سالم و سلامت و همدل و...
۱۹:۴۶:۴۰ ۱۳۹۸/۱۲/۲۹

form Meysam
در:
با سلام میخواستم وقتی پست وبلاگ باز میشه بجای post130 بیاد عنوان پست تو لینک قرار بگیره یجوری میخوام باشه که وقتی پست تو...
۱۱:۴۲:۴۴ ۱۳۹۸/۱۲/۲۸
آگهی