آموزش طراحی وب با زبان ساده بخش اول xhtml

[sr.majid]

با notepad چگونه یک فایل با فرمت html بسازیم؟
همونطور که داخل عکس زیر میبینید گزینه save as رو انتخاب میکنیم و پایان اسم پیجمون html. رو مینویسیم ، اگر صفحه طراحی شده به زبان انگلیسی بود encoding رو تغییری نمیدیم اما اگر فارسی بود encoding رو روی utf-8 میگذاریم
برای باز کردن پیج مورد نظرمون روش کلیک راست میکنیم و گزینه open with رو انتخاب میکنیم و با یکی از مرورگرهای نصب شده بر روی سیستممون بازش میکنیم

چند نکته:
1. تگی Tag که اتریبیوت Attribute دارد صد در صد یک مقدار ولیو Value دارد
2. مکان نوشتن attribute و value های یک تگ در داخل opening tag هست
3. attribute یک تگ توسط فاصله از خود تگ شروع میشه
4. attribute و value از طریق مساوی از هم نوشته میشوند و ولیو داخل کوتیشن " قرار میگیره
5. اگر یک تگ چند Attribute داشت اتریبیوت هارو با یک فاصله از هم جدا میکنیم
6. attribute های یک تگ مهم نیست کدام اول یا آخر نوشته بشن
نمونه:

<tag attribute="value">object</tag>

اولین تگی که آموزش داده میشه برای تغییر خصوصیات نوشته یا text هست که اسمش تگ font هست تگ فونت از نوع container هست و خودش به خودی خود هیچ کاری انجام نمیده و این اتریبیوت ها و ولیو ها هست که به نوشته ها خصوصیت میدن

تگ فونت سه اتریبیوت داره
1. color
2. size
3. face

اولی رنگ رو تغییر میده دومی اندازه رو و سومی فونت رو
به ترتیب مثال میزنیم تا بهتر متوجه بشید
1.color :

<font color="red">neveshte</font>

همینطور که مشخصه این تگ و اتریبیوتش باعث میشه رنگ نوشته عوض بشه و اینجا قرمز میشه
نکته : برای استفاده از رنگ از نوشته استفاده نمیکنیم و از هگزادسیمال ولیو استفاده میکنیم که به موقعش توضیح داده میشه ولی فعلاً از همین روش استفاده کنید و اسم رنگ رو بنویسید مثلاً pink black blue و ...

2.size

<font size="5">neveshte</font>

این تگ و ولیوهاش باز هم مشخصه که سایز رو تغییر میده
ولیو سایز از 1 تا 7 هست که بر واحد پوینت هست:
1 = 7.5pt
2 = 10pt
3 = 12pt
4 = 13.5pt
5 = 18pt
6 = 24pt
7 = 36pt

3.face

<font face="arial">neveshte</font><

این تگ هم فونت نوشته رو عوض میکنه
نکته:
1. ما اگر از این اتریبیوت استفاده نکنیم کاربر صفحه طراحی شده توسط ما رو با اون فونتی میبینه که پیشفرض مرورگر خودش هست و هر مرورگری یک فونت پیش فرض خودش رو داره
2. فونتی که ما برای طراحی استفاده میکنیم حتماً باید رو سیستم کاربر نصب باشه تا با اون فونت بتونه نوشته رو ببینه
3. میتونیم چنیدین فونت برای این اتریبیوت استفاده کنیم که اگر اولی را رو سیستمش نداشت با دومین فونتی که ما براش تعریف کردیم بیبینه و همینطور سومی چهارمی و ... برای استفاده از چند فونت باید از کاما , استفاده کنیم
4. در css3 میشه یک فونت که داخل سیستم کاربر نیست رو به نوعی داخل سیستمش نصب کنیم تا با فونت مورد نظر ما نوشته رو ببینه که تو دوره بعد آموزشش رو میدم
5.برای اطلاعات بیشتر خودتون مسیر فونت پیش فرض مرورگر فایر فاکس رو در پائین میتونید ببینید (برای اومدن منوبار در فایر فاکس باید کلید alt رو بزنید تا نمایش داده بشه)
tools=>options=>content=>fonts&color
مثال

<font face="arial,verdana,titr>neveshte</font>

و در آخر یک مثال کلی میزنم و یک شات میذارم تا کاملاً متوجه بشید

<font color="red' size="3" face="arial,verdana">neveshte</font>