مشاهده پست های بی پاسخ | مشاهده موضوعهای فعال تاریخ امروز پنجشنبه 18 اکتبر, 2018 5:08 pm



پاسخ به موضوع  [ 45 پست ]  برو به صفحه قبلی  1, 2, 3, 4, 5, 6, 7, 8, 9  بعدی
 آموزش HTML به زبان ساده (گام به گام) 
نویسنده پیام
آواتار کاربر

عضو: جمعه 30 نوامبر, 2007 2:37 am
پست ها: 357
آدرس: تهران
پست Re: آموزش HTML
سلام.
ممنون . ::rose::
تعارف نبود . واقعا" خیلی خوب توضیح میدید . ::hand::

در مورد " تعیین تاریخ انقضای صفحه وب "
چه دستوری را باید بنویسم ؟
هر چند من آخرش متوجه نشدم این که بعضی صفحات آپ شده را نمیتونم ببینم مشکل از سروره یا از اون سایت . اگه از سروره چرا برای بعضی از صفحات این حالت پیش میاد نه برای همه ::question::

یه سئوال دیگه :

کدی را که نوشتید(ساختار سند html را مشخص می کند ) در آغاز فایل html قرار بدیم . قبل از <html> بنویسیم یا این که قبل از<head > ::question:: ::blushing::

::rose::

_________________
تصویر


سه شنبه 18 دسامبر, 2007 1:16 pm
مشخصات شخصی
آواتار کاربر

عضو: شنبه 24 نوامبر, 2007 7:39 pm
پست ها: 546
آدرس: تهران
پست Re: آموزش HTML
سلام. ممنون از لطف تون.
::smiling:: ::rose::
ببخشید که دیر به دیر می نویسم چون خودم تایپ می کنم و سعی می کنم مطالب رو کمی منسجم ومرتب کنم و بعد تایپ کنم . به همین دلیل طول می کشه.


اون کدی که استاندارد صفحه ما را تعیین می کند قبل از همه نوشته می شود. حتی قبل از <html>
در مورد تاریخ انقضا منظور زمان آپ شدن بعدی صفحه وب است.(که می تواند به صورت تاریخ یا زمان باشد) یعنی وقتی شما یک بار به آدرس سایت مورد نظر مراجعه نمودید و آن صفحه در cache قرار گرفت تا پایان تاریخ انقضا نیازی به مراجعه مجدد به سرور سایت برای دریافت اون صفحه نیست و اگر شما مجددا همان صفحه را درخواست کنید به جای مراجعه به سرور سایت، آن صفحه از cache خوانده ونمایش داده خواهد شد.
بعد از آن زمان تعیین شده ؛ در صورت درخواست آن صفحه وب؛ به سرور مراجعه خواهد شد هرچند صفحه تغییر نکرده باشد. پس شما همیشه در صورت درخواستِ آن صفحه، آن را خواهید دید و اگر صفحه ایی به شما نشان داده نمی شود دارای اشکال است و به این موضوع مربوط نیست.


سه شنبه 18 دسامبر, 2007 3:20 pm
مشخصات شخصی WWW
آواتار کاربر

عضو: شنبه 24 نوامبر, 2007 7:39 pm
پست ها: 546
آدرس: تهران
پست تگ BODY
حالا وارد بحث بدنه اصلی کدهای صفحه وب می شویم.

<body> ... </body>

تمامی دستورات HTML و عناصر تشکیل دهنده صفحه وب باید بین این تگ قرار بگیرند. اگر به اولین مثال که قبلا ذکر شد، دقت کنید متنی که در صفحه وب نمایش داده می شود. (This is a test.) در بین این دو قرار گرفته است. ممکن است قبل از آنکه نماد < در تگ body بسته شود صفت های صفحه وب (Attributeها) نیز در داخل تگ نوشته شود:


مثال2)
دستورات زیر را با یک ادیتور مثل Notepad یا با برنامه FrontPage بنویسید و به همان روشی که در قبل ذکر شد در کامپیوترتون با اسم مشخص و گستره فایل (html) یا (htm) با کدینک utf-8 ذخیره کنید (یعنی وقتی با Notepad می خواهید آن را ذخیره کنید save as را کلیک کرده و بعد Encoding را utf-8 و اسم فایل را مثلا test.htm نامگذاری کنید و بعد save را کلیک کنید) و بعد در فولدر مربوطه رفته و آن را با اینترنت اکسپلورر باز کنید (اجرا کنید) :
کد:
<HEAD>
<meta http-equiv="Content-Language"

content="fa">
<title>میکرورایانه</title>
<meta http-equiv="Content-Type"

content="text/html; charset=utf-8">
<meta name="description" content="آموزش رایانه و تجارت

الکترونیک ، قطعات و اجزا جانبی کامپیوتر ، نرم افزار و اینترنت">
<meta name="keywords" content="سایت آموزش رایانه تجارت

الکترونیک قطعات اجزا جانبی کامپیوتر سخت افزار نرم افزار اینترنت">
</HEAD>
<BODY bottomMargin=0 bgColor=#00FFFF 

leftMargin=20 topMargin=20 rightMargin=0

text = #FF5B48>
<b>this is a test. </b>
<BODY/>


حتما این مثال را انجام دهید و گرنه مطلب را خوب متوجه نخواهید شد. اگر مثال را انجام دهید تغییرات رنگی را متوجه خواهید شد. بتدریج توضیح خواهم داد که چی نوشتم. فعلا فقط به این کد توجه کنید:

کد:
<BODY  bgcolor = “…” background = “…” topmargin = “…” leftmargin =  “…” text =”…” link = “…” alink = “…” vlink = “…” >
[/code]

در این دستور (که در مثال بالا هم آمد) داریم:
کد:
bgcolor = “رنگ پس زمينه صفحه”
background = “ آدرس عکسی که به عنوان پس زمينه در صفحه وب قرار می گیرد “
topmargin = “یک فضای خالی در بالای صفحه بر حسب پيکسل ايجاد می کند”
leftmargin =  “یک فضای خالی در سمت چپ صفحه بر حسب پيکسل ايجاد می کند”
text = “رنگ متن را مشخص می کند”
link = “رنگ لینک های موجود در صفحه وب را مشخص می کند”
alink = “رنگ لینکهای فعال در صفحه وب را مشخص می کند” (active link)
vlink = “رنگ لینکهایی که قبلا کاربر مشاهده کرده را تعیین می کند” (visited link)


اگر هر کدام از اینها را تعیین نکنید به صورت پیش فرض تعیین شده در مروگر(اینترنت اکسپلورر) در نظر خواهد گرفت. می توان هیچ کدام را ننوشت. مجددا اولین مثال را نگاه کنید.
کلا در برنامه HTML و در نوشتن تگها بزرگ و يا کوچک نوشتن حروف هيچ تاثيری ندارد. این مثال را حتما انجام دهید تا در مورد رنگها و کدها بیشتر توضیح بدهم.


سه شنبه 18 دسامبر, 2007 3:26 pm
مشخصات شخصی WWW
آواتار کاربر

عضو: جمعه 30 نوامبر, 2007 2:37 am
پست ها: 357
آدرس: تهران
پست Re: آموزش HTML
سلام استاد

ما مشق هامونو نوشتیم . درس جدید نمیدید ::question::

::blushing::

::rose::

_________________
تصویر


یکشنبه 23 دسامبر, 2007 10:19 am
مشخصات شخصی
آواتار کاربر

عضو: شنبه 24 نوامبر, 2007 7:39 pm
پست ها: 546
آدرس: تهران
پست رنگها در صفحات وب
در صفحات وب هر رنگی از ترکیب سه رنگ اصلی به وجود می آید که حتما باید به ترتیب نوشته شوند. این رنگها به ترتیب نوشته شدن عبارتند از : اول Red و بعد Green و سرانجام Blue . یعنی همان سه رنگ قرمز و سبز و آبی.
برای هر رنگی یک کد دو رقمی هگزا دسیمال تخصیص داده می شود. هگزا دسیمال یعنی عدد درمینای 16.
اعداد در مبنای 16 دارای 16 علامت یا نماد هستند:
0 و 1 و 2 و 3 و4 و5 و6 و 7 و8 و9 وA وB وC وD وE وF
(بزرگی و کوچکی حروف انگلیسی مهم نیست)

