زیبا دیزاین

در این قسمت از اموزش طراحی سایت به انواع گزینه ها مانند Heading ,Title  ,قالببندی  و درج خط میپردازیم. گزينه Heading   با انتخاب اين گزينه می توان سايز و رنگ دلخواه خود را برای Heading  ها مشخص کرد، تا هر بار که  Heading مورد نظر انتخاب شد با قالبی که در اين قسمت برايش مشخص شده است نمايش داده شود. گزينه Title/Encoding با انتخاب اين دسته بندی گزينه های مختلفی از جمله گزينه تعيين عنوان صفحه، در سمت راست کادرمحاوره ای Page Properties ظاهر…

نظر شما درباره این سایت؟




در این قسمت از اموزش طراحی سایت به انواع گزینه ها مانند Heading ,Title  ,قالببندی  و درج خط میپردازیم.

گزينه Heading  

با انتخاب اين گزينه می توان سايز و رنگ دلخواه خود را برای Heading  ها مشخص کرد، تا هر بار که  Heading مورد نظر انتخاب شد با قالبی که در اين قسمت برايش مشخص شده است نمايش داده شود.


گزينه Title/Encoding

با انتخاب اين دسته بندی گزينه های مختلفی از جمله گزينه تعيين عنوان صفحه، در سمت راست کادرمحاوره ای Page Properties ظاهر می شود.


Title: 

در ا ين قسمت عنوان صفحه مشخص می شود . در واقع عنوان صفحه نامی است که در بالای کادرمحاوره ای مرورگر ظاهر می شود و هيچ ارتباطی با نام فا يل ندارد . به عنوان مثال در  شکل عنوان صفحه Day shopping  در نظر گرفته شده است. در طراجی وب سایت انخواب نام کوتاه و در بر گیرنده محتوا صفحه بسیار اهمیت دارد.

نام فايل در واقع همان اسمی است که در بر نامه با پسوند Html.يا Htm .ذخيره می شود ولی عنوان صفحه تنها برا ی تشخيص صفحه در مرورگر مورد استفاده قرار می گيرد.


Encoding:

از اين گزينه برای نمايش نوع قلم در مرورگر استفاده می شود. نکته: از منوی کشويی گزينه  Encoding گزينهWindows  Arabic – UTF را برای نمايش صحيح کاراکترهای فارسی انتخاب کنيد.

نکته : هنگامی که در طراحی سایت خود از عنوان های فارسی استفاده میکنید Encoding برای موتور های جستجو سختر خواهد شد .

گزینه Tracing Image

در صورتی که بخواه يد تصويری را که به عنوان پس زمينه صفحه در قسمت Appearance  مشخص کرده ايد را در صفحه سند نيز، مشاهده کنيد بايد در اين بخش تصوير مورد نظر را مشخص کنيد ، زيرا تصويری که در قسمت Background  بخش  Appearance قرار  می گيرد تنها در صفحه مرورگر ديده می شود.

نکته : در طراحی وب سایت خود از عکسهایی باکیفیت و با حجم بسیار بالا استفاده نکنید.

همچنين می توانيد در قسمت  Transeparency ميزان شفافيت تصويررا در کادرمحاوره ای سند کاهش يا افزايش دهيد.


درج متن و قالببندی آن

برای وارد کردن متون به سند، کافی است ان  را بطور مستقيم تايپ کرده و بعد از انتخاب انها نوع، اندازه، رنگ و يا ساير خصوصيات انها را در کادرمحاوره ای خصوصيت مربوط به متن تغيير دهيد..

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

برنامه Dreamweaver برای جلوگيری از اين امر، در منوی Font از کادرمحاوره ای خصوصيت متن، بيش از يک نوع Font را در يک گروه قرار داده است تا در صورت نبود قلم انتخاب شده برروی سيستم کاربر به مرورگر از قلم بعدی برای نمايش متون استفاده کند. نکته : در طراحی وب سایت خود عنوان ها و قالبندی  را با رنگ بندی مشص نمایید . که حس بهتری به خواننده بدهد.

به عنوان مثال اگر برای متن تايپ شده در سند خود از منوی Font عبارت Tahoma ،verdana, Arial, Helvetica, sans, serif  را انتخاب کنيد. زمانی که مرورگر کاربر می خواهد متن را نمايش دهد به ترتيب از قلم دهد به ترتيب از قلم شروع کرده و در صورت پيدا کردن اين قلم برروی سيستم کاربر، متن را در قالب آن نمايش می دهد، چنانچه قلم فوق را پيدا نکند از قلم های بعدی گروه ، برای نمايش متن استفاده می کند.

برای اضافه کردن قلمهای دلخواه به منوی ،font می بايست از  منوی فوق گزينه Edit Font List را انتخاب کرده تا کادرمحاوره ای مربوط به آن باز شود.


در قسمت Available Font ليستی از کليه قلمهای موجود در سيستم شما وجود دارد، قلم مورد نظر را انتخاب کرده سپس روی فلش جهت دار کليک کنيد تا به کادرمحاوره ای Chosen Font  منتقل  شود. در صورت ی که م ی خواهيد يک رشته مستقل از چند قلم را ايجاد کن يد به افزودن قلم های دلخواه خود به کادرمحاوره ای Chosen Font  ادامه دهيد.

