درس ۴- سبکهای مختلف نوشتاری

HTML می تواند به مرورگر بفهماند که قسمتهایی از متن را بصورت ضخیم و یا ایتالیک درآورد .

اهداف این درس

بعد از آموزش این درس
1- تگهای ضخیم و یا ایتالیک و .... به شما شناسانده خواهد شد
2- متون خود را در سند HTML به سبک های مختلف وارد کنید و سپس آن را در مرورگر مشاهده کنید .

شروع درس

HTML طرحهای مختلفی را در ارتباط با سبک های مختلف نوشتاری به شما می دهد، به مثالهای زیر توجه کنید .

HTML	RESULT
< b > this is bold - < /b > < I > this is italic < /I > < tt > this is typewriter < /tt >	this is bold - this is italic this is typewriter
< I >< b >this is bold and italic< /b > < /I > < b >< I > and so is this < /I >< /b >	this is bold and italic and so is this
Blah < h2 >< I >< new >< /I > and < tt >improved Blah Blah < /tt >< /h2 > blah blah	Blah and improved Blah Blah blah blah

سبک های مختلف متن را در سند HTML خود وارد کنید .
اگر محیط کاری ندارید باز کنید مراحل زیر را دنبال کنید .
1- محیط کاری خود را دوباره باز کنید .
2- سند خود را که به نام lesson1.html ذخیره کردید باز کنید .
3- لغت آموزش را از درون آن پیدا کنید حال می خواهیم آن را ضمیمه کنیم .
4- تگ مرتبط با عمل فوق را وارد کنید . < b / > آموزش از راه دور < b >
5- حالا پاراگراف دوم را با صورت ضخیم و ایتالیک درآورید.
برای اینکه تاکید بیشتری روی قسمتی از متن داشته باشید بوسیله تگ های < I >, < /b > , < b > می توانید این تاکید را انجام دهید .
6-برای اشاره به قسمت خاصی از متن مثل نام نویسنده ، می توانید از تگ
< tt > , < / tt > استفاده کنید .
7- تغییرات خود را ذخیره کنید و مجددا مرورگر خود را باز کنید .

آزمایش

عملیات خود را تست کنید


مروری بر مطالب

1- تگهای سبک های نوشتاری چه هستند ؟
2- انواع تگهای مختلف برای سبکهای مختلف
3- مراحلی که برای ایجاد این سبکهای متنی دنبال می کنید چیست ؟

تمرین

1- از تگهای bold و italic و دیگر تگها در جملات خود استفاده کنید .

درس 3 - نشانه گذاری 6 درجه

اهداف این درس :

1- شناسایی درجات مختلفی از نشانه گذاری در HTML و تگهای مربوط به آن
2- گذاشتن درجات مختلف نشانه گذاری در سند و مشاهده تغییرات در مرورگر

شروع درس


نشانه گذاری عنوانگذاری HTML

< hn / > متن شما به این سایز ظاهر می شود < hn >
n عددی است از 1 تا 6

مثال

در اینجا این نوشته 6 درجه مختلف دارد . درجات این نشانه گذاری مابین درجات 1 تا 6 می باشد و در خارج از این رده تناقض دارید ،

جایگذاری عنوان ها در سند HTML

تذکر : اگر محیط کاری ندارد طبق آدرس قبل ایجاد کنید .
1- محیط کاری باز کنید ( اگر هنوز باز نشده است )
2- به پنجره ویرایشگر متنی بروید .
3- پنجره HTML که در درس 2 ایجاد کردید را باز کنید .
4- این تگها را برای بزرگترنمایش دادن titlebar استفاده می کنیم .
< h1 > lesson1 < / h1 >
5- مطالب زیر را وارد کنید
درس 3 :

6- تغییرات خود را ذخیره کنید .
7- به پنجره مرور گر باز گردید و سند را باز و Refresh کنید .


آزمایش

