• مشکی
  • سفید
  • سبز
  • آبی
  • قرمز
  • نارنجی
  • بنفش
  • طلایی
تعداد مطالب : 642
تعداد نظرات : 140
زمان آخرین مطلب : 3684روز قبل
آموزش و تحقيقات

ایجاد پیوند به دیگر صفحات با HTML

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

برای ایجاد لینک از تگ زیر استفاده می کنیم:

<a href="url">متن لینک</a>

تگ <a> نشانه لینک است. شناسه href مشخص کننده آدرس لینک می باشد، <a/> نشانه بسته شدن تگ است. متنی که بین این دو تگ ابتدایی و پایانی نوشته می شود متنی است که در صفحه شما به عنوان یک لینک دیده می شود. مثلاً اگر می خواهید به یک صفحه وب مثلاً صفحه اصلی سایت ما با این آدرس:   http://www.neopersia.org/

html/index.html لینکی را در صفحه خود داشته باشید باید فرمان زیر را در قسمت body صفحه خود در جایی که می خواهید لینک به نمایش درآید قرار دهید:

<a href="http://www.neopersia.org
/html/
index.html" temp_href="http://www.neopersia.org/
html/index.html">متن نمونه برای لینک</a>

لینک در صفحه شما به این صورت دیده می شود:

متن نمونه برای لینک

لینکی را که با فرمان بالا ساخته اید به صورت رنگی (بسته به تنظیمات مرورگر رنگ آن تعیین می شود) و زیرخط دار به وجود می آید. که این خصوصیات نشانه آن است که یک متن لینک است و وقتی که نشانگر ماوس را بر روی آن قرار دهید به شکل دست در می آید. البته هر متنی که رنگی بود و دارای زیر خط بود لزوماً نباید یک لینک باشد. شکل نشانگر ماوس در اینجا به کمک ما می آید.

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

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

در مثال زیر فرض بر این است که هر دو صفحه مبدأ و مقصد لینک در یک پوشه قرار دارند. برای نمونه سرفصل آموزش مقدماتی HTML در همان پوشه ای قرار دارد که این صفحه قرار دارد. نام این صفحه index.php است. برای ایجاد یک لینک در این صفحه می توانیم به اینگونه عمل کنیم:

<a href="index.php">متن نمونه برای لینک</a>

لینک حاصل شده:

متن نمونه برای لینک

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

اگر شما شک دارید یا مطمئن نیستید که هر دو صفحه در یک پوشه قرار دارند حتماً از آدرس کامل استفاده کنید. چون در این روش مهم نیست که صفحات مربوط به چه سایتی باشند.

شناسه دیگری که می توانید در تگ لینک به کار ببرید title است. با استفاده از این شناسه می توانید عنوانی را برای لینک انتخاب کنید و این عنوان در هنگامی که بازدید کننده کاوس خود را روی لینک قرار می دهد به نمایش در نمی آید. به مثال زیر توجه کنید:

<a href="../css/index.html" title="آموزش استفاده از استایل در صفحات وب">آموزش CSS به زبان فارسی</a>

ماوس خود را روی لینک زیر قرار دهید تا نتیجه را مشاهده کنید:

آموزش CSS به زبان فارسی

نظر یادتون نره؟

دوشنبه 14/8/1386 - 5:35
آموزش و تحقيقات

کاراکترهای ویژه، علامتهایی که نمی توان آنها را با صفحه کلید تایپ کرد

آیا تا به حال موقعیتی پیش آمده که بخواهید بین دو کلمه فاصله بیشتری وجود داشته باشد. یا بخواهید علامت کپی رایت را نشان دهید. این کاراکتر های ویژه با استفاده از کدهای ویژه در صفحه شما قرار می گیرند. این کدهای ویژه با علامت & (امپرسند) شروع می شوند و با تعدادی حرف یا عدد ادامه پیدا می کنند و با ; (نقطه ویرگول) پایان می یابند. برای مثل زمانی که شما می خواهید بین دو کلمه فضای خالی اضافی بگذارید باید از کد ;nbsp& استفاده کنید که فضای خالی اضافه می کند. مطابق مثال زیر:

کلمه اول &nbsp; کلمه دوم

نتیجه به این صورت خواهد بود:

کلمه اول   کلمه دوم

فاصله اول بین کلمات با فشار دادن دکمه Space ایجاد می شود. مرورگر فاصله اول را تشخیص می دهد اما بعد از آن هر تعداد فاصله که باشد تفاوتی نمی کند و شما فقط یک فاصله را در مرورگر می بینید. افزودن کد ;nbsp& مرورگر را مجبور می کند تا بین دو کلمه فاصله اضافی بگذارد. شما با تکرار این کد می توانید به هر تعداد که بخواهید فاصله خالی ایجاد کنید.مانند زیر:

