حالا شما میتوانید انتخاب کنید که چگونه از سبکها در وبسایتتان استفاده کنید. سادهترین راه استفاده از سبکهای درخط است. به این معنی که به هر عنصر از صفحه سبک مختص آن را نسبت میدهید تا با آنچه که به صورت پیشفرض است تفاوت داشته باشد. این همان روشی است که بیشتر مردم در پردازشگرهای متن استفاده میکنند. مثلاً قسمتی از متن را که میخواهید سیاه شود انتخاب میکنید و بعد با کلیک کردن روی دکمهٔ «Bold» آن را سیاه میکنید. در این مورد، NvU تقریباًبه همین شکل کار میکند. در مورد مثال index.html بیایید رنگ پسزمینهٔ صفحه و متن را تغییر دهیم. این کار از طریق نوار منوی NvU امکانپذیر است. روی Format > Page colours and background کلیک کنید. با این پنجره مواجه میشوید:
با کلیک کردن روی دکمهٔ use custom colors میتوانید برای هر نوع متنی از صفحه رنگ پیشفرض را انتخاب کنید. همانطور که میبینید سه نوع پیوند داریم:
link رنگ پیوندی است که مرورگر هنوز آن را ندیده است.
active رنگ پیوندی است که روی آن کلیک شده است.
visited رنگ پیوندی است که مرورگر قبلاً آن را دیده است.
رنگها را تغییر دهید (فقط به یاد داشته باشید که اگر برای متن رنگی را انتخاب کنید که خیلی شبیه رنگ پسزمینه است، خواندن متن (اگر اصلاًبشود آن را خواند) کار مشکلی است). روی «OK» کلیک کنید. صفحه را ذخیره کنید و در مرورگر وب خود آن را ببینید (اگر مانند قبل دیده میشود، روی دکمهٔ Refresh مرورگر کلیک کنید تا آخرین نسخه از صفحه را نمایش دهد).
نتیجه این کار چنین خواهد بود:
حالا بیایید قلم متن صفحه را تغییر دهیم. ابتدا تمام متن را صفحه را با فشردن کلیدهای Ctrl + a انتخاب کنید. باید تمام متن صفحه را به صورت پررنگ شده ببینید.
برای تغییر دادن قلم متن صفحه هم میتوانید از نوار منوی پنجرهٔ NvU روی Format > Font کلیک کنید و هم میتوانید از منوی واشویی که در قسمت بالا و سمت چپ صفحهٔ NvU قرار دارد، قلم مورد نظر خود را انتخاب کنید.
بار دیگر اگر صفحه را ذخیره کنید و آن را در مرورگر خود باز کنید، میتوانید تغییرات را ببینید. تمام تغییرات (اندازهٔ متن، سیاه کردن متن، کج کردن متن، زیرخطدار کردن متن) به همین شکل اعمال میشوند.
زمان آن رسیده است که محل تصویر را در صفحه تغییر دهیم و کاری کنیم که متن در اطراف آن قرار بگیرد. این کار با کلیک کردن روی تصویر برای انتخاب کردن آن، و کلیک کردن روی Format > Image Properties از نوار منوی NvU انجام میشود (دوبار کلیک کردن روی تصویر نیز همینکار را میکند). یک پنجره باز میشود. روی زبانهٔ Appearance کلیک کنید. منوی واشوی «Align Text to Image» این امکان را به شما میدهد که متن را در سمت راست یا سمت چپ تصویر بپیچانید. انتخاب کردن «Wrap to the right» نتیجهٔ کار را چیزی شبیه این میکند:
میبینید که متن کنار تصویر با تصویر لببهلب شده است. برای اینکه مقدار فاصله میان تصویر و متن اضافه کنید، از گزینههای spacing در پنجرهٔ Image properties استفاده کنید. اعداد مختلف را امتحان کنید تا آن فاصلهای که مورد نظر شماست اعمال شود. این مثالی است که نشان میدهد فاصلهٔ ۲۰ نقطهای چگونه به نظر میرسد:
این اساس کار با سبکها برای تعیین نحوهٔ نمایش عناصر صفحه بود. کمی مشکل به نظر میرسد، اما با کمی طراحی و برنامهریزی استفاده از سبکها حتی میتواند زندگی شما را سادهتر کند.
