• مشکی
  • سفید
  • سبز
  • آبی
  • قرمز
  • نارنجی
  • بنفش
  • طلایی

همه

متن

فیلم

صدا

تصویر

دانلود

Persian
Persian
کوردی
العربیة
اردو
Türkçe
Русский
English
Français

مرور بخشها

    دین

    زندگی

    جامعه

    فرهنگ

صفحه اصلی تبیان شبکه اجتماعی مشاوره آموزش فیلم صوت تصاویر حوزه کتابخانه دانلود وبلاگ فروشگاه اینترنتی
ana021
آخرین مطلب
تعداد مطالب : 9
تعداد نظرات : 4
زمان آخرین مطلب : 6150روز قبل
کامپیوتر و اینترنت
آموزش Html 6

قاب های HTML

به وسیله قابها شما می توانید بیش از یک صفحه وب را در یک پنجره مرورگر نشان دهید.

مثالها

قابهای عمودیش
دراین مثال شما سه قاب عمودی با محتوای مختلف، می بینید.

قابهای افقی
این مثال، قابهای افقی را نمایش می دهد.

(مثالهای بیشتر، در انتهای این صفحه آمده است)

قابها

هر پرونده HTML یک قاب نامیده می شود ، و هر قاب نیز مستقل از دیگر قاب هاست. بدی استفاده از قاب ها این است که :
  • توسعه دهنده وب باید پیوسته رد بیشتر پرونده های HTML را داشته باشد.
  • چاپ کردن کل صفحه مشکل است

برچسب Frameset

  • برچسب <frameset> معرفی می کند که چگونه می شود پنجره را به قابها تقسیم کرد.
  • هر frameset یک مجموعه از سطرها یا ستون ها را معرفی می کند.

برچسب Frame

  • برچسب <frame> پرونده HTML ای را معرفی می کند که در هر قاب قرار می گیرد.
در مثال پایین یک frameset با دو ستون داریم. ستون اول با پهنای 25% از پنجره مرورگر ست شده است.ستون دوم با پهنای 75% از پنجره مرورگر ست شده است. پرونده "HTML "frame_a.html در ستون اول قرار گرفته و پرونده "HTML "frame_b.html در ستون دوم قرار داده شدهاست.

<frameset cols="25%,75%">
    <frame src="frame_a.html">
    <frame src="frame_b.html">
</frameset>

نکات پایه ای-اطلاعات مفید

اگر یک قاب حاشیه پدیدار داشته باشد کاربر می تواند با کشیدن حاشیه آن ، اندازه آن را تغییر دهد. برای جلوگیری از این عمل کاربر ، شما می توانید "noresize="noresize را به برچسب <frame> اضافه کنید. اگر برچسب <noframes> را اضافه کنیم ، مرورگر قاب را پشتیبانی نمی کند.
مهم:شما نمی توانید برچسب های <body> </body> و <frame> </frame> را با هم استفاده کنید. هر چند اگر شما برچسب <noframes> را در مرورگر هایی که قابها را پشتیبانی نمی کنند و حاوی مقداری متن نیز باشد اضافه کنید شما باید متن را بین برچسب های <body> </body> قرار دهید.

مثالهای بیشتر

برچسب noframes
در صورتیکه مرورگر، امکان نمایش قابها را نداشت، به کمک این برچسب، می توان نمایش مناسبی را ارایه کرد.

قابهای پیچیده(ترکیبی از قابهای عمودی و افقی)
این مثال، صفحه ای که در آن قبهای عمودی و افقی، با هم وجود دارند را نشان می دهد.

قابی با موجودیت noresize="noresize"
با کنترل این موجودیت، از تغییر اندازه قابها می توان جلوگیری کرد.

قاب محتوا
این مثال روش ساخت یک قاب محتوایی را نشان می دهد. صفحه از دو قاب اصلی ساخته شده که یکی ازآنها، فهرست و دیگری محتوای سرفصل انتخابی را نمایش می دهند. در قاب فهرست، سه فراپیوند به صورت زیر تعریف شده که موجودیت traget هر فرا پیوند به نام قاب محتوا اشاره می کند.

<a href ="frame_a.htm" target ="showframe">Frame a</a><br>
<a href ="frame_b.htm" target ="showframe">Frame b</a><br>
<a href ="frame_c.htm" target ="showframe">Frame c</a>

قاب محتوا، محتوای هر یک از این فراپیوندها را نمایش می دهد.

 

قاب درجا
این مثال روش استفاده از قابهای درجا را نشان می دهد(این قابها را می توان به طور مستقیم، داخل html استفاده کرد و دیگر نیازی به قاب بندی کل صفحه نیست).

پرش به قسمت خاصی در داخل یک قاب
به کمک این روش می توان به قسمتی از محتوای قاب، در هنگام نمایش پرش کرد. برای این منظور پس از آدرس محتوای قاب، فراپیوند محل مورد نظر را قرار می دهیم. به مثال توجه کنید.

پرش به محل خاص در صفحه دارای قاب محتوا
این مثال ترکیبی از مثال "قاب محتوا" و مثال "پرش" است.

برچسب های قاب

برچسب هاتوضیحات
<frameset> یک مجموعه از قاب ها را معرفی می کند
<frame> یک زیر پنجره (قاب) را معرفی می کند
<noframes> برای مرورگر هایی که قاب ها را پشتیبانی نمی کنند ، بخش بدون قاب را معرفی می کند.
<iframe> یک زیر پنجره درون برنامه ای را معرفی می کند.

منبع : HTML

يکشنبه 8/6/1388 - 11:10
[ نظر به این مطلب ] - [ نظرات این مطلب : 1 ]
کامپیوتر و اینترنت
آموزش Html 5
 

موجودیت های HTML

 

تعدادی از کاراکترها مثل کاراکتر ">" یک معنی خاص در HTML دارندو از این رو نمی توان از آنها در متن ها استفاده کرد. برای نشان دادن علامت کوچکتر از ">" ما باید از یک موجودیت کاراکتر استفاده کنیم.

موجودیت های کاراکتر

تعدادی از کاراکترها یک معنی خاص در HTML دارند.مثل علامت کوچکتر از ">" که شروع یک برچسب HTML را معرفی می کند.اگر ما بخواهیم که مرورگر عملا این کاراکتر ها را نشان بدهد باید در منبع کد HTML موجودیت های کاراکتر را وارد کنیم.
یک موجودیت کاراکتر سه بخش دارد: یک علامت "&" ، یک موجودیت اسم یا یک علامت "#" و یک موجودیت عددو در نهایت یک ";".
برای نمایش یک علامت کوچکتر از در یک پرونده HTML ما باید بنویسیم: ;lt& یا ;60#& .
فایده استفاده از یک نام بجای یک عدد این است که به خاطر سپردن یک نام آسان تر است و اشکال آن این است که همه مرورگر ها موجودیت کاراکترها را پشتیبانی نمی کنند در حالی که تقریبا همه مرورگرها خیلی خوب از موجودیت عددها پشتیبانی می کنند.
توجه کنید که موجودیت ها حساس به حروف کوچک و بزرگ هستند.

فاصله بدون شکست

یکی از موجودیت کاراکترهای پر استفاده در HTML فاصله بدون شکست است. بطور عادی HTML فاصله ها را در متن شما کوتاه خواهد کرد ، اگر شما ده فاصله در متن خود بگذارید HTML 9 تای آن را از بین خواهد برد. برای اضافه کردن فاصله در متنتان ، از موجودیت کاراکتر ;nbsp& استفاده کنید.

موجودیت کاراکترهای پر استفاده

نتیجهتوضیحاتنام موجودیتشماره موجودیت
  فاصله بدون شکست &nbsp; &#160;
< کوچکتر از &lt; &#60;
> بزرگتر از &gt; &#62;
& ampersand &amp; &#38;
" علامت کتیشن &quot; &#34;
" آپاستروف &apos;(در IE کاربرد ندارد) &#39;

دیگر موجودیت کاراکترهای پر استفاده

نتیجهتوضیحاتنام موجودیتشماره موجودیت
¢ cent &cent; &#162;
£ پاوند &pound; &#163;
¥ ین &yen; &#165;
§ بخش &sect; &#167;
© حق کپی &copy; &#169;
® علامت ثبت شده &reg; &#174;
× ضرب &times; &#215;
÷ تقسیم &divide; &#247;
 



 
منبع :HTML
يکشنبه 8/6/1388 - 11:8
[ نظر به این مطلب ] - [ نظرات این مطلب : 0 ]
کامپیوتر و اینترنت
آموزش Html 4
 

موجودیت های HTML

 

تعدادی از کاراکترها مثل کاراکتر ">" یک معنی خاص در HTML دارندو از این رو نمی توان از آنها در متن ها استفاده کرد. برای نشان دادن علامت کوچکتر از ">" ما باید از یک موجودیت کاراکتر استفاده کنیم.

موجودیت های کاراکتر

تعدادی از کاراکترها یک معنی خاص در HTML دارند.مثل علامت کوچکتر از ">" که شروع یک برچسب HTML را معرفی می کند.اگر ما بخواهیم که مرورگر عملا این کاراکتر ها را نشان بدهد باید در منبع کد HTML موجودیت های کاراکتر را وارد کنیم.
یک موجودیت کاراکتر سه بخش دارد: یک علامت "&" ، یک موجودیت اسم یا یک علامت "#" و یک موجودیت عددو در نهایت یک ";".
برای نمایش یک علامت کوچکتر از در یک پرونده HTML ما باید بنویسیم: ;lt& یا ;60#& .
فایده استفاده از یک نام بجای یک عدد این است که به خاطر سپردن یک نام آسان تر است و اشکال آن این است که همه مرورگر ها موجودیت کاراکترها را پشتیبانی نمی کنند در حالی که تقریبا همه مرورگرها خیلی خوب از موجودیت عددها پشتیبانی می کنند.
توجه کنید که موجودیت ها حساس به حروف کوچک و بزرگ هستند.

فاصله بدون شکست

یکی از موجودیت کاراکترهای پر استفاده در HTML فاصله بدون شکست است. بطور عادی HTML فاصله ها را در متن شما کوتاه خواهد کرد ، اگر شما ده فاصله در متن خود بگذارید HTML 9 تای آن را از بین خواهد برد. برای اضافه کردن فاصله در متنتان ، از موجودیت کاراکتر ;nbsp& استفاده کنید.

موجودیت کاراکترهای پر استفاده

نتیجهتوضیحاتنام موجودیتشماره موجودیت
  فاصله بدون شکست &nbsp; &#160;
< کوچکتر از &lt; &#60;
> بزرگتر از &gt; &#62;
& ampersand &amp; &#38;
" علامت کتیشن &quot; &#34;
" آپاستروف &apos;(در IE کاربرد ندارد) &#39;

دیگر موجودیت کاراکترهای پر استفاده

نتیجهتوضیحاتنام موجودیتشماره موجودیت
¢ cent &cent; &#162;
£ پاوند &pound; &#163;
¥ ین &yen; &#165;
§ بخش &sect; &#167;
© حق کپی &copy; &#169;
® علامت ثبت شده &reg; &#174;
× ضرب &times; &#215;
÷ تقسیم &divide; &#247;
 



 
منبع : HTML
يکشنبه 8/6/1388 - 11:7
[ نظر به این مطلب ] - [ نظرات این مطلب : 0 ]
کامپیوتر و اینترنت
نرم افزاری برای سه بعدی کردن دسکتاپ ShockDesktop3D

بسیاری از کاربران امروزه برای ایجاد تنوع در محیط کاری سیستم عامل های مورد استفاده خود از نرم افزارها و ابزارهایی استفاده می کنند که به وسیله آن ها قادر به ایجاد تغییرات در محیط سیستم عامل به صورت ظاهری می باشند. بیشتر نرم افزارهای که در این زمینه یافت می شوند اقدام به تغییر چهره سیستم عامل با قالب های مختلف می کنند و تغییراتی را در نمای ظاهری پنجره ها و آیکن های سیستم ایجاد می کنند. بسیاری از این نرم افزارها نیز به گونه ای طراحی شده اند که به کاربر توانایی ایجاد تغییر در محیط های دلخواه را می دهند و یکی از این محیط ها که کاربران همیشه به دنبال ایجاد تغییرات در آن ها می باشند

در این مطلب با نرم افزاری آشنا می شوید که تغییر نوینی را در سیستم عامل ویندوز و محیط دسکتاپ برای شما ایجاد می کند.

 

ShockDesktop3D نام نرم افزاری می باشد که محیط دسکتاپ شما را به یک محیط سه بعدی تبدیل می کند. به کمک این نرم افزار می توان آیکن ها را در محیط سه بعدی دسکتاپ به حرکت درآورد . این نرم افزار یکی از بهترین ابزارهای تغییر چهره دسکتاپ می باشد که با توجه به نوع کاربرد دارای طرفداران بسیاری می باشد. این نرم افزاری بر روی نسخه های ویندوز XP/2000/2003/Vista قابل استفاده می باشد.

Direct Link : http://www.share724.com/Download/Desktop/ShockDesktop3D.zip

شنبه 7/6/1388 - 14:17
[ نظر به این مطلب ] - [ نظرات این مطلب : 0 ]
کامپیوتر و اینترنت
گوشی مچی یا ساعن مچی

شركت كره‌ای ال‌جی از ساخت گوشی جدیدی خبر داده است كه مانند ساعت مچی، دور دست كاربران بسته می‌شود و تمامی امكانات گوشی‌های پیشرفته را در خود جا داده است.


این گوشی مچی LG-GD910 نام دارد و نخستین تلفن‌همراه مچی در دنیا محسوب می‌شود كه امكان پشتیبانی از شبكه‌های مخابراتی3G HSDPA برای آن فراهم شده است.
این گوشی به وسیله دوربین دیجیتالی كوچكی كه در سمت راست و بالای نمایشگر واقع شده، امكان برقراری تماس‌های تصویری را برای كاربران فراهم می‌كند.


گوشی جدید مچی ال‌جی به نمایشگر لمسی 43/1 اینچی لمسی از نوع LCD مجهز شده و از طریق سیستم ویژه خود برای پخش فایل‌های صوتی، لذت گوش دادن به موسیقی را برای كاربران به ارمغان می‌آورد.
روی این گوشی فناوری ویژه‌ای با نام Text-To-Speech تبدیل شده كه امكان خواندن آسان‌تر پیامك‌های دریافتی را به هنگام ورود به گوشی فراهم می‌كند.
به گفته شركت ال‌جی، قرار است این گوشی در مرحله نخست به بازارهای كره و اروپا عرضه شود. ال‌جی قصد دارد این محصول را طی ماه آینده در نمایشگاه CES 2009 در لاس‌وگاس آمریكا به نمایش بگذارد.
شنبه 7/6/1388 - 14:14
[ نظر به این مطلب ] - [ نظرات این مطلب : 0 ]
کامپیوتر و اینترنت
آموزش Html 3

برچسب های پایه HTML

مهمترین برچسب در HTML برچسب هایی هستند که سر تیتر ها ، پاراگراف ها و پرش به خط بعد را معرفی می کنند. بهترین راه یادگرفتن HTML کار کردن با مثال هاست.

مثالها

ساده ترین Html
این مثال ساده ترین نمونه html است که در آن، از کمترین برچسب ممکن، استفاده شده است. در این مثال جمله نوشته شده درون برچسب body، نمایش داده می شود. 

پاراگراف ساده
این مثال نشان می دهد، که نوشته داخل برچسب پاراگراف، چگونه نمایش داده می شود.

(مثالهای بیشتر، در انتهای این صفحه آمده است)

 سر تیتر ها

سر تیترها با برچسب های <h1>تا<h6>معرفی می شوند.<h1>بیانگر بزرگترین سرتیتر  و<h6> بیانگر کوچکترین سر تیتر است. HTML بطور خودکار فضای خالی اضافی  به قبل و بعد از سر تیترها اضافه می کند.

<h1> This is a heading </h1>
<h2> This is a heading </h2>
<h3> This is a heading </h3>
<h4> This is a heading </h4>
<h5> This is a heading </h5>
<h6> This is a heading </h6>

پاراگراف ها

پاراگراف ها با برچسب <p> معرفی می شوند.HTML بطور خودکار فضای خالی اضافی به قبل و بعد از یک پاراگراف اضافه می کند.

<p> This is a paragraph </p>
<p> This is another paragraph </p>

پرش به خط بعد

برچسب <br> هنگامی استفاده می شود که بخواهیم یک خط را پایان دهیم اما نمی خواهیم یک پاراگراف جدید را آغاز کنیم.برچسب <br> شما را از هر جا که قرار دارید به یک خط پایین تر می برد. برچسب <br> یک برچسب تکی است و هیچ برچسب پایانی ندارد.

توضیحات در HTML

برچسب توضیحات برای وارد کردن توضیحات در منبع کد HTML استفاده می شود.توضیحات توسط مرورگرها نادیده گرفته می شوند. شما می توانید از توضیحات برای تشریح کد های خود استفاده کنید که می تواند به شما هنگامی که در آینده کد منبع خود را ویرایش می کنید کمک کند.

<!--This is a comment-->

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

نکات پایه ای - اطلاعات مفید

هنگامی که شما یک متن HTML می نویسید هرگز نمی توانید مطمئن باشید این متن  در یک مرورگر دیگر چطور نشان داده می شود.تعدادی از مردم صفحه نمایش بزرگ کامپیوتر دارند و تعدادی کوچک. هر بار که کاربر اندازه پنجره را تغییر دهد متن دوباره قالب بندی خواهد شد. هرگز سعی نکنید که با اضافه کردن خطوط خالی و فاصله در متن آن را در ویرایشگرتان قالب بندی کنید.
HTML فاصله ها را از متن حذف می کند، هر تعدادی از فاصله ها تنها  به یک فاصله  تبدیل می شوند.

مقداری اطلاعات اضافی

در HTML یک خط جدید بعنوان یک فاصله حساب می شود.
استفاده کردن از برچسب خالی پاراگراف

برای وارد کردن یک خط خالی یک عملکرد بد است.بجای آن از برچسب <br>استفاده کنید.(اما از <br> برای ساخت لیست خالی استفاده نکنید ، صبر کنید تا در مورد لیستهای HTML یاد بگیرید)
شما ممکن است متوجه باشید که پاراگراف ها می توانند بدون بستن برچسب <p/> نوشته شوند.نسخه بعدی HTML اجازه نخواهد داد که هیچ برچسب پایانی را جا بیندازید.HTML بطور خود کار یک خط خالی اضافی قبل و بعد از برخی عناصر اضافه می کند مثل قبل و بعد از پاراگراف و قبل و بعد از سر تیتر ها.ما از یک خط افقی (برچسب<hr>) برای جدا کردن بخش های مختلفدرسمان استفاده کرده ایم.

مثالهای بیشتر

پاراگرافهای بیشتر
این مثال رفتار برچسب پاراگراف را با نمایش چند نمونه از آن، نشان می دهد.

سر خط
با استفاده از برچسب سر خط، به ابتدای خط بعد می رویم. این مثال رفتار این برچسب را نشان می دهد.

مشکلات نمایش
با این مثال، متوجه می شوید، در صورتی که از برچسبها استفاده نکنید، صفحه بندی شما، نادیده گرفته می شود.

سر فصل
در این مثال طریق متمایز کردن جملات سر فصل را می بینید.

سر فصل در وسط خط
این مثال نشان می دهد که چگونه می توان،محل نمایش جمله، در خط را تعیین کرد.

خط افقی
این مثال روش نمایش یک خط افقی را نشان می دهد.

توضیحات مخفی
گاهی، نیاز به نوشتن توضیحی درباره html خود دارید. این توضیح باید در حالت نمایش دیده نشود. این مثال روش نوشتن چنین متن هایی را، داخل html، نشان می دهد.

رنگ زمینه
می توانید رنگ زمینه html خود را تعیین کنید. این مثال را ببینید.

برچسب های پایه

برچسب هاتوضیحات
<html> یک پرونده HTML را معرفی می کند
<body> بدنه پرونده را معرفی می کند
<h1> to <h6> سر تیتر 1 تا 6 را معرفی می کند
<p> یک پاراگراف را معرفی می کند
<br> یک خط خالی را معرفی می کند
<hr> یک خط افقی را معرفی می کند
<!--> توضیحات را معرفی می کند

 
 
منبع : HTML
شنبه 7/6/1388 - 13:58
[ نظر به این مطلب ] - [ نظرات این مطلب : 1 ]
کامپیوتر و اینترنت
آموزش Html 2
 

عناصر HTML

 

پرونده های HTML فایل های متنی هستند که با عناصر HTML ساخته شده اند.عناصر HTML با استفاده از برچسب های HTML تعریف می شوند.

برچسب های HTML

  • برچسب های HTML برای نشانه گذاری عناصر HTML استفاده می شوند
  • بر چسب های HTML توسط دو کاراکتر < و > محاط می شوند
  • این کاراکتر های محاط کننده قلاب نامیده می شوند
  • بر چسب های HTML معمولا بصورت جفت می آیند <b> , <b/>
  • اولین برچسب دوتایی برچسب شروع و دومی برچسب پایانی است
  • متن های بین برچسب ابتدایی و انتهایی محتوای عناصر هستند
  • برچسبهای HTML به حروف کوچک و بزرگ حساس نیستند <b> معادل <B> است.

عناصر HTML

مثال HTML در صفحه قبل را بخاطر بیاورید. این یک عنصر HTML است:

<b>This text is bold</b>
عنصر HTML با یک برچسب شروع ، آغاز می شود:<b>
محتوای عنصر HTML: This text is bold
عنصر HTML با یک برچسب پایانی تمام می شود:<b/>
هدف برچسب <b> این است که تعریف کند عناصر HTML باید بصورت برجسته نشان داده شوند این نیز همچنین یک عنصر HTML است:

<body>
This is my first homepage.<b>This text is bold</b>
</body>

این عنصر HTML با برچسب آغازین <body> شروع و با برچسب پایانی <body/> تمام می شود.
هدف برچسب <body> این است که عناصر HTML را که محتوای بدنه HTML هستند تعریف کند.

چرا ما از برچسب هایی با حروف کوچک استفاده می کنیم؟

ما فقط گفتیم که برچسب های HTML حساس به حروف کوچک و بزرگ نیستند و <B>همان معنی <b>را می دهد.هنگامی که شما به وب گردی می پردازد، متوجه خواهید شد که بیشتر آموزش ها در مثال هایشان از حروف بزرگ برچسب های HTML استفاده می کنند.ما همیشه از برچسب های حروف کوچک استفاده می کنیم. چرا؟
اگر شما می خواهید خود را برای نسل های بعدی HTML آماده کنیدشما باید شروع کنید  و از برچسبهای حروف کوچک استفاده کنید.کنسرسیوم شبکه گسترده جهانی (W3C) در نظریه HTML4 خود برچسب های حروف کوچک را توصیه کرده و XHTML(نسل بعدی HTML) برچسبهای حروف کوچک را خواستار شده است.

عناصر برچسب:

برچسبها خود می توانند شامل عناصری باشند ، عناصر می توانند اطلاعات اضافی در باره عناصر HTML در صفحه شما را فراهم کنند.این برچسب عنصر بدنه را در صفحه شما معرفی می کند:
<body>
با اضافه کردن عنصر <bgcolor>شما می توانید به مرورگر بگویید که رنگ پس زمینه شما باید قرمز باشد مثل این:<"body bgcolor="red>
این برچسب یک جدول HTML را معرفی می کند:<table>. با اضافه کردن عنصر حاشیه شما می توانید به مرورگر بگویید که جدول نباید هیچ لبه و حاشیه ای داشته باشد: <"table border="0>
عناصر همیشه در یک زوج نام/مقدار می آیند، مثل این: نام="مقدار"
عناصر همیشه به برچسب شروع عناصر HTML اضافه می شوند

حالتهای کتیشن ، "قرمز" یا "قرمز"؟

محتوای عناصر باید همیشه در کتیشن ها محدود شوند ، از هر دو حالت کتیشن و  دوبل کتیشن می توان استفاده کرد ولی استفاده از دوبل کتیشن ها متداول تر است. در بعضی موقعیت های نادر مثل هنگامی که محتوای عناصر خود دارای کتیشن هستند  لازم است که از تک کتیشن استفاده کنیم: "Name="john "shotgun" Nelson
 
 
منبع : HTML
شنبه 7/6/1388 - 13:56
[ نظر به این مطلب ] - [ نظرات این مطلب : 0 ]
کامپیوتر و اینترنت
آموزش Html
 
 

مقدمه

با آموزش HTML شما یاد خواهید گرفت چگونه از HTML در ساخت صفحات وب خودتان استفاده کنید.
یادگیری HTML بسیار ساده است و شما از آن لذت خواهید برد.

یک فایل HTML چیست؟

  • HTML مخفف زبان نشانه گذاری فرا متنی است(hyper text markup language).
  • یک فایل HTML یک فایل متنی حاوی برچسب های کوچک نشانه گذاریست
  • بر چسب های نشانه گذاری به مرورگرهای وب بیان می کنند که صفحه را چگونه نشان دهد
  • یک فایل HTML باید دارای پسوند html. یا html. باشد
  • یک فایل HTML می تواند توسط یک ویرایشگر متنی ساده ساخته شود

آیا می خواهید یکبار امتحان کنید؟

اگر در حال کار با ویندوز هستید برنامه note pad را اجرا کنید. متن زیر را تایپ کنید.

<html>
<head>
<title>title of page </title>
</head>
<body>
This is my first home page.<b> This text is bold </b>
</body>
</html>

فایل را تحت عنوان "mypage.htm"ذخیره کنید.
مرورگر اینترنت خود را باز کنید، از منوی فایل گزینه "open" یا "open page" را انتخاب کنید. یک جعبه گفتگو ظاهر خواهد شد .گزینه "brows" یا "choose file" را انتخاب کنید و در مکانی که فایل HTML خود را ساخته اید قرار گیرید. آن را انتخاب کنید و روی گزینه "open" کلیک کنید.حالا شما یک آدرس در جعبه گفتگوی خود مشاهده خواهید کرد. بعنوان  مثال "C:\mypage.html" گزینه ok را کلیک کنید و مرورگر صفحه را به شما نشان خواهد داد.

مثال تشریح شده

اولین برچسب در فایل HTML شما ، <html> است.این برچسب به مرورگر شما می فهماند که این آغاز یک فایل HTML است، آخرین برچسب در فایل شما <html/> است.این برچسب به فایل شما می فهماند که این انتهای یک فایل HTML است.
متن های بین برچسب و اطلاعات سرانداز (header)شماست .اطلاعات سر انداز در پنجره مرورگر نشان داده نخواهد شد. متن بین برچسب <title>، سرتیتر پرونده شماست. سرتیتر در قسمت عنوان صفحه مرورگر نشان داده خواهد شد.
متنی که در مرورگر نشان داده خواهد شد ، متنی است که بین برچسب <body> نشان داده خواهد شد.
متنی که بین برچسب <b> قرار گیرد در مرورگر بصورت برجسته نشان داده خواهد شد.

پسوند htm. یا html. ?

هنگامی که شما یک فایل HTML را ذخیره می کنید شما می توانید هرکدام از پسوندهای htm. یا html. را انتخاب کنید.ما در مثال هایمان از پسوند htm. استفاده می کنیم. این ممکن است یک رفتار بد موروثی از گذشته باشد که بیشتر نرم افزارهایی که استفاده می شوند فقط پسوند سه حرفی را قبول می کنند.با نرم افزار جدیدتر ما فکر می کنیم که اگر از پسوند html. استفاده کنیم بسیار ایمن تر خواهیم بود.

به ویرایشگر های HTML توجه کنید:

شما می توانید به سادگی با استفاده از یک ویرایشگر WYSIWY("what you see is what you get") فایل های HTML را ویرایش کنید ، مثل FRONT PAGE,Claris Home Page یا Adob PageMill.
اگر شما می خواهید یک توسعه دهنده وب توانا باشید ما توصیه اکید می کنیم که شما از یک ویرایشگر متنی ساده استفاده کنید تا اصول اولیه HTML را یاد بگیرید.

پرسش و پاسخ:

س: پس از اینکه فایل HTML را ویرایش می کنم نمی توانم نتیجه را در مرورگر مشاهده کنم. چرا؟
ج:اطمینان حاصل کنید که فایل را با یک نام و پسوند صحیح ذخیره کرده اید مثل"C:\mypage.htm". همچنین اطمینان حاصل کنید که از همان نام هنگام باز کردن فایل در مرورگر استفاده کرده اید.
س:من سعی کردم فایل HTMLام را ویرایش کنم. اما تغییرات در مرورگرم نشان داده نشد. چرا؟
ج:مرورگر صفحه را کاشه(cach) کرده بنا بر این یک صفحه را دو بار نمی خواند. هنگامی که شما یک صفحه را تغییر می دهید مرورگر آن را نمی داند. از کلید REFRESH/RELOAD مرورگر استفاده کنید تا آن را مجبور کنید صفحه را دوباره بخواند.
س:از چه مرورگری باید استفاده کنیم؟
ج:شما می توانید تمام این آموخته ها را با مرورگرهای متعارف انجام دهید مثل Internet Explorer, Netscape,Mozilla و Opera. هر چند که تعدادی از مثال های مادر کلاس های پیشرفته به آخرین نسخه مرورگرها نیاز دارند. 
 
منبع HTML
شنبه 7/6/1388 - 13:47
[ نظر به این مطلب ] - [ نظرات این مطلب : 0 ]
کامپیوتر و اینترنت
آموزش Visual c++6.0

اول از هر چیز شما باید دی وی دی Visual studio 6.0 را تهیه کنید که در بیشتر کتابفروشی های میدان انقلاب تهران قابل تهیه است(میتوانید در بخش نظرات بگید تا من براتون با پیک در تهران بفرستم که باید پول پیک رو خودتون بدبد) البته اینو بهتون بگم که شما باید یک آشنایی کوچک با c++ داشته باشید(البته یواش یواش من این آشنایی کوچک رو بهتون یاد میدم).

 

-----------------------------------------------------------------------------------------------

 

فصل اول:(ایجاد بک صفحه برای کار)

 

Visual c++ 6.0 رو اجرا کرده و از منوی فایل گرینه New را انتخاب نموده.

 

در پنجره باز شده گزینه MFC AppWizard (exe) را انتخاب نموده و در بخش Project Name یک نام را برای برنامتون انتخاب کنید مثلا "1" و دکمه ok را فشار دهید.

 

در پنجره باز شده Dialog Based را انتخاب کنید و Finish را کلیک کنید و در پنجره باز شده ok را بفشارید.

 

این محیط کار است که شما میتوانید با آن کار کنید.

 

تا این جا توانستید یک پروژه ایجاد کنید.

---------------------------------------------------------------------------------------------

 

مثال : برنامه ای بنویسید که با کلیک بر روی دکمه Hello برای شما پیغامی صادر کند:

(این یک برنامه آزمایشی است در صورت متوجه نشدن آن نگران نشوید چون در بخشهای بعد بیشتر توضیح داده میشود.)

یک پروژه به اسم "1" بسازید.

 

1 - متنی که در وسط صفحه است را حذف کنید برای این کار روی آن کلیک کرده و از روی صفحه کلید Delete را فشار دهید.

 

2 - روی دکمه ok راست کلیک کرده و روی Properties کلیک کرده و از سربرگ General گزینه Caption را به Hello و ID را به IDHELLO تغییر دهید.

 

3 - روی دکمه Cancel کلیک کرده و خاصیت Caption آن را به Close تغییر دهید .

 

4- روی دکمه HELLO راست کلیک کرده و گزینه ClassWizard کلیک کنید.

 

5- در سربرگ Message Maps در بخش Object IDs گزینه روی IDHELLO کلیک کنید و در بخش Messages روی BN_CLICKED کلیک کنید.

 

6- گزینه Add Function... کلیک کنید و نامی را که پیشفرض به این تابع داده است را قبول کرده و Ok را بزنید.

 

7- روی گزینه Edit Code کلیک کرده و این متن را بعد از نوشته سبز رنگ وارد کنید:

حرف a آخر را وارد نکنید.

MessageBox("Hello :This is first Program");a

 

8- از منوی Build روی Execute 1.exe کلیک کنید و بعد Yes را بزنید.

 

9- اگر برنامه مشکل نداشته باشد برنامه اجرا میشود .

 

10- روی گزینه Hello کلیک کنید از برنامه اولتون لذت ببرید.

 

در صورت گرفتن ارور بیمورد در بخش نظرات اطلاع دهید.

 

---------------------------------------------------------------------------------------------

 

***ادامه آموزش رو بعد از اینکه ببینم استقبال چطور مینویسم.***

 

شنبه 7/6/1388 - 12:35
[ نظر به این مطلب ] - [ نظرات این مطلب : 2 ]
  • 1
مورد توجه ترین های هفته اخیر
لینک ها
فعالترین ها در ماه گذشته
(0)فعالان 24 ساعت گذشته
تعدادبازدیدکنندگان
تاکنون
اکنون
Copyright © 2012 . All right reserved