کلمه اول &nbsp;&nbsp;&nbsp;&nbsp;کلمه دوم

نتیجه:

کلمه اول     کلمه دوم

این فرمان چهار فضای خالی اضافی بین دو کلمه ایجاد می کند. و در مجموع پنج فضای خالی داریم.

بحث بعدی ما علامت کپی رایت است. شما می توانید به همان روشی که برای فضای خالی اضافی ایجاد کردیم این علامت را نیز به وجود بیاورید. یعنی با استفاده از کد آن. کد علامت کپی رایت این است:  ;copy& به این مثال توجه کنید:

this page Copyright &copy; 2007 by me

متن نتیجه:

this page Copyright © 2007 by me

روش کار برای تمامی کاراکترهای ویژه به همین صورت است فقط کد آنها را در متن HTML قرار دهید.

در جدول زیر می توانید تعدادی از این کاراکترهای ویژه را به همراه کد سازنده آنها ببینید:

نام کاراکتر شکل ظاهری کاراکتر کد سازنده کاراکتر
امپرسند & &amp;
علامت کپی رایت © &copy;
علامت ثبت شده @ &reg;
علامت تجاری &trade;
علامت کوچکتر از < &lt;
علامت بزرگتر از > &gt;
علامت خنجر &dagger;
-------------------- » &raquo;
-------------------- « &laquo;
خط فاصله ام &#151;
علامت درجه ° &deg;
یک چهارم ¼ &frac14;
یک دوم ½ &frac12;
سه چهارم ¾ &frac34;
نقطه میانی · &middot;
علامت تعجب وارونه ¡ &iexcl;
علامت یورو &euro;
علامت پوند انگلیس £ &pound;
علامت تقسیم ÷ &divide;
علامت رادیکال &radic;

 

نظر یادتون نره؟

دوشنبه 14/8/1386 - 5:33
آموزش و تحقيقات

کار کردن با فونتها و رنگ و اندازه آنها

در این قسمت از درس به سراغ کار با فونتها و اندازه آنها می رویم.

اندازه فونت را می توان با دستور زیر تعیین کرد:

<font size="x">متنی که می خواهیم اندازه آنرا تعیین کنیم</font>

به جای «x» عددی با علامت منفی یا مثبت قرار می گیرد. وقتی که می خواهیم یک متن بزرگتر دیده شود از علامت مثبت و زمانی که می خواهیم متن کوچکتر شود از علامت منفی استفاده می کنیم. به مثال زیر توجه کنید:

<font size="+2">این متن بزرگتر دیده می شود</font>

این هم نتیجه تغییر سایز فونت:

این متن بزرگتر دیده می شود

برای کوچکتر کردن متن نیز به همین صورت عمل می کنیم:

<font size="-2">این متن کوچکتر دیده می شود</font>

این هم متن کوچک شده:

این متن کوچکتر دیده می شود

این هم تعدادی مثال برای درک بهتر مطالب:

<font size="+4">این متن با اندازه 4 نوشته شده است</font>

این متن با اندازه 4 نوشته شده است

<font size="+3">این متن با اندازه 3 نوشته شده است</font>

این متن با اندازه 3 نوشته شده است

<font size="+2">این متن با اندازه 2 نوشته شده است</font>

این متن با اندازه 2 نوشته شده است

<font size="+1">این متن با اندازه 1 نوشته شده است</font>

این متن با اندازه 1 نوشته شده است

<font size="-1">این متن با اندازه 1- نوشته شده است</font>

این متن با اندازه 1- نوشته شده است

<font size="-2">این متن با اندازه 2- نوشته شده است</font>

این متن با اندازه 2- نوشته شده است

<font size="-3">این متن با اندازه 3- نوشته شده است</font>

این متن با اندازه 3- نوشته شده است

برای تغییر رنگ متنها نیز می توانیم به روش زیر عمل کنیم، با این فرمان :

<font color="زنگ مورد نظر">

می توانیم رنگ مورد نظر خود را با نام انگلیسی آن در فرمان بالا قرار دهیم یا از معادل هگزا دسیمال رنگ به جای اسم رنگ استفاده کنیم.

برای شروع با اسم رنگ شروع می کنیم:

<font color="red">متن مورد نظر</font>

متن نهایی:

متن مورد نظر

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

<font color="#ff0000">متن مورد نظر</font>

در اینجا نتیجه با مثال قبلی یکسان است:

متن مورد نظر

معادل هگزا دسیمال رنگها را باید با علامت # شروع کرد و بعد از این علامت شش حرف یا عدد دیگر قرار می گیرد. برای رنگ قرمز بعد از علامت # دو F و چهار صفر قرار می گیرد.

