بایگانی برچسب: s

C

آموزش برنامه نویسی #C – متدها قسمت دوم

متد هایی که تا کنون دیده اید:
بهتر است بدانید که تاکنون در برنامه هایی که در قسمت های قبل نوشته ایم، از متددهای زیادی استفاده کرده اید. به عنوان مثال کد زیر را که در ابتدای آموزش #C نوشته اید ملاحظه کنید:

این کد یک متد است زیرا همانطور که در تعریف متد گفتیم ،قطعه کدی مجزا است که کار خاصی را انجام می دهد . در اینجا این قطعه کد عدد یک را به متغییر intNumber اضافه می کند و نیجه را نمایش می دهد .
این متد هیچ مقداری را بر نمی گرداند بنابراین نوع مقدار بازگشتی void تعریف شده است. کلمه void به کامپایلر می گوید که این متد هیچ مقداری را برنمی گرداند. اگر متدی مقداری را برگرداند به جای استفاده از void باید نوع مقداری که برگشت داده می شود را بنویسید(برای مثال int یا double یا …) .هر دستوری که بین دو علامت آکولاد نوشته شود جزیی از بدنه ی متد محسوب می شود. یک متد به صورت زیر تعریف می شود:
آموزش برنامه نویسی C#
۱) قبل از هر چیز ، کلمه private را در تعریف تابع مشاهده می کنید .
۲)کلمه بعدی ،کلمه void است که همانطور که گفتیم به ویژوال #C می گوید این متد هیچ مقداری را برنمی گرداند .
۳)بعد از void با کلمه btnAdd_ Click روبرو می شوید. همانطور که ممکن است حدس زده باشید ، این کلمه نام متدی است که تعریف کرده ایم.
۴) چهارمین مورد در تعریف این تابع پارامترهایی است که به آن فرستاده می شود. همانطور که مشاهده می کنید این تابع دو پارامتر را دریافت می کند. پارامتر اولsender از نوع object است و پارامتر دوم e از نوع EventArgs است.
استفاده از متد ها
۱) یک پروژه #C در ویژوال ایجاد کنید و نام آن را برابر Three Buttons قرار دهید.
۲) با استفاده از جعبه ابزار سه دکمه فرمان بر روی فرم خود قرار دهید.
۳) روی دکمه فرمان اول دو بار کلیک کنید و سپس کد مشخص شده در زیر رابه آن اضافه کنید:

۴) برنامه را اجرا کنید . فرمی را با سه دکمه فرمان مشاهده خواهید می کنید کرد . بر روی با لاترین دکمه فرمان کلیک کنید . کادر پیغامی با عبارت !Hello ,Pangoan را خواهید دید.
دوستان گرامی امیدوارم از این قسمت به خوبی استفاده کرده باشید ، شما دوستان عزیز می توانید نظرتون رو از طریق بیان دیدگاه ها با من و دیگر همکارانم به اشتراک بگزارید، همچنین می توانید از طریق صفحه ی ما در اینستاگرام به همین نشانی ما رو دنبال کنید.

نویسنده: مسعود ثابتی

HTML و CSS

آموزش برنامه نویسی padding-margin – CSS در CSS

درود
در این جلسه ی آموزشی قصد دارم خصوصیات margin و Padding در CSS یا به عبارتی box model در css رو خدمتتون آموزش بدم. البته box model شامل border هم میشه که اون رو جلسات گذشته آموزش دادم .
11
Margin
توسط این خاصیت شما میتونید یک فاصله بین عنصر فرزند و عنصر والد ایجاد کنید. به کد زیر دقت کنید:

در اینجا عنصر والد رو body قرار میدیم و عنصر فرزند ChildElement در نظر میگیریم . اگر ما بخوایم این کادر رو از حاشیه ی Body به اندازه ی ۵۰ پیکسل فاصله بدیم باید margin رو برای این عنصر ۵۰px در نظر بگیریم.

در این صورت کادر childElement به اندازه ۵۰ پیکسل از سمت چپ ، راست ، بالا و پایین از body فاصله میگیره . به طور کلmargin رو فاصله ی بیرونی می نامیم .

قاعده دستوری Margin

Margin : margin-top margin-right margin-bottom margin-left

مثال margin : 10px 20px 15px 40px

در این مثال ما به اندازه ی ۱۰ پیکسل از بالا ۲۰پیکسل از راست ۱۵ پیکسل از پایین و ۴۰ پیکسل از سمت چپ بین عنصر والد و فرزند فاصله ایجاد کردیم .

نحوه ی نوشتن margin به اشکال مختلف

margin:10px 5px 15px 20px;
سمت بالا ۱۰px
سمت راست ۵px
سمت پایین ۱۵px
سمت چپ ۲۰px

