آموزش تصویری Dreamweaver CS5 - قسمت سوم

با استفاده از Headingها میتوانید اندازه متن را به صورت از قبل تعیین شده تغییر دهید. در زبان HTML از Heading1 تا Heading6 تعریف شده است، که در ادامه آنها را بررسی میکنیم. برای انتخاب متن خط اول دکمه Shift را فشرده نگهداشته و سپس کلید Home را فشار دهید.
روی لیست باز شونده Format کلیک کنید.

[تصویر: 003.gif]

در این لیست 6 نوع Heading وجود دارد. روی گزینه Heading1 کلیک کنید.

[تصویر: 004.gif]

اکنون متن با فرمت Heading1 نمایش داده شده است. فرمت Heading1 بزرگترین حالت و فرمت Heading6 کوچکترین حالت است. معمولاً از Heading1 ، 2 و 3 برای عنوان‌ها و زیرعنوان‌ها استفاده میشود. Heading4 مانند یک متن معمولی میباشد که بصورت درشت نمایش داده میشود. Heading5 و 6 برای توضیحات کوچکی که در پایین صفحه نوشته میشود مناسب میباشد. ( مانند توضیحات محفوظ بودن حق کپی)
برای آنکه این متن در وسط صفحه نوشته شود روی منوی Format کلیک کنید.

[تصویر: 005.gif]

در این منو گزینه‌های مختلفی برای کار با متن‌ها وجود دارد. برای مثال با استفاده از گزینه Paragraph Format میتوانید متن را بصورت Heading1 تا 6 تبدیل کنید. با استفاده از منوی Align میتوانید نحوه تراز کردن متن را تغییر دهید. بر روی گزینه Align کلیک کنید.

[تصویر: 006.gif]

روی گزینه Center کلیک کنید.

[تصویر: 007.gif]

با این کار متن در وسط صفحه قرار گرفت با استفاده از گزینه‌های Align میتوانید متن را بر روی صفحه تراز کنید.ایجاد پاراگرافهاهمانطور که میدانید با استفاده از دکمه Enter میتوانید به یک خط پایین تر بروید و متن را تایپ کنید. برای مثال در این متن ابتدا عبارت welcome to Learninweb.com تایپ شده است و سپس کلید Enter فشرده شده و عبارت بعدی نوشته شده است. در صورتیکه یک متن در چندین خط نیز نوشته شود و فشردن کلید Enter یک پاراگراف جدید ایجاد میشود.
در زبان HTML پاراگراف‌ها با باز شدن و بسته شدن تگ <p> نمایش داده میشوند. برای مشاهده این موضوع روی دکمه Code کلیک کنید.

[تصویر: 008.gif]

در این کد متن خط دوم داخل تگ <p> قرار دارد.

[تصویر: 009.gif]

با استفاده از تگ <h1> نیز تعیین شده است که متن خط اول بصورت Heading1 نمایش داده شود. توسط خصوصیت align="center" نیز تعیین شده است که متن Heading1 در وسط خط قرار بگیرد.

[تصویر: 010.gif]

به یاد دارید که در بخش قبل این متن را بصورت درشت نمایش دادیم. تگ <Strong> نیز به این علت در این قسمت وجود دارد. چون متن بصورت Heading1 نمایش داده میشود عملاً تگ <Strong> عملی انجام نمیدهد چون متن Heading1 بصورت درشت نمایش داده میشود. روی دکمه Design کلیک کنید.

در ادامه چند خط دیگر متن وارد میکنیم.
Welcome to Eniacmedia.com
This webpage is produced by Dreamweaver CS3! You are learnig Macromedia Dreamweaver CS3 by Eniac interactive CD's. For more information about HTML language you can use learning HTML, JavaScript & CSS CD. All of the 3 titels are just in one CD! It's a good choise to buy this CD!

همانطور که مشاهده میکنید متن بصورت یک پاراگراف مستقل و تراز از سمت راست نمایش داده شده است. برای آنکه متن بهتر نمایش داده شود میخواهیم تراز آن را تغییر دهیم. ابتدا باید متن مورد نظر را انتخاب کنیم. دکمه Shift صفحه کلید را فشرده نگهداشته و سپس دکمه Home را فشار دهید.
دکمه Shift را فشرده نگهداشته و دو بار کلید حرکت مکان نما به سمت بالا را فشار دهید.
برای آنکه این متن تراز شود روی منوی Format کلیک کنید.

[تصویر: 012.gif]

بر روی گزینه Align کلیک کنید.

[تصویر: 013.gif]

روی Justify کلیک کنید.

[تصویر: 014.gif]

در این متن چند غلط املایی نیز وجود دارد. با استفاده از امکان Check Spelling این نرمافزار میتوانید بصورت خودکار آن را پیدا کنید. برای این کار منوی Commands را باز کنید.

[تصویر: 015.gif]

برای بررسی غلط‌های املایی روی گزینه Check Spelling کلیک کنید.

[تصویر: 016.gif]

مشاهده میکنید که اولین غلط املایی پیدا شد. طبق فرهنگ لغت نرم افزار Dreamweaver در کلمه webpage باید بین دو حرف web و page یک فاصله اضافه شود. روی دکمه Change کلیک کنید تا این تغییر انجام شود.

[تصویر: 017.gif]

مشاهده میکنید که کلمه webpage به web page تغییر یافته است. کلمه learning نیز به اشتباه learnig تایپ شده است و یک حرف n در آن جا افتاده است. برای درست کردن این کلمه در لیست روی عبارت درست دبل کلیک کنید.

[تصویر: 018.gif]

اکنون مشاهده میکنید که کلمه titlesنیز اشتباه تایپ شده است. روی دکمه Change کلیک کنید.

[تصویر: 019.gif]

کلمه Choice نیز به اشتباه با S نوشته شده است. چند کلمه در قسمت Suggestions به شما پیشنهاد شده است که میتوانید از آنها استفاده کنید کلمه Choice نیز در داخل این لیست وجود دارد. روی گزینه Choice دابل کلیک کنید.

[تصویر: 020.gif]