فرض کنید می خواهید رنگ و اندازه متنی را همراه با هم تغییر دهید. برای این کار می توانید از دو تگ <font> استفاده کنید. اما به خاطر داشته باشید که هر دو را ببندید. مانند زیر:

<font size="+2"><font color="gold">متن بزرگ و طلایی</font></font>

متن بزرگ و طلایی

همچنین می توانید از شناسه های size و color در یک تگ <font> استفاده کنید. مانند زیر:

<font size="+2" color="gold">متن بزرگ و طلایی</font>

 متن بزرگ و طلایی

شما می توانید رنگ فونت را در تگ body تعریف کنید که بعداً به آن می پردازیم.

نظر یادتون نره؟

دوشنبه 14/8/1386 - 5:31
آموزش و تحقيقات

نوشتن سر فصلها و پاراگراف در HTML

  • از تگهای سر فصل (HEADING) برای تیتر و عنوان مطالب استفاده می شود. به این مثالها توجه کنید:

<h1>سرفصل بزرگ</h1>

سرفصل بزرگ

<h2>سرفصل 2</h2>

سرفصل 2

<h3>سرفصل 3</h3>

سرفصل 3

<h4>در حال کوچک شدن</h4>

در حال کوچک شدن

<h5>کوچکتر</h5>
کوچکتر
<h6>بسیار کوچک</h6>
بسیار کوچک

از دستورات بالا می توانید برای عنوان مطالب استفاده کنید.

  • وقتی که تگ <br> در متنی وارد می شود بقیه آن خط به خط بعد منتقل می شود. در حقیقت تگ <br> یا همان Line Break کاری مشابه فشردن کلید Enter به همراه Shift را انجام می دهد. قابل ذکر است که این تگ نیازی به تگ پایانی ندارد. به یک مثال توجه کنید:

This is the first line <br> Here is the second line

نتیجه مثال بالا به اینگونه است:

This is the first line
Here is the second line

مرورگر اصولاً تا وقتی که به کمبود فضا برای یک خط بر نخورد به خط بعدی نمی رود. اما تگ <br> مرورگر را مجبور می کند به خط بعدی برود.مثلاً متن زیر را در ویرایشگر متن خود بنویسید و به صورت html ذخیره کنید، فقط یک خط را در مرورگر خود خواهید دید:

من،
یک خط
جدید می خواهم

نتیجه به این صورت خواهد بود:

من، یک خط جدید می خواهم

برای اینکه نتیجه ای مشابه متن نوشته شده در ویرایشگر متن داشته باشیم، باید متن را به این صورت بنویسیم:

من،<br>
یک خط<br>
جدید می خواهم

این هم نتیجه:

من،

یک خط

جدید می خواهم

  • <p> تگ پاراگراف است. این تگ باعث ایجاد یک فضای خالی عمودی بین دو خط در دو پاراگراف می شود. درست مثل اینکه شما <br> را دو بار تایپ کنید.از این تگ در اول پاراگراف برای تمایز دو پاراگراف استفاده می شود. به مثال زیر توجه کنید:

خط اول از پاراگراف اول
<br>
خط دوم از پاراگراف اول
<p>
این هم پاراگراف جدید
</p>

و نتیجه به این صورت است:

خط اول از پاراگراف اول
خط دوم از پاراگراف اول

این هم پاراگراف جدید

تگ پاراگراف هم نیازی به تگ پایانی ندارد. اما شما می توانید برای فهم بهتر آنرا در متن خود به کار ببرید. مثلاً به این صورت:

<p>
پاراگراف اول
</p>
<p>
پاراگراف دوم<br>
ادامه پاراگراف دوم
</p>

این متن همان نتیجه ای را دارد که متن زیر دارد:

<p> پاراگراف اول</p>
<p>
پاراگراف دوم<br>
ادامه پاراگراف دوم
</p>

این هم نتیجه هر دو متن بالا:

پاراگراف اول

پاراگراف دوم
ادامه پاراگراف دوم

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

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

نظر یادتون نره؟

دوشنبه 14/8/1386 - 5:31
آموزش و تحقيقات

نوشتن متن ها به صورت ضخیم، مورب، زیر خط دار و خط خورده

در این درس به کار با متنها می پردازیم. ابتدا با این تگ شروع می کنیم:

1-    <B> این تگ باعث می شود کلماتی که بین این تگ و تگ پایانی آن قرار دارند به صورت پر رنگ و بولد (Bold) دیده شوند. به مثال زیر توجه کنید:

<b>متنی که اینجا قرار بگیرد به صورت بولد نمایش داده می شود</b>

مثال بالا به صورت زیر دیده می شود:

متنی که اینجا قرار بگیرد به صورت بولد نمایش داده می شود

بیایید با تگهای دیگری ادامه دهیم:


2-    زیرخط (Underline):

<u>این متن با زیر خط مشاهده می شود</u>

این هم نتیجه:

این متن با زیر خط مشاهده می شود


3-    حروف کج (Italic):

<i>این متن به صورت مورب دیده می شود</i>

و نتیجه به این صورت است:

این متن به صورت مورب دیده می شود


4-    حروف خط خورده:

<strike>این متن به صورت خط خورده دیده می شود</strike>

متن در مرورگر به این صورت دیده می شود:

این متن به صورت خط خورده دیده می شود


5-    وسط چین:

<center>این متن در وسط خط نوشته می شود</center>

نتیجه کد:

این متن در وسط خط نوشته می شود


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

با این مثال توجه کنید:

<b><i>این متن به صورت کج و پر رنگ دیده می شود</i></b>

نتیجه هم به این صورت دیده می شود:

این متن به صورت کج و پر رنگ دیده می شود

آیا ترتیب قرار گرفتن تگهای پایانی مهم است؟ در پاسخ باید گفت در مثال بالا خیر، اما مواردی وجود دارد که ترتیب قرار گرفتن تگها مهم است مثلاً قرار گرفتن تگ پایانی <HTML/> قبل از <BODY/> اشتباه است. شما با تمرین و تجربه می توانید این نکته را فرا بگیرید. شما می توانید برای جلو گیر از اشتباه HTML را به صورت زیر بنویسید:

<b>
       <i>
            این متن به صورت پر رنگ و کج دیده می شود
        </i>
</b>

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

مثال زیر را در نظر داشته باشید:

<b><i><u>این متن پر رنگ، کج و دارای زیرخط است</u></i></b>

این نتیجه را به ما می دهد:

این متن پر رنگ، کج و دارای زیرخط است

اما این یکی:

<u><i><b>این متن پر رنگ، کج و دارای</b></i>زیرخط است</u>

این نتیجه را به ما می دهد:

این متن پر رنگ، کج و دارایزیرخط است

همان طور که دیدید متن بولد و ایتالیک زودتر از متن زیرخط دار به پایان رسید و این به این دلیل است که تگهای پایانی بولد (<B/>)و ایتالیک (<I/>) زود تر نوشته شدند و انتهای متن فقط توسط تگ زیرخط (<U/>) تحت تأثیر قرار دارد.

متنها به صورت پیش فرض در سمت چپ صفحه به نمایش در می آیند. اما با استفاده از <CENTER> می توان آنها را در وسط صفحه به نمایش در آورد. این تگ را هم می توان با دیگر تگها ترکیب کرد و نتایج جابی گرفت. به مثال زیر توجه کنید:

<center><b><i>به این مثال توجه کنید</i></b></center>

و این هم نتیجه آن:

به این مثال توجه کنید

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

نظر یادتون نره؟

دوشنبه 14/8/1386 - 5:30
آموزش و تحقيقات

اصول نوشتن صفحات HTML

در اینجا می خواهیم به ساختار شناسه ها یا همان تگها (tag) در HTML بپردازیم. یک تگ همیشه با علامت کوچکتر ریاضی یعنی این علامت > آغاز می شود و با علامت بزرگتر < به پایان می رسد. مثلاً تگی که باعث ایجاد زیرخط کلمات می شود اینطور نوشته می شود: <U> این علامت را قبل از متنی که می خواهیم زیر آن خط کشیده شود قرار می دهیم. به این تگ ، تگ ابتدایی (Opening tag) می گویند، که عملیاتی را که شما می خواهید آغاز کنید شروع می کند. به منظور پایان دادن به زیرخط باید از یک تگ پایانی استفاده کنید. یک تگ پایانی با این علامت شروع می شود: />  بقیه تگ مانند تگ ابتدایی می باشد. برای درک بهتر این مطلب به مثال زیر توجه کنید:

Tags and their position

اگر بخواهید متن بالا را با زیرخط در مرورگر خود ببینید باید آنرا مطابق خط روبرو در ویرایشگر متن خود بنویسید:

<u>tags and their position</u>

نتیجه را به این صورت می بینید:

Tags and their position

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

<img src="myimage.gif">

البته بعداً در مورد این تگ توضیح خواهیم داد در اینجا فقط برای مثال این تگ را آوردیم. موارد دیگری هم با این وضعیت وجود دارند مثلاً <br> که برای رفتن به خط بعدی استفاده می شود، <hr> که برای ایجاد یک خط افقی به کار می رود و <p> که برای رفتن به پاراگراف بعدی استفاده می شود.

در ضمن نیاز نیست که حتماً تگها با حروف بزرگ نوشته شوند. مثلاً <P> همان <p> است. البته در نسخه های جدیدتر HTML توصیه می شود کدهای HTML با حروف کوچک نوشته در XHTML هم نوشتن کدها با حروف کوچک الزامی است. فضای خالی هم بین تگها تأثیری ندارد. مثلاً :

