سفارش تبلیغ
صبا ویژن
 
آموشهای تخصصی کامپیوتر و طراحی سایت
درباره وبلاگ


لینک های ویژه
طول ناحیه در قالب بزرگتر از حد مجاز
آمار وبلاگ
  • بازدید امروز: 1
  • بازدید دیروز: 2
  • کل بازدیدها: 411342



دوشنبه 91 بهمن 16 :: 9:20 عصر ::  نویسنده : smfatemi

درس 16 - زیبا کردن متن  

شما می توانید رنگ و سایز و نوع متن را در HTML تغییر دهید.
اما صبر کنید شما می توانید انواعی از متنهای بالانویس و پایین نویس برای مطالب خنده دار یا ریاضی و شیمی اضافه کنید .
Co2+H2SO4

اهداف این درس

1- عوض کردن سایز بخش مشخصی از یک متن در یک صفحه
2- عوض کردن رنگ مشخصی از یک متن در یک صفحه
3- ایجاد اندیسهای بالا و پایین
4- مشخص کردن نوع قلم

شروع درس

با
HTML3,2 و Netscape شما امکانات بیشتری برای ویرایش متن دارید . مخصوصا که می توانید برای فونت خود سایز و رنگ در نظر بگیرید.ویرایش متن می تواند در طرح و نقش صفحه شما تاثیر زیادی داشته باشد اما استفاده بی پروا از آن صفحه ، صفحه شما را دچار تداخل و پارازیت می کند.
شما همچنین می توانید اندیسهای بالا و پایین را برای بیانهای ریاضی و فرمولهای شیمی و پاورقی ها اضافه کنید .
در این درس شما را با اینگونه متن ها آشنا خواهیم کرد و مثالهایی را در این مورد برای شما مطرح خواهیم کرد .

سایز قلم

دستور <
font > ....< / font > با Netscape مطرح شد و استفاده می شد برای سایز قلم از 1 تا استفاده می شود 7 از سایز 3 اندازه متن به حالت نرمال در می آید.

 



رنگ فونت

در درس 14 تگهایی را برای رنگی شدن متن و وارد کردن آن در صفحات وب معرفی کردیم شما همچنین می توانید از تگ فونت برای رنگی کردن قسمتی از متن استفاده کنید . با نوشتن کد رنگ در مبنای 16 یا نوشتن نام رنگ

1- سند
Index.html را باز کنید .
2- متن آموزش از راه دور را بصورت زیر ویرایش کنید .

3- نتایج را ذخیره و صفحه را مجددا بار گذاری کنید .





تذکر :

صفات
size و color در تگ فونت می توانند همجوار باشند .

اندیسهای بالا و پایین


در زمان
HTML3 نمی توانستید در صفحه از بیانات ریاضی و فرمولهای شیمی که نیاز به اندیسهای بالا و پایین داشتند استفاده کنید ، اما بعد از آن از این تگ برای گذاشتن اندیس استفاده شد .
تگ
HTML عبارت است از :

1- یکی از اسنادی که قبلا ایجاد کردید را باز کنید .
2- تعدادی معادلات شیمی و ریاضی در آن وارد کنید .
مثلا

HTML3.2 شامل توانایی است که نوع قلم را در صفحه مشخص کند . اما ممکن است در همه مرورگرها کارآیی لازم را نداشته باشد .
قالب
HTML آن عبارت است از :

اگر مرورگر بازدید کننده از این توانایی تگ فونت پشتیبانی کند و فونتهایی که در این تگ قرار گرفته در کامپیوترخود داشته باشد در این صورت متن به همان صورت در صفحه وب به نمایش در می آید .
اگر شما قصد داشته باشید که از نوع قلم در تگ فونت استفاده کنید باید از قلمی استفاده کنید که استاندارد باشد و یا بیشتر کامپیوترها آن قلم را داشته باشند.
1- سند
index.html را در ویرایشگر خود باز کنید .
2- نوشته زیر را بصورت زیر اصلاح کنید .

3- نتایج را ذخیره و صفحه را مجددا بار گذاری کنید .

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