البته اگر از این کدگذاری زیاد سر در نیاوردید چندان مهم نیست. ولی چون سیستم کدینک ساده ایی را جایگزین کدینک مینای دو (دودویی یا همان باینری) در کامپیوتر می کند کاربرد زیادی در کامپیوتر دارد

برمی گردیم اصل مطلب:
هر رنگی در صفخات وب از ترکیب این سه رنگ به وجود می آید که وزن هر رنگ با عددی بین 0 تا 255 مشخص می شود (در مبنای 16 عددی بین 00 تا FF خواهد بود) . مثلا کد رنگ قرمز FF0000 خواهد بود چون رنگهای آبی و سبز ندارد یا مثلا کد رنگ زرد FFFF00 خواهد بود. چون از ترکیب دو رنگ قرمز و سبز تشکیل شده و رنگ آبی ندارد.

تمرین
حالا برای بهتر فهمیدن رنگها ، برنامه فرانت پیج را اجرا کنید و در داخل آن یک متن بنویسید وهمه آن متن را با موس انتخاب کرده و رنگ دلخواه را از منوی رنگها انتخاب کنید. بعد در همان منو بر روی More Colors کلیک کنید. ارزش یا همان کد رنگ (Value) در بالای پنجره ایی که ظاهر می شود ذکر شده که به ترتیب همان رنگهایی است که ذکر کردم. اگر روی Custom کلیک کنید درمنوی پنجره جدیدی که ظاهر می شود مقادیر ترکیبات سه رنگ اصلی رنگ انتخاب شده در سیستم دهدهی آمده که با تغییرهریک آنها رنگ نهایی (ترکیب شده از سه رنگ مذکور) تغییر خواهد کرد.
به این ترتیب با این تمرین می توانید کد انواع ترکیبات رنگ را با سه رنگ اصلی به دست بیاورید.


مثال3)
دستورات زیر را به همان روشی که قبلا ذکر شد در notepad نوشته و با مرورگر خود اجرا کنید

کد:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<meta http-equiv="Content-Language" content="fa">
<title>میکرورایانه</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="آموزش طراحی صفحات وب">
<meta name="keywords" content="آموزش رایانه تجارت الکترونیک قطعات اجزا جانبی کامپیوتر سخت افزار نرم افزار اینترنت">
</HEAD>
<BODY bgcolor="#808000">
<b>
<font color="#00FF00">this </font><font color="#C0C0C0">is a test</font>
</span>
</b>
</BODY>
</HTML>


در این مثال bgcolor رنگ زمینه صفحه و font color رنگ فونت هاست. هر نوشته ایی بین دو تگ <b> .... </b> قرار گیرد به صورت درشت (bold) ظاهر خواهد شد. حالا در این مثال با تغییرکد رنگها و با تغییر محل تگ های </font> و </b> تغییرات را در نوشته this is a test بررسی کنید.

::smiling:: ::rose::


چهارشنبه 26 دسامبر, 2007 11:31 am
مشخصات شخصی WWW
مشاهده پست های قبلی:  نمایش بر اساس  
پاسخ به موضوع   [ 45 پست ]  برو به صفحه قبلی  1, 2, 3, 4, 5, 6, 7, 8, 9  بعدی

افراد آنلاین

کاربر حاضر در این تالار : Google [Bot] و 1 مهمان


شما نمی توانید در این تالار موضوع جدید باز کنید
شما نمی توانید در این تالار به موضوع ها پاسخ دهید
شما نمی توانید در این تالار پست های خود را ویرایش کنید
شما نمی توانید در این تالار پست های خود را حذف کنید
شما نمی توانید در این تالار ضمیمه ارسال کنید

جستجو برای:
پرش به:  
cron
استفاده و نقل از مباحث سایت، فقط با ذکر منبع و لینک سایت میکرورایانه مجاز است.
Copyright © 2006 - 2010 MicroRayaneh - Powered by phpBB © phpBB Group
Valid CSS2 Valid XHTML 1.0
طراحی سایت : میکرو رایانه