مسائل و مفاهیم وب

**امپراطور** · 11-04-09 08:14

● تگ های نوع ، اندازه و رنگ فونت

بمنظور تغيير رنگ متن دلخواه از تگ <Font color="color"> ... </Font> استفاده می شود.

خروجی
تگ Html

اين قسمت آبی است
اين قسمت <" Font color="Blue> آبی<Font/> است

برای تعيين رنگ می توان از کد معادل آن ( بصورت مبنای شانزده ) نيز استفاده کرد :

<font color= "#FDFD00">

در صورتيکه قصد اختصاص يک رنگ برای تمام نوشته های موجود در يک صفحه وب را داشته باشيد ، می توان در بخش <Body> از text=color بصورت زير استفاده کرد.

<Body text="blue" >

برای تغيير نوع فونت از تگ <font face="fonttype"> ...</font> استفاده می گردد.

خروجی
تگ Html

اين قسمت با فونت تيتر نوشته شده است
اين قسمت با <" Font face="Titr> فونت تيتر<Font/> نوشته شده است

برای تغيير اندازه فونت از تگ <font size="value"> ...</font> استفاده می گردد. اندازه فوتت پيش فرض سه است . در صورت تمايل می توان در بخش value از مقاديری بصورت 2 + ( افزايش به اندازه دو ) و يا 2 - ( کاهش به اندازه دو ) نيز استفاده کرد.

خروجی
تگ Html

اين قسمت با اندازه فونت نوشته شده است
اين قسمت با <" Font size="4> اندازه فونت<Font/> نوشته شده است

اين قسمت با اندازه فونت نوشته شده است
اين قسمت با < Font size=+2> اندازه فونت<Font/> نوشته شده است

اين قسمت با اندازه فونت نوشته شده است
اين قسمت با <Font size= -2> اندازه فونت<Font/> نوشته شده است

برای تغييراندازه يک فونت می توان از تگ های <small> و يا <big> نيز استفاده کرد.

خروجی
تگ Html

اين قسمت کوچک است
اين قسمت <small> کوچک <small/> است.

اين قسمت بزرگ است
اين قسمت <big> بزرگ <big/> است.

با استفاده از تگ های هدينگ ، نيز می توان اندازه يک فونت را تغيير داد. ( متن مورد نظر بصورت پررنگ نيز نوشته می شود)

خروجی
تگ Html

اين عنوان يک است <H1>اين عنوان يک است<H1/>

اين عنوان دو است <H2>اين عنوان دو است<H2/>

اين عنوان سه است <H3>اين عنوان سه است<H3/>

برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید

**امپراطور** · 11-04-09 08:15

● تغيير رنگ زمينه يک صفحه

برای تغيير رنگ زمينه يک صفحه بهمراه تگ <Body> از bgcolo=color استفاده می شود.

خروجی
تگ Html

<body bgcolor="Red">

برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید

**امپراطور** · 11-04-09 08:16

●ايجاد ليست

سه نوع ليست وجود دارد : Unordered ,Ordered,Descriptive در ادامه به نحوه استفاده از هر يک اشاره می گردد.

- يک ليست Unordered بصورت زير است :

Unordered list

مورد يک

مورد دوم

مورد سوم

برای ايجاد يک ليست unordered ، از تگ <ul> و برای مشخص نمودن هر آيتم ليست از تگ <li> استفاده می شود. نوع bullet ( قبل هر آيتم قرار می گيرد) می تواند Circle , square , disc باشد . بمنظور تغيير نوع bullet می توان بهمراه تگ <ul> از type استفاده کرد.

خروجی
تگ Html

مورد يک

مورد دوم

مورد سوم

<UL>
<li> مورد يک
<li> مورد دوم
<li> مورد سوم
</UL>

- يک ليست ordered بصورت زير است :

Ordered list

مورد يک

مورد دوم

مورد سوم

برای ايجاد يک ليست ordered ، از تگ <ol> و برای مشخص نمودن هر آيتم ليست از تگ <li> استفاده می شود.

خروجی
تگ Html

مورد يک

مورد دوم

مورد سوم

<OL>
<li> مورد يک
<li> مورد دوم
<li> مورد سوم
</OL>