<u>         متن زیرخط دار          </u>

کد بالا همان نتیجه ای را می دهد که کد زیر دارد:

<u>متن زیرخط دار</U>

به این طریق هم اگر نوشته شود فرقی نمی کند:

<u>
متن زیرخط دار
</u>

قالب پایه ای یک فایل HTML مانند زیر است. ببینید می توانید کاری را که تگهای این کد انجام می دهند حدس بزنید؟ البته همه آنها را بعداً توضیح می دهیم.

 

<html>
<head>
<title>html قالب اصلی</title>
</head>
<body>
هر چیزی که اینجا قرار گیرد در صفحه شما قابل دیدن است
</body>
</html>

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

تگ بعدی <head> است. این تگ مشخص کننده بخشی است که شما باید عنوان صفحه، کلمات کلیدی، و دیگر توضیحات خود برای این صفحه را در آن قرار دهید. این بخش با <head/> به پایان می رسد. در مثال بالا تنها قسمت HEAD عنوان صفحه بود که با TITLE مشخص می شود.

تگ <title> به شما اجازه می دهد برای صفحه خود یک عنوان برگزینید. این قسمت مورد استفاده موتورهای جستجو قرار می گیرد و همان متنی است که به هنگام مشاهده صفحه در نوار عنوان مرورگر نشان داده می شود. تا هنگامی که این تگ در قسمت BODY قرار نگیرد در متن شما نشان داده نمی شود. برای پایان دادن به تگ عنوان از این تگ استفاده می شود: <title/> در مثال بالا عنوانی که برای صفحه نشان داده می شود قالب اصلی HTML است.

تگ <body> بخشی را آغاز می کند که در صفحه مرورگر شما به نمایش در می آید. این قسمت جایی است که ما باید کار اصلی خود را در آن انجام دهیم. برای پایان دادن به این تگ از <body/> استفاده می کنیم. در مثال بالا متنی که در صفحه مرورگر دیده می شود به صورت زیر است (البته در اینجا برای نوشته زیر رنگ و فونت نیز انتخاب شده که در قسمتهای بعد به آنها خواهیم پرداخت) :

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

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

در درس بعد در مورد چگونگی کار کردن با متنها بحث می کنیم.

نظر یادتون نره؟

دوشنبه 14/8/1386 - 5:28
آموزش و تحقيقات

آموزش HTML

آنچه که قبل از یادگیری HTML لازم است بدانید:

برای شروع کار با HTML شما به چیزهایی نیاز دارید که در لیست زیر آمده است:

  1. شما به یک ویرایشگر متن نیاز دارید. در ویندوز شما می توانید از برنامه Notepad استفاده کنید. از هر نرم افزار ویرایش متن دیگری استفاده کنید اما این نکته را در نظر داشته باشید که نرم افزار WordPad که در ویندوز وجود دارد و نرم افزارهایی مانند Microsoft Office Word و امثال آن برای نوشتن کدهای HTML مناسب نیستند چون در هنگام ذخیره کردن متن این نرم افزارها کدهایی را به آن اضافه می کنند.
    نرم افزار Notepad را می توانید از طریق منوی استارت در قسمت Accessories پیدا کنید یا از طریق فرمان Run با تایپ notepad در کادر Open و فشار دادن دکمه Enter.
  2. شما به یک مرورگر وب به انتخاب خود نیاز دارید. می توانید از Microsoft Internet Explorer استفاده کنید که با ویندوز نصب می شود یا از Opera, Mozilla Firefox و نرم افزارهای مشابه که اغلب به صورت رایگان برای دانلود در اینترنت وجود دارند.
    بهتر است صفحاتی را که می نویسید با چند مرورگر آزمایش کنید. زیرا در HTML قسمتهایی وجود دارد که مختص به یک مرورگر خاص است و با سایر مرورگرها کار نمی کند.
  3. شما به جایی برای ذخیره کردن متن خود دارید که می تواند جایی روی هارد دیسک شما، یک فلاپی دیسک یا یک سرور باشد. البته شما برای استفاده از HTML نیاز ندارید حتماً به اینترنت متصل باشید، شما می توانید با استفاده از یک مرورگر وب در کامپیوتر خود از HTML استفاده کنید.
    برای ذخیره کردن فایلی که با Notepad نوشته اید کافی است از منوی File گزینه Save As را انتخاب کرده و مسیری را برای ذخیره فایل انتخاب کنید و در کادر File Name در پایین پنجره Save As نام فایل را با پسوند html بنویسید. در آخر هم دکمه Save را کلیک کنید.
  4. نظر یادتون نره؟ 