1- چگونه اندازه و رنگ قسمتی از متن را در صفحه تغییر می دهید ؟
2- کدام تگهای
HTML را می توانید استفاده کنید اگر مرورگر شما از تگ < font > پشتیبانی نکند؟
3- چگونه یک اندیس پایین در
HTML ایجاد می کنید ؟
4- چگونه یک توده ای از متن را با فونت مشخص نمایش می دهید ؟

نکات اضافی

تگ <
strik > و< strik / > که در HTML 3.2 در دسترسی قرار گرفته است ممکن است در مرورگر شما کار کند . با این دستور می توانید خطی را بر روی متن ایجاد کنید یعنی متنی که بین دو تگ < Strik > و < Strik /> نوشته شود . در روی آن یک خط کشیده می شود.
در اینجا کلمات ما هرانه ای را برای رنگ متن ذکر می کنیم . در درس 14 شما آموختید که چگونه از تگ <
Body > توانائیهای آن برای عوض کردن رنگ زمینه و متن و لینکها استفاده می شود اما اگر برای رنگی شدن قسمتی از متن از تگ < font > استفاده کردیم فقط بر روی رنگ متن های ساده اثر می گذارد و بر روی ابر متنها و اتصالات بی تاثیراست و ممکن است ابر متن ها به طور پیش فرض با خط آبی که در زیر آن گذاشته می شود مشخص گردند.

تمرین

از تمامی تگهای گفته شده در صفحه خود استفاده کنید .

 




موضوع مطلب :
دوشنبه 91 بهمن 16 :: 9:17 عصر ::  نویسنده : smfatemi

درس 15 - عدم استفاده از تگهای  blink و Marquee


عدم استفاده از تگهای <
blink > و < Marquee >


اهداف این درس

1- عدم استفاده از تگ <
blink >
2- عدم استفاده از تگ <
Marquee >
3- دلیل استفاده از
HTML استاندارد

شروع درس

وقتی که یک صفحه وب با مرورگر
NetScape باز می شود این مرورگر تگی را نمایان می سازد که به لغت یا قسمتی از جمله تاکید خاصی دارد .
این تگ عبارتست از : <
blink >wow< /blink >
از آوردن این تگ در صفحات خود اجتناب کنید . زیرا در بیشتر مرورگرهای وب کارآیی ندارد . اگر شما متن زیر را در مرورگر
NetScape مشاهده کنید . آن را چشمک زن می بینید .
عکس زیر در یک فایل
Gif می باشد . عملی را که باید این متن در مرورگر Netscape انجام شود را به شما نشان می دهد. در اینجا یک فایل Gif آورده شده است. .

 

اما ! ! ! شرکت مایکروسافت تگی برای ایجاد حرکت در Internet explorer ایجاد کرده است که عبارتست از < marquee >wow < /marquee >
اما اگر آن را مرورگر
Netscape نبینید هیچ حرکتی ندارید . پس بهتر است از این 2 تگ در صفحات وب خود استفاده نکنید .

 




موضوع مطلب :
دوشنبه 91 بهمن 16 :: 9:16 عصر ::  نویسنده : smfatemi

درس 14 - گذاشتن بافت برای صفحه


اهداف این درس

1- گذاشتن یک رنگ به عنوان پیش زمینه
2- محاسبه اعداد از مبنای 10 به مبنای 16
3- عوض کردن رنگ فونت و لینکها
4- ایجاد یک پیش زمینه از عکس در صفحه وب

شروع درس

با ایجاد بعضی تغییرات در تگ <
body > می توانید رنگی را به عنوان پیش زمینه صفحه خود انتخاب کنید .
Hexadecimal
در مرورگرتان رنگهای زیادی برای استفاده در دسترس دارید . هر رنگی با 3 رنگ سبز و قرمز و آبی معرفی شده است .
(
r=255,g=255,b=255) تولید کننده رنگ سفید و مینیمم آنها (r=0,g=0,b=0) تولید کننده رنگ مشکی خواهد بود .
شما به اعداد 102 ، 153 ، 205 نگاه کنید . هر کدام از این اعداد در مبنای 10 هستند که باید به مبنای 16 تبدیل شوند .
اعداد با مبنای 16 برای کامپیوتر قابل فهم هستند . اگر بخواهیم عدد بالا را در مبنای 16 ببریم خواهیم داشت :
ff6699
که 66 ارزش رنگ قرمز 99 ارزش رنگ سبز و
ff ارزش رنگ آبی را معلوم می کند .

