تگ Font تگ فونت براي مشخص کردن قلم و اندازه قلم و رنگ قلم است
<Font Face="اسم فونت"
Size="اندازه قلم"
Color="رنگ">
</Font>
<Font face="arial" size="2" color="ff6020">
<B> ... </B>درشت کردن قلم (Bold)
<I> ... </I> کج نوشتن (Italic)
<U>... </U>خط زير متن(Under Line)
<BR> رفتن به خط بعدي ، اين تگ مثل فاشر دادن کليد Enter عمل مي کند. اين تگ تگ پاياني ندارد
در HTML به ? روش مي توان رنگ را تعيين کرد
1- اسم رنگ
2- کد هگزا دسيمال رنگ بر حسب (RGB(Red,Green,Blue
1- اسم رنگ :
اين نوع رنگ دهي به خاطر محدود بودن اسامي رنگ ها بسيار محدود مي باشد .
مثال :
<Body Bgcolor="Blue">
2- کد هگزا دسيمال
اگر دقت کرده باشد در اکثر سايتها و برنامه هاي کاربدري و گرافيکي از اين نوع رنگ دهي براي تعيين رنگ استفاده مي کنند
در اين نوع رنگ دهي داريم : #XXYYZZ که مقدار هر X و Y و Z عددي بر مبناي 16 است . اعداد مبناي 16 عبارتند از :
1,2,3,4,5,6,7,8,9,A,B,C,D,E,F
که A تا F معادل 10 تا 15 هستند
مقدار XX قرمز ، YY سبز و ZZ مقدار آبي را مشخص مي کند
يعني اگر بخواهيم قرمز مطلق داشته باشيم بايد از اين کد استفاده کنيم #FF0000
و سبز 00FF00 و آبي 0000FF
اين نوع رنگ دهي چون داراي 6 مقدار مي باشد که هر کدام 16 عدد مي تواند باشد
مي توان 16*16*16*16*16*16 رنگ معدال167772216 رنگ توليد کرد .
ولي از اين تعداد رنگ فقط رنگهايي محدودي را مي توان استفاده کرد زيرا فقط 240 رنگ وجود دارد که در همه مرورگرها يکسان است
<Body Bgcolor="FF6020">
کد چند رنگ :
000000 555555 999999
FFFFFF DDDDD AAAAAA
FFFF00 FFCC00 FF6020
FF00FF FF80CC FF20AA
00FFFF 8080FF CCDDFF
800000 FF8000 500000
008000 80FF00 50FF50
000080 0080FF 5050FF
008080 00CCDD 50DDFF
موضوع :
تگ Body و Html
تگ Html تگ اصلي صفحه مي باشد و مشخص مي کند که زبان ما براي نوشتن صفحه وب چه مي باشد ؟
تگ Body بدنه سايت ماست و هر چه داخل اين تگ نوشته شود باعث مي شود داخل صفحه نمايش داده شود
شناسه هاي تگ Html :
Dir : اين شناسه دو مقدار( LTR ( Left To Right و( RTL (Right To Left به ترتيب چپ به راست و راست به چپ
شناسه هاي تگ Body :
Bgcolor : اين شناسه رنگ BackGround سايت را تغيير مي دهد . رنگ را به سه طريق مي توان نوشت
<HTML BGcolor="رنگ" >
1- اسم رنگ
2- کد هگزاي رنگ بر مبناي مد رنگي ( RGB ( Red - Green - Blue
3-درصد رنگي RGB
4- مقدار رنگ RGB بر اساس مقدار رنگ 256 رنگ
اين رنگ ها در پست بعدي کاملا توضيح داده مي شود .
BackGround : اين شناسه براي تعيين عکس پس زمينه سايت است . با اين صورت
<HTML Background="image.jpg">
TopMargin : حاشيه صفحه از بالا ... مقدار اين شناسه پيکسل است . اين شناسه به اندازه مقدار وارد شده صفحه سايت را از بالا خالي مي کند .
LeftMargin : حاشيه صفحه از سمت چپ و راست .
Bgproperties : مقدار اين شناسه فقط Fixed مي باشد و باعث مي شود عکس پس زمينه سايت ثابت بوده و هنگام اسکرول سايت عکس پس زمينه حرکت نکند .
Link : رنگ لينک هاي داخل صفحه
Alink : رنگ لينک هاي فعال ActiveLink
VLink : رنگ لينک هاي ديده شده VisitedLink
مثال :
<Body Bgcolor="Orange"
Background="image.jpg" link="DarkBlue" Vlink="Red" Alink="Blak"
LeftMargin="50" TopMargin="40" Bgproperties="Fixed" >
البته دقت کنيد که نمي توان شناسه Background و Bgcolor با
هم استفاده کرد و در صورت استفاده BackGround را در صفحه تأثير مي دهد .
تگ و شناسهتگ به کدهايي که در بين دو علامت <> قرار ميگيرند مي گويند .
شناسه براي کارايي بيشتر و کنترل بيشتر بر تگ و کاري که انجام مي دهد مي باشد .
هر تگ در Html داراي شناسه هاي خاص خود مي باشد .البته بعضي از شناسه ها در بعضي از تگ ها يکسان مي باشد .
شناسه ها بعد از تگ و ميان همان علامت <> تگ قرار ميگيرد ===> < شناسه Tagname >
معمولا همه شناسه ها مقدار مي گيرند و با مقدار گرفته شده عکس
العملي روي صفحه وب نشان مي دهند . مثلا شناسه dir با مقدار هايي که
ميگيرد باعث مي شود کل صفحه چپ به راست يا راست به چپ شود . در پست هاي
بعدي براي هر کدام از تگ هاي شناسه آن تگ نيز گفته مي شود .
موفق باشيد
موضوع :
طریقه نوشتن تگ ها و دیدن صفحات وب
همانطور که قبلا گفته شد هر سیستمی قابلیت پردازش تگ های html را دارد چون حالت متنی و اسکی دارند
کافیست
کد های Html را در یک ویرایشگر متن ساده مثل NotePad بنویسید و هنگام
ذخیره آن را با پسوند Html یا htm ذخیره کنید البته این دو تفاوتی با هم
نمی کنند ولی ممکن است سیستم عامل های قدیمی که پسوند های بیش از 3
کاراکتر را پشتیبانی نمی کنند قادر به خواندن صفحاتی با پسوند Html که 4
کاراکتر دارد نباشند . سیستم عامل های مثل win 3.1 یا linux و ...
اگر
در صفحه خود فارسی تایپ کنید هنگام ذخیره و بازخوانی متوجه می شوید که
کاراکتر های فارسی را نتوانسته است بخواند برای این که صفحه ما قادر به
خواندن کلمات فارسی باشید هنگام ذخیره از قسمت Encoding ، باید UTF-8 را
انتخاب کنید . خوب اینجا فایلی که ساخته شده یک صفحه وب است . و شما می
توانید بوسیله یک مرورگر آن را مشاهده کنید
مانند شکل زیر
موضوع :
شروع به کار با Html
استاندارد کد نويسي Html به اين صورت است :
<tagname ID="value" >
.
.
.
</tagname>
به </tagname> تگ پاياني مي گويند
براي شروع با کد نويسي از تگ <HTML> استفاده مي شود . بين اين تگ تمام کدها و تگ ها قرار مي گيرند
مثل کدهاي جاوا اسکريپت ، تگ <Head> ، <Body> و ...
و بصورت زير استفاده مي شود .
<HTML>
<Head>
...
</Head>
<Body>
...
</Boyd>
</HTML>
بين تگ <He ad> معمولا <tit le> ، کد هاي جاوا اسکريپت ، تگ هاي Css و تگ هاي Meta قرار دارد
1-
تگ <T it le> : عنوان سايت بين اين تگ قرار مي گيرد در واقع هر چيزي
در اين قسمت نوشته شود در نوار عنوان سايت نوشته مي شود
2-کد هاي
جاوا اسکريپت : کدهايي براي کنترل پنجره ها و ايجاد افکت و حرکت در سايت ،
کنترل فرم و ... در قسمت هاي بعدي بيشتر با اين بخش آشنا مي شويد.
3-Css
: مخفف کلمه Casacade Style Sheet از اين تگ هاي براي فرمت دهي استفاده
مي شود. مثلا سايتي داريم که هر کدام از قسمت هاي آن با فرمت خاصي نوشته
شده است براي اينکه هر بار مجبور نباشيم که براي متن فرمت تعريف کنيم از
اين تگ ها استفاده مي کنيم و با نوشتن فقط نام آن مي توانيم به هر قسمت از
سايت فرمت تعريف شده را اعمال کنيم
4- Meta تگ هاي : اين تگ هاي
براي ايجاد جلوه هاي ويژه هنگام ورود و خروج ، پيوند بين صفحات بصورت خود
کار ، معرفي به موتور جستجو ، معرفي زبان و Unicode ها و ... استفاده مي
شود .
به قطعه تگ هاي زير توجه کنيد .
<HTML>
<head>
<title>
</title>
</head>
</html>
اين قطعه کد باعث مي شود که عنوان سايت به متن نوشته شده تغيير يابد
مثال 2 :
<Html>
<head>
< language="java">
var B
B="Welcome To This Site"
alert(B)
</>
</head>
</html>
اين قطعه برنامه از کدهاي جاوا اسکريپت استفاده کرده است و باعث مي شود هنگام ورود به سايت پيغامي ظاهر شود .
موضوع :
زبان Html
زبان html يک زبان static و غير ديناميک است
يعني نمي توان سايتهاي با افکت هاي تصويري و ارتباط با کاربران و اتصال به
بانک اطلاعاتي را با اين زبان ساخت پس نبايد توقع زيادي از اين زبان
داشت
آشنايي با اين زبان بسيار آسان بوده و نياز به هيچ پيش نيازي ندارد بجر کمي سليقه براي طراحي
البته اگر کمي با برنامه نويسي هاي تحت وب مثل ( جاوا اسکريپت - php - Asp و ... ) آشنا باشيد حتما سايت خوبي طراحي خواهيد کرد
زبان html از تگ ها و کدها تشکيل شده ..
ما اين کدها را در يک برنامه ويرايشي ساده متن (NotePad) مي نويسيم و آنها را با پسوند Html يا htm ذخيره مي کنيم
تگ
هاي Html بين دو علمات <> قرار مي گيرند .. وقتي چيزي بين دو
علامت <> مي نويسيم Html آن را خوانده و در پردازش مي کند و طبق کد
خواسته شده به ما در خروجي (مرورگر وب ) نمايش مي دهد .
سلام
اين درس شامل مزيت ها و محدويت هاي طراحان وب است
مزيت هاي html در طراحي صفحات وب
1- عموميت : همه سيستمها در همه جا مي توانند اجرا کنند به عل اينکه از کدهاي اسکي استفاده مي کند و متني
2- فوق پيوند : پيوند بين صفحات ، پينود بين فايلها ، هر فاصله احساس نمي شود .
3-بروز رساني سريع
4- محور قرار دادن بازديد کننده براي جمع آوري اطلاعات
5- E-Learnig و تجارت الکترونيک
محدوديت هاي طراحي وب :
1- محدويت در ارائه اطلاعات بصورت غير سمعي و بصري
2- محدوديت در ارائه اطلاعات با توجه به گستردگي اطلاعات و مراجعين و بازديد کنندگان
3-محدوديت در تطابق صفحات با وضوح تصاوير نمايشگر بازديد کننده
براي مثال ممکن است Resolution مانيتور کسي روي 480*640 يا 600*800 يا 768 *1024 و يا ... باشد
در اين صورت اگر صفحه اي را با وضوح تصوير 768* 1024 طراحي کنيم بازديد کننده اي با وضوح تصوير پايين تر اين براي ديدن اين صفحه
دچار مشکل مي شود .
طبق استاندارد صفحه ما بصورت افقي نبايد داراي اسکرول باشد و بصورت عمودي حداکثر سه برابر صفحه اسکرول شود .
4- رنگ و کاربرد آن در وب ... ، حدود 216 رنگ يکسان در مرورگرها
يکسان است ، يعني ممکن است رنگي در IE , netscap , firfox , ... با يکديگر
متفاوت باشد .
5- استفاده از فناوري هاي جديد
6-استفاده از پيشرفت هاي جديد گرافيکي