مرداد
۲۹
۱۳۹۴

نمونه طراحی قالب ایستا با HTML و CSS3

فایل html همان صفحه وب ما هست که کد های html و تگ ها در آن جای می گیرد و برای استایل دادن به این تگ ها از فایل css که به فایل html ما اشاره می کند استفاده می کنیم ، استفاده از فایل با پسوند css در طراحی به نام استایل دادن به صورت embedded یا external معروف است.
CSS برای کنترل استایل و طرح بندی صفحات وب استفاده می شود. CSS3 آخرین استاندارد CSS است. CSS3 به “واحد”ها تقسیم می شود. مشخصه های قدیمی به قطعات کوچکتر تقسیم می شود و امکانات جدید نیز اضافه شده است.
برخی از مهم ترین واحد های CSS3 عبارتند از:

  • انتخابگرها
  • مدل باکس
  • پس زمینه ها و حاشیه ها
  • جلوه های متن
  • تغییر شکل های ۳D/2D
  • انیمیشن
  • طرح بندی ستونی چندگانه
  • رابط کاربری

برای مثال با CSS3، شما می توانید حاشیه های گرد ایجاد کنید، برای باکس سایه اضافه کنید، و از یک تصویر به عنوان یک حاشیه استفاده کنید. ( بدون استفاده از برنامه های طراحی مثل فتوشاپ)

استایل دادن به تگ html سه حالت داره :
۱- Embedded :
که این نوع استایل دادن، استایل هامون داخل تگ head و در داخل قسمت زیر قرار می گیرند.
<style type="text/css">
Inja
</style>

۲- inline هست که داخل تگ قرار میگیره با استفاده از پارامتر style به صورت زیر :

<p style="font-size: 14px; color: purple;"> متن </p>

 

۳-External هست که به عنوان یه فایل css استایل ها داخل آن قرار میگیرند و در تگ head این فایل به صورت زبر فراخوانی میشه :

<link href="Controls.css" rel="stylesheet" type="text/css" />
اولین کاری که من بعد از ایجاد این دو فایل انجام دادم اضافه کردن css reset ساده زیر به فایل css هست که margin,padding پش فرض تمامی تگ ها رو برابر با صفر می کنه.
* {
margin:0;
padding:0;
}
با توجه به طرح و تگ های که استفاده میشه من این css reset رو احتیاج دونستم.
البته css reset ها کاملتری هم وجو داره که می تونید از طریق موتور جستجوی گوگل پیدا کنید.
WD104_1
این پروژه، یک قالب سایت ایستا است که با دستورات HTML و CSS3 ایجاد شده است. رنگ بندی سایت، صرفا به خاطر  تمایز بین قسمت های مختلف و نمایش بهتر حالت گرادیانت استفاده شده، به این شکل انتخاب شده است که بعد از دانلود آن، به راحتی قابل تغییر می باشد.

 

——————————————————————-

فرمت فایل ها: Html, Css

حجم فایل۲٫۶۴ KB

——————————————————————-

برای دانلود پروژه، لطفا بر روی لینک زیر کلیک نمایید.

از این که حامی پروژه را برای دانلود انتخاب نموده اید، سپاسگزاریم.

1 دیدگاه + فرستادن دیدگاه

  • سلام. خسته نباشيد. سايتتون عاليه، عاااااااالي

قیمت لحظه ای طلا و سکه و ارز

راهنمای دانلود

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

از این که حامی پروژه را برای دانلود انتخاب نموده اید، سپاسگزاریم.

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

HamiProje@Gmail.com

تبلیغات

alibaba02

تقویم شمسی

آذر ۱۳۹۷
ش ی د س چ پ ج
« آبان    
 12
۳۴۵۶۷۸۹
۱۰۱۱۱۲۱۳۱۴۱۵۱۶
۱۷۱۸۱۹۲۰۲۱۲۲۲۳
۲۴۲۵۲۶۲۷۲۸۲۹۳۰