ايجاد شيوه نامه در دريم ويور
ابتدا پانل css style را باز كنيد اين پانل زير مجموعه Design است اگر هم پانلها را دست كاري كرده باشيد مي توانيد از طريق آدرس به اين پانل برسيد. Window / CSS Styles
خب حال در اين پانل بر روي آيكن New CSS Style كليك كنيد تا مراحل ايجاد يك css جديد آغاز شود.
در اين لحظه با كادر زير مواجه مي شويد
ما در قسمتهاي بعد كليه قسمتهاي اين كادر را توضيح مي دهيم منتها در اين جا شما گزينه ها را همانند شكل تنظيم كنيد و بر روي ok كليك کنید.
توجه كنيد در قسمت name مي توانيد يك نام دلخواه تايپ كنيد ( شما بعدا مي آموزيد كه نام مناسب بشدت در كارتان تاثير دارد )حال شما با كادر زير روبرو مي شويد.
همانطور كه مي بينيد در قسمت category ليستي از انواع خواصي كه در css پشتيباني مي شود درج شده است با كليك بر روي هر خاصيت صفتهاي آن خاصيت را در قسمت سمت راست مشاهده مي كنيد كه كادر مقابل هر صفت براي تعيين مقدار است در اين جا ما به صفات خاصيت type مي پردازيم اين خاصيت شامل صفاتي براي فونت و متن است كه به ترتيب گزين ه هاي آن را شرح مي دهيم.
Font : در اين قسمت مي توانيد فونت دلخواه خود را انتخاب كنيد اين انتخاب همان مقداري است كه براي صفت font-family درنظر گرفته مي شود
Size : در اين قسمت ابتدا سايز فونت خود را انتخاب كنيد اگر قصد تعيين عدد را داريد هم مي توانيد از اعدا د موجود در كادر باز شو استفاده كنيد و هم مي توانيد عدد مورد نظرتان را تايپ كنيد هر عددي كه مايل باشيد پذيرفته است حتي اعداد اعشاري مانند ۷,۵ يا... پس از انتخاب از كادر مقابل آن مقياس را انتخاب كنيد كه اگر بياد داشته باشيد در بالا توصيه كردم از مقياس پوينت استفاده كنيد
Weight : قبلا توضيح داديم كه به سنگيني فونت اشاره دارد
Style : اين هم كه قبلا توضيح داده شد
Variant : اين صفت دو مقدار دارد يكي نرمال كه حالت عادي است و ديگري Variant كه تمام حروف را به حروف كوچك تبديل.
Line-height: اين از جمله صفات خاصيت خط است و به ارتفاع هر خط با خط بالايي و پائيني خود اشاره دارد اندازه ارتفاع را بايد تايپ كنيد و از قسمت روبرو هم مقياستان را انتخاب كنيد
Case : كه به معني بدنه است جزو همان صفات متن است كه ۴ مقدار متفاوت در اختيار شما قرار دارد
در كد نويسي بدين صورت قرار مي گيرد text-transform: و مقدار آن هم در جلوي آن درج مي شود حال مقاديري كه وجود دارد
مقدار capitalize مي تواند حروف اول هر جمله را به حروف بزرگ تبديل كند
مقدار uppercase بدون استثناء تمام حروف را به حروف بزرگ تبديل خواهد كرد
مقدار lowercase هم تمام حروف را كوچك در نظر مي گيرد و فرق آن با صفت variant در اين است كه آن صفت براي فونت بود و اين براي متن
Decoration : اين صفت از صفات متني است كه جلوه هايي را به متن اعمال مي كند كه به ترتيب عبارتند از :
Underline :متن و يا جمله ما را زير خط دار مي كند
Overline :خط را در بالاي متن و يا جمله انتخابي قرار مي دهد
line-through : خط را در وسط جمله يا كلمه قرار مي دهد
blink : خط بصورت چشمك زن ظاهر مي شود
خب اين از تمام گزينه هاي اين قسمت فعلا به گزينه هاي ساير قسمتها كاري نداريم تا جلسه بعد حال گزينه ok را كليك كنيد تا اين كدهاي جديد تثبيت شود
حال به كدي كه توسط اين قسمت ايجاد شده دقت كنيد
<style type="text/css">
<!--
.unnamed1 {
font-size: 12pt;
line-height: normal;
font-variant: normal;
font-family: Tahoma;
font-style: normal;
font-weight: bold;
text-transform: capitalize;
color: #000000;
text-decoration: none;
}
-->
</style>
خط سوم اين كد كه .unnamed1 است همان نام شيوه نامه است كه گفتيم مهم است شما به هر تعداد مي توانيد شيوه نامه ايجاد كنيد منتها نام هاي مشخصي انتخاب كنيد تا در زمان اعمال آنها با مشك ل مواجه نشويد و دقيقا بدانيد هر شيوه نامه مربوط به چه قسمتي است تا همان شيوه نامه را به همان قسمت اعمال كنيد
به بقيه كد نگاه كنيد حالا درك ميكنيد كه اين كد تنها ۳ خاصيت با صفات گوناگون دارد خاصيتهاي مورد استفاده font&text&line هست اما چرا كدها ما بين اين دو علامت قرار داده شده اند
<!--
-->
اين علامتها علامت درج توضيح در داخل كدهاي html است و از اين جهت شيوه نامه را داخل اين علامت قرار داده اند كه مرورگرهايي كه از دستورات شيوه نامه پشتيباني نمي كنند ( مانند مرورگرهاي قديمي و ورژن پائين ) اين كدها را در صفحه م رورگر نمايش ندهند مرورگرهايي كه از شيوه نامه ها پشتيباني مي كنند كه قادر به اجراي فرامين آن هستند.
|