نحوه مرتب سازی ليست ( قبل هر هر آيتم قرار می گيرد) می تواند تغيير داده شود . بمنظور تغيير نوع ليست می توان بهمراه تگ <ol> از type استفاده کرد. در اين حالت می توان از "A" بمنظور مرتب سازی ليست بر اساس حروف بزرگ ، از حرف "a" برای مرتب سازی ليست بر اساس حروف کوچک ، از حرف "I" برای مرتب سازی ليست بر اساس حروف بزرگ رومی و از حرف "i" برای مرتب سازی ليست بر اساس حروف رومی کوچک استفاده کرد. مثلا" دستور زير باعث نمايش ليست با استفاده از حروف رومی می گردد:

<OL type="I" >

يک ليست Descriptive ، ليستی از آيتم ها را ايجاد که در سطر دوم متن مورد نظر دارای تورفتگی است.

Descriptive list

مورد يک
مورد مربوط به يک

مورد دوم

از تگ <dl> برای تعريف ليست استفاده می شود. تگ <dt> برای سطرهای معمولی و از تگ <dd> برای سطرهائی شامل تورفتگی استفاده می شود.

خروجی
تگ Html

مورد يک
مورد مربوط به يک

مورد دوم

<DL >
<dt> مورد يک
<dd>مورد مربوط به يک
<dt> مورد دوم
</DL>

برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید

**امپراطور** · 11-04-09 08:17

● لينک به ساير سايت ها و صفحات

يکی از ويژگی های جالب صفحات وب ، امکان ايجاد لينک ( پيوند ) به ساير صفحات و سايت ها است . بدين منظور از تگ <a> بهمراه href که آدرس مورد نظر را مشخص می کند در ابتدای عنوان مورد نظر استفاده شده و در انتهای عنوان نيز از تگ </a> استفاده می شود.

<a href = "http://www.oursite.com"> برای ورود به سايت در اين محل کليک نمائيد </a>

برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید

**امپراطور** · 11-04-09 08:18

● پنجره جديد

در صورتيکه قصد داشته باشيم ، کاربران سايت پس از اينکه بر روی يک لينک ، کليک می نمايند ، صفحه حاوی لينک را کماکن در اختيار داشته باشند ، می توان از تگ <target=_Blank> همراه تگ <a> استفاده کرد. در چنين حالتی ، پس از اينکه کاربران بر روی لينک مورد نظر ، کليک نمودند ، يک پنجره خالی حديد فعال و محتويات سايت و يا صفحه لينک شده در آن نمايش داده خواهد .

<a href = "http://www.oursite.com/" target="_Blank" > برای ورود به سايت در اين محل کليک نمائيد </a>

● رنگ لينک ها

رنگ آبی بعنوان رنگ پيش فرض برای لينک ها در نظر گرفته شده است . بمنظور تغيير رنگ لينک ( قبل از مشاهده صفحه لينک شده ) و رنگ لينک ملاقات شده ( مشاهده شده ) می توان از تگ های <link> و <vlink> استفاده کرد . مثال زير نحوه عمليات فوق را نشان می دهد:

<body link = "Red" vlink = "gray" >

● لينک دريافت نامه الکترونيکی

در صورتيکه بخواهيم بر روی صفحه يک لينک بمنظور دريافت E-mail داشته باشيم ، بهمراه تگ <a> ، آدرس E-mail مربوطه را نيز مشخص نمود.

<a href = "mailto:Test@Test.com"> برای ارسال نامه الکترونيکی در اين محل کليک نمائيد </a>

● اضافه کردن تصوير و گرافيک

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

<img src= " نام فايل گرافيکی مورد نظر " >

● تراز متن

متن و تصاوير استفاده شده در يک صفحه وب ، بصورت پيش فرض " تراز از سمت چپ " می گردند. در صورتيکه بخواهيم بخش های خاص از صفحه در وسط قرار بگيرد ، از تگ <center> در ابتدای بخش مورد نظر و از تگ <center/> در انتهای بخش ، استفاده می شود.

برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید

**امپراطور** · 11-04-09 08:19

● ايجاد جدول

برای ايجاد جدول از تگ <table> ، سطر از تگ <tr> ،هر بخش داده از <td> استفاده می شود. فرض کنيد ،قصد ايجاد يک جدول مشابه شکل زير را داشته باشيم :

A1
A2

B1
B2

C1
C2

جدول فوق دارای سه سطر و دو ستون است . برای ايجاد جدول فوق از تگ های زير استفاده می شود:

<table>
شروع جدول

<tr>
شروع سطر اول

<td>
شروع اولين سلول سطر اول (A1)

</td>
پايان اولين سلول (A1)

<td>
شروع دومين سلول (A2)

</td>
پايان دومين سلول (A2)

</tr>
پايان سطر اول

<tr>
شروع سطر دوم