margin:10px 5px 15px;
سمت بالا ۱۰px
سمت راست و چپ ۵px
سمت پایین ۱۵px

margin:10px 5px;
سمت بالا و پایین ۱۰px
سمت راست و چپ ۵px

margin:10px;
سمت بالا و راست و پایین و چپ ۱۰px

علاوه بر خلاصه نویسی در مثال های بالا شما میتونید از خصوصیات مجزای margin هم استفاده کنید .

Margin-top : فاصله از بالا

Margin-right: فاصله از راست

Margin-bottom : فاصله از پایین

Margin-left: فاصله از چپ

نمونه : margin-top : 20px

در این نمونه شما تنها از سمت بالا یک فاصله ۲۰ پیکسلی ایجاد میکنید .

Padding

توسط این خاصیت شما می تونید یک فاصله ی داخلی ایجاد کنید . به کد زیر دقت کنید :

در اینجا عنصر والد مد نظر ما نیست . ما یک فاصله از لبه ی عنصر فرزند به داخل ایجاد می کنیم .

در مثال بالا ما فاصله ای به اندازه ۳۰ پیکسل بین لبه ی کادر و محتوای درون کادر ایجاد کردیم . همونطور که در تصویر ابتدای مقاله میبینید ، padding فاصله ی محتوای درون کادر رو با لبه ی کادر تعیین می کنه . به طور کل padding رو فاصله ی داخلی می نامیم .

قاعده دستوری Padding

Padding : Padding-top Padding-right Padding-bottom Padding-left

مثال Padding : 10px 20px 15px 40px

در این مثال ما به اندازه ی ۱۰ پیکسل از بالا ۲۰پیکسل از راست ۱۵ پیکسل از پایین و ۴۰ پیکسل از سمت چپ از لبه ی کادر تا محتوای داخل کادر فاصله ایجاد کردیم.

نحوه ی نوشتن Padding به اشکال مختلف

Padding :10px 5px 15px 20px;
سمت بالا ۱۰px
سمت راست ۵px
سمت پایین ۱۵px
سمت چپ ۲۰px

Padding :10px 5px 15px;
سمت بالا ۱۰px
سمت راست و چپ ۵px
سمت پایین ۱۵px

Padding :10px 5px;
سمت بالا و پایین ۱۰px
سمت راست و چپ ۵px

Padding :10px;
سمت بالا و راست و پایین و چپ ۱۰px

علاوه بر خلاصه نویسی در مثال بالا شما میتونید از خصوصیات مجزایpadding هم استفاده کنید .

Padding-top : فاصله از بالا

Padding-right: فاصله از راست

Padding-bottom : فاصله از پایین

Padding-left: فاصله از چپ

نمونه : padding-right : 20px

در این نمونه شما تنها از سمت راست یک فاصله ۲۰ پیکسلی ایجاد میکنید .
و بار دیگر خیلی ممنون که به وبسایت پنگوئن اومدید و وقت گران بهاتون در اختیار ما گذاشته اید.
تا درودی دیگر بدرود.

HTML و CSS

آموزش برنامه نویسی Transform – CSS در CSS

درود
در CSS3

با استفاده از این خاصیت ، برای ایجاد افکت های زیبا دیگه نیازی به جی کوئری ندارید . خاصیت transform به شما این امکان و میده تا شما عناصرتون رو بچرخونید ، بزرگ و کوچیک کنید و … . حالا در مثال هایی که زده میشه به راحتی متوجه این موارد میشید .

قاعده دستوری transform

منظور از effect مقادیری هست که شما میتونید به transform بدید .

مقادیر خاصیت transform

با استفاده از این متدها و افکت ها شما میتونید عناصرتون رو بپرخونید ، برعکس کنید ، بزرگ یا کوچک کنید.

()translate

با استفاده از این متد شما میتونید عنصرتون رو بصورت افقی و عمودی جابجا کنید . این متد دو مقدار میگیره که مقدار اول عنصر رو در جهت افقی جابجا می کنه و مقدار دوم عنصر رو در جهت عمودی جابجا می کنه .