دوشنبه 14/8/1386 - 5:26
آموزش و تحقيقات

HTML مخفف "HyperText Markup Language" است. HTML زبانی است که از آن برای نوشتن صفحات وب ایستا (استاتیک) استفاده می شود. این زبان برای مشخص کردن عناصر مختلف صفحه از یک سری تگ (برچسب) استفاده می شود. برای مثال برای اینکه یک تصویر را وارد صفحه کنیم از برچسب <img> استفاده می کنیم و برای مشخص کردن یک پاراگراف متن مورد نظر خود را بین تگ <p> و <p/> قرار می دهیم. بدین وسیله مرورگر اینترنت می تواند عناصر مختلف صفحه را شناسایی کند و آنها را نمایش دهد. مرورگرهای اینترنت کدهای HTML را دریافت می کنند و پس از تفسیر آنها را به صورت یک صفحه وب به نمایش در می آورند.

نوشتن صفحات HTML لزوماً به برنامه خاصی احتیاج ندارد. حتی با استفاده از NotePad در ویندوز هم می توانید صفحات مورد نظر خود را طراحی کنید. صرف نظر از برنامه ای که از آن برای طراحی صفحات خود کمک می گیرید آشنایی شما با HTML می تواند تا حد بسیار زیادی در کیفیت صفحات تأثیر بگذارد.

دوشنبه 14/8/1386 - 5:25
دعا و زیارت
روزى پيغمبر اكرم (ص ) در وقت بين الطلوعين سراغ اصحاب صفه رفت پيامبر، زياد سراغ اصحاب صفه مى رفت . در اين ميان ، چشمش به جوانى افتاد. ديد اين جوان يك حالت غير عادى دارد: دارد تلوتلو مى خورد، چشمهايش به كاسه سر فرو رفته است و رنگش ، رنگ عادى نيست . جلو رفت و فرمود: كيف اصبحت چگونه صبح كرده اى ؟ عرض كرد اصبحت موقنا يا رسول الله در حالى صبح كرده ام كه اهل يقينم ؛ يعنى آنچه تو با زبان خودت از راه گوش به ما گفته اى ، من اكنون از راه بصيرت مى بينم . پيغمبر مى خواست يك مقدار حرف از او بكشد، فرمود: هر چيزى علامتى دارد، تو كه ادعا مى كنى اهل يقين هستى ، علامت يقين تو چيست ؟ ما علامه يقينك ؟ عرض ‍ كرد: ان يقينى يا رسول الله هو الذى احزننى و اسهر ليلى و اظما هو اجرى ، علامت يقين من اين است كه روزها مرا تشنه مى دارد و شبها مرا بى خواب ؛ يعنى اين روزه هاى روز و شب زنده داريها، علامت يقين است . يقين من نمى گذارد كه شب سر به بستر بگذارم ؛ يقين من نمى گذارد كه حتى يك روز مفطر باشم . فرمود: اين كافى نيست . بيش از اين بگو، علامت بيشترى از تو مى خواهم . عرض كرد: يا رسول الله ! الان كه در اين دنيا هستم ؛ درست مثل اين است كه آن دنيا را مى بينم و صداهاى آنجا را مى شنوم ؛ صداى اهل بهشت را از بهشت و صداى اهل جهنم را از جهنم مى شنوم . يا رسول الله ! اگر به من اجازه دهى ، اصحاب را الان يك يك معرفى كنم كه كدام يك بهشتى و كدام جهنمى اند. فرمود: سكوت ! ديگر حرف نزن .
گفت پيغمبر صحابى زيد را
كيف اصبحت اى رفيق با صفا
گفت عبدا موقنا باز اوش گفت
كو نشان از باغ ايمان گر شكفت
گفت تشنه بوده ام من روزها
شب نخفتستم ز عشق و سوزها
گفت از اين ره كو، ره آوردى بيار
در خور فهم و عقول اين ديار
گفت خلقان چون ببينند آسمان
من ببينم عرش را با عرشيان
همين بگويم يا فرو بندم نفس
لب گزيدش مصطفى يعنى كه بس
بعد پيغمبر به او فرمود: جوان ! آرزويت چيست ؟ چه آرزويى دارى ؟ عرض ‍ كرد: يا رسول الله ! شهادت در راه خدا. (3)
آن ، عبادتش و اين هم آرزويش ؛ آن شبش و اين هم روز و آرزويش . اين مى شود مؤ من اسلام ، مى شود انسان اسلام ؛ همانكه داراى هر دو درد است ، ولى درد دومش را از درد اولش دارد؛ آن درد خدايى است كه اين درد دوم را در ايجاد كرده است (4)
دوشنبه 14/8/1386 - 5:23
آموزش و تحقيقات

ترفند های ویندوز