<td>
شروع اولين سلول سطر دوم (B1)

</td>
پايان دومين سلول (B1)

<td>
شروع دومين سلول (B2)

</td>
پايان دومين سلول (B2)

</tr>
پايان سطر دوم

<tr>
شروع سطر سوم

<td>
شروع اولين سلول سطر سوم (C1)

</td>
پايان اولين سلول (C1)

<td>
شروع دومين سلول (C2)

</td>
پايان دومين سلول (C2)

</tr>
پايان سطر سوم

</table>
پايان جدول

برای تعريف رنگ زمينه برای هر سطر و يا سلول می توان بهمراه تگ های <tr> و يا <td> از bgcolor="Color استفاده کرد.

<tr bgcolor = "red" >

برای تعريف اندازه طول و عرض يک جدول ، در زمان تعريف جدول می توان از width و height بمنظور مشخص نمودن اندازه جدول ( بر حسب پيکسل و يا درصد ) استفاده کرد.

<table width=250 height=300 >

برای مشخص نمودن طول و عرض هر سطر و يا سلول نيز می توان از width و يا height استفاده کرد.

Cellpading ، تگ فوق فضای خالی بين هر يک از گوشه های سلول با داده های موجود در سلول را مشخص می نمايد.

<table borde = 1 cellpadding = 3 >

Cellspacing ، تگ فوق تعداد فضای خالی ( بر حسب پيکسل ) بين هر يک سلول ها را مشخص می نمايد.

<table borde = 1 cellspacing =13 >

Alignment ، تمام سلول ها ی موجود در يک جدول بصورت پيش فرض "تراز از چپ " می گردند. برای تراز يک سلول می توان هر يک از تگ های <td> ، <tr> را بهمراه align = direction استفاده کرد.

<td align = "Right" >

برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید

**امپراطور** · 11-04-09 08:21

تقریبا تمام سایت هایی که بازدید می کنید اطلاعاتی را در قالب یک فایل کوچک متنی (Text) بر روی کامپیوتر شما ذخیره می کنند به این فایل کوکی می گویند محل ذخیره شدن این فایل در فولدر Temporary Internet Files در اینترنت اکسپولرر و در نت اسکیپ در فولدر Cashe است در اپرا و موزیلا و نسخه های قدیمی تر اینترنت اکسپولرر در فولدر جدایی به نام کوکی است.

انواع مختلفی از کوکی ها وجود دارد و شما در نسخه های جدیدتر وب بروسر ها (Web Browsers) این امکان را دارید که انتخاب کنید کدام کوکی ها برروی کامپیوتر شما ذخیره شوند در صورتی که کوکی ها را کاملا غیر فعال کنید ممکن است بعضی سایت های اینترنتی را نتوانید ببیند و یا از بعضی امکانات مثل به یاد داشتن شناسه و رمز عبور شما در آن سایت محروم شوید و یا انتخاب هایی که داشتید مثل ساعت محلی و یا دمای هوای محلی و کلا از تنظیمات شخصی ای که در آن وب سایت انجام داده اید نتوانید استفاده کنید.

کوکی ها چگونه مورد استفاده قرار می گیرند؟

همانطوری که گفتیم کوکی یک فایل است که توسط یک وب سایت برای حفظ اطلاعات بر روی کامپیوتر شما قرار می گیرد یک کوکی می تواند شامل اطلاعاتی باشد که شما در آن سایت وارد کرده اید مانند ای میل - آدرس - شماره تلفن و سایر اطلاعات شخصی - همچنین کوکی ها می توانند صفحات و یا کارهایی را که در آن وب سایت انجام داده اید مثل تعداد کلیک لینک های بازدید شده و مدت بازدیدرا نیز ضبط کنند. این به سایت کمک می کند تا دفعه بعد که به آن سایت بازگشتید اطلاعات شما را به خاطر داشته باشد و از وارد کردن تکراری اطلاعات خودداری کنید نمونه بارز این مطلب لاگ این ماندن شما در آن سایت است و یا پیغام های Welcome Back و یا حفظ تنظیماتی که درآن سایت انجام داده این به عنوان مثال می توان به خصوصی کردن صفحه My MSN اشاره کرد. نکته ای را که باید به خاطر داشته باشید این است که هر وب سایت فقط می تواند از اطلاعاتی که شما وارد کرده اید استفاده کند نه بیشتر مثلا اگر ای میل خود را در آن سایت وارد نکرده اید آن وب سایت نمی تواند ای میل شما را به دست آورد و یا به سایر اطلاعات کامپیوتر شما دست یابد . مورد دیگر اینکه وب سایت ها فقط می توانند کوکی هایی را که خود ایجاد کرده اند بخوانند و نمی توانند از سایر کوکی های موجود استفاده کنند. وقتی که از یک وب سایت برای بار دوم بازدید می کنید آن وب سایت به دنبال کوکی مربوط به خود می گرد و در صورت وجود از آن استفاده می کند.( البته باز هم با توجه به تنظیماتی که انجام داده اید )