(translateX(valueX

این خاصیت فقط عنصر رو در جهت افقی جابجا میکنه .

(translateY(valueY

این خاصیت فقط عنصر رو در جهت عمودی جابجا میکنه .

()rotate

با استفاده از این متد میتونید عناصرتون رو بچرخونید . منظور از deg درجه هست که مقدارشو تعیین می کنید .
(rotateX(180deg

عنصر رو بصورت عمودی میچرخونه و در ۱۸۰ درجه که قرار بگیره کاملا عنصر رو در حالت عمودی پشت و رو میکنه .
(rotateY(180deg

عنصر رو بصورت افقی میچرخونه و در ۱۸۰ درجه که قرار بگیره کاملا عنصر در حالت افقی پشت رو رو میشه .
()scale

با استفاده از این متد میتونید ابعاد عنصرتون رو بصورت افقی و عمودی افزایش بدید . در مثال بالا ما ابعاد عنصر رو در حالت افقی ۲ برابر و در حالت عمودی ۳ برابر افزایش دادیم .
()scaleX

این متد ابعاد عنصر رو در حالت افقی افزایش میده .

()scaleY

این متد ابعاد رو در حالت عمودی افزایش میده .

()skew

با استفاده از این متد میتونید عنصرتون رو در دو حالت افقی و عمودی بصورت ۳ سه بعدی بچرخونید .

اگر مقدار درجه ای که تعیین می کنید مثبت باشه عنصر به سمت راست و اگر منفی باشه عنصر به سمت چپ میچرخه .

به عنوان مثال ما یه باکس ساده داریم که برای این باکس متد transform : skew(10deg,10deg) رو لحاظ می کنیم
میتونید با درجه ها بازی کنید و شکل های مختلفی دربیارید .

()skewX

این متد عنصر رو در حالت افقی میچرخونه .

()skewY

این متد عنصر رو در حالت عمودی میچرخونه .

پشتیبانی مرورگرها از خاصیت transform

و بار دیگر خیلی ممنون که به وبسایت پنگوئن اومدید و وقت گران بهاتون در اختیار ما گذاشته اید.
تا درودی دیگر بدرود.

HTML و CSS

آموزش برنامه نویسی Align – CSS در CSS

درود
تراز افقی CSS

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

برای تراز متن، فصل متن CSS را مطالعه کنید.
در این فصل ما به شما چگونگی تراز عناصر بلوک به صورت افقی برای اهداف طرح بندی را نشان خواهیم داد.
تراز وسط با استفاده از خاصیت margin
عناصر بلوک می توانند با تنظیم حاشیه های چپ و راست بر روی “auto” تراز شوند.
توجه: استفاده از margin:auto در IE8 و نسخه های قبل از آن کار نخواهد کرد ، مگر اینکه یک DOCTYPE! بیان شود.
تنظیم حاشیه های چپ و راست بر روی خودکار مشخص می کند که آنها باید حاشیه موجود را به طور مساوی تقسیم کنند. نتیجه یک عنصر با تراز مرکزی است:

نکته: اگر عرض ۱۰۰٪ باشد ، هماهنگی دیگر اثر ندارد.
توجه: در IE5 یک باگ حاشیه برای عناصر بلوک وجود دارد. برای اینکه نمونه بالا در IE5 کار کند، چند کد بیشتر اضافه کنید : مشاهده نتیجه
تراز چپ و راست با استفاده از خاصیت position
یکی از روش های تراز عناصر استفاده از موقعیت مطلق است:

وجه داشته باشید: موقعیت مطلق عناصر از جریان عادی خارج شده است، و می تواند عناصر را با یکدیگر همپوشانی دهد.
مسئله سازگاری Crossbrowser
هنگام تراز عناصری شبیه به این ، تعریف از پیش تعیین شده margin و padding برای عنصر ، همیشه یک ایده خوب است. این برای جلوگیری از تفاوت های بصری در مرورگرهای مختلف است.
هنگامی که از خاصیت position استفاده می کنیم ، مشکلی در IE8 و قبل از آن وجود دارد. اگر یک عنصر ظرف (در مورد ما ) عرض مشخصی داشته باشد ، و بیانیه DOCTYPE! از دست رفته باشد، IE8 و نسخه های قبلی یک حاشیه ۱۷px در سمت راست اضافه خواهد کرد. این به نظر می رسد که فضای محفوظی برای اسکرول است. همیشه بیانیه DOCTYPE! در هنگام استفاده از خاصیت position تنظیم کنید :

تراز چپ و راست با استفاده از خاصیت float
یکی از روش های تراز عناصر استفاده از خاصیت float است :

مسئله سازگاری Crossbrowser
هنگام تراز عناصری شبیه به این ، تعریف از پیش تعیین شده margin و padding برای عنصر ، همیشه یک ایده خوب است. این برای جلوگیری از تفاوت های بصری در مرورگرهای مختلف است.
هنگامی که از خاصیت float استفاده می کنیم ، مشکلی در IE8 و قبل از آن وجود دارد. اگر بیانیه DOCTYPE! از دست رفته باشد، IE8 و نسخه های قبلی یک حاشیه ۱۷px در سمت راست اضافه خواهد کرد. این به نظر می رسد که فضای محفوظی برای اسکرول است. همیشه بیانیه DOCTYPE! در هنگام استفاده از خاصیت float تنظیم کنید:

و بار دیگر خیلی ممنون که به وبسایت پنگوئن اومدید و وقت گران بهاتون در اختیار ما گذاشته اید.
تا درودی دیگر بدرود.