انتخاب رنگ یکپارچه برای
background

برای استفاده از رنگ یکپارچه برای
background از تگ زیر استفاده می شود :


شما می توانید تغییرات زیر را در تگ ایجاد کنید


پیش زمینه با بافت ویژه


استفاده از رنگ یکپارچه به صفحه شفافیت و تنوع می بخشد . اما می توانید با قرار دادن یک تصویر به عنوان پیش زمینه قدری جلوتر حرکت کنید . شما می توانید از تصاویر کوچک
gif.jpeg به عنوان پیش زمینه در صفحات خود استفاده کنید .
نکاتی که باید در نظر بگیرید عبارتند از :
1- برای گذاشتن عکس به عنوان پیش زمینه باید از عکسهای با سایز مناسب کمتر از 10
kb استفاده شود .
2- سعی کنید از عکسهایی که روشن هستند استفاده کنید .
3- صفحاتی که در پیش زمینه آنها از عکس استفاده شده است در هنگام بارگذاری صفحه باید ابتدا عکس آنها بارگذاری شود بنابراین برای ارتباط با سرعت پایین مشکل بوجود می آید .





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

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

 




موضوع مطلب :

درس 13 - وارد کردن یک توده متن بطوریکه از بقیه متن متمایز باشد .


وارد کردن تگ
blackquotes در صفحه


شروع درس


در زبان نوشتاری کوتیشن می تواند جمله ای را از بقیه متن نوشته شده متمایز سازد
HTML نیز این توانایی را دارد

شما می توانید اقلام دیگری مثل لیستها و ... را بوجود آورید .
1- سند
index.html را باز کنید .
2- یک توده متن به آن اضافه کنید و آن را داخل کوتیشن قرار دهید .
3- نتایج را ذخیره و صفحه را مجددا بارگذاری کنید .

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

1- تگ <
blockquote > چه عملی انجام می دهد ؟
2- چرا نیاز به استفاده از تگ <
p > قبل از تگ < blockquote > ندارید ؟

 




موضوع مطلب :
دوشنبه 91 بهمن 16 :: 9:13 عصر ::  نویسنده : smfatemi

درس 12 - آدرسهای زیر نویس و اتصالات email


توانائیها

1- گذاشتن سر فصل و پاورقی برای صفحات
2- ایجاد ابر متن هایی برای ارسال
email
شروع درس

وجود سر تیتر و پاورقی برای صفحات وب ارزش زیادی دارد و قطعا تاریخ آخرین ویرایش می تواند اهمیت زیادی داشته باشد.
عقیده خوبی برای گذاشتن سر فصل و پاورقی مثبت بین 2 صفحه وب برخی از اطلاعات مفید در این زمینه عبارتست از :
1- سر فصل و موضوع صفحه جاری
2- تاریخ ایجاد سند
3- محفوظ بودن حق کپی
4- اسم و آدرس پست الکترونیکی
5- نام و ابر متن برای اتصال به سازمان یا ارگان
قالب آن بصورت زیر است :
<
address > text text text < /address >
فرض کنید شخصی در حال خواندن صفحه شما می باشد و مایل است نکاتی را به شما توصیه کند . شما باید آدرس پست الکترونیکی خود را در صفحه بیاورید و شما می توانید به وسیله یک اتصال از طریق مرورگر این کار را انجام دهید . اکثر مرورگرها ی امروزی این کار را انجام می دهند .
روش انجام این کار گذاشتن ابر متنی با دستور
mailto می باشد :


هنگامی که متن
Send email کلیک شود مرورگر وب شما صفحه Compose را فراهم آورد و شما می توانید پیامی را در آن تایپ کنید و ممکن است در همه مرورگرها جواب نگیریم . می توانید در صفحه خود از چنین اتصالاتی استفاده کنید.




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

sendemail
برای اضافه کردن پاورقی یا مواردی مثل آدرس سازمان یا شرکت و ... می توانید متن یا آدرس مورد نظر را بین دو تگ <
address > و < /address > بیاورید . مثلا :

 




موضوع مطلب :
<   1   2   3   4   5   >>   >