تبلیغات
مقالات آموزشی برنامه نویسی و شبکه - مطالب آموزش HTML5 و CSS3

آموزش ساخت منوی برگی با css3

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

برای اینکار از کد زیر استفاده نمایید:



در بخش کدهای html (داخل تگ body) داریم:



[مشاهده نمونه آنلاین]

موفق باشید.

آموزش ساخت منوی برگی با css3 - netnic.ir

نوشته شده در تاریخ جمعه 14 تیر 1392    | توسط: ح.م    | طبقه بندی: آموزش HTML5 و CSS3،     | نظرات()


کد css3 تغییر رنگ متن انتخاب شده

وقتی یک متن رو انتخاب می کنیم ، رنگ متن عوض میشه ،
 با استفاده از کد css3 زیر می تونیم رنگ مورد نظرمون رو به متن انتخاب شده اعمل کنیم :


تا آموزشی دگر بدرود

کد css3 تغییر رنگ متن انتخاب شده

نوشته شده در تاریخ جمعه 14 تیر 1392    | توسط: ح.م    | طبقه بندی: آموزش HTML5 و CSS3،     | نظرات()


کد css گرد کردن دور عناصر

گرد کردن دور عناصر با css

با سلام
کد css گرد کردن دور عناصر
انسانها از اشیاء نوک تیز ، زیاد خوششون نمیاد و بیشتر اشیائی ببا دور گرد رو بیشتر دوست دارن و احساس می کنن که شیک تر و مدرن ترند.

در رابطه با سایت هم همین موضوع صادقه .

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

گرد کردن دور عناصر به دو صورت انجام میشه :

  • بوسیله عکس
  • بوسیله کدهای CSS
مورد اول روش قدیمیه و مشکل اون ، کد نویسی نسبتا زیاد و کند شدن صفحه است. (لود شدن تصاویر گوشه ها)

امروز می خوام گرد کردن دور عناصر رو بوسیله CSS رو بهتون یاد بدم.


پست به روز شده است

نوشته شده در تاریخ یکشنبه 7 آبان 1391    | توسط: ح.م    | طبقه بندی: آموزش طراحی وب و css، آموزش HTML5 و CSS3،     | نظرات()


آموزش HTML5 و CSS3 درس 3

برای این ساعت از "سایت آموزشی نت نیک" بخش سوم از سری آموزش های html5 و css3 رو در نظر گرفته ام.
آموزش html5 و css3
در درس اول با تغییرات اساسی انجام شده در HTML5 آشنا شدیم
در درس دوم با تگ های پایه html5 آشنا شدیم


امروز با چند تگ دیگه html5 آشنا میشیم

نوشته شده در تاریخ چهارشنبه 4 مرداد 1391    | توسط: ح.م    | طبقه بندی: آموزش HTML5 و CSS3،     | نظرات()


آموزش HTML5 و CSS3 درس 2

سایت نت نیک
با سلام
در درس اول با تغییرات اساسی انجام شده در HTML5 آشنا شدیم

در این درس با تگ های جدید HTML5 آشنا می شویم.

همانطور که در درس اول بیان کردم ، شما می توانید تگ های خودتون رو شخصی سازی کنید.

مثلا :
کارشناسان پس از بررسی خصوصیت های id و class موجود در تگ صفحات هزازان سایت ، سعی کرده اند که تگ هایی رو که بیشترین استفاده رو دارند رو در نسخه نسخه جدید بصورت تگ استاندارد در بیاورند
(البته دلیل دیگری که در
HTML5 محتویات اضافی تگ های قدیمی حذف گردیده است و تگ های جدیدی ایجاد شده است ، کوچک کردن و منظم کردن کد ها بوده است تا موتورهای جستجو بهتر بتوانند از محتویات سایت ها با خبر شوند)


بدین صورت تگ های جدیدی در زبان HTML5 بوجود آمده اند که بصورت زیر می باشند :


نوشته شده در تاریخ دوشنبه 1 خرداد 1391    | توسط: ح.م    | طبقه بندی: آموزش HTML5 و CSS3،     | نظرات()


آموزش HTML5 و CSS3 درس 1

سایت نت نیک
با سلام
برای این ساعت از سایت نت نیک
بخش اول آموزش html5 و css3  رو آماده کرده ام.

در این درس به معرفی تغییرات در بدنه اصلی کد های صفحه می پردازیم و چند نکته بسیار کاربردی نسخه قدیم html را نیز آموزش خواهیم داد.

دیروز با استادم درباره html5  صحبت کردم ، ایشان در جوای به بنده فرمودند : این تکنولوژی توسط مرورگرهای قدیمی پشتیبانی نمیشه و فعلا جایی در وب نداره ....
از اونجایی که بنده خودم تازه شروع به کسب علم درباره
html5 و css3 پرداخته ام و قراره که به مرور یافته های خودم رو با شما به اشتراک بذارم ، دیروز حرف استادم رو قبول کردم ....

ولی بعد از مطالعاتم ، امروز با قدرت می تونم بهتون بگم که اصلا و ابدا نگران پشتیبانی مرورگر های قدیمی نباشید ... چرا ؟

چراشو آخر درس خدمتتون عرض می کنم ...

پس با ما باشید.  >> درس در ادامه مطلب است

نوشته شده در تاریخ دوشنبه 25 اردیبهشت 1391    | توسط: ح.م    | طبقه بندی: آموزش HTML5 و CSS3،     | نظرات()