آموزش برنامه نویسی و مهارتهای وب

article 

ایجاد بلاک و تصویر شفاف (transparent) با استفاده از css3

css-transparency

امروزه در طراحی صفحات وب، استفاده از تصاویر شفاف و یا به اصطلاح transparent امری مرسوم است، به طور مثال ممکن است طراحان قالب وبلاگ ها یا سایت ها، در طراحی پس زمینه مطالب، آن را کمی شفاف کنند تا تصویری که در زیر بلاک مطلب قرار دارد به صورت نیمه شفاف دیده شود، استفاده از این تکنیک پیش تر با تصاویر png ممکن بود، اما مشکل همیشگی یعنی مرورگر غیر استاندارد و ضعیف اینترنت اکسپلورر (IE) قادر به نمایش این تصاویر با زمینه شفاف نبود، لذا طراحان وب به فکر جایگزینی برای این تکنیک برآمدند و از جاوا اسکریپت و بعدها css بدین منظور استفاده کردند، در این مطلب قصد داریم نحوه ایجاد تصاویر و بلاک های div شفاف را با css آموزش دهیم.


section دسته بندی: آموزش کاربردی - آموزش کاربردی CSS - مهارتهای وب طراحی وب -


article 

کار با ویژگی های font و text در css

css-font-text پیش از این در بخش آموزش مقدماتی css، از کاربرد این زبان، نحوه تعریف و استفاده از کلاس (class) و آی دی (id) صحبت کردیم، همچنین با نحوه کار رنگ ها و تصاویر پس زمینه (Backgrounds) و ویژگی های آنها بیشتر آشنا شدیم و مثال هایی را در این خصوص به صورت صفحاتی کمی و بیش ساده با الگوهای دلخواه، مرور کردیم، اکنون در ادامه بحث آموزش های مقدماتی css می خواهیم با یکی دیگر از کاربردهای این زبان آشنا شویم و آن کار با فونت و متن و بررسی تنظیمات آنها است.
section دسته بندی: آموزش مقدماتی - آموزش مقدماتی CSS -


article 

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

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


article 

حذف اسکرول افقی (horizontal scroll) با css

css-horizontal-scrollگاهی مواقع در طراحی صفحات وب موقعیت هایی پیش می آید که باعث سردرگمی و به زحمت افتادن طراح می شود، مثلا فرض کنید قالبی را برای وبلاگ یا سایتی کدنویسی کرده اید و انتظار دارید مطابق سلیقه شما محتوا را نشان دهد، اما ناغافل متوجه می شوید که یک جای کار اشکال دارد و اسکرولی افقی در پائین مرورگر دیده می شود، اگر این اتفاق برای شما هم رخ داده است، جای نگرانی نیست، در این یادداشت به بررسی علت به وجود آمدن این مشکل و راه حل برطرف کردن آن به کمک css خواهیم پرداخت.
section دسته بندی: آموزش کاربردی - آموزش کاربردی CSS -


article 

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

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


article 

آشنایی با کلاس (class) و آی دی (id) در css

css-style-id-classیکی از ویژگی ها و قابلیتهای اصلی css استفاده از کلاس و آی دی در تعریف استایل (style) مشخص برای عناصر موجود در صفحات وب (html) است، کلاس و آی دی الگوهایی کلی را تعریف می کنند که از آن الگوها در شکل دهی ظاهری و ایجاد قابلیتهای تگ های html استفاده می شود؛ در ادامه خواهیم گفت که هر کدام از موارد گفته شده (class و id) برای هدف خاصی استفاده می شوند و خواهیم دید که چگونه می توانیم آنها را تعریف و استفاده نمائیم.
section دسته بندی: آموزش مقدماتی - آموزش مقدماتی CSS -


( کل صفحات : 2 )    1    2   

آگهی
آموزش طراحی سایت
webgoo.ir

آموزش برنامه نویسی و مهارتهای وب
امکانات جانبی


IP شما: ( )