آموزش ساده Html , javaScript
تگ 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 Bgcolor="Orange" Background="image.jpg" link="DarkBlue" Vlink="Red" Alink="Blak" LeftMargin="50" TopMargin="40" Bgproperties="Fixed" >
البته دقت کنید که نمی توان شناسه Background و Bgcolor با هم استفاده کرد و در صورت استفاده BackGround را در صفحه تأثیر می دهد .
شناسه برای کارایی بیشتر و کنترل بیشتر بر تگ و کاری که انجام می دهد می باشد .
هر تگ در Html دارای شناسه های خاص خود می باشد .البته بعضی از شناسه ها در بعضی از تگ ها یکسان می باشد .
شناسه ها بعد از تگ و میان همان علامت <> تگ قرار میگیرد ===> < شناسه Tagname >
معمولا همه شناسه ها مقدار می گیرند و با مقدار گرفته شده عکس العملی روی صفحه وب نشان می دهند . مثلا شناسه dir با مقدار هایی که میگیرد باعث می شود کل صفحه چپ به راست یا راست به چپ شود . در پست های بعدی برای هر کدام از تگ های شناسه آن تگ نیز گفته می شود .
موفق باشید
می توانید برای درک بهتر صفحه زیر را دانلود کنید
صفحه ی آزمایشی
Test1.zip Test1.html
به </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>
www.niny-goloo.blogfa.com
</title>
</head>
</html>
این قطعه کد باعث می شود که عنوان سایت به متن نوشته شده تغییر یابد
مثال 2 :
<Html>
<head>
<script language="javascript">
var B
B="Welcome To This Site"
alert(B)
</script>
</head>
</html>
این قطعه برنامه از کدهای جاوا اسکریپت استفاده کرده است و باعث می شود هنگام ورود به سایت پیغامی ظاهر شود .
2- غیر ترتیبی
A: چرخشی : این ساختار شبیه شکل روبرو است
B: تار عنکبوتی : استاندارد صفحات وب ( همه صفحات وب معمولا با این ساختار هستند ) طراحی کلاسیک صفحات وب است و بر اساس محتوا پیوندها به هم متصل می شوند .
3- سلسله مراتبی :
در این نوع سایتها همیشه یک صفحه بالای همه صفحات قرار دارد که می تواند صفحه اول ( Home) باشد یه هر صفحه ای دیگر
شکل آن به صورت زیر است
4- ترکیبی : گاهی اوقات مجبور می شویم از همه ساختار ها یا بعضی از آنها در سایت خود استفاده کنیم . مثلا فرض کنید یک سایت تجاری دارید
برای فروش و پر کردن فرم فروش باید از ساختار خطی استفاده کنید تا بازدید کننده را شما هدایت کنید و ممکن است خود سایت از نوع تار عنکبوتی باشد
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-استفاده از پیشرفت های جدید گرافیکی
شاد باشید همگی ...
