شروعی به نام HTML5

شهریور ۱۰, ۱۳۹۲ توسط : سیدمهدی شاه امیریان

سلام

به لطف حضور HTML5 & CSS3 امروزه بهتر از هر زمان دیگری می توان سایتی کارآمد، سبک و انعطاف پذیر طراحی کرد.

در ادامه و پست های آینده در رابطه با این دو تکنولوژی وب بیشتر صحبت خواهیم کرد.

بطور مختصر ساختار یک صفحه HTML5 بصورت زیر است

همونطور که در سطر اول می بینید، تعریف سند HTML در HTML5 تغییر زیادی داشته و بسیار کوتاه و قابل فهم شده.
در سطر دوم نیز همراه با تگ html زبان صفحه رو مشخص کردیم که فارسی است.
در سطر سوم نیز نوع رمزگذاری سند مشخص شده.

توجه! کد مربوط به نوع رمزگذاری سند بایستی در ۵۱۲ کاراکتر اول سند قرار گیرد، بدلیل اینکه در اینترنت اکسپلورر ضعف امنیتی وجود دارد که در صورت عدم رعایت این مورد مرورگر رمزگذاری صفحه رو براساس utf-7 در نظر میگیرد و هکر با استفاده از این موقعیت می تونه کد مخربی رو بر روی سایت شما اجرا کند

در سطرهای ۵ تا ۷ نیز از تگ های متا برای بهینه سازی صفحه برای موتورهای جستجو استفاده کردیم.…

ادامه مطلب...

Tags

CSS3 در Internet Explorer

مرداد ۲۵, ۱۳۹۱ توسط : سعید

یکی از بزرگترین مشکلات طراحان سایت مروگر اینترنت اکسپلورر است. تا قبل از نسخه ۹ این مرورگر از CSS3 پشتیبانی نمیکند و به همین دلیل طراحان رو در طراحی سایتهایی با امکانات css 3 دچار مشکل میشوند.

در این مقاله سعی میکنم به معرفی ابزاری بپردازم که بتونیم از امکانات css3 مثل border-radius یا box-shadow در اینترنت اکسپلورر استفاده کنیم.

برای اینکه بتونبم از امکانات css3 در مرورگر اینترنت اکسپلورر استفاده کنیم ابزارهایی تولید شدند. یکی از بهترین ابزارهای موجود میشه از کتابخانه  CSS3PIE  نام برد. این کتابخانه با حجم کم امکانات زیادی رو در اختیار ما میذارخ که تعدادی از این امکانات رو براتون معرفی میکنم.

ابتدا کتابخانه CSS3Pie رو از لینک زیر دانلود کنید.

دانلود CSS3Pie

حالا یک فایل html بسازید :

<div class="main">

آموزش حرفه ای PHP

</div>

 

کد css مربوط به کلاس main رو هم مینویسیم:

.main
{
    border: 1px solid #999; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;  
    border-radius: 10px;
}

 

خب در بالا میبینید که از border-radius استفاده کردیم اما همینطور که میدونید این قابلیت در مرورگر IE شناسایی نمیشه.…

ادامه مطلب...

Tags