{تبدیل یک  پوشه به یک درایو}
اگر به پوشه ای خیلی علاقه دارید ویا به هر دلیلی دیگر می خواهید آن را به یک درایو تبدیل کنید تا سریعا˝ در my computer به آن دسترسی داشته باشید:
1.از منوی Start فرمان Run را اجرا کنید.
2.در پنجره ظاهر شده عبارت cmd را تایپ کنید و ok را بزنید.
3.در پنجره ظاهر شده که محیط dos می باشد عبارت زیر را به صورت دقیق تایپ نمایید:
"آدرس و نام شاخه" یک فاصله{Space }:نام درایو یک فاصله   Subst
مثال:شاخه E:\new با نام درایو m نشان داده شود: ==>  subst  m:  "E:\new"
**+نکته+**
فقط یادتون باشد مسیر را داخل "     "  قرار دهید و نام درایوی که انتخاب می کنید با نام درایوهای my computer یکی نباشد.
جهت حذف نمایش درایوی که ساخته اید در همان محیطی که آن را ایجاد کرده اید دستور زیر را بنویسید:
            /d    یک فاصله  :نام درایو   یک فاصله Subst
مثال:
حذف شاخه ای که با نام درایو m نشان داده شده است :==>  /d    m:    subst


مشاهده تمام اطلاعات ویندوز با تایپ یک عبارت
اگر می خواهید تمام اطلاعات ویندوزتان را تنها با تایپ یک عبارت مشاهده کنید پس بشتابید:
1.از منوی Start فرمان Run را اجرا کرده و در خط فرمان آن این فرمان را تایپ کنید :
Netsh    diag     gui   البته با یک فاصله بین هر حرفی که جدا شده در اینجا می بینید و با حروف بزرگ تایپ شود.
2.با زدن ok پنجره ای باز میشود که بر روی گزینه >scan you system   کلیک می کنیم سپس چند لحظه صبر می کنیم.
خواهید دید که تمامی اطلاعات سیستم ویندوز برای شما نمایش داده می شود.با کلیک بر روی گزینه save to file… می توان این اطلاعات را در قالب یک فایل html ذخیره نموده و برای آن به آدرس زیر بروید:
C:\WINDOWS\pchealth\helpctr\System\NetDiag


تغییر نام دسته جمعی فایل ها
اگر خواستید تعدادی از فایلها و شاخه ها را در یک لحظه و همزمان تغییر نام دهید:
1.فایل هایی را که می خواهید تغییر نام دهید انتخاب کنید.
2.بر روی یکی از فایلها کلیک راست کرده و از منوی ظاهر شده گزینه  Rename را انتخاب نمایید.
3.نام دلخواه خود را تایپ کنید و در فضای خالی کلیک کنید.
مشاهده خواهید کردکه ویندوزبصورت اتوماتیک و به ترتیب بعد از نام تایپ شده در داخل پرانتز از شماره یک شروع به شماره گذاری می کند.


بستن خودکار تمام پنجره های باز
برای بستن تمام پنجره ها با یکدیگر دو روش وجود دارد:
1.هنگام بستن یک پنجره کلید shift را پایین نگه دارید.
2.همزمان کلید های Alt+Shift+F4 را بگیرید.



 

ساختن شاخه و فایل بدون نام(روش اول)
برای ساختن شاخه و فایل بدون نام ابتدا:
1.بعد از انتخاب فایل یا پوشه مورد نظر کلیک راست نموده و گزینه Rename را انتخاب کنید.
2.حال بجای دادن نام کلید Alt را یایین نگه دارید و عدد 255  را تایپ کنید.
3.ر یک فضای بیرون از کادر کلیک کنید یا Enter از صفحه کلید را بزنید  تا بدون اسم شود.


ساخت شاخه و فایل بدون نام (روش دوم)
1.بعد از انتخاب فایل یا پوشه روی پوشه کلیک راست نموده و گزینه Rename را انتخاب کنید.
2.حال به جای نام کلید Alt را پایین نگه داشته و عدد 0160 را تایپ کرده و سپس کلید Alt را رها کنید.
3.در نقطه خالی بیون از پوشه یا فایل کلیک کرده تا نام فایل بدون اسم شود.


با موس تایپ کنید
اگر نمی خواهید ویا نمی توانید با صفحه کلید تایپ کنید وبا موس بد جوری عادت کرده اید:
1.از منوی Start گزینه Run را کلیک کنید و فرمان osk را تایپ کنید و Enter را بزنید.
2.حال با صفحه کلید مجازی ویندوز تایپ کنید.


عکس گرفتن از فیلم با نرم افزار windows media player
از فیلم در حال پخش یا متوقف شده میتوان عکس گرفت برای ایکار ابتدا:
1.در هنگام پخش کلید ترکیبی Ctrl +I را بزنید.
2.با دادن نام وآدرس دلخواه از صحنه در حال پخش عکس بگیرید.



 

