چگونگي تغييرات در يك شيوه نامه
بعضي اوقات لازم است تا تغييراتي را در شيوه نامه خودمان اعمال كنيم شما از چندين روش قادريد به كادر اعمال تغييرات در شيوه نامه برسيد
راه اول : در پانل گزينه ها و در كادر style كليك كرده گزينه manage style را كليك كنيد.
راه سوم : مسير همانند راه دوم است منتها از طريق منوي text در نوار منو به هر حال از هر روشي اقدام كنيد با پنجره زير روبرو مي شويد
در اين پنجره تمام شيوه نامه هايي كه توليد كرده باشيد ليست شده بر روي نام شيوه نامه كليك كنيد تا انتخاب شود و آنگاه گزينه edit را كليك كنيد تا با همان كادر css مواجه شويد كه در آنجا قادريد مشخصات شيوه نامه خود را تغيير دهيد.
گزينه attach در كادر بالايي براي الحاق نمودن يك شيوه نامه خارجي به داخل صفحه جاري كاربرد دارد
گزينه new يك شيوه نامه جديد ايجاد مي كند
گزينه Duplicate يك كپي از شيوه نامه انتخاب شده شما ايجاد ميكند
ساير گزينه ها كه مشخص است
اعمال يك شيوه به قسمتي از صفحه
خب حال كه با اصول شيوه نامه ها و طرز ايجاد و ويرايش شيوه نامه در دريم ويور آشنا شديم بايد بتوانيم يك شيوه را به قسمتي از صفحه اعمال كنيم
براي اعمال يا ما يك شيوه را به تمام صفحه اعمال مي كنيم يا به يك قسمت خاص منتها قبل از اعمال يك شيوه اين را در نظر بگيريد كه نبايد خاصيتهاي آن قسمت با خاصيتهاي شيوه نامه در تضاد باشد چون در غير اين صورت خاصيتهاي انتخاب شما اعمال مي شود و نه خاصيتهاي شوه نامه براي اين منظور ابتدا تمام خاصيتهاي صفحه كه اعمال و انتخاب كرده بوديد را به حالت پيش فرض در آوريد
( مانند رنگ متن ، سبك متن، بك گراند صفحه و هر خاصيت ديگري در صفحه كه جزو خواص شيوه نامه است)پس از انجام اين كار
براي اعمال يك شيوه نامه به كل صفحه ابتدا در قسمت كد نشانگر ماوس را درون تگ<body>قرار داده و از پانل گزينه ها و قسمت style نام شيوه نامه مورد نظرتان را انتخاب كنيد اگر به قسمت كد نگاه كنيد مي بينيد كه اين كد توليد شد
<p class="unnamed1"> </p>
ما به بقيه كد كاري نداريم فقط اين قسمت را توجه كنيدclass="unnamed بلكه هر شيوه نامه كلاسي است با ن ام همان شيوه نامه كه ايجاد شده و در هر جايي مي توان قسمتي يا كل يك صفحه را به آن كلاس نسبت داد براي اعمال يك شيوه نامه به قسمتي از صفحه ابتدا آن قسمت را انتخاب كنيد و باز در پانل گزينه و قسمت style بر روی نامه شيوه نامه خود كليك كنيد تا آن شيوه نامه به همان قسمتي از صفحه كه انتخاب كرديد اعمال شود خب تا اينجاي مطالب را تمرين كنيد تا در جلسه بعد مطالب ديگري را فرا بگيريد فقط سعي كنيد شيوه هاي زيادي ايجاد كنيد با نامهاي متفاوت و مقادير متفاوت و آن را به جاي جاي صفحه خود ربط دهيد.
مبحث اين قسمت به خواص بك گراند و صفات آن مربوط مي شود
قبل از آن مطلب ديگري را عرض كنم تا ا ينجا ما شيوه هايي كه تعريف كرديم بصورت يك كلاس بود يعني ما خصوصياتي را تعيين ميكرديم و به هر كجاي صفحه كه مايل بوديم نسبت ميداديم و گفتيم چطور يك كلاس را به تگ body صفحه كه همان كل محتويات صفحه مان است ربط بدهيم اما روش بهتر و عاقلانه تر اين است كه خصوصياتي را براي تگهاي html تعريف كنيم.
بر فرض ما كلاسي تعريف مي كنيم كه مشخصات جدول را تعيين مي كند اگر در صفحه جداول زيادي داشته باشيم مجبوريم هر جدول را به تنهايي به كلاس مورد نظر ربط بدهيم اما اگر ما همان خصوصيات را براي تگ table که معرف رسم جدول در html است تعريف كنيم آن وقت مرورگر هر كجاي صفحه كه به تگ table برسد همان مشخصات شيوه نامه را در آن لحاظ خواهد كرد.
پس براي اين كار شيوه نامه جديدي ايجاد ميكنيم ( در قسمت قبل گفتيم چگونه ) تا كادر ايجاد جدول جديد نمايان شود
براي تعريف مشخصات براي تگهاي html بايد راديو باتن دوم همانگونه كه در شكل مشخص است را انتخاب كنيم در فيلد tag كه در بالا قرار دارد كليك كرده و از ليستي كه باز مي شود تگي را كه قصد تعريف مشخصات براي آن را داريم انتخاب مي كنيم چون مبحث امروز ما به بك گراند اختصاص دارد ما در اين مرحله تگ body را انتخاب كرديم در قسمت Define in هم راديو باتن دوم را انتخاب مي كنيم و ok را کلیک می کنبم.
با باز شدن پنجره style گزینه Background را از قسمت Category انتخاب می کنیم.
اگر به متن بالاي اين پنجره دقت كنيد مي بينيد كه شما در حال تعيين مشخصات براي تگ bodynهستيد و اين يعني اعمال مشخصات در كل صفحه در فیلد Backgroud Color شما مي توانيد رنگي را براي پس زمينه صفحه تان تعريف كنيد بر روي اين كادر كليك كرده و ازرنگهاي نمايش يافته رنگ مورد نظر خود را انتخاب كنيد.
فيلدbackgroun image براي تعيين تصويري بعنوان پس زمينه صفحه است براي اين منظور بر روي browse كليك كنيد و آدرس تصوير مورد نظر خود را بدهيد
: repeat صفت با اين صفت تعيين مي كنيد كه آيا تصوير پس زمينه در صورت كوچك بودن تكرار شود يا نه كه ۴ مقدار براي آن وجود دارد
مقدار no-repeat از تكرار تصوير جلوگيري خواهد كرد مابقي فضايي كه بيشتر از تصوير پس زمينه باشد با رنگ پس زمينه نشان داده خواهد شد
مقدار repeatتصوير را تا هر جايي كه صفحه ادامه داشته باشد تكرار خواهد كرد اگر اين صفت را مقدار هم ندهيد همين عمل پيش فرض آن است
مقدار repeat-x باعث مي شود كه تصوير فقط در جهت افقي تكرار شود
مقدار repeat-y باعث مي شود كه تصوير فقط در جهت عمودي تكرار شود
صفت Attachment :اين صفت دو مقدار بيشتر ندارد
مقدار fixed : باعث ثابت ماندن تصوير پس زمينه خواهد شد بدين صورت كه هر چه متن و محتويات صفحه شما زياد باشد و هر چه شما با اسكرول صفحه را جابجا كنيد تصوير پس زمينه تكان نخواهد خورد
مقدار scrool:هم مقدار پيش فرض است و كاربرد آن اين است كه با جابجايي صفحه تصوير پس زمينه هم جابجا مي شود
صفت horizental position : توسط مقادير اين صفت ميتوان موقعيت قرار گيري تصوير پس زمينه را در جهت افقي صفحه تعيين كرد
مقادير مطلق آن عبارتند از left¢er&right كه ميتواند تصوير را از سمت چپ يا وسط يا راست قرار دهد در اين قسمت شما مي توانيد مقدار عددي هم بدهيد مثلا عدد ۲۰۰ را تايپ كنيد و از كادر كنار آن هم واحد پيكسل را انتخاب كنيد در اين صورت تصوير ۲۰۰ پيكسل از
سمت چپ صفحه فاصله گرفته و در صفحه قرار مي گيرد
|