انواع کوکی ها:

کوکی های پایا - دائمی (presistent Cookies):
این نوع کوکی ها به عنوان یک فایل بر روی کامپیوتر شما ذخیره می شوند و بعد از بستن مرورگر اینترنتی شما پاک نخواهند شد و همچنان باقی می مانند. این کوکی ها قابلیت به روز شدن توسط سایت ایجاد کننده خود را دارند همچنین سایت اجازه دسترسی مستقیم به این کوکی ها رو نیز دارد حدود 80 درصد کوکی های مورد استفاده از این نوع هستند.

کوکی های موقت (Temporary Cookies):
کوکی هایی هستند که بعد از بستن مرورگر اینترنتی شما و یا خروج از سایت استفاده کننده از کوکی پاک می شوند.
نوع دیگر کوکی های موقت کوکی های زمان دار هستند که زمانی برای کار دارند و بعد از آن اصطلاحا Expire می شوند و از کار می افتند ولی پاک نمی شوند و در صورت بازدید مجدد از سایت ممکن است به روز رسانی شوند و مجددا مورد استفاده قرار بگیرند.

کوکی های ناخوشایند؟* (Unsatisfactory cookies)
این کوکی ها اجازه دسترسی به اطلاعات خصوصی شما را برای استفاده دویاره بدون پرسیدن از شما دارند از این کوکی ها بیشتر در خرید های اینترنتی و سایت امن (SSL*) مورد استفاده قرار می گیرند.

مقایسه کوکی های متعلق به سایت اصلی (First Party) و کوکی های متعلق به سایت های دیگر (Third Party)

دوستان قبل از هر چیز اجازه بدین با دو مفهوم First& third party اشنا شویم این مفاهیم در حقیقت مفاهیم بیمه ای هستند :
First Party: عضو اصلی یک خانواده و یا شرکت صاحب حقوق و مزایای اصلی کسی که بیمه نامه اصلی را داراست (Policy Holder)
Second party : شرکت بیمه کننده
Third Party : هر شخص سومی غیر از این دو کلا بقیه افراد

اما این مفاهیم در کوکی ها چه معنایی می دهند؟

First Party : کوکی هایی هستند که فقط اطلاعات آنها به سایت که توسط آنها ایجاد شده اند فرستاده می شود و کار آنها همانطور که اشاره شد یادآوری اطلاعات ماست.
Third Party : کوکی هایی هستند که اطلاعات را به چندین سایت مختلف غیر از آنچه بازدید می کنید می فرستند استفاده این کوکی ها معمولا تجاری است بدینگونه که شما از سایتی بازدید می کنید و آن سایت دارای بنرهای تجاری و تبلیغات از سایت دیگری (Third Party) می باشد در اینجاست که کوکی Third Party وارد عمل شده و اطلاعات شما را ثبت می کند به عنوان مثال صاحب تبلیغ با استفاده از این امکان می تواند ببیند که شما چه نوع تبلیغ هایی را بازدید می کنید و در کدام سایت ها. این نوع کوکی هم می توانند از نوع دائمی و هم موقت باشند. اصولا این نوع کوکی ها استاندارد نیستند و توسط مرورگرهای جدید بلوک می شوند. همچنین این کوکی ها ممکن است به هکر ها کمک کنند تا اطلاعات شخصی شما را بدست بیاورند.( برای جلوگیری از آخرین پچ های مرورگر خود استفاده کنید*) اصولا پیشنهاد می شود تا این کوکی ها را که هیچ استفاده مفیدی برای کاربر ندارند بلوک کنید.

برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید

موضوع: مسائل و مفاهیم وب

امکانات

Display

Hybrid View

تگ های نوع ، اندازه و رنگ فونت

تغيير رنگ زمينه يک صفحه

ايجاد ليست

لينک به ساير سايت ها و صفحات

ايجاد جدول

كوكي (Cookie) چيست؟

اطلاعات موضوع

کاربران در حال مشاهده موضوع

Bookmarks

Bookmarks

قوانین ارسال