سند خود را با سند نمونه مقایسه کنید اگر بعضی ازنشانه گذاری ها اعمال نشده بود دوباره تگهای مربوط را اصلاح کنید .
از اشتباهات معمولی که در هنگام کار عملی در این درس پیش می آید عدم استفاده از در نشانه گذاریها است .
< h1 > lesson1 < h1 > علامت اسلش فراموش شده است اگر / در تگ فراموش شود . مرور گر آن متن را با این درجه نشان نمی دهد و برای اصلاح دوباره باید به سند باز گردید .

مروری بر مطالب


1- درجه های مختلف نشانه گذاری حروف چه هستند ؟
2- تگهای مرتبط با این درجات نشانه گذاری چه هستند ؟
3- چه مراحلی را بایدبرای ایجاد متون با سایزهای مختلف دنبال کنید .
4- اگر / را فراموش کردید چه باید کنید ؟

تمرین :

در سند HTML خود از 3 درجه نشانه گذاری استفاده کنید.

الگوریتم

امروز  دو تا از پروژه های بچه ها را برای شما گذاشتم .

این پروژه ها که با پاور پوینت ساخته شده الگوریتم درست کردن آبگوشت و پنچر گیری است .

شما نیز می توانید پروژه ها ی خود را برای من امیل کنید .

در ضمن انواع سفارشات پذیرفته می شود .

   Download project

ID : DjAmirBobo

Mail : [e-mail]

درس 2 - ویرایش یک سند HTML

شما اولین سند HTML خود را ایجاد کردید . در این درس خواهید آموخت که چگونه با سرعت ، تغییراتی در سند خود ایجاد کنید و تغییرات را در مرورگر خود ببینید. بعد از آموزش این درس توانائیهای زیر را خواهید داشت :
1- ایجاد یک محیط کاری
2- تغییرات در سند HTML
3- اجرای سند مرورگر برای دیدن تغییرات

ایجاد دوباره محیط کاری

برای تکمیل این درس شما نیاز به ایجاد یک پنجره مرورگر دوم و پنجره Editor متنی که در درس 1 استفاده کردید دارید.
1- یک پنجره جدید از مرورگر. به وسیله انتخاب گزینه New Window از منوی File .
2- از گزینه Open برای باز کردن سند HTML که در قبل ایجاد کردید استفاده کنید.
3- Editor متنی خود را دوباره باز کنید .


انجام تغییرات در سند HTML
1- وارد شدن در پنجره Edit ویرایشگر متنی
2- متن زیر را در درس قبل وارد کنید .
"در اینجا شما با یک سایت آموزشی – آموزش از را دور روبرو هستید
امیدواریم از این سایت لذت ببرید "
نکته :
این متن بالای تگ < body / > و < html / > باشد.
بین < body > و < body / > نوشته می شود .
3- از منوی فایل ، با انتخاب گزینه Save تغییرات خود را ذخیره کنید .



باز کردن سند در مرورگر

به محیط کاری مرورگر خود بازگردید . جایی که فایل قبلی شما نمایش داده شده است . توجه داشته باشید که متون جدیدی که شما وارد کردید، هنوز قابل رویت در پنجره شما نیست . برای دیدن این تغییرات از کلید Refresh استفاده کنید . در این صورت هر تغییری که ایجاد کرده اید را مشاهده می کنید .
ذکر این نکته ضروری است که مرورگر وب از کلیه فاصله ها و کاراکترهای خالی که در سند وارد کردید چشم پوشی می کند .
البته مشخص است که زمانی می رسد که شما نیاز دارید که جاهای خالی در سند خود را مابین پاراگرافها استفاده کنید که در درس 4 این مطلب را می آموزید . شما می توانید فایل خود را در Desktop ذخیره کنید و از همانجا به اجرا در آورید .

آزمایش

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

مروری بر مطالب

1- چگونه محیط کاری را باز کردید.
2- چه مراحلی را برای ایجاد تغییر دنبال کردید.
3- چگونه تغییرات را در سند خود مشاهده کردید.

تمرین :

با توجه به مطالبی که در آموزش دیدید سندی که در درس قبل ایجاد کردید تغییر داده و سپس تغییرات خود را مشاهده کنید .