نکته: برای ا يجاد يک گروه جديد از قلم ها روی دکمه + کادرمحاوره ای  Edit Font List کليک کنيد.

درج خط های افقی در صفحه

برای قرار دادن خط در صفحه بايد مکان نما را در محل مورد نظر قرار دهيد سپس از منوی Insert/HTML گزینه Horizontal Rule  را انتخاب کنيد.

نکته: برا ی ا ين منظور همچن ين م ی توانيد از نوار Insert  تگ HTML  دکمه Horizontal Rule  استفاده کنيد .


قراردادن کاراکترهای ويژه در صفحه

برای درج ک اراکترهای خاص در صفحه باي د از منوی  Insert گزينه  HTML>Special Character استفاده شود.همچنين م ی توانيد از گزينه Text در نوار Insert استفاده کنيد. در انت های اين نوار روی منوی کشو يی( دکمه br ) آخرين گزينه کليک کنيد تا منوی مربوط به آن باز شود. همان طور که در شکل مشاهده کنيد ل يستی از کاراکترها ی ويژه ظاهر شده است.



:: امتیاز: نتیجه : 5 امتیاز توسط 1 نفر مجموع امتیاز : 5


:: ارسال شده در: دریم ویور , آموزشی ,
:: مطالب مرتبط: نام های استاندارد تعریف شده برای رنگ ها در CSS و HTML ,
:: برچسب‌ها: آموزش طراحی سایت با دریم ویور - انواع گزینه ها(قسمت اول) , طراحی سایت , صفحه بندی روزنامه , قالب روزنامه لایه باز ,
نویسنده
admin : قاسم اصغری
[پنجشنبه 08 شهريور 1397 ]
تاریخ
بازگشت به صفحه اصلی
ارسال نظر برای این مطلب

نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتیرفرش کد امنیتی
آخرین مطالب ارسالی
صفحه آرایی روزنامه از سراسر کشور پذیرفته می شود. تاریخ : دوشنبه 21 آبان 1397
حل مشکل برعکس نوشتن حوف فارسی در نرم افزار افتر افکت تاریخ : پنجشنبه 10 آبان 1397
بنر لایه باز پشت سن پنجمین المپیاد درون مدرسه ای تاریخ : چهارشنبه 09 آبان 1397
روزنامه لایه باز جدید تاریخ : سه شنبه 08 آبان 1397
قالب آماده روزنامه تاریخ : شنبه 05 آبان 1397
به بهانه تولد استاد و پدری مهربان... تاریخ : یکشنبه 29 مهر 1397
نام های استاندارد تعریف شده برای رنگ ها در CSS و HTML تاریخ : پنجشنبه 26 مهر 1397
لایه باز روزنامه جام جم تاریخ : یکشنبه 22 مهر 1397
دانلود روزنامه لایه باز ابتکار تاریخ : شنبه 21 مهر 1397
صفحه بندی روزنامه تاریخ : پنجشنبه 19 مهر 1397
معرفی و دانلود نرم افزار قدرتمند Adobe Acrobat تاریخ : پنجشنبه 19 مهر 1397
آموزش تصویری طراحی آرم شبکه اول سیما تاریخ : دوشنبه 16 مهر 1397
دانلود رایگان پوستر لایه باز روز جهانی کودک تاریخ : یکشنبه 15 مهر 1397
صفحه بندی و تدریس صفحه آرایی در تهران و شهرستان ها تاریخ : شنبه 14 مهر 1397
ارائه خدمات صفحه بندی و صفحه آرایی روزنامه به سراسر کشور تاریخ : جمعه 13 مهر 1397
لایه باز روزنامه با فرمت ایندیزاین تاریخ : پنجشنبه 12 مهر 1397
بازگردانی فایلهای ناپدید شده فلش توسط ویروس تاریخ : سه شنبه 10 مهر 1397
هایلایت کردن قسمتی از متن در ایندیزاین تاریخ : سه شنبه 10 مهر 1397
آموزش طراحی و حرفه ای نرم افزار فرانت پیج Front Page (بخش اول) تاریخ : سه شنبه 10 مهر 1397
صفحه بندی روزنامه / قالب لایه باز روزنامه فارسی تاریخ : دوشنبه 09 مهر 1397
کار با نرم افزار AVS Video ReMaker تاریخ : دوشنبه 09 مهر 1397
آموزش ویدیو استدیو Corel Video Studio (اضافه کردن آهنگ به کلیپ) تاریخ : شنبه 07 مهر 1397
جلسه اول: نوار ابزار تری دی مکس چیست ؟ تاریخ : شنبه 07 مهر 1397
طراحی فایل های کارتونی با نرم افزار ایلیستریتور تاریخ : شنبه 07 مهر 1397
صفحه آرایی روزنامه از سراسر کشور تاریخ : جمعه 06 مهر 1397
user
progress عضو شويد

نام کاربری :
رمز عبور :

progress فراموشی رمز عبور؟

progress
RSS

قاسم اصغری
09358787019
آی دی پیام رسانهای ما:
[ کلیک ]