Technology & Science of Yazd Javadol-a-emeh University
تاريخ : ۱۸ مهر ۱۳۹۴ | ۱۱:۴۴:۳۳ | نویسنده : حميد

طراحي وب را اگر درست و اصولي شروع كنيد، مي‌توانيد طي مدت كوتاهي با تلاش و پشتكار و انگيزه، تبديل به طراح وب شويد. پس اگر جزو افراد علاقمند به يادگيري هستيد و اطلاعاتي در اين زمينه نداريد يا تازه شروع كرده‌ايد،  زوميت براي شما زوميتي‌هاي عزيز  قصد دارد، آموزشي كامل و قدم به قدم و در عين حال ساده ارائه دهد. اميدواريم اين آموزش‌‌ها، بتواند به شما در فراگيري اصول اوليه طراحي وب ياري رساند. 

نمونه

<h1>اين اولين عنوان صفحه اچ تي ام ال شماست

<p>اين اولين پاراگراف اچ تي ام ال صفحه شماست>

نتيجه‌اي كه مرورگر نمايش خواهد داد

اين اولين عنوان صفحه اچ تي ام ال شماست

اين اولين پاراگراف اچ تي ام ال صفحه شماست

اچ‌تي‌ام‌ال يا Hyper Text Markup Language نام زبان نشانه گذاري است كه به شما در ايجاد صفحات وب كمك مي‌كند. در واقع هر آنچه در مرورگر اينترنت به نمايش در مي‌ايد نتيجه اين زبان است. خوشبختانه اچ‌تي‌ام‌ال زبان ساده‌اي است و يادگيري آن به معناي واقعي كلمه شيرين است. 

ساخت يك سند HTML

ايجاد يك فايل اچ تي ام ال از آب خوردن نيز آسان‌تر  است. براي ايجاد فايل‌هاي اچ تي ام ال نه به برنامه خاصي نياز داريد و نه به سيستم عامل بخصوصي. در واقع شما فايل‌هاي اچ‌تي‌ام‌ال را مي‌توانيد حتي به كمك نرم‌افزار نوت پد NotePad ويندوز نيز ايجاد كنيد. با اين وجود توصيه مي‌كنيم براي راحت‌تر نوشتن كدها و همچنين فهم بهتر مطالب از نرم افزارهاي ويرايش متن رايگان همچون ++Notepad يا Sublime Text استفاده كنيد. 

ما در اين آموزش، به شما نحوه ايجاد يك فايل اچ تي ام ال را در برنامه ويرايش متن پيش فرض ويندوز، يعني نوت پد Notepad آموزش مي‌دهيم.

مرحله اول: در نسخه‌هاي قبل از ويندوز 8، بر روي دكمه Start ويندوز كليك كنيد. سپس از بخش All Programs وارد بخش Accessories شويد و از آنجا برنامه Notepad را اجرا كنيد. در ويندوز 8 يا نسخه‌هاي جديدتر نيز منوي استارت (گوشه سمت چپ صفحه) را كليك كرده و كلمه Notepad را تايپ كنيد تا برنامه در ليست روبرويتان قرار گيرد. حالا متن كدها را در فايل متني كه باز كرده‌ايم وارد مي‌كنيم. در حال حاضر چون متني را نمي‌دانيم هر چه دوست داريد در آن بنويسيد و به مرحله بعدي برويد.

مرحله دوم: حالا وقت ذخيره فايل در قالب صفحه اچ تي ام ال است. براي اين كار از منوي file در نرم افزار NotePad گزينه save As را انتخاب كنيد. فايلتان را به نام دلخواه مثلا zoomit.Html تغيير دهيد. توجه داشته باشيد كه حتما پسوند html. را بعد از نام دلخواهتان قرار دهيد تا فرمت متن به يك سند اچ تي ام ال تبديل شود.

مرحله سوم:‌ در اين قسمت يك گزينه كشويي به نام encoding ديده مي‌شود كه بهتر است آن را روي UTF-8 قرار دهيد. 

مرحله پاياني: حالا فايلتان را در جايي كه دوست داريد ذخيره كنيد. با كليك بر روي آن خواهيد ديد كه فايل در مرورگر وب پيش فرض شما باز خواهد شد و همه چيز آماده شروع كد نويسي به زبان HTML است. 

zoomit

 تگ‌ها (Tag):

نمونه

من تگ عنوان هستم و با اندازه بزرگ در مرورگر نمايش داده خواهم شد

من تگ پاراگراف هستم و براي نمايش متن در مرورگر استفاده خواهم شد

نتيجه‌اي كه مرورگر نمايش خواهد داد

من تگ عنوان هستم و با اندازه بزرگ در مرورگر نمايش داده خواهم شد

من تگ پاراگراف هستم و براي نمايش متن در مرورگر استفاده خواهم شد

خب اگر صفحه اچ تي ام ال بالا را نگاه كنيد، مشاهده مي‌كنيد كه تمامي كلمات ما در بين دو علامت <> قرار مي‌گيرند. ما به اين علامت و كلمه بين آن‌ها, اصطلاحا تگ اچ تي ام ال يا گاهي المان اچ تي ام ال مي‌گوييم. به مثال زير توجه كنيد تا منظورمان را بهتر متوجه شويد:

 <اسم تگ> متن يا هر چيز ديگر<اسم تگ به همراه علامت اسلش(/)>

content

به تگ اول opening tag و به تگ دوم Closing tag مي‌گوييم. شما هر چه دوست داريد خطابشان كنيد.

  • نمونه يك تگ باز كننده (همان فارسي openning tag است): 
  • نمونه يك تگ تمام كننده (معادل فارسي closing tag است): 

قالب تگ‌هاي HTML به صورت بالا تعريف مي‌شوند. يعني در ابتدا نام تگي كه قصد استفاده از آن را داريم,در بين < > مي‌نويسيم، سپس محتوايي كه مي‌خواهيم نمايش دهيم را بين دو تگ ابتدايي و انتهايي نوشته  و در آخر المان را با علامت اسلش /  تمام مي‌كنيم. 

همه صفحات اچ تي ام ال و محتويات آن ها به اين شكل نوشته مي شوند. در واقع در طراحي صفحات وب، المان‌هاي صفحه نمي‌توانند به صورت دلخواه و در جاي دلخواهشان نوشته شوند و هر چيز بايد در تگ مربوط به خودش نوشته شود.

همچنين خيلي مهم است كه حتما به بسته شدن و باز شدن تگ‌هايتان دقت داشته باشيد. اگر به موقع تگ‌هايتان را تمام نكنيد ممكن است اچ تي ام ال هر تگ را تا انتهاي صفحه نمايش دهد يا ترتيب آن‌ها را رعايت نكند.

نمونه يك تگ پاراگراف:

 

عنوان اول

عنوان كوچكتر

 پاراگراف اول

همانطور كه مي‌بينيد در اين مثال‌ها ما در ابتدا حرف اول تگي كه قرار است استفاده نماييم را بين دو علامت < > مي‌نويسيم. (در جلسات آينده با اين حروف آشنا خواهيد شد و در اين جلسه فقط نحوه استفاده از آن‌ها را فراخواهيد گرفت).  سپس در سمت راست، همان تگ را با علامت / تكرار مي‌كنيم. در بين دو تگ باز شده و بسته شده نيز محتواي مورد نظرمان را يادداشت مي‌كنيم. 

 حالا كه با پايه كدنويسي در اچ تي ام ال يعني نوشتن تگ آشنا شديم, نوبت آن رسيده است تا وارد نوشتن اولين صفحه اچ تي ام ال شويد. 

يك صفحه ساده:

<title>  يادگيري اچ تي ام ال با زوميت

 من تگ عنوان هستم 

 من تگ پاراگراف (متن) هستم  

 اولين جمله هر سند اچ‌تي‌ام‌ال است. اين بخش در واقع به همه بيان مي‌كند كه ما در حال ايجاد يك صفحه HTML هستيم. پس  اولين كاري كه انجام مي‌دهيم، آن است كه همين كلمه را در ابتداي سند مي‌نويسيم. اگر نگاهي به صفحه ساده‌اي كه برايتان مثال زديم نيز بيندازيد, در خط اول كلمه  را مي‌بينيد. پس بخاطر داشته باشيد كه ما هميشه آن را در اولين خط از كدهايمان قرار مي‌دهيم.

دومين ركن اصلي هر صفحه HTML، همان و است كه براي شروع نوشتن زبان اچ تي ام ال از آن استفاده مي‌كنيم. پس در قدم بعدي و بعد از  آن را مي‌نويسيم. همه محتويات يك صفحه اچ تي ام ال را از اين به بعد در بين اين دو تگ نوشته مي‌شود.

بين دو  و  تگ‌هاي جديدي با اسم  و  قرار مي‌گيرند. به اين عمل, يعني قرار دادن يك تگ در دل تگ ديگر, nest مي‌گويند.  تگ  و   در برگيرنده اطلاعات ابتدايي را در رابطه با صفحه اچ‌تي‌ام‌ال است. مثلا مي‌گويد نويسنده اين صفحه چه كسي است يا توضيحاتي در رابطه با خود سايت ارائه مي‌كند. معمولا چيزهايي كه در اين بخش گفته مي‌شود به صورت مستقيم در سايت شما نمايش داده نمي‌شوند.

حروف فارسي در وب:

يكي از كدهاي مهمي كه در اين بخش قرار ميگيرد، <"meta charset="UTF-8>  است. اين كد در واقع با انكود صفحه مطابق با استانداردي است كه براي نوشتن حروف فارسي ضروري است. پس اگر قصد نوشتن فارسي در صفحات داريد، حتما از اين كد در بين تگ  و  استفاده كنيد. 

در بين دو تگ  و  علاوه بر كدهاي متا، تگ جديدي قرار مي گيرد كه عنوان صفحه شما خطاب مي‌شود.اين تگ همان </code> و <code><title/></code> است كه يك عنوان براي صفحه اچ‌تي‌ام‌ال شما معين مي‌كند و در نوار بالاي مرورگر به عنوان اسم صفحه نشان مي‌دهد. مثلا عنوان سايت ما "زوميت-دنياي فناوري" است. </span></span></p> <p><span style="font-family:comic sans ms,cursive"><span style="font-size:18px">حالا نوبت به نوشتن چيزهايي مي‌رسد كه قرار است در صفحه مرورگر مشاهده شوند. اينچنين چيزهايي كه ما به آن‌ها المان‌هاي اچ‌تي‌ام‌ال مي‌گوييم، در بين دو تگ <code><body></code> و <code><body/></code> قرار مي‌گيرند. در واقع هر چه كه در اين تگ نوشته شود, به طور مستقيم در صفحه اچ تي ام ال ديده مي‌شود چرا كه اين تگ  بدنه اصلي صفحه اچ‌تي‌ام‌ال را تشكيل مي‌دهد. بعد از تگ <body/> معمولا كد ديگري قرار نمي‌گيرد و صفحه تمام مي‌شود.</span></span></p> <p><span style="font-family:comic sans ms,cursive"><span style="font-size:18px">خب، تا به اينجاي كار با مفاهيم اوليه هر سند اچ تي ام ال آشنا شديم. حالا وقت آن است تا اولين صفحه اچ‌تي‌ام ال خود را ذخيره كنيد. ما در مثال زير آنچه را كه شما و ما در كنار يكديگر ساخته‌ايم را نشان داد‌‌ه‌ايم.</span></span></p> <p><span style="font-family:comic sans ms,cursive"><span style="font-size:18px"><strong>پيشنهاد زوميت:</strong> از آنجا كه تگ‌هايي كه در بالا با هم خوانده‌ايم، نقشي ثابت در صفحه اچ تي ام ال ايفا مي‌كنند، مي‌توانيد هميشه يك كپي از آن‌ها را در صفحات جديد بچسبانيد و تنها محتويات جديد را در بين تگ <code><html> </html></code> وارد كنيد.  همچنين اگر قصد نوشتن كلمات فارسي را داريد، حتما كد  <"meta charset="UTF-8>  را در بين تگ <code><head></code> و <code><head/> </code>قرار دهيد.</span></span></p> <p><span style="font-family:comic sans ms,cursive"><span style="font-size:18px">همه مواردي كه در بالا گفتيم را در قالب زير به شما نمايش داده‌ايم تا بهتر متوجه ترتيب آن‌ها شويد. همچنين توجه داشته باشيد كه تنها قسمتي كه در يك مرورگر ديده مي‌شود، بخش سفيد رنگ شكل زير است كه در برگيرنده محتويات تگ <code><body></body> </code>است.</span></span></p> <div style="margin: 0px; padding: 3px; border: 1px solid grey; width: 99%; background-color: rgb(221, 221, 221);"><span style="font-family:comic sans ms,cursive"><span style="font-size:18px"><html></span></span> <div style="margin: 20px; padding: 3px; border: 1px solid grey; width: 90%;"><span style="font-family:comic sans ms,cursive"><span style="font-size:18px"><head></span></span> <div style="margin: 20px; padding: 5px; border: 1px solid grey; width: 90%;"><span style="font-family:comic sans ms,cursive"><span style="font-size:18px"><title<span style="background-color:rgb(221, 221, 221)">/</span>>عنوان صفحه كه در نوار بالاي مرورگر نشان داده مي شود<title></span></span></div> <span style="font-family:comic sans ms,cursive"><span style="font-size:18px">< head<span style="background-color:rgb(221, 221, 221)">/</span>></span></span></div> <div style="margin: 20px; padding: 3px; border: 1px solid grey; width: 90%; background-color: rgb(255, 255, 255);"><span style="font-family:comic sans ms,cursive"><span style="font-size:18px"><body></span></span> <div style="margin: 20px; padding: 5px; border: 1px solid grey; width: 90%;"><span style="font-family:comic sans ms,cursive"><span style="font-size:18px"><span style="color:rgb(255, 0, 0)"><h1/></span>من عنوان صفحه اچ تي ام ال هستم<span style="color:rgb(255, 0, 0)"><h1></span></span></span></div> <div style="margin: 20px; padding: 5px; border: 1px solid grey; width: 90%;"><span style="font-family:comic sans ms,cursive"><span style="font-size:18px"><span style="color:rgb(255, 0, 0)"><p/></span>من يك پاراگراف متن هستم <span style="color:rgb(255, 0, 0)"><p></span></span></span></div> <div style="margin: 20px; padding: 5px; border: 1px solid grey; width: 90%;"><span style="font-family:comic sans ms,cursive"><span style="font-size:18px"><span style="color:rgb(255, 0, 0)"><p/></span>من هم يك پاراگراف ديگر هستم<span style="color:rgb(255, 0, 0)"><p></span></span></span></div> <span style="font-family:comic sans ms,cursive"><span style="font-size:18px">< body/></span></span></div> <span style="font-family:comic sans ms,cursive"><span style="font-size:18px">< html<span style="background-color:rgb(221, 221, 221)">/</span>></span></span></div> <p> </p> <p><span style="font-family:comic sans ms,cursive"><span style="font-size:18px">خب تا به اينجاي كار فكر مي‌كنيم كه براي شروع چيزهاي بسيار خوبي آموخته‌ايم. در قسمت بعدي شما را با انواع تگ‌ نوشتن متن, آشنا خواهيم كرد. اما قبل از آن, بد نيست اگر خلاصه‌اي از آموزشي كه در اين مقاله يادگرفته‌ايد را با هم مرور كنيم. </span></span></p> <h2><span style="font-family:comic sans ms,cursive"><span style="font-size:18px"> خلاصه جلسه اول:</span></span></h2> <p><span style="font-family:comic sans ms,cursive"><span style="font-size:18px">در اين قسمت چيزهايي كه يادگرفته‌ايم را به صورت كاملا خلاصه مرور مي‌كنيم.</span></span></p> <ul> <li><span style="font-family:comic sans ms,cursive"><span style="font-size:18px">در اولين قسمت از سري آموزش HTML  با نحوه ايجاد يك صفحه اچ‌تي‌ام ال آشنا شديد.</span></span></li> <li><span style="font-family:comic sans ms,cursive"><span style="font-size:18px">در ادامه با تگ‌ها و مفاهيم اوليه يك صفحه HTML آشنا شديد و الان مي‌دانيد كه در واقع تگ‌ها بدين صورت نوشته مي‌شوند:<tagname> content </tagname></span></span></li> <li><span style="font-family:comic sans ms,cursive"><span style="font-size:18px">يعني يك بار تگ ما باز مي‌شود و سپس دوباره بعد از آنكه كارمان تمام شد بسته مي‌شوند و محتواي مورد نظر نيز در بين تگ باز و بسته نوشته مي‌شود.</span></span></li> <li><span style="font-family:comic sans ms,cursive"><span style="font-size:18px">همچنين فهميديم كه در ابتداي هر صفحه اچ‌تي‌ام‌ال تگ‌هاي ثابت و مخصوصي وجود دارند كه مي‌گويند قصد ايجاد يك صفحه HTML داريم. اين تگ‌ها عبارتند از  <code><doctype HTML!></code> و <code><HTML></code> و <code><head></code> و  <code><title></code> و <code><Body></code>. اين تگ‌ها هميشه در صفحات قرار مي‌گيرند.<br /> براي نمايش صحيح حروف فارسي در صفحه، حتما كد  <"meta charset="UTF-8>  را در بين تگ <code><head></code> و <code><head/> </code>قرار دهيد.</span></span></li> </ul> <h2><span style="font-family:comic sans ms,cursive"><span style="font-size:18px">نوبت شما:</span></span></h2> <p><span style="font-family:comic sans ms,cursive"><span style="font-size:18px"> وقت آن رسيده  آنچه فرا گرفته‌ايد را در اديتور آنلاين زير امتحان كنيد. تنها كافيست با دست‌‍‌هاي خودتان كدهاي اچ‌تي‌ام‌ال را در كادر اول  نوشته و نتيجه آن را در كادر دوم به صورت زنده ببينيد. در ضمن نگران فراموش كردن نباشيد! آموزش‌هاي بالا هميشه در اختيار شما است.</span></span></p> <p><span style="font-family:comic sans ms,cursive"><span style="font-size:18px"><iframe height="600" scrolling="no" src="http://zoomit.ir/media/editorhtml/editor-zoomit.html" style="border: currentColor; margin-right: auto; margin-left: auto; display: block;" width="750"></iframe></span></span></p> <p><span style="font-family:comic sans ms,cursive"><span style="font-size:18px">در نهايت اميدواريم كه اولين بخش از آموزش اچ‌تي‌ام‌ال به سبك زوميت، موفق به انتقال مفاهيم اين زبان به شما زوميتي‌هاي عزيز شده باشد. تجربيات، پيشنهادات و همچنين ابراز محبت شما بدون شك نه تنها در ايجاد انرژي بيشتر در ما همراه خواهد بود, باعث بهبود سطح اين مقالات در آينده خواهد شد. پس با ما در ارتباط باشيد.</span></span></p> <br><br> </div></div> <div class=LowPost><div class=Comment><BlogComment><script type="text/javascript">GetBC(79946);</script></BlogComment><a href="javascript:void(0)" onClick="javascript:window.open('comment.php?postid=79946','comments','status=yes,scrollbars=no,toolbar=no,menubar=no,location=no ,width=500px,height=500px')">نظرات (<!-- #79946 -->0<!-- 79946# -->)</a></div></div> <div align="left"><script type="text/javascript" src="https://apis.google.com/js/plusone.js">{lang: 'fa'}</script><g:plusone href="http://yazd-uts.bigsite.ir/post-79946.html" size="big"></g:plusone></div><div align="center" dir="rtl" style="font-family:tahoma; font-size:8pt;"> <form method="post"> <style> #inps {font-family:Tahoma; font-size:8pt; direction:ltr; border:1px solid #ccc; padding:1px; padding-top:3px; padding-bottom:3px;} #inps:focus {border:1px solid #c10606; color:#c10606;} #txtComment {font-family:Tahoma; font-size:8pt; direction:ltr; border:1px solid #ccc; padding:1px; padding-top:3px; padding-bottom:3px;} #txtComment:focus {border:1px solid #c10606; color:#c10606;} </style> <table border="0" dir="rtl" cellpadding="2" cellspacing="1" style="font-family:Tahoma; font-size:8pt; background-color:#efefef; border-radius:3px; padding:5px;"> <tr> <td colspan="2" align="center" class="titr" style="background-color:#474747; color:#fff;">ارسال نظر</td> </tr> <tr> <td>نام : </td> <td><input type="text" name="name" size="30" dir="rtl" id="inps" style="direction:rtl;"></td> </tr> <tr> <td>ایمیل : </td> <td><input type="text" name="email" size="30" dir="ltr" id="inps"></td> </tr> <tr> <td>سایت : </td> <td><input type="text" name="site" size="30" dir="ltr" id="inps"></td> </tr> <tr> <td>پیام : </td> <td> <script> function insertSmiley(smiley) { smiley = "[:" + smiley + ":]"; var commentText = document.getElementById("txtComment"); var string1 = commentText.value; if (document.selection) { commentText.focus(commentText.caretPos); commentText.caretPos = document.selection.createRange().duplicate(); commentText.caretPos.text = smiley; } else { var before = commentText.value.substring(0, commentText.selectionStart); var after = commentText.value.substring(commentText.selectionEnd, commentText.value.length); commentText.value = before + smiley + after } var string2 = commentText.value; var position = compare(string1, string2) + smiley.length; setCursorPos(commentText, position); } </script> <div style="width:265px;"> <a href="javascript:void(0);" onclick="insertSmiley('S001')"><img src="smileys/001.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S002')"><img src="smileys/002.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S003')"><img src="smileys/003.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S004')"><img src="smileys/004.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S005')"><img src="smileys/005.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S006')"><img src="smileys/006.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S007')"><img src="smileys/007.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S008')"><img src="smileys/008.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S009')"><img src="smileys/009.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S010')"><img src="smileys/010.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S011')"><img src="smileys/011.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S012')"><img src="smileys/012.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S013')"><img src="smileys/013.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S014')"><img src="smileys/014.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S015')"><img src="smileys/015.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S016')"><img src="smileys/016.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S017')"><img src="smileys/017.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S018')"><img src="smileys/018.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S019')"><img src="smileys/019.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S020')"><img src="smileys/020.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S021')"><img src="smileys/021.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S022')"><img src="smileys/022.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S023')"><img src="smileys/023.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S024')"><img src="smileys/024.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S025')"><img src="smileys/025.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S026')"><img src="smileys/026.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S027')"><img src="smileys/027.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S028')"><img src="smileys/028.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S029')"><img src="smileys/029.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S030')"><img src="smileys/030.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S031')"><img src="smileys/031.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S032')"><img src="smileys/032.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S033')"><img src="smileys/033.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S034')"><img src="smileys/034.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S035')"><img src="smileys/035.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S036')"><img src="smileys/036.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S037')"><img src="smileys/037.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S038')"><img src="smileys/038.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S039')"><img src="smileys/039.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S040')"><img src="smileys/040.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S041')"><img src="smileys/041.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S042')"><img src="smileys/042.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S043')"><img src="smileys/043.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S044')"><img src="smileys/044.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S045')"><img src="smileys/045.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S046')"><img src="smileys/046.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S047')"><img src="smileys/047.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S048')"><img src="smileys/048.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S049')"><img src="smileys/049.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S050')"><img src="smileys/050.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S051')"><img src="smileys/051.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S052')"><img src="smileys/052.gif" alt="" border="0"></a> <a href="javascript:void(0);" onclick="insertSmiley('S053')"><img src="smileys/053.gif" alt="" border="0"></a> </div> <textarea name="pm" size="20" id="txtComment" style="width:260px; height:100px; direction:rtl;"></textarea> </td> </tr> <tr> <td>خصوصی : </td> <td><input type="checkbox" name="private" dir="ltr" id="inps"></td> </tr> <tr> <td>کد امنیتی : </td> <td><input type="text" name="capcha" size="15" dir="ltr" id="inps"> <img src="capcha.php"></td> </tr> <tr> <td colspan="2" align="center"><input type="submit" id="inps" style="border:1px solid #9a9898; padding:3px; padding-right:10px; padding-left:10px; border-radius:3px; background-color:#ccc; color:#000; cursor:pointer;" name="comen" value="ثبت"></td> </tr> </table> </form> </div><div align="center" style="font-size:8pt;"><PAGES>[ <a href="" target="_blank"></a> ]</PAGES></div> <style>.pging { direction:rtl; font-size:1.2em; height:30px; margin:40px 0 0; color:#677985; padding-bottom: 20px; text-align: center;} .pging a:link, .pging a:visited {border:1px solid #677985; display:inline-block; margin:0 3px; padding:1px 5px; text-decoration:none;} .pging a:hover, .pging a:active { color:#677985;}.pging a.current:link, .pging a.current:visited { background-color:#677985; border:1px solid #677985; color:red; cursor:text;}</style> <div class=pging> <font face="Tahoma" style="font-size: 9pt"> <a href=""><font color="#677985"> << </font></a>        <a href=""><font color="#677985">مطالب قدیمی‌تر >></font></a> <br></font></font><br></div> <div style="width:100%;text-align:center;font-size:8pt;color:#677985;height:30;"><br> <b><font size="1">.:</font></b> <a title="قالب وبلاگ" href="http://bigsite.ir" target="_blank"><font color="#677985"> Weblog Themes By <b>bigsite</b></font></a><b><font size="1">:.</font></b> </div></div> <div class=Sid> <div id=Sidebar> <BLOGABOUT><div class="TopSid"><div class=TopSid2>عضویت</div></div> <div class=CenterSid> <div style="padding-right:25px;"> <form action="register.php" method="post" target="_blank"> <style> #inps {font-family:Tahoma; font-size:8pt; direction:ltr; border:1px solid #ccc; padding:1px; padding-top:3px; padding-bottom:3px;} #inps:focus {border:1px solid #c10606; color:#c10606;} </style> <table border="0" dir="rtl" cellpadding="2" cellspacing="1" width="100%" style="font-family:Tahoma; font-size:8pt; "> <tr> <td width="60px">نام کاربري :</td> <td><input type="text" name="user" size="15" id="inps"></td> </tr> <tr> <td>پسورد :</td> <td><input type="password" name="password" size="15" id="inps"></td> </tr> <tr> <td>تکرار پسورد:</td> <td><input type="password" name="repassword" size="15" id="inps"></td> </tr> <tr> <td>ايميل :</td> <td><input type="text" name="email" size="15" id="inps"></td> </tr> <tr> <td>نام اصلي :</td> <td><input type="text" name="name" size="15" id="inps" style="direction:ltr;"></td> </tr> <tr> <td colspan="2" align="center"><input type="submit" id="inps" style="border:1px solid #9a9898; padding:3px; padding-right:10px; padding-left:10px; border-radius:3px; background-color:#ccc; color:#000; cursor:pointer;" name="register" value="عضويت"></td> </tr> </table> </form> </div> </div> <div class=LowSid></div> </Register> <div class="TopSid"><div class=TopSid2>نويسندگان</div></div> <div class=CenterSid> <BlogAuthors> <div class=li-Sid><a href=""></a></div> </BlogAuthors> </div> <div class=LowSid></div> <div class=TopSid><div class=TopSid2>موضوعات وب</div></div> <div class=CenterSid> موضوعي ثبت نشده است </div> <div class=LowSid></div> <BlogLinksBlock> <div class="TopSid"><div class=TopSid2>لینک دوستان</div></div> <div class=CenterSid><div class=li-Sid> <a target="_blank" title="قالب وبلاگ" href="http://bigsite.ir">قالب وبلاگ</a></div>لينكي ثبت نشده است<div class=li-Sid> <a target="_blank" title="قالب وبلاگ" href="http://www.bigsite.ir">قالب های بیگ سایت</a></div> <div class=LowSid></div> <div class="TopSid"><div class=TopSid2>آخرین مطالب</div></div> <div class=CenterSid> <SPAN items="10"> <div class=li-Sid><a href="post-79975.html" title="<~PostDate~>">15 زبان برنامه‌ نويسي كه بايد امسال ياد گرفت </a></div> <SPAN items="10"> <div class=li-Sid><a href="post-79974.html" title="<~PostDate~>">برنامه نويسي</a></div> <SPAN items="10"> <div class=li-Sid><a href="post-79973.html" title="<~PostDate~>">امنيت شبكه هاي كامپيوتري</a></div> <SPAN items="10"> <div class=li-Sid><a href="post-79972.html" title="<~PostDate~>">مفاهيم امنيت شبكه</a></div> <SPAN items="10"> <div class=li-Sid><a href="post-79971.html" title="<~PostDate~>">آموزش قدم به قدم نصب BackTrack در ماشين مجازي VMWare</a></div> <SPAN items="10"> <div class=li-Sid><a href="post-79948.html" title="<~PostDate~>">بك ترك(Back Track) چيست؟ </a></div> <SPAN items="10"> <div class=li-Sid><a href="post-79947.html" title="<~PostDate~>">آموزش HTML - بخش دوم: تگ‌ پاراگراف </a></div> <SPAN items="10"> <div class=li-Sid><a href="post-79946.html" title="<~PostDate~>">آموزش HTML - بخش اول: مفاهيم ابتدايي و آشنايي با زبان طراحي وب </a></div> <SPAN items="10"> <div class=li-Sid><a href="post-79945.html" title="<~PostDate~>">راه‌هايي براي هك گوشي‌ها و كامپيوترهاي آفلاين </a></div> <SPAN items="10"> <div class=li-Sid><a href="post-79943.html" title="<~PostDate~>">چگونه امنيت مودم وايرلس رو افزايش بديم؟ </a></div> </div> <div class=LowSid></div> <div class="TopSid"><div class=TopSid2>پيوندهای روزانه</div></div> <div class=CenterSid>لينكي ثبت نشده است <div class=li-Sid><a target="_blank" title="قالب وبلاگ" href="http://bigsite.ir">قالب وبلاگ</a></div><div class=li-Sid> <a target="_blank" title="قالب وبلاگ" href="http://www.bigsite.ir">قالب های بیگ سایت</a></div> <div class=li-Sid><a href="javascript:void(0)" onclick ="OpenLD();">آرشیو لینکها</a></div> </div> <div class=LowSid></div> <div class="TopSid"><div class=TopSid2>آمار</div></div> <div class=CenterSid> <div class=CenterSid> <div style="padding-right:25px;"> امروز : <b>474</b><BR> ديروز : <b>477</b><br> افراد آنلاين : <b>1</b><br> همه : <b>168388</b> <br></div> </div> <div class=s></div></div> <div class=LowSid></div> <div class="TopSid"><div class=TopSid2>چت باکس</div></div> <div class=CenterSid> <iframe frameborder="0" src="chat/?userid=10560&bg=cbdfe2" width="192px" height="428px" style="padding-right:12px;" scrolling="no"><div style="padding-right:25px;"></iframe> </div> </div> <div class="TopSid"><div class=TopSid2>آرشیو مطالب</div></div> <div class=CenterSid> </div> <div class=LowSid></div></div> </div> <div class=LowSid></div></div> </div></div></div><div class=footer><div class=Fo1><a title="قالب های بیگ سایت" href="http://www.bigsite.ir"target="_blank"> طراح قالب </a> : <a title="قالب های بیگ سایت" href="http://bigsite.ir"target="_blank">بیگ سایت </a> | Weblog Themes By : <a title="قالب های بیگ سایت" href="http://bigsite.ir"target="_blank"> bigsite.ir </a> </div><div class=Fo2><a href="rss.xml" target="_blank">RSS Feed</a>  <b>|</b>  <a title="قالب وبلاگ" href="http://bigsite.ir" target="_blank">bigsite.ir</a> </div></div></div></div> </body> </html>