دیدن پسوند فایل ها عجیب و غریب در کامپیوترتان
برای شما هم حتما˝ اتفاق افتاده که یک فایل با پسوندی عجیب و غریب و نا شناخته برای خود  سیستمتان برخورد کرده اید و نمی دانید که با کدام نر افزار باز می شود.برای اطلاع از نرم افزار مربوط به پسوند خاص:
1.از منوی Start گزینه Run را زده و فرمان Regedit را تایپ کنید و ok را بزنید تا وارد ریجیستری شوید.
2.در قسمت ظاهر شده بر روی گزینه HKEY_CLASSES_ROOT کلیک کنید.
3.حال کافی است بر روی پسوند هایی که مشاهده می کنید یک بار کلیک کنید و در پنجرهٔ سمت راست نرم افزار مربوط به آن را مشاهده بفرمایید.


نمایش تصویر قبل از راه اندازی ویندوز
شما می توانید در ویندوز xp هنگامی که ویندوز راه اندازی می شود تصویری را به صورت دلخواه قرار دهید و آن را مشاهده کنید.برای اینکار:
1.از منوی Start گزینه Run را زده و فرمان Regedit راتایپ کنید وOk را بزنید تا وارد رجیستری شوید.
2.مسیر زیر را پیدا کنید:
HKEY_USERS\.DEFAULT\CONTROL PANEL\DESKTOP
3.حال در سمت راست به دنبل آیکن Wallpaper بگردید و بعد از پیدا کردن آن دو باربر روی آن کلیک  کرده و بعد به جای مقدار آدرس تصویر را در کامپیوتر خودتان ذکر کنید تا به نتیجه برسید.
مثال:مسیر به صورت کامل باشد مثل این        e:\galory\my picture\1.jpg
*++نکته++*
فقط دقت کنید که پسوند تصویر Bmp باشد.


در کنار ساعت خود متن دلخواه خود را بنویسید
در کنار ساعت خود در پایین نوار ابزار می توانید متن دلخواه خود را قرار دهید.برای اینکا ابتدا:
1.از منوی Start گزینه Run را زده و فرمان Regedit را تایپ کرده OK را بزنید تا وارد رجیستری شوید.
2.آدرس زیر را به دقت دنبال کنید:
HEKY_CURRENT_USER\Control panel\International
3.در پنجره سمت راست به دنبال آیکن S1159 برای صبح ها و S2359 برای بعدازظهرها در هر کدام نوشته دلخواه خود را بنویسید.


 

تغییر نام سطل بازیافت (Recycle bin )
1.از منوی Start گزینه Run را زده و فرمان Regedit راتایپ کرده وOk را بزنید تا وارد ریجیستری شوید.
2.کلید F3 را بزنید و در قسمت find what عبارت Recycle bin را تایپ کنید و find next را بزنید تا گزینهٔ @c:\windows\... راپیدا کنید.(بعد از وارد کردن وپیدا نشدن f3 را مجدد بفشاری تا این گزینه پیدا شود.)
3.بعد از پیدا کردن این گزینه بر روی آن دو بار کلیک کنید تا باز شود و در پنجره ظاهر شده نام دلخواه خود را بنویسید.


تغییر نام پنجرهٔ   Control Panel
یکی از پنجره های مفید و کارا پنجره معروف کنترل پنل است که به طور معمول امکان تغییر نام آنها وجود ندارد.برای اینکار:
1.از منوی start گزینه Run را زده و فرمان Regedit   را تایپ کنید و ok را بزنید تا وارد رجیستری شوید.
2.در این قسمت از منوی Edit زیر منوی Find… را انتخاب کرده و عبارت زیر را پیدا کنید:
{21EC2020-3AEA-1069-A2DD-08002B30309D}
3.آنقدر F3را بزنید تا پوشه ای پیدا کنید که در سمت راست یک یا دو گزینه دارد.در این قسمت بر روی         Reg_sz  (Default )   دو بار کلیک کنید و نام دلخواه خود را بدهید (پنجره دسترسی به گزینه ها) و روی ok  کلی کنید تا ثبت شود.


جا به جا کردن پوشه my document
1.بر روی پوشه my document کلیک راست کرده و properties را انتخاب کنید.
2.در زبانه target کلید move را بزنید.
3.حال مسیر جدید و پوشهٔ مورد نظر ا انتخاب کنید.


اینهمه مطلب قرار دادم تا ببینم چقدر نظر میدی
يکشنبه 13/8/1386 - 17:49
مورد توجه ترین های هفته اخیر
فعالترین ها در ماه گذشته
(0)فعالان 24 ساعت گذشته