آموزش اچتيمل - HTML

[ali_boujari]

اول از همه سوالاي كه مبتدي ها مي پرسند اينكه اچتيمل نياز به چه برنامه اي داره
بايد بگم اچتيمل با نتپد منويسن البته با برنا مه هاي ديگري هم مي نويسن كه نام بردنش در اين بحث نمي گجند

[ali_boujari]

مخصوص وبلاگ نويسان

برای اینکه تگها رو درست ببینید حتما این نوشته رو در نوت پد کپی کنید و در حالت چپ به راست آن را مشاهده کنید

گذاشتن لینک:
برای قرار داد لینک در وبلاگ (یا هر جای دیگری) باید از تگ a استفاده کرده که به صورت زیر خواهد بود.
<a href="URL">Name</a>
به جای URL باید آدرس صفحه ای که میخواهید به آن لینک دهید استفاده کنید و به جای Name نامی است که شما آنرا نوشته تا بازدیدکننده با کلیک بروی این نوشته به صفحه مورد نظر منتقل شود. :
حال اگر بخواهید این لینک در صفحه ای جدید باز شود می توانید از کد زیر استفاده کنید:
<a target="_blank" href="URL">Name</a>
برای لینک ایمیل می توانید از تگ زیر استفاده کنید:
<A href="mailto:E-mail Address">Name</a>

گذاشتن عکس و لوگو:
شما عکسی رو بروی انترنت دارید و میخواهید آنرا در وبلاگ قرار دهید. می توانید با کلیک راست بروی عکس به گزینه Properties رفته و آدرس عکس رو گرفته و در کد زیر قرار دهید:
<img border="0" src="آدرس عکس">
و اگر بخواهید برای عکس خود طول و عرضی, و شرحی بنویسید می توانید از تگ زیر استفاده کنید:
<img src="آدرس عکس" width=عرض عکس HEIGHT=طول عکس BORDER=0 ALT="شرح عکس">
برای مثال:
حال اگر بخواهید بروی عکس خود لینک بگذارید می توانید از تگ زیر استفاده کنید.:
<a href="URL"><img border="0" src="آدرس عکس"></a>



قرار دادن لوگو در وبلاگ:

قرار دادن لوگو هم مانند عکس می باشد. حال اگر بخواهید به خواننده این اختیار را بدهید که به سادگی به وبلاگ شما بلینکند شما می توانید تگهای لوگوی خود را درون کادری قرار دهید. برای اینکار می توانید از تگ زیر استفاده کنید.
<input name="هر نامی که دوست دارید" size="اندازه کادر" value="متن تگها">
اگر بخواهید برای این کادری که گذاشته اید استایلی مشخص کنید می توانید از کد زیر استفاده کنید:

<input name="for logo" size="اندازه کادر" class='mbx7-fsp' value="نوشته ها و کدها">
برای مثال:
<input type="text" name="T1" size="20" class='mbx8-fsp'>

[ali_boujari]

در محيط وب، صفحات اچتمل با کمک پيوندها به يکديگر متصل ميشوند. اصطلاح ابرمتن(Hyper

Text) در مقابل متن خطی قرار دارد. در يک متن معمولی خواندن به شکل خطی و از ابتدا به انتها

ميباشد و در مقابل در يک متن مختلط با کمک پيوندها ميتوان از يک متن به هر صفحه ديگر در وب

متصل شد.اين کار با کمک عنصری معلوم الحال! به نامA ياAnchor ميسر ميگردد.

تگ Anchor و شناسه href

[ali_boujari]

توضیحاتی در مورد تگهایی که در زیر گذاشتم مینویسم کسانی که دوست دارند تغییراتی در وبلاگشون بدهند اول در یک ویرایشگر مثل نوت پد انجام بدهند بعد تغییراتشونو در قالب اعمال کنند.

[<br>] [<p></p>] [<center></center>] [<pre></pre>]
[<h1></h1>] [<hr>] [<div></div>] [<span></span>]
[<marquee></marquee>] [<--!...-->] [<bdo></bdo>]



تگهاي متن را ميتوان به دو دسته تقسيم کرد، تگهاي اوليه که بيشتر وظيفه خط بندي، پاراگراف بندي و يا تنظيمات در ارتباط با متن را به عهده دارند و تگهايي که شکل و آرايش حروف را کنترل ميکنند که به آنها formatting مي گويند. بهتر است که Notepad يا هر برنامه ويرايشگر متن را که داريد باز کنيد و هر کدام از اين تگها را امتحان کنيد تا کاربرد آنها در ذهن شما جاي گيرد.



<br>
براي خط بندي از اين تگ استفاده ميشود و متن بعد از آن به يک خط پايين تر منتقل ميشود که نيازي به تگ پايان دهنده هم ندارد.
مثال

<p></p>
پاراگراف بندي متن را به عهده دارد و فاصله بيشتري را نسبت به <br> بين خطوط ايجاد ميکند. اين تگ داراي خصوصيت align= " " ميباشد که محل قرارگيري پاراگراف را در يک سطر کنترل ميکند و با کلمات "left", "center", "right", "justify"مقداردهي ميشود. مثال

<p align="left">...</p>

<center></center>
همانطور که از اسمش پيداست متن بين اين دو تگ در وسط يک سطر قرار خواهد گرفت، البته اين تگ را براي عناصر ديگر وب نيز ميتوان بکار برد.مثال

<pre></pre>
مرورگرها فاصله هر کلمه را در حد استاندارد نشان ميدهند و اگر شما بخواهيد که يک متن با فاصله هاي زيادي نمايش داده شود يعني آنطور که ميخواهيد نشان داده شود از اين تگ استفاده ميکنيد.مثال

<h1></h1>
به اين تگHeading مي گويند و براي مشخص کردن سرفصلها و تيترها بکار ميرود. اين تگ از عدد يک تا شش درجه بندي دارد که عدد يک بزرگترين حد و شش کوچکترين حد حروف را نمايش ميدهند. در ضمن داراي خصوصيت " "=align ميباشند و با left, center , right مقداردهي ميشود.مثال

<hr>
اين تگ روي خود متن کاري صورت نميدهد و فقط با ترسيم يک خط افقي آنها را از هم جدا ميکند که داراي خصوصيات زير ميباشد.

width=" "طول خط را کنترل ميکند که هم با عدد در مقياس پيکسل و هم با درصد ميتوان مقدار دهي کرد.

align=" " که محل قرار گيري خط در يک سطر را کنترل ميکند.

color=" "رنگ خط که ميتوانيد اسم رنگ يا کد هگز رنگ را بنويسيد.

size=" " اين خصوصيت ضخامت خط را تعيين ميکند که هرچه عدد بزرگتر باشد ، ضخامت بيشتر است. بصورت پيش فرض خط داراي سايه ميباشد و اگر خصوصيت noshade را به تگ اضافه کنيد ديگر سايه را نشان نميدهد.

<div></div>
اين تگ کاربرد فراواني براي مدل دادن به متن دارد و مانند تگ <br> آن قسمت از متن را جدا ميکند وبه خط بعد منتقل ميکند . خصوصيت class='mbx7-fsp' در اين تگ توانايي اعمال يک الگوي خاص در آن قسمت از متن را ميدهد. بطور مثال هر گاه کاربر نشانگر موس را روي آن متن برد ، نوشته هاي ما خط دار شود، البته هر نوع Style که تعريف شود همان را بکار ميبرد.

<span></span>
اين تگ هم مانند تگ بالا ميباشد با اين تفاوت که مخصوص يک کلمه يا حتي يک حرف ميباشد چون مانند div متن را از بقيه جدا نميکند و داراي خصوصيت class='mbx7-fsp' ميباشد که بر فرض هنگام قرار گرفتن موس روي يک کلمه زمينه آن رنگي شود. مثال

<marquee></marquee>
متن بين اين دو تگ متحرک خواهد شد و داراي خصوصيات زير ميباشد، البته اين تگ ممکن است در همه مرورگرها عمل نکند ولي در مرورگر اينترنت اکسپلورر (IE) مشکلي براي نمايش ندارد. خصوصيات اين تگ عبارتند از :

align=" "محل قرار گرفتن متن را تعيين ميکند که با کلمات top, middle, bottom مقدار دهي ميشود.

behavior=" "اين خصوصيت نحوه حرکت متن را کنترل ميکند که آنرا برابر با scroll اگر قرار دهيم، متن بصورت متناوب از يکطرف صفحه وارد و از طرف ديگر خارج ميشود و اگر برابر با alternate قرار دهيم ، متن از صفحه خارج نميشود و در عرض مرورگر حرکت ميکند، همچنين اگر برابر با slide باشد ، متن از يکطرف وارد صفحه شده و در طرف ديگرميايستد.

bgcolor=" " رنگ زمينه آن تگ را مشخص ميکند که يا نام رنگ يا کد هگز آنرا مينويسيد.

direction=" "جهت ورود متن به صفحه را کنترل ميکند و با کلمات left, right, top, down که از چپ ، راست، بالا و پايين ميتواند وارد شود.

height=" "ارتفاع کادر marquee را به عدد در مقياس پيکسل يا به درصد تعيين ميکند.

hspace=" " حاشيه چپ و راست را کم وزياد ميکند.

loop=" "تعداد چرخش متن را کنترل ميکند.

scrolldelay=" " سرعت حرکت متن را تعيين ميکند.

vspace=" " حاشيه بالا و پايين متن را مشخص ميکند.

width=" " عرض کادر را کنترل ميکند.



<-- !.....-->
از اين تگ براي افزودن نظريه يا هر نوشته ديگري که نميخواهيد در مرورگر نمايش داده شود و يا عملي را انجام دهد استفاده ميکنيد که بجاي نقطه چين هر متني را ميتوانيد وارد کنيد .

<bdo></bdo>
اين تگ فقط مخصوص مشخص کردن متن ازطرف چپ يا راست که داراي خصوصيت dir=” “ ميباشد و با ltr يعني از چپ به راست و rtl يعني از راست به چپ مقدار دهي ميشود.

[ali_boujari]

اين مطالب را من چند وقت پيش در وبلاگم گذاشته بودم

استافاده از مطالب فقط با نام بردن انجمن هاي پسي ورلد يا وبلاگ من مجاز است

[x-ray]

مرسی ادامه بده

[Nesta]

سلام
چيو ادامه بده آقا اينرو لطفاً لااقل پی دی اف کن تا دانلود کنن مردم اينطوری که همش حدر ميره

[ali_boujari]

چگونه مرورگر به صفحات وب واکنش نشان میدهد
به درخواست سرور مرورگرها مانند Internet Explorer یا Mozilla Firefox به صفحات واکنش نشان می دهند و درخواست یک استاندارد HTTP است که آدرسهای صفحات را دربر میگیرد.آدرس یک صفحه مانند [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] میباشد.
همه صفحات وب دستورعملهایی برای نشان دادن دارند و مرورگرها توسط خواندن این دستورعملها صفحه را نشان میدهند بیشترین تولیدات این دستورعملها توسط تگهای HTML انجام میگیرد.تگهای HTML یه چیزی مانند <p>This is a Paragraph</p> هستند. و اما چه کسانی استانداردهای وب را میسازند.
استانداردهای وب توسط Netscape یا Microsoft ساخته نمیشوند این قواعد توسط W3C ساخته میشوند و W3C یعنی World Wide Web Consortium .
اساسیترین استانداردها HTML, CSS و XML هستند و آخرین استاندارد HTML ی که استفاده میشه XHTML 1.0 میباشد.

[ali_boujari]

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

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

<body class='mbx9-fsp'آدرس عکس")">

[ali_boujari]

ديگه يواش يواش مي خواهيم وارد بح ث هاي تخصصي شويم

[ali_boujari]

HTML مخفف Hyper Text Markup Language میباشد. فایل HTML یک فایل متنی است که از تگهای کوچکتری تشکیل شده است.این تکها به مرورگر میگن که چگونه صفحه ها را نشان بدهد و این فایل حتما باید پسوند htm یا html داشته باشدوتوسط یک ادیتور ساده مانند نت پد ساخته میشود.
برای شروع در ویندوز Notepad را باز کنید و متن زیر را یادداشت کنید.

كد :

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



این فایل را بنام mypage.htm سیو کنید.سپس مرورگر وبتون را باز کنید از منوی File روی Open و یا Open Page کلیک کنید.در دیالوگی که باز میشود روی Browse و یا
Choose File کلیک کرده وآدرس فایلی که ذخیره کرده اید به آن بدهید و پس از انتخاب آن روی Open کلیک کنید حالا شما بایدآدرسی را که داده اید در دیالوگ ببینید سپس OK راکلیک بکنید اکنون مرورگرتان باید صفحه ای که ساخته بودید نشان دهد.
تشریح مثال بالا
اولین تگ در سند اچتیمل تان <html> بود.این تگ به مرورگرتان میگوید که این شروع یک سند اچتمل میباشد و آخرین تگ در سندتان <html/> هست که به مرورگر اطلاع میدهد که سند تمام شده است .
متنهای مابین دو تگ <head> و<head/> اطلاعات عناوین صفحه میباشند این اطلاعات در پنجره مرورگر نشان داده نمیشود.متن داخل تگهای <title> عنوان سندتان میباشد که درآدرس بار مرورگرتان مشاهده میشود.متن داخل دو تگ <b> و <b /> سیاه بودن یا بلود بودن متن را میرساند.
پسوند HTM یا HTML
شما وقتی که یک فایل HTML را سیو می کنید هم با پسوند HTML و هم با پسوند
HTM می تونید سیوش کنید.
در ضمن فایلهای HTML را براحتی میتوانید با FrontPage , Claris Home Page, یا Adobe بجای نوشتن تگهای فایل استفاده کنید.

[ali_boujari]

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

شناخته میشوند.عناصر HTML مابین دو کاراکتر< و > محاصره شدند. تگهای HTML

معمولا ما بین یک جفت <b> و <b/> نوشته میشوند.به تگ اولی تگ شروع و به تگ دومی

تگ انتهایی گفته میشود.متن ما بین دو تگ شروع و انتها عنصر مضمون یا محتوا خوانده

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

در پایین همین متن میارم.

این یک عنصر HTML است. <b>This text is bold</b>
این عنصر با تگ شروع <b> آغاز شده و مضمون آن This text is bold است و با

عنصر پایانی <b/> خاتمه یافته است.

هدف تگ <b> معین کردن یک عنصر HTML است به صورت bold نشان داده شود.
همچنین این نیز یک عنصر HTML است.
<body>
This is my first homepage. <b>This text is bold</b>
</body>
این عنصر با تگ شروع <body> آغاز شده و سندHTML بدنه را در بر میگیرد.
و اما چرا از حروف کوچک برای تگها استفاده میکنیم؟
گفتیم که تگهای HTML به حروف کوچک وبزرگ حساس نیستند <B> مثل <b> میباشد.
ولی کنسرسیم W3C برای شناخته شدن این تگها بوسیله XHTML با حروف کوچکتر استفاده

بشه.
تگهای حامل
حاملها میتوننداطلاعات اضافی به عناصر HTML در صفحات وب بدهند. این

عنصر<body> بدنه صفحه HTML را مشخص میکنند و با یک حامل bgcolor به

مرورگر میگن که مثلا صفحه قرمز رنگ باشه مثل <"body bgcolor="red>
<table> این تگ یک جدول HTML راتایین میکند که با اضافه کردن یک حامل border

به مرورگر میگه مثلا حاشیه نداشته باشه < "table border="0>
حامها معمولا باید توسط دو کوتیشن مارک " " معرفی شوند

كد :

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

[Ronaldiniho]

سلام دوست عزيز
مطالبت خيلي جالب بود فقط من يك سوال داشتم من يك عكس با فوتو شاپ
طراحي كردم چطور اون رو تو وبلاگم بذارم :?:

[ali_boujari]

در جواب دوستم آقاي مختاري بايد بگم كه عكستون را بايد آپالود كنيد

[Ronaldiniho]

ببخشيد اقا علي ميشه بگيد اپلود كردن چه جوريه :D

[ali_boujari]

با اينكه ربطي به آموزش ما نپاشت به خاطر آقا امين
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

[ali_boujari]

بهترین راه برای یادگیری HTML کار کردن با مثالهای آن میباشد.ما یک ویرایشگر خیلی

خوب ساختیمکه با این ادیتور کد سورس HTML ی که دوست داریدویرایش کنید روی کلید

کلیک کنید و نتیجه را ببینید. این یک مثال ساده از یک سند HTML استبا کمترین تگ که

نشان میدهد عناصر بدنه چطور توسط مرورگر مشاهده میشود.عناوین با تگهای <h1> تا

<h6> مشخص میشوند که <h1> برای بزرگترین حروف و <h6> برای کوچکترین حروف

بکار میروند
<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>
HTML بطور اتوماتیک یک خط سفید قبل از عنوان بعدی اضافه میکند. پاراگرافها با تگ

<p> نشان داده میشوند
<p>This is a paragraph</p>
<p>This is another paragraph</p>
تگ <br> زمانی استفاده میشه که ما بخواهیم خطی را به اتمام برسانیم نه آنکه پاراگراف

دیگری را شروع کنیم.برای درک بهتر این مثال را ویرایش کنید.
<p>This <br> is a para<br>graph with line breaks</p>
<br> این یک تگ تنها است و تگ پایانی ندارد.
تگ توضیحی در داخل کدهای HTML استفاده میشه.یک تگ توضیحی ممکن از دید مرورگر

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

ویرایش کمکمون میکند مانند مثال زیر
<-- This is a comment --!>
توجه کنید که شما به این ! علامت بعد از> نیاز دارید نه قبل از <
شما از تگ<hr> برای کشیدن خط افقی جهت جدا کردن پاراگرافها استفاده میکنید

[ali_boujari]

روش کدگزاری UTF-8
برای تايپ و تمايش متون فارسی از استاندارد يونيکد و روش کدگزاری UTF-8 اسنفاده میشود.برای نمايش صحيح متون فارسی تعيين نوع کدگزاری يا encoing صفحات فارسی است که برای اينکار بايد از متاتگ خاصی به نام [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] در بخش head صفحات اچتمل به شکل زير استفاده شود:

< "meta [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]"Content-Type" content="text/html; charset=utf-8>
در اينصورت مرورگرقبل از نمايش صفحه از روی متاتگ فوق نوع کدگزاری را تشخيص داده و ديگر نيازی به تعيين دستی نوع Encoing توسط بازديدکننده نخواهد بود.

شناسه يا attribute ی به نام dir
جهت نمايش متون لاتين به صورت پيش فرض و default از چپ به راست (ltr) ميباشد.در مورد متون و جملات فارسی بايد با کمک روشی جهت نمايش پيش فرض را به "راست به چپ" تغيير دهيد. شناسه به نام dir يا همان direction اين کار را برای شما انجام ميدهد. اين شناسه دارای دو مقدار ممکن ميباشد :


dir="ltr" , Left-to-right text. - چپ به راست
dir="rtl" , Right-to-left text. - راست به چپ
مثلا برای نمايش جمله فارسی "این یک وبلاگ است" با کمک عناصر p يا div کافی است که به يکی از شکلهای زير عمل شود:

<p dir="rtl"> این یک وبلاگ است </p>
<div dir="rtl"> این یک وبلاگ است </div>

[ali_boujari]

ساختن یک پیوند
این مثال ساختن یک لینک با اچتمل و لینک به یک تصویر را نشان میدهد و با تگ <a>

(anchor) آشنا میشوید. یک anchor محلی را در وب معین میکند مانند یک صفحه وب ،

یک تصویر ، یک فایل صوتی ، یک فیلم و غیره.
نحوه ساختن یک پیوند
<a href="url">Text to be displayed</a>
از تگ <a> برای ساختن پیوند به یک لینک استفاده میشه، ویژگی href برای آدرس دهی به

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

میآیند. مثال زیر یک پیوند به همین صفحه است
<a href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]">Visit hame!</a>
خط بالا فقط جمله Visit hame! را در مرورگر نشان خواهد داد.
ویژگی Target
توسط این کلمه شما تایین میکنید که صفحه مورد نظر در صفحه جدیدی باز شود. توسط خط

زیر سند در یک صفحه جدید باز خواهد شد.

كد :

<a href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]" target="_blank">Visit hame!</a>



تگ <a> (پیوند) به همراه Name
ویژگی Name برا ساختن پیوند نامبرده استفاده می شود، وقتی از پیوند Name استفاده

میکنیم میتونیم به یک سندی در همان صفحه لینک بدیم در زیر یک نمونه از پیوند Name را

مشاهده میکنید.
<a name="label">Text to be displayed</a>
با این پیوند شما میتونید به مقداری از متن اشاره کنید.
البته تعداددیگری نیز هست که در آموزشهای بعدی به آنها اشاره خواهد شد.

[ali_boujari]

جدولها با تگ <table> معین می شوند. یک جدول توسط تگ <tr> در هر سطر طبقه بندی

میشود و همه فهرست سطرها توسط تگ <td> تقسیم بندی می شوند. حروف td مخفف کلمه

"table data" که محتوی دادها هستند. داده ها میتونند متون ،تصاویر،لیستها ، پاراگرافها و

غیره را در بر بگیرند.
بعنوان مثال


كد :

<table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table>


جداول و ویژگیهای Border
اگر شما ویژگی حاشیه را در جدول ها مشخص نکنید جولها بدون حاشیه دیده خواهند شد،بعضی

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


كد :

<table border="1"> <tr> <td>Row 1, cell 1</td> <td>Row 1, cell 2</td> </tr> </table>



هد جدولها
هد جدولها توسط تگ <th> تقسیم بندی میشود.


كد :

<table border="1"> <tr> <th>Heading</th> <th>Another Heading</th> </tr> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table>


خانه های خالی در جدول
البته خانه های خالی در مرورگرهای مختلف بخوبی دیده نمیشوند.



كد :

<table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td></td> </tr> </table>


همانطور که می بینید حاشیه خانه خالی دیده نمی شود برای اجتناب از این کار ( ) را

داخل خانه قرار می دهیم.

كد :

<table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td> </td> </tr> </table>

[ali_boujari]

به پایا ن آمد این دفتر حکایت همچنان باقیست

[Ronaldiniho]

با تشكر از زحمات شما اقا علي من 2 تا سوال داشتم
1- چه طور ميشه يه قالب براي وبلاگ طراحي كرد و در وبلاگ گذاشت
2- چطور ميشه به جاي قالب در بلاگ از يه عكس يا رنگ استفاده كرد

[+WarriorKing]

علي جان فكر نميكني ديگه HTML نويسا هم نميشينن اينطوري برنامه نويسي كنن ...
مايكروسافت ديونه بود Frontpage رو داد بيرون ؟
البته بعضي كد ها كه بايد مستقيم نوشتشون درست ... ولي نه اينكه براي لينك هم بريم 4 ساعت كد بديم ...

Frontpage رو ياد بدي فكر كنم هم سريع تر باشه هم برا ياد گيري مفيد تر ... البته اونم اگه ميخواي بگي برو چيزاي خوف Frontpage رو ياد بده ...

[ali_boujari]

در جواب دوست عزيزم امين آقا بگم كه وبلاگ از كدوم سايت سرويس مي گيره

[Ronaldiniho]

علي اقا وبلاگ از پرشين بلاگ سرويس ميگيره

[ali_boujari]

خب دوست عزيز پرشين بلاگ يك سيستم را حت است
من چند تا ازكد هاش را ميدارم
نظرات:

</head>
<script type="text/javascript" src="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]>"></script>
<script>
function get_cc(postid) {
for(i=0;i<PB_PIPP;i++)
if (PB_CCA[i*2]==postid)
if (PB_CCA[i*2+1]!=0)
return "( "+PB_CCA[i*2+1]+" دلتنگي )";
else
return "( نميخواي چيزي بگي؟؟؟ )";
return "( بايگاني شده )";
}
</script>

</head>
اين كدهم اول اچتيمل بذار
<HTML>

<HEAD>
<base target="_blank">

<META content="text/html; charset=utf-8" [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]>
<!-- (شرح كوتاهي در مورد سايت خود بنويسيد(مربوط به موتورهاي جستجو content درقسمت -->
<META content="" name=description>
<!-- (كلمات كليدي سايت خود را بنويسيد(مربوط به موتورهاي جستجو content درقسمت -->
<META content="" name=keywords>
<TITLE><#blogtitle#></TITLE>
<style>
هم اين را تو پنجره ي نت پد بذار
ـــــــــــــــــــــــــ ـــــــــــــــــــــــــ ـــــــــــــــــــــــــ ــــــــــــــــ
پرشين بلاگ يك سايت Template Based مي باشد. اين گفته بدين معني است كه وبلاگ و يادداشتهای شما بر اساس قالبهای HTML موجود در پرشين بلاگ يا قالبهای ثبت شده توسط خود شما، نمايش داده مي شوند. بدين ترتيب امكان نمايش نوشته های شما به شكل و قالب مورد نظرتان فراهم شده است. در پرشين بلاگ تعدادی قالب آماده قابل دسترسي است كه تمام امكانات لازم از قبيل سيستم نظرخواهي،BookMark برای يادداشتها و آرشيو مطالب را در اختيار كاربر قرار مي دهند و نيازی به تغييرات توسط کاربر ندارند. جهت انتخاب يکي از اين قالبها برای وبلاگ خود مي توانيد پس از ورود به سايت از منوی کاربر، بر روی گزينه انتخاب قالب کليک کرده و پس از مشاهده قالبهای آماده، يکي را برگزينيد.
بخش اصلي هر قالب، از Tagهای اختصاصي پرشين بلاگ تشكيل شده است (قسمتهايي که رنگي نمايش داده شده اند). اگر به متن HTML هر قالب نگاهي بياندازيد، بلوك زير را كه از اينTag ها ساخته شده است را مي بينيد:



<persianblog>

<A id="<#postid#>"></a>
<DIV style="DIRECTION: rtl">
<DIV class="date"><#date#></DIV><BR>
<DIV class="posts" style="FONT-WEIGHT: bold"><#title#></DIV>
<DIV class="posts"><#body#></DIV>
<A class="postFooter" href="<#PostArchiveFile#>#<#postid#>">
¤ نوشته شده در ساعت <#time#> توسط <#author#></A><BR>
<DIV style="TEXT-ALIGN: left"><A href="JavaScript:void(0)" class="links" onclick="window.open
('ucomments.asp?id=<#postid#>',null,'width=600, height=500, scrollbars=yes, resizable=yes');">
پيام هاي ديگران <script>document.write(get_cc(<#postid#>))</script></A></DIV>
<DIV style="BACKGROUND-IMAGE: url('images/dotted_hor_border_gray.gif'); BACKGROUND-REPEAT: repeat-x"></DIV>

</persianblog>



همانطور كه مشاهده مي کنيد، اين Tagها شبيه Tagهای HTML هستند و تنها تفاوت در Case Sensitive بودن آنهاست. يعني استفاده از <#Date#> به جای <#date#> نادرست است. هر كدام از اين Tagها هنگام نمايش وبلاگ شما به مقادير متناظرشان ترجمه شده و نمايش داده مي شوند. در اين بخش به توضيح هر يک از تگهای موجود در پرشين بلاگ و موارد استفاده آنها مي پردازيم.
ـــــــــــــــــــــــــ ـــــــــــــــــــــــــ ـــــــــــــــــــــــــ ــــــــــــــــ
بعدش زير تگ هاي بالايي
اين تگ ها را بذار
<style>
<!--
.noline {a:Verdana,Helvetica,Arial,Sans

Serif;font-size:10pt;color:#002700;text-decoration:none;}
A:link {text-decoration: none ; color: 4444dd }
.posts {
FONT-SIZE: 9pt; LINE-HEIGHT: 170%;
}
-->
</style>
<STYLE>
BODY {
BACKGROUND: white; COLOR: black; FONT-FAMILY: tahoma, times new roman, sans-serif; MARGIN:

0px;
}
.blogtitle {
COLOR: white; TEXT-ALIGN: center; FONT-FAMILY: Tahoma, Times New Roman, sans-serif;

FONT-SIZE: 32px;
}
A.links {
COLOR: #000095; TEXT-DECORATION: none; FONT-SIZE: 8pt; FONT-WEIGHT: bold; LINE-HEIGHT: 170%;
}
a:hover.links {
COLOR: #ff3300;
}
.date {
COLOR: #cc3333; FONT-SIZE: 10pt; FONT-WEIGHT: bold;
}
.posts {
FONT-SIZE: 9pt; LINE-HEIGHT: 170%;
}
A.postFooter {
TEXT-DECORATION: none; FONT-SIZE: 7pt; COLOR: green; FONT-FAMILY: tahoma, times new roman,

sans-serif; LINE-HEIGHT: 250%;
}
.noline {a:Verdana,Helvetica,Arial,Sans

Serif;font-size:10pt;color:#002700;text-decoration:none;}
</STYLE>
مناسب با سليقه ي خودت رنگش و سليزش را عوض كن
ـــــــــــــــــــــــــ ـــــــــــــــــــــــــ ـــــــــــــــــــــــــ ـــــــــــــــ
</tr>
</table>
</td>
<td width="81%" valign="top">
<FONT class=option color=#363636>

<persianblog>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD>

<TABLE cellSpacing=0 cellPadding=0 width="100%" border=1 height="23"

bgcolor="#000000" style="border-collapse: collapse">
<TBODY>
<tr>
<FONT class=option color=#363636>


<TD vAlign=top align=left width=15 height=23>
 </TD>




<TD align=left width="100%"
height=23>
<P class="posts-title" dir="rtl" align="right" style="line-height: 150%;

margin-top: 2; margin-bottom: 2">
<span lang="en-us">
<font color="#FFFFFF" size="5" face="Wingdings"> </font><font

color="#FFFFFF" size="4" face="Arial"> </font>
</span><font color="#FFFFFF" size="4" face="Arial"><#title#></font></P>

</TD>
</tr>
</TBODY></TABLE>
<FONT class=option color=#363636>

<FONT class=option color=#363636>

<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD vAlign=top align=left width=4
background="templates/public/cyber/images/sidebox-bar-left.gif">
 </TD>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=3 width="100%" style="border-collapse:

collapse" bordercolor="#111111" border=1 bgColor=#D1D1D1 height="27">
<TBODY>
<TR vAlign=top>
<TD width="100%" style="text-indent: 0; margin-left: 7; margin-right: 5;

padding-left:10; padding-right:10; padding-top:4; padding-bottom:4" height="21">
<DIV class="posts" dir="rtl"> <#body#></DIV>

</TD>

</TR></TBODY></TABLE>
</TD> </TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="631" border=0 bgcolor="#033B00"

style="border-collapse: collapse" bordercolor="#111111">
<TBODY>
<TR vAlign=top>
<TD width="40%"
height=29>

<p dir="rtl" align="right">
<A class="postFooter" href="<#PostArchiveFile#>#<#postid#>">
<font color="#00CC00">¤ نوشته شده در ساعت <#time#> توسط

<#author#></font></a></TD>
<TD width="60%"
height=29>

<p align="left" style="margin-left: 4">
<FONT class=option color=#363636>


<span style="font-weight: 400"><font color="#FFFFFF"><span lang="fa"><font

face="Times New Roman">○
</font></span></font><A href="JavaScript:void(0)" class="links"

onclick="window.open ('[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]>',null,'width=600, height=500, scrollbars=yes,resizable=yes');"><font color="#FFFFFF">هر چه ميخواهد دل تنگت بگو

<script>document.write(get_cc(<#postid#>))</script>
</font></A>
</span>
</TD>
</TR></TABLE>
</persianblog>


</font></font></font>
</TD></TR></TABLE>
</div>
</body></html>
ـــــــــــــــــــــــــ ـــــــــــــــــــــــــ ـــــــــــــــــــــــــ ــــــــــــــــ
اين تگ هاهم زيرش بذار مغادير رو عوض كن
ـــــــــــــــــــــــــ ـــــــــــــــــــــــــ ـــــــــــــــــــــــــ ـــــــــــــــ
با توجه به سليقه ي خود ميتوني وسط تگها دستور گذاتن عكس را بذاري كه قبلا يا د ادم
ـــــــــــــــــــــــــ ـــــــــــــــــــــــــ ـــــــــــــــــــــــــ ـــــــــــ
بعد از تموم شدن همه ي اين كارا به قسمتويرايش قالب برو
كدهايي كه خودت نوشتي را جايگزين كدهاي قبلي كن

[Ronaldiniho]

علي اقا وبلاگ از پرشين بلاگ سرويس ميگيره

[ali_boujari]

مي دونم از تگ هاي بالا و راهنماي پرشين لاگ استفاده كن

[ali_boujari]

در ضمن وبلاگ تخصصي وخوبي داره

[Ronaldiniho]

ببخشيد علي اقا 2 تا سوال ديگه
1- چطور از يك قالب به وجود امده در يك سايت ديگه ميتونم استفاده كنم در پرشين بلاگ
2- اين تگ هايي رو كه نوشتين براي پرشين بلاگ بايد در ادامه قالب بذارم يا كل قالب را بايد در قسمت ويرايش پاك كنم و بعد اين تگ ها را بذارم
در ضمن از مطالبتون هم متشكرم

[Nesta]

علي جان فكر نميكني ديگه HTML نويسا هم نميشينن اينطوري برنامه نويسي كنن ...
مايكروسافت ديونه بود Frontpage رو داد بيرون ؟
البته بعضي كد ها كه بايد مستقيم نوشتشون درست ... ولي نه اينكه براي لينك هم بريم 4 ساعت كد بديم ...

Frontpage رو ياد بدي فكر كنم هم سريع تر باشه هم برا ياد گيري مفيد تر ... البته اونم اگه ميخواي بگي برو چيزاي خوف Frontpage رو ياد بده ...
سلام
برادر ميکروسافت اصلاً آدمه که چيزی بده بيرون چيچيش خوبه که front page خوب باشه ta asp va dreamweaver هست اينا بيخد هست

[ali_boujari]

/quot
سلام
برادر ميکروسافت اصلاً آدمه که چيزی بده بيرون چيچيش خوبه که front page خوب باشه ta asp va dreamweaver هست اينا بيخد هست

ميكروسافت به دليل سنگين بودن برنامه نويسي front page اون را بيرون داد اگه شما يكم برنامه نويسي بلد باشي ميفهمي كه بايد از كلي كد اچتيمل استفاده كني بدشم كلي برنامه بنويسي تا بشه يك چيزي مثل front page

وميكروسافت به خاطر سنگين بودن اون از نوشتن front page خودداري كرد
در ضمن به نظرمن نوشتن front page به اون جواتي توهين به اچتمل است

[ali_boujari]

direction=right width="100%" behavior="alternate"> مطلب شما</MARQUEE><SCRIPT language=JavaScript>
نوشتهاي متحرك بالي وبلاگ

[ali_boujari]

دوستان اين يك مطلب فوق جامع كه آموزشهايي كه قبلا دادم
داره لذت ببريد
بنام یگانه ی هستی


HTML مخفف Hyper text mark up language ( زبان کد گذاری ابر متن ) می باشد .
HTML در واقع زبان ساخت صفحات وب می باشد . این صفحات می تواند حاوی متنهای آرایش شده ، Link ، تصاویر ، جدول ، Plug – in و ... باشند . استقبال زیاد از این زبان و همچنین کمبود کتابهایی که در این زمینه وجود دارند ما را بر آن داشت تا بدون پرداختن به جزئیات بسیار ریز و غیر ضروری ، منبعی ساده و در عین حال کلی ارائه دهیم که مطالعه آن برای خوانندگان خالی از لطف نخواهد بود .
جهت کد نویسی و طراحی صفحات وب نیاز به یک Text Editor ساده مانند Notepad که در تمامی ویندوزها قابل دسترسی می باشد و نیاز به نصب Text Editor جدید نیست .
برای مطالعه ی این دوره ی آموزشی نیاز است کاربران محترم آشنایی با اینترنت داشته باشند .

ضمنا سیستم شما باید دارای مشخصات سخت افزاری ذیل باشد :

- حداقل سیستم مورد نیاز پنتیوم 233
- 16 مگابایت Ram
- حدود 600 مگا بایت فضای آزاد

در پایان از کاربران محترم خواهشمند است در صورت داشتن هر گونه انتقاد ، پیشنهاد و ارائه سوالات احتمالی با نویسنده از طریق پست الکترونیکیaliboujari@gmail.com تماس حاصل نمایند .
پیروز و سربلند باشید


درس 1 - ایجاد اولین سند HTML


بعد از خواندن این درس توانائیهای زیر را در ساخت صفحات وب بدست می آورید:
1- آشنایی و درک تگهای HTML
2- باز کردن محیط کاری متناسب برای ایجاد یک سند HTML
3- استفاده از یک Editor (ویرایشگر متنی )
4- وارد کردن مطالبی به عنوان توصیه بطوریکه در صفحه نشان داده نشود
5- باز کردن سند در Browser برای نمایش آن تحت وب

1- تگ های HTML

وقتی یک مرورگر وب صفحه ای مانند صفحه فوق که شما مطالعه می کنید را نشان می دهد، صفحه از یک فایل متنی خوانده میشود.
کدهای ویژه اي بکار برده شده اند که با علامات <> نشانه گذاری شده اند. قالب عمومی تگ های HTML بصورت فوق می باشد :
< نام تگ / >رشته کاراکتری < نام تگ >
(البته بعضی تگها بصورت فرد عمل می کنند )
مانند:

این تگ بیان می کند که مرورگر وب متنی را بصورت زیر نمایش می دهد :
What are HTML tags
- بعدا در مورد تگهای < Hn > توضیح بیشتری خواهیم داد.

تذکر :

مرورگر وب نسبت به استفاده از حروف بزرگ یا کوچک حساسیت ندارد.بر خلاف برنامه های کامپیوتر ، اگر شما ایرادی در HTML داشته باشید ، کامپیوتر شما دچار هنگ نمی شود و ایراد بسادگی با رفتن در داخل سند HTML بر طرف میشود. مرورگر شما ، دارای یک سند لغات کوچک می باشد . یکی از جنبه های جذاب HTML ، این است که اگر Browser شما نداند که تگی که در آن نوشته شده چیست ، آن را نادیده می گیرد. برای مثال :

مثلا تگ < H3 > < /H3 > مورد حمایت مرورگر قرار می گیرند . ولی با مرورگرهای فعلی < wiggle /> و < wiggle > حمایت نمی شوند . اگر ما برنامه نویس یک مرورگر وب بودیم عملکردی برای تگ < wiggle > در نظر می گرفتیم .

2- باز کردن محیط کاری

برای کامل کردن این بحث ، از ابتدا بهتر است که یک پنجره جدید ایجاد کنید. برای اینکه به شما اجازه می دهد که ضمن نگهداری پنجره فعلی ، پنجره ای جدید برای کار خودداشته باشید. شما خیلی راحت می توانید بین پنجره ها و اطلاعات مختلف گردش داشته باشید . مراحل ایجاد محیط کاری را در اینجا بیان می کنیم :
1- از منوی File مرورگر خود ، گزینه New Window را انتخاب کنید . پنجره دوم ظاهر می شود . اولین پنجره کتاب شماست و پنجره دوم محیط کاری برای تکمیل دروس HTML
2- فایل متنی خود را باز کنید
3- ایجاد سند HTMl
یک سند HTML شامل دو قسمت می باشد ( قسمت های تیتر و بدنه )
- قسمت تیتر ، شامل اطلاعاتی در مورد سندی که نشان داده می شود است .
- بدنه ، شامل کلیه مواردی می باشد که در یک صفحه وب نشان داده می شود .

نمونه یک سند HTML


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

هر آنچه در صفحه نشان داده می شود
این تگ توضیحاتی دارد مبنی بر اینکه برای نوشتن این صفحه از کدام ورژن HTML استفاده شده است . تمامی مندرجات صفحه بین 2 دو تگ < HTML> و نوشته می شود . ابتدا < Head > و < head / > و سپس < body > و < body / > < ! …… > متنی که ما بین تگ فوق نوشته می شود ، در صفحه وب نمایش داده نمی شود، ولی این اطلاعات در اختیار کسی قرار می گیرد که Source یک صفحه وب را که در پشت صفحه وب قرار دارد می بیند .
وقتی صفحه وب شما دچار پیچیدگی می شود، این مطالب و کدها می تواند برای به روز کردن صفحه وب شما مفید باشد . اینجا به ذکر مراحل ایجاد سند HTML می پردازیم :
1- Editor متنی خود را باز کنید
2- و مطالب زیر را در آن وارد کنید :

موقعیت تگ < title > و < title /> داخل دو تگ < head > و < head /> می باشد و این که در صفحه نشان داده نمی شود پس کار آن چیست ؟
تگ < html > شناسه یگانه ای است برای هر سند HTML و در قسمت Title bar بار مرورگر شما نمایش داده می شود .
در درس 3 شما می آموزید که چگونه رشته کاراکتر را برای Title اضافه کنید و در صفحه وب شما ظاهر شود . ذکر این نکته ضروری است که دراین تگ توضیح اسم نویسنده و تاریخ ایجاد سند HTML ذکر می شود و شما می توانید هر نکته ای را درون این تگها نمایش دهید . ولی فقط در سند HTML قابل رویت می باشد و در صفحه وب شما قابل مشاهده نیست.
3- سند خود را به نام Lesson1.html ذخیره کنید و آن را در فولدر خاص مورد نظر خود نگهداری کنید .





تذکر ( برای استفاده کنندگان ویندوز 3.1 ) :

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

نمایش سند در یک صفحه وب

1- بر گردید به مرورگر وب که برای محیط کاری از آن استفاده می کنید . از منوی File گزینه Open را انتخاب کنید .
2- از کادر محاوره ای که باز می شود ، سند مورد نظر ایجاد شده را باز کنید .
3- حال در Title bar مرورگر خواهید دید Lesson 1

چک کردن فایل

سند خود را با صفحه وبی که در پیش رو داریدمقایسه کنید، بعد از نگاه کردن نمونه از دکمه Toolbar back استفاده کنید تا مرورگر شما دوباره به این صفحه باز گردد . اگر سند شما با سند نمونه تفاوت داشت دوباره مروری بر مطالبی که وارد کردید داشته باشید . از اشتباهات معمولی که وجود دارد عدم مشاهده Titlebar می باشد . متنی که بین تگ های < title > و < title /> قرار داده شده در Title بار نشان داده نمی شود . از اشتباهات معمول دیگر برای کسانی است که از برنامه های پردازشگر لغات برای Type HTML استفاده می کنند و نمیتوانند آن را در مرورگر باز کنند .در این صورت صفحه آنها پر از کاراکترهای اضافی است .
اگر شما به دنبال یک Editor ساده و ارزان هستید پیشنهاد ما به شما Notepad می باشد

مرور عناوین

1- تگ های HTML چه هستند ؟
2- متن تگ Title در کجا قرار می گیرد؟
3- چه مراحلی را برای ایجاد یک سند HTML باید دنبال کرد ؟
4- چگونه یک تگ توضیح ایجاد می شود ؟
5- چگونه می توانید سند HTML خود را در مرورگر نمایش دهید ؟

یک تمرین :

یک سند HTML که شامل تگ Title باشد ایجاد کنید و سپس آن را در مرورگر نمایش دهید . "حال صفحه اول شما ساخته شد"

درس 2 - ویرایش یک سند HTML
شما اولید سند HTML خود را ایجاد کردید . در این درس خواهید آموخت که چگونه با سرعت ، تغییراتی در سند خود ایجاد کنید و تغییرات را در مرورگر خود ببینید. بعد از آموزش این درس توانائیهای زیر را خواهید داشت :
1- ایجاد یک محیط کاری
2- تغییرات در سند HTML
3- اجرای سند مرورگر برای دیدن تغییرات

ایجاد دوباره محیط کاری

برای تکمیل این درس شما نیاز به ایجاد یک پنجره مرورگر دوم و پنجره Editor متنی که در درس 1 استفاده کردید دارید.
1- یک پنجره جدید از مرورگر. به وسیله انتخاب گزینه New Window از منوی File .
2- از گزینه Open برای باز کردن سند HTML که در قبل ایجاد کردید استفاده کنید.
3- Editor متنی خود را دوباره باز کنید .


انجام تغییرات در سند HTML
1- وارد شدن در پنجره Edit ویرایشگر متنی
2- متن زیر را در درس قبل وارد کنید .
"در اینجا شما با یک سایت آموزشی – آموزش از را دور روبرو هستید
امیدواریم از این سایت لذت ببرید "
نکته :
این متن بالای تگ < body / > و < html / > باشد.
بین < body > و < body / > نوشته می شود .
3- از منوی فایل ، با انتخاب گزینه Save تغییرات خود را ذخیره کنید .

باز کردن سند در مرورگر

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

آزمایش

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

مروري بر مطالب

1- چگونه محیط کاری را باز کردید.
2- چه مراحلی را برای ایجاد تغییر دنبال کردید.
3- چگونه تغییرات را در سند خود مشاهده کردید.

تمرین :

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

درس 3 - نشانه گذاری 6 درجه

اهداف این درس :

1- شناسایی درجات مختلفی از نشانه گذاری در HTML و تگهای مربوط به آن
2- گذاشتن درجات مختلف نشانه گذاری در سند و مشاهده تغییرات در مرورگر

شروع درس


نشانه گذاری عنوانگذاری HTML

< hn / > متن شما به این سایز ظاهر می شود < hn >
n عددی است از 1 تا 6

مثال

در اینجا این نوشته 60 درجه مختلف دارد . درجات این نشانه گذاری مابین درجات 1 تا 6 می باشد و در خارج از این رده تناقض دارید ،

جایگذاری عنوان ها در سند HTML

تذکر : اگر محیط کاری ندارد طبق آدرس قبل ایجاد کنید .
1- محیط کاری باز کنید ( اگر هنوز باز نشده است )
2- به پنجره ویرایشگر متنی بروید .
3- پنجره HTML که در درس 2 ایجاد کردید را باز کنید .
4- این تگها را برای بزرگترنمایش دادن titlebar استفاده می کنیم .
< h1 > lesson1 < / h1 >
5- مطالب زیر را وارد کنید
درس 3 :

6- تغییرات خود را ذخیره کنید .
7- به پنجره مرور گر باز گردید و سند را باز و Refresh کنید .





آزمایش

سند خود را با سند نمونه مقایسه کنید اگر بعضی ازنشانه گذاری ها اعمال نشده بود دوباره تگهای مربوط را اصلاح کنید .
از اشتباهات معمولی که در هنگام کار عملی در این درس پیش می آید عدم استفاده از در نشانه گذاریها است .
< h1 > lesson1 < h1 > علامت اسلش فراموش شده است اگر / در تگ فراموش شود . مرور گر آن متن را با این درجه نشان نمی دهد و برای اصلاح دوباره باید به سند باز گردید .

مروری بر مطالب


1- درجه های مختلف نشانه گذاری حروف چه هستند ؟
2- تگهای مرتبط با این درجات نشانه گذاری چه هستند ؟
3- چه مراحلی را بایدبرای ایجاد متون با سایزهای مختلف دنبال کنید .
4- اگر / را فراموش کردید چه باید کنید ؟

تمرین :

در سند HTML خود از 3 درجه نشانه گذاری استفاده کنید.

درس 5 - سبکهای مختلف نوشتاری
< b >< I >< tt >
HTML می تواند به مرورگر بفهماند که قسمتهایي از متن را بصورت ضخیم و یا ایتالیک درآورد .

اهداف این درس

بعد از آموزش این درس
1- تگهای ضخیم و یا ایتالیک و .... به شما شناسانده خواهد شد
2- متون خود را در سند HTML به سبک های مختلف وارد کنید و سپس آن را در مرورگر مشاهده کنید .

شروع درس

HTML طرحهای مختلفی را در ارتباط با سبک های مختلف نوشتاری به شما می دهد، به مثالهای زیر توجه کنید .
HTML RESULT
< b > this is bold - < /b > < I > this is italic < /I > < tt > this is typewriter < /tt > this is bold - this is italic this is typewriter
< I >< b >this is bold and italic< /b > < /I > < b >< I > and so is this < /I >< /b > this is bold and italic and so is this
Blah < h2 >< I >< new >< /I > and < tt >improved Blah Blah < /tt >< /h2 > blah blah Blah
and improved Blah Blah
blah blah

سبک های مختلف متن را در سند HTML خود وارد کنید .
اگر محیط کاری ندارید باز کنید مراحل زیر را دنبال کنید .
1- محیط کاری خود را دوباره باز کنید .
2- سند خود را که به نام lesson1.html ذخیره کردید باز کنید .
3- لغت آموزش را از درون آن پیدا کنید حال می خواهیم آن را ضمیمه کنیم .
4- تگ مرتبط با عمل فوق را وارد کنید . < b / > آموزش از راه دور < b >
5- حالا پاراگراف دوم را با صورت ضخیم و ایتالیک درآورید.
برای اینکه تاکید بیشتری روی قسمتی از متن داشته باشید بوسیله تگ های < I >, < /b > , < b > می توانید این تاکید را انجام دهید .
6-برای اشاره به قسمت خاصی از متن مثل نام نویسنده ، می توانید از تگ
< tt > , < / tt > استفاده کنید .
7- تغییرات خود را ذخیره کنید و مجددا مرورگر خود را باز کنید .

آزمایش

عملیات خود را تست کنید





مروری بر مطالب

1- تگهای سبک های نوشتاری چه هستند ؟
2- انواع تگهای مختلف برای سبکهای مختلف
3- مراحلی که برای ایجاد این سبکهای متنی دنبال می کنید چیست ؟

تمرین

1- از تگهای bold و italic و دیگر تگها در جملات خود استفاده کنید .

درس 6 - < ul >, < ol > لیستها
لیستها روشهای خوب و روشنی برای بیان مطالب هستند .

اهداف این درس

1- شناسایی کدهایی برای ایجاد لیستها
2- ایجاد لیست در سند و مشاهده آن

شروع درس

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

مثال :



تگ < UL > و < UL / > به ترتیب در آغاز و پایان لیست ظاهر می شود.


لیستهای مرتب

در این لیستها اقلام بصورت مسلسل شماره گذاری می گردند و شروع آن با عدد 1 می باشد.
لیستهای تو در تو
لیستهای مرتب و نامرتب سطوح مختلفی دارند که هر کدام می توانند توسط مرور گر شما بطور مناسب اختصاص داده شوند توجه اصلی شما باید به این قضیه معطوف باشد که مشخص شود که لیست بطور مناسب پایان پذیرفته و ترتیب لیست تو در تو رعایت شود . تگهایی که در این قضیه استفاده می شود عبارتند از :
< ol > , < li > , < /ul > , < /li >

مثال :








ترکیب لیستهای تو در تو با یکدیگر

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

قرار دادن لیست ها در سند HTML

1- باز کردن محیط کاری
2- باز کردن سند HTML در ویرایشگر متنی
3- در زیر سر فصل آموزش از راه دور از لیستهای نامرتب برای نمایش آموزشهایی که در سایت بصورت Online داریم استفاده می کنیم
4- ابتدا جمله فوق را استفاده کنید . چندمورد از آنها را می دانید ؟
5- قالب HTML را برای ایجاد لیست اضافه کنید .

6- می توانیم از لیستهای مرتب برای تکلیف درس استفاده کنید .
7- نتایج خود را ذخیره کنید .

آزمایش






مروری بر مطالب

1- لیستها در صفحات وب چه ارزشی دارند ؟
2- تگ های HTML مرتب با لیستهای نامرتب چیست ؟
3- تک لیستهای مرتب چیست ؟
4- چگونه لیستهای تو در تو آرایش می شوند ؟
5- چه مراحلی برای اضافه کردن این لیستها ایجاد می شود؟

تمرین

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


درس 7 - قالب بندی فایلهای گرافیکی و استاندارد های مورد استفاده در صفحات وب
در دهه های گذشته در صفحات وب فقط از متن استفاده می شد ، ولی امروزه از تصاویر گرافیکی استفاده می شود که در اینصورت پیام شما بسیار آموزنده خواهد بود .

اهداف این درس

1- شناسایی فایلهای گرافیکی شبکه www
2- بحث کلیدی در مورد استفاده از گرافیک در سندهای وب
3- انتقال فایل گرافیکی از وب به کامپیوتر شخصی خود
4- استفاده از قالب صحیح برای تصاویر در صفحات وب

شروع درس

همانطور كه مي دانيد تعداد بسیار زیادی از قالب بندیهای گرافیکی وجود دارند .مثل pict , hif : tiff , png حالتی که مرورگر وب گرافیکها را در شکل ، HTML نشان می دهد بیان کننده محل فایل گرافیکی در یک قالب دستوراتی است که می تواند توسط انواع مختلفی از کامپیوترها تفسیر شود .

برای مثال :

هنگامی که اطلاعات در آن قالب به کامپیوتر مکینتاش می رسد مرورگر آن را در قالب دستور برای مکینتاش نشان می دهد و برای کامپیوترهای معمولی وضع به همین منوال است.gif اطلاعات تصویر را فشرده می کند ( کاهش حجم فایل) و اطلاعات را به کدهای دودوئی قابل ارسال برروی اینترنت تبدیل می کند. gif فشرده موثر ترین فایل گرافیکی است که ناحیه یکپارچه رنگی متصل به حجمی دارد و فشردگی آن قابل تنظیم است . هنگامی که رنگ به طور متوالی در یک جهت افقی باشد فایلهای gif خاصیت شفافی دارند ، بنابراین فایلهای gif با درجه خلاصه سازی ذخیره می شوند و در صفحات وبی که از gif برای تصاویر استفاده شده ، تصاویر به زودی دیده می شوند. ابتدا تصوير به صورت تیره ظاهر مي شود تا در نهايت تصویر نهایی ظاهر گردد .
از فرصتهای دیگر تصویر jpg می باشد که مخفف کلمات Joint photo graphic expert group در اوایل شروع تصاویر jpeg در صفحه نشان داده نمی شدند و در پنجره ای جداگانه به نمایش درمی آمدند . اما مرورگرهای امروزی از فایلهای jpeg پشتیبانی می کنند و آنها را در صفحه نمایش می دهند .
اگر تنوع رنگ در فاصله کمی زیاد باشد ، برای فایلهای با قالب jpeg می توان به درجه خلاصه سازی تعریف کرد. فایلهای jpeg قابلیت تحرک و انیمیشن سازی ندارند . برای بدست آوردن اطلاعات بیشتر برای این قالب فایل به آدرس زیر مراجعه کنید .
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] تعداد زیادی از برنامه های گرافیکی می توانند فایل را با پسوند gif ذخیره کنند . امروزه برنامه های image ready از شرکت adobe طرح مشخصی برای ایجاد تصاویر گرافیکی دارند .
نکاتی که هنگام استفاده از تصاویر گرافیکی باید در نظر گرفت . هنگامی که در صفحه وب از عکس استفاده می کنید، به نکات زیر توجه کنید .
• تصاویر بزرگ و بیشماری که کل صفحه کامپیوتر را در بر می گیرد برای کاربری که در انتظار ظاهر شدن آن عکس می باشد ، خسته کننده می شود . پیشنهاد این است که کل سایز عکس را بیشتر از 100kb نکنید .
• همه کاربران از مانیتور 21 اینچ استفاده نمی کنند طول تصاویر بکار برده شده را بیشتر از pix 480 و عرض آنها را بیشتر از pix 300 نکنید که کاربر مجبور می شود برای دیدن تمام عکس از Scroll استفاده کند .
• شیب رنگ برای فایلهای gif ممکن است زیاد به نظر برسد اما فایلهای gif نمی توانند این ناحیه رنگ یکپارچه را فشرده کنند . بعضی برنامه های گرافیکی این اختیار را به شما می دهند كه ، هنگام برگردان فایل به gif ، لبه های تصویر هموار شود و از اختلالات تصویر کاسته شود .
بهتر است اول تصاویر کوچک استفاده شود و سپس این تصاویر به تصاویر با سایز بزرگتر اتصال پیدا کنند .
یک تصویر خاص که شما در صفحه اینترنت می بینید ، ممکن است هر بار در یک بازه زمانی ، برای شما ظاهر شود .
• بیشتراوقات ، مرورگر تصاویر را از hard disk شما cash می کنند. یعنی هنگامی که یک عکس بارگزاری می شود ،از hard شما آورده می شوند . شما ممکن است که صفحه زیبا طراحی کنید که عکسهای بزرگی در آن بار گزاری شوند اما برای یک مودم با سرعت کم و شبکه شلوغ کار مشقت باری است .

مروری بر مطالب

1- دو قالب معمول مورد استفاده تصاویر در صفحات وب چیست ؟
2- چگونه یک تصویر گرافیکی در کامپیوترهای مختلف نشان داده می شود ؟
3- نکاتی که هنگام استفاده از تصاویر وب باید در نظر گرفت چیست ؟


درس -٧-ب - قرار دادن تصاوير در اسناد

اهداف این درس

1- قرار دادن تصاویر در اسناد html
2-چگونه می توان دور تا دور تصاویر متن قرار داد
3- مشخص کردن ابعاد تصاویر
4- ویرایش عکس و اضافه کردن خصلتی در آن بطوریکه بتواند در مرورگرهایی که از عکس پشتیبانی نمی کنند کارآیی داشته باشند .

شروع درس :

تگ های HTML برای تصاویر گرافیکی خطی

وقتی که نام فایل gif مانند همان نامی باشد که اسم آن فایل است و در شاخه خاصی قرار گرفته ، در اینصورت مرورگر می تواند آن تصویر را مابین متن ها نشان دهد .
برای اینکه تصویر در خط دیگری وارد شود می توان قبل از تگ تصویر یک تگ پاراگراف قرارداد .
تنظیم محل عکس به وسیله صفتی آورده می شود < IMG > شما می توانید در همجواری عکس و متن کنترل داشته باشید صفت align در تگ < IMG > این امکان را برای شما ایجاد می کند






قرار دادن تصویر در صفحه وب :

1- باز کردن محیط کاری
2- باز کردن فایل Lesson1 .html
3- در بالای < h1 / > آموزش از راه دور < h1 > تگ زیر را قرار دهید .

این قالب HTML در بالای صفحه قرار خواهد گرفت .
4- ذخیره کردن صفحه و بار گزاری مجدد .
تذکر ) در هنگام جاگذاری عکس ممکن است تعجب کنید که چرا در اینجا برای شکسته شدن پاراگراف نیاز به تگ < p > نداشتید . دلیل آن این است که مرورگر در صورت برخورد به تگ < h1 > و < h2 > و ... خود خط ایجاد می کند .

صفتALT

اگر صفحه وب شما به وسیله کاربری که با مرورگر متنی کار می کند دیده شود در اینصورت تصویر دیده نمی شود یا ممکن است کاربران برای جلوگیری ازاتلاف زمانی که در اثر بارگیری یک عکس در یک شبکه شلوغ پیش می آید از دیدن عکس صرفنظر کرده و بارگذاری را متوقف کنند در این حالت است که صفت ALT در تگ Img مفید خواهد بود . در این صفت توضیحی راجع یه عکس آورده می شود که با نگهداشتن ماوس روس عکس این صفت ظاهر می شود.
امکان دیگری که شما می توانید در تگ < img > داشته باشید صفات Height و Width می باشد با این دو صفت می توانید ابعاد یک تصویر را مشخص کنید .
< Img src=" filename.gif" width=X height=Y >
X - طول و Y عرض تصویر را مشخص می کند.
شما می توانید از یکسری از برنامه های گرافیکی سودمند برای اینکه این اعداد را تخمین بزنید استفاده کنید. روش دیگر برای پیدا کردن ابعاد عکس این است که شما می توانید آیکون مورد نظر را با Drag and Drap به پنجره مرورگر بکشید و طول و عرض تصویر در Titlebar مرورگر نشان داده می شود .

تذکر : ترتیب صفات در تگ < Img > مهم نیست .

مروری بر مطالب

1- قالب HTML برای تصاویر چیست ؟
2- برای اینکه عکس در یک پاراگراف جداگانه ظاهر شود از چه تگی استفاده می شود ؟
3- چگونه یک عکس را به صفحه خود اضافه می کنید ؟
4- صفات تگ < Img > چیست ؟

تمرین

در صفحات خود از تصویر استفاده کنید .


درس 8 - LINK ( اتصال )

URL- چیست ؟

قدرت واقعی وب در توانایی آن در ایجاد ابر متن هایی است که وابسته به اطلاعات است که آن اطلاعات بصورتهای صوت و عکس و ... انیمیشن در یک کامپیوتر راه دور قرار داده شده است www پهناور از یک آدرس شناخته شده بنام URL که مخفف Uniform Resource Location است برای مشخص کردن موقعیت مکان خود استفاده می کند.
این اتصالات ابرمتن معمولا با خطی در زیر آن مشخص شده اند.
a ) اتصال به یک فایل محلی

اهداف این درس

1- ایجاد یک اتصال در یک سند HTML در همان شاخه ای که سند شما قرار دارد.
2- ایجاد یک اتصال برای نمایش یک فایل گرافیکی
3- ایجاد یک اتصال در شاخه ای به جز شاخه ای که سند در آن قرار دارد.
4- سازماندهی مجدد ساختار وب شما

شروع درس

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

اتصال به فایلهای محلی

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

برای لنگرگاه لینک استفاده می شود و href برای ارجاع دادن ابرمتن مطلب یا عکسی که از آن به عنوان اتصال استفاده می شود بعد از بسته شدن اولین تگ و قبل از شروع < a / > قرار می گیرد . معمولا متونی که دارای اتصال هستند با خطی در زیر آنها مشخص می شوند .
حال مراحل زیر را برای ساختن یک اتصال دنبال کنید:
1- ابتدا فایل Lesson1.html را باز کنید .
2- در زیر لغت آموزش از راه دور متن زیر را وارد کنید .
"در اینجا ما سعی می کنیم شما را با بزرگترین سایتهای آموزش از راه دور آشنا کنیم و برخی از آنها را ترجمه و برای استفاده شما در سایت بکار ببریم" .
3- حال عبارات زیر را وارد کنید: در این صفحه شما طراحی صفحات وب را مطالعه خواهید کرد و ما در اینجا به
امیدواریم استفاده لازم را ببرید . جمله آموزش HTML را می توانید در یک سند HTML ثانوی با نام Lesson2.html ذخیره شده ببینید که در مراحل 5 و 6 آن را دنبال می کنیم .
4- سند خود را ذخیره کنید .
5- حال بوسیله ویرایشگر متنی یک ویرایشگر جدید باز کنید.
6- متون زیر را وارد کنید .

در اینجا بر عناوین آموزش HTML که از مهمترین آنها ساختن ابر متن ها می باشد می پردازیم :

7- این فایل را با نام Lesson2.html ذخیره کنید.
8- دوباره فایل Lesson1.html را بارگذاری کنید .
9- هنگامی که روی آموزش HTML کلیک کنید به صفحه 2 که در مورد آموزش HTML می باشد هدایت می شوید .

اتصال به یک تصویر :

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

حال مراحل زیر را برای اضافه کردن یک اتصال به فایل گرافیکی در سند خود دنبال می کنیم :
1- یک عکس در کامپیوتر خود قرار دهید .
2- فایل Lesson2.html را باز کنید .
متن زیر را به آن اضافه کنید :
برای آموزش بهتر از یک سری تصاویر استفاده می کنیم . با دیدن
آموزش مفیدتر خواهد بود.
3- ذخیره مراحل انجام شده
4- کلیک بر روی اتصال که در مرحله 3 ایجاد شد.
5- تصویر نمایش داده می شود .

اتصال به شاخه های دیگر

نوع دیگر اتصال ، اتصال به فایل در شاخه ای به جز آن شاخه ای که سند اصلی ما در آن قرار دارد. مثلا در آموزش ما ممکن است از تصاویر پیشنهادی استفاده کنیم که همه آنها را در شاخه تصویر ذخیره می کنیم و سندهای HTML را در شاخه سند ، بنابراین در اینجا از اتصال شاخه به شاخه استفاده می کنیم .
مراحل زیر را انجام دهید :
1- در کامپیوتر خود شاخه ای به نام Picture ایجاد کنید .
2- فایل گرافیکی Lesson2.gif را به یک شاخه جدید منتقل کنید .
3- فایل Lesson2.html را در ویرایشگر خود باز کنید .
4- تگ زیر را به سند خود اضافه کنید :
5- سند خود را ذخیره کنید و دوباره بارگذاری کنید .

اتصال در شاخه های تودرتو

ممکن است برای آدرس دهی در اتصالات مجبور به استفاده از فولدرهای تو در تو شویم :
< a href ="…/…/home.html" >back to home< /a >
هر کدام از این مسیرها که با / جدا شده اند یک URL می باشند که به مرورگر برای نمایش عکس در صفحه کمک می کنند .
1- ابتدا یک فولدر با نام آموزش ایجاد کنید .
2- دو فایل HTML شناخته شده خود را به این فولدر انتقال دهید .
3- تصاویر خود به نامهای Lesson1.jpg و Lesson2.jpg را در فولدر Picture انتقال دهید. سپس فولدرهای Picture و Amozesh را به فولدر Work انتقال دهید.
4- فایل Lesson1.html را باز کنید .
5- به اتصال درون این فایل توجه کنید.

6- تگ < Img > را ویرایش کنید .

7- اعمال خود را ذخیره کنید .





یک تغییر کوچک

روش نرمال و معمولی برای ذخیره سازی اسناد این است که معمولا سند اول را با نام Index.html ذخیره می کنند پس بهتر است فایل Lesson1.html را Rename کرده و آن را با نام index.html ذخیره کنید.

چرا باید چنین کنید ؟

فرض کنید شما کار خود را به اتمام رساندید و آماده هستید تا صفحات را بصورت وب ببینید. URL سایت شما [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] می باشد. و فایل مورد نظر شما در این شاخه ذخیره شده است : [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] /courses /geolgy /lesson1.html بنابراین URL آن عبارتست از :
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] بطور معمولی نامی که برای صفحات وب بطور پیش فرض در نظر گرفته می شود index.html است .

مروری بر مطالب

1- چه مراحلی را برای ایجاد یک اتصال محلی دنبال می کنید ؟
2- چه مراحلی را برای نمایش یک عکس در پنجره جدید دنبال می کند.
3- چگونه اسناد اتصالات را در شاخه های متعدد نگهداری می کنند ؟
4- اهمیت نامگذاری index.html در چیست ؟

توضیحات اضافی

شما می توانید از این روش برای Down load کردن نرم افزارهای مختلف نیز استفاده کنید . روش انجام آن بصورت زیر است :

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


٨-ب - لينك به سايت ديگر

اهداف این درس

1- شناسایی وظیفه یک URL
2- تشخیص ساختار یک URL
3- امتحان یک اتصال به یک URL

تذکر:

برای این درس شما نیاز به فایل متنی HTML ندارید.
URL چیست ؟

Uniform Resource Location -URL آدرسی است که www از آن برای پیدا کردن فایلها و اسناد کامپیوترها در روی اینترنت از آن استفاده می کند در مرورگر شما URL این سند در قسمت آدرس با مرورگر شما تایپ شده است . یک مرورگر URL شامل قسمتهای زیر است :
1- معین کننده هویت
2- معین کننده هویت و آدرس
3- مسیر کامل فایل منحصر به فرد
URL چیزی است که شما برای ساختن یک اتصال از یک صفحه وبی که خودتان ایجاد کرده اید برای اتصال به اطلاعات دیگر قابل دسترسی بر روی اینترنت به آن احتیاج پیدا خواهید کرد .

ساختار URL چگونه بنا می شود ؟

- چگونگی ایجاد یک URL
ساختار یک سند URL بصورت زیر است : Type:\\inter.net.address/directory/…/filename کلمه Type (نوع ) اشاره بر نوع Internet server دارد که شروع کننده یک URL است .
http برای web server است که مخفف است که مخفف hyper text transfer prorocol می باشد .سایت اینترنتی گوفر اطلاعات شاخه ها و منوهای منتقل شده می باشد.

FTP

مخفف کلمات File Transfer protocol که به FTP ناشناس شهرت دارد و آرشیوی از فایلهاست .

Telnet

ایجاد یک جلسه Telnet برای دسترسی به کامپیوتر را دور وقتی مرورگر وب خود را انتخاب می کنید برای Telnet آماده خواهد شد و یک برنامه خارجی را به یک سایت مشخص اتصال پیدا می کند.

WAIS

مخفف کلمات Area Indexed server سروری برای جستجو موضوعات و اسناد جهت دار با استفاده از لغات کلیدی .

File

فایلها بر روی کامپیوتر شما (فلاپی ، هارد دیسک ، ... ) این نوع آدرس دهی همیشه با :// دنبال می شود و آدرس اینترنت یک کامپیوتر راه دور مانند آدرس فوق
Host.Domain.Domain.Domain

برای مثال:

Machine department.college.edu
123.45.6.78
office.company.com
agency.branch.gov
machine . organization.country
توجه داشته باشید که یک URL می تواند شما را به هر سایت ، شاخه ، زیر شاخه ، فایل متنی ، تصویر و فیلم یا صدا و یا هر سایتی که آرایش شده برای ترسیم عمومی متصل کند. بهترین روش برای پیدا کردن URL های مختلف حرکت دادن ماوس و لینک کردن آن بر روی ابر متن های در صفحه می باشد . اگر به قسمت بالای مرورگر خود دقت کنید URL می توانید در آن قسمت به نمایش در آید . همچنین شما به وسیله URL می توانید به سایتهای بزرگ نظیر Yahoo و ... دسترسی پیدا کنید.

مروری بر مطالب

1- هدف ایجاد URL برای www چیست ؟
2- در کجای صفحه وب می توان URL ها را پیدا کرد ؟
3- ساختار اصلی یک URL چیست ؟
4- وقتی به وسیله یک ابرمتن اتصال به جایی پیدا می کنید URL را چگونه می بینید ؟

تمرین

بر روی ابر متن های یک سایت کلیک کنید و عوض شدن URL ها در قسمت بالای صفحه را بررسی کنید .


٨-ج اتصال به یک سایت دیگر از اینترنت

اهداف این درس

1- ایجاد یک اتصال به یک سایت دیگر اینترنت
2- ایجاد یک URL در سند HTML برای استفاده و اتصال از طریق سایت شما

شروع درس

HTML برای اتصال به اینترنت
اتصال به یک سایت اینترنتی ترکیبی است از دو مبحث اتصال به یک فایل محلی درس (8a ) و هر آنچه که در درس (8a ) در مورد URL آموختیم قالب HTML کلی این اتصال بصورت زیر است :

URL آدرس سایتی است که شما می خواهید از آن دیدن کنید .link
یک رشته لینک فعال که بصورت ابرمتن در مرورگر وب نشان داده می شود ، معمولا اما نه همیشه با خط آبی که در زیر آن کشیده شده مشخص می شود. وقتی یک بیننده بر روی ابر متن کلیک می کند مرورگر وب به یک سایت دیگر بوسیله یک URL اتصال پیدا می کند . توجه داشته باشید که URL می تواند شما را به www و FTP و Gopher ، متن و عکس و ... متصل کند . می خواهیم یک ابرمتن در سایت ایجاد کنیم برای دسترسی به سایتهایی که در مورد آموزش از راه دور می باشد .
1- فایل Index.html را باز کنید.
2- متن زیر را اضافه کنید :

برای دیدن سایتهای آموزش از راه دور
3- ذخیره سند خود

تذکر :

برای اینکه در سایت خود اتصالی داشته باشید که شما را به یک عکس در یک سایت اینترنتی دیگر متصل کند باید آدرس کامل آن عکس را در URL خود ذکر کنید.

روش آسان برای وارد کردن یک URL در یک تگ

از آنجایی که ماهیت یک صفحه وب و آدرس آن در قسمت آدرس بار ظاهر می شود و شما می توانید روی آدرس بار بر روی آدرس کلیک کرده و آن را انتخاب کنید و گزینه Copy را انتخاب کنید سپس مراحل زیر را انجام دهید .
1- فایل index.html را باز کنید .
2- متن زیر را وارد کنید .

3- به آدرس [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] متصل شوید.
4- در این صفحه وب از آدرس بار URL را انتخاب کنید .
5- از منوی Edit گزینه Copy را انتخاب کنید .
6- حال به سند index.html خود باز گردید.
7- ماوس را مابین index.html در جایی که می خواهیم URL را وارد کنیم قرار می دهیم و سپس Paste کنید .

مروری بر مطالب

1- آدرسهای اینترنتی چه هستند ؟
2- مراحلی که باید برای گذاشتن یک Link -URL در صفحه وب دنبال کنید چیست ؟
3- راه آسان وارد کردن URL چیست ؟
4- گزارشی از انواع لینکهایی که در صفحه قرار دادید داشته باشید .

تمرین

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


٨-د - اتصال به قسمتی از همان صفحه

تگ < name >


اهداف این درس

1 - ایجاد یک شاخه مخفی برای اشاره به یک قسمت خاص از یک سند HTML
2- ساخت و ایجاد یک اتصال ابرمتن که به بخش خاصی از یک سند متصل شوید .
3- ساخت یک ابرمتن برای اتصال به قسمتی از یک صفحه در یک سند HTML دیگر
4- ایجاد انواعی از ابر متنها برای صفحه وب

شروع درس

Anchor name یک نشانه مخفی ، برای اشاره به یک بخش خاصی از یک سند HTML و نیز می تواند برای اتصال به قسمتی از یک صفحه دیگر کاربرد داشته باشد . برای مثال می توانیم در یک صفحه ( در اینجا ) یک اتصال درست کنیم که با کلیلک بر روی آن به قسمت آخر صفحه پرش پیدا کنید .
قالب HTML آن عبارتست از
< a name="name" >Text to link to < /a >

نوشتن و ایجاد یک لینک (Name Anchor)

هنگامی که می خواهید یک ( Name Anchor ) ایجاد کنید مراحل زیر را دنبال کنید .

کاراکتر "#" به مرورگر شما می فهماند که باید در داخل سند به دنبال Anchor name باشد . اضافه کردن یک name anchor به index.html که در قبل ساختید.
1- سند index.html را باز کنید .
2- در بالای این متن را اضافه کنید .

3- در یک روش یکسان مانند بالا موارد زیر را نیز انتخاب کنید .

4- اگر صفحه را مجددا بارگذاری کنید از تغییراتی که انجام دادید چیزی دیده نمی شود و از چشم کاربر مخفی است .
اضافه کردن اتصالات (Name Anchor) به همان سند
1- باز کردن فایل Index.html
2- موارد زیر را اضافه کنید .
3- سند خود را ذخیره کنید و آن را مجددا بارگذاری کنید .
در پایان ما می خواهیم که هر کدام از موارد لیست بالا بصورت ابرمتنی باشند که ما را به قسمتی از همین صفحه هدایت کنند .
1- صفحه index.html را در ویرایشگر متنی باز کنید .
2- اولین مورد را بصورت فوق تغییر دهید .

3- نتایج خود را ذخیره و صفحه را مجددا بارگذاری نمایید.

اضافه کردن یک اتصال Anchor name به یک سند دیگر

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

اگر چنین سندی در صفحه دیگری وجود داشته باشد
برای ایجاد چنین لینکی مراحل زیر را دنبال کنید :
1- سند Lesson1.html را که در قبل ایجاد کردید باز کنید .
2- در بین تگ و متن زیر را وارد کنید :

3- اسناد خود را ذخیره کرده و صفحه را مجددا بارگذاری کنید .
وقتی که بر روی ابر متن Return to training the web کلیک می کنیم و در صفحه Index.html در قسمت آموزش آن می شوید .

آزمایش







مروری بر مطالب

1- چگونه یک تگ Anchor name زا می شناسید؟
2- مراحل ایجاد یک لینک به قسمت دیگر از یک صفحه چیست؟
3- چگونه این لینک را برای اتصال به قسمت صفحه دیگر آرایش می کنید؟
4- تفاوت بین تگ های زیر چیست ؟


تمرین

در صفحه خود از انواع name anchor استفاده کنید


٨-ه - اتصالات ابر متن و تصویرهای لینک شده

اهداف این درس

1- وارد کردن یک دگمه گرافیکی در صفحه وب برای اتصال به سند دیگر HTML
2- وارد کردن یک تصویر کوچک که مانند یک تمبر پستی برای نمایش یک Copy از عکس بزرگتر عمل می کند.

شروع درس


دکمه های اتصال

از درس قبل آموختید که چگونه یک ابر متن در سند خود ایجاد کنید که بیننده را به اطلاعات وابسته اتصال دهد. همچنین در درس (a 7) آموختید که چگونه یک عکس خطی را بصورت لینک در آورید . اگر بیاد بیاورید در درسهای قبل که یک رشته متن در Index.html -Lesson1.html را به صفحه دوم Lesson2.html اتصال دادیم که توضیح داده شد( در مورد آموزش از راه دور) حال در این صفحه می خواهیم بدانیم که چگونه یک دکمه اضافه کنیم که با اتصال بر روی آن ما را به صفحه اول بر گرداند.
به دستور زیر توجه کنید :
< a href="filex.html" >< img src="qraphic.gif" >go to document< /a >
دو صفحه وب شما رشته متن Go to Document و تصویر هر دو بصورت ابراتصال عمل می کنند و با کلیک بر روی آن به مرورگر می فهمانید که باید به صفحه filex.html باز گردد . معمولا متنها و عکسهایی که با حالت ابر اتصال باشند در صفحه متمایز هستند. امروزه خیلی از مرورگرها می توانند رنگ ابر متن را تغییر دهند . معمولا شما می توانید شناسایی کنید یک نامه ابرمتن در صفحه وب را به وسیله کشیدن ماوس روی آن تغییر رنگ می دهد و نیز هنگامی که یکبار بر روی متن کلیک کنید در بازگشت رنگ ابرمتن های بازدید شده تغییر کرده است از نقطه نظر یک طراح وب پیشنهاد می کنیم که وقتی می خواهید از تصویر به عنوان یک اتصال استفاده کنید . همچنین در تگ < Img> از صفات دیگری مثل attribute و Alt نیز استفاده می شود . کاربر با بارگذاری عکس را متوقف می کند حال می خواهیم یک اتصال گرافیکی ایجاد کنیم . در ابتدا باید در جایی از کامپیوتر خود عکس را ذخیره کنید .
1- صفحه Lesson1.html را باز کنید.
2- در بالای صفحه تغییرات زیر را ایجاد کنید :

3- نتایج خود را ذخیره و صفحه را مجددا بار گذاری کنید .
حال دوباره به سند Lesson1.html باز گردید.
1- صفحه Lesson1.html را باز کنید .
2- تغییرات زیر را در صفحه انجام دهید :

تذکر :

در تگ < Img src > از صفات height و width برای کوچک کردن تصویر استفاده کنید بطوریکه با کلیک روی آن عکس بزرگ به نمایش در آید .



مروری بر مطالب

1- چگونه یک دکمه گرافیکی در صفحه ایجاد می کنید ؟

تمرین

مطالب گفته شده را در صفحه خود بکار ببرید .


درس 9 - به رديف در آوردن متن

اهداف این درس

- به ردیف در آوردن متن
- کنترل بر جاهای دقیق متن و کاراکترها

شروع درس

در درس قبل آموختیم که مرورگر کلیه فضاهای خالی که در صفحه قرار دادیم چشم پوشی می کند ، به هر جهت بعضی از مواردنحوه آرایش کلمات در حمایت از طرح و ترکیب کلی صفحه مهم است . تگ Performat صفحه شما را دقیقا مانند آنچه که در ویرایشگر متنی تایپ نمودید نشان می دهد.
M n o s p a c e d
در ادامه بحث مطالب زیر را دنبال می کنیم :
1- فایل HTML با نام Index.html را در ویرایشگر خود باز کنید و موارد زیر را اضافه کنید .


نام دورهاي اموزشي
نام دوره اموزشي نام مدرس
internet ---
html ---
- نتایج خود را ذخیره کنید و صفحه را مجددا بارگذاری کنید .

مروری بر مطالب

1- در هنگام ترجمه مرورگر تگ Preformat چگونه عمل می کند؟
2- در چه مواقعی از این تگ استفاده می شود؟


درس 10 - کاراکترهای ویژه

اهداف این درس

- نشانه گذاری در HTML
- استفاده از علامات < > در هنگام لزوم در سند
- گذاشتن فاصله اضافی در بین کاراکترها

نشانه های تایید

بعضی اوقات در صفحه نیاز دارید از بعضی کاراکترهای ویژه استفاده کنید که به Iso مشهور هستند و در HTML نشان xxxxxxx مشخص می شوند.
برای دیدن مرجع این نشانه ها به آدرس زیر مراجعه کنید:
Iso characters
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
ممکن است بعضی اوقات مجبور به استفاده از علامت کوچکتر و بزرگتر < > در صفحه باشد که برای اینکه مرورگر آنها را بصورت Code ترجمه نکند .برای نمایش آنها نیاز به استفاده از کاراکترهای ویژه دارید.
< استفاده می شود برای &Lt
> استفاده می شود برای >
& استفاده می شود برای & amp

ایجاد فضای خالی

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

جدول کاراکترهای ویژه
Name HTML
Copyright & copy;
Trademark & reg;
Cent & cent;
Deqree sign -& deg ;
double-less than & laquo ;
Midline dot & middot;
Micron & micro ;



مروری بر مطالب

1- برای گذاشتن علامت بزرگتر و کوچکتر چه روشی دارید؟
2- برای گذاشتن فاصله چه می کنید ؟

تمرین

در صفحه وب خود از کاراکترهای ویژه استفاده کنید .


درس 11 - لیستهای تعریف

اهداف این درس

1- ایجاد لیستهای تعریف با متنهای جداگانه
برای تعریف اقلام
2- ایجاد تاریخچه با لیست تعریف
در درس 6 آموختیم که چگونه لیست تعریف ایجاد کنیم . حال می خواهیم نوع سومی از لیست که به لیستهای تعریف معروف است ایجاد کنیم . در قبل در جلوی اقلام لیست از نقطه استفاده نمی کردیم ولی در اینجا جلوی هر قلم از لیست یک نقطه داریم .
قالب HTML این نوع لیست بصورت زیر است :



تگ < dl> و < dl /> بصورت زوج عمل می کند و < dd > و < dt > بصورت فرد
در فایل index.html موارد آموزشی را بصورت لیست تعریف دربیاورید . کار خود را آزمایش کنید .

مروری بر مطالب

1- چه فرقی بین لیست تعریف و لیستهای مرتب و نامرتب وجود دارد؟
2- در چه مواردی باید لیست تعریف بکار برد؟
3- چه فرقی بین دو تگ < dt > و < dd > وجود دارد ؟

تذکر :

شما می توانید لیستهای مرتب و نامرتب را با لیستهای تعریف با هم به کار ببرید .
oxielex
Combinations of metal ions with oxygen Comprises the major ores extracted in mining operations
• Hematite
• maquetite
• corundum

Source آن بصورت زیر است :

درس 12 - آدرسهای زیر نویس و اتصالات email

توانائیها

1- گذاشتن سر فصل و پاورقی برای صفحات
2- ایجاد ابر متن هایی برای ارسال
email
شروع درس

وجود سر تیتر و پاورقی برای صفحات وب ارزش زیادی دارد و قطعا تاریخ آخرین ویرایش می تواند اهمیت زیادی داشته باشد.
عقیده خوبی برای گذاشتن سر فصل و پاورقی مثبت بین 2 صفحه وب برخی از اطلاعات مفید در این زمینه عبارتست از :
1- سر فصل و موضوع صفحه جاری
2- تاریخ ایجاد سند
3- محفوظ بودن حق کپی
4- اسم و آدرس پست الکترونیکی
5- نام و ابر متن برای اتصال به سازمان یا ارگان
قالب آن بصورت زیر است :
< address > text text text < /address >
فرض کنید شخصی در حال خواندن صفحه شما می باشد و مایل است نکاتی را به شما توصیه کند . شما باید آدرس پست الکترونیکی خود را در صفحه بیاورید و شما می توانید به وسیله یک اتصال از طریق مرورگر این کار را انجام دهید . اکثر مرورگرها ی امروزی این کار را انجام می دهند .
روش انجام این کار گذاشتن ابر متنی با دستور mailto می باشد :


هنگامی که متن Send email کلیک شود مرورگر وب شما صفحه Compose را فراهم آورد و شما می توانید پیامی را در آن تایپ کنید و ممکن است در همه مرورگرها جواب نگیریم . می توانید در صفحه خود از چنین اتصالاتی استفاده کنید.




اگر شما بخواهید یک پیام را به چند نفر ارسال کنید شما می توانید در تگ Mailto آدرسهای زیادی قرار دهید و آنها را با کاما از هم جدا کنید .

send email
برای اضافه کردن پاورقی یا مواردی مثل آدرس سازمان یا شرکت و ... می توانید متن یا آدرس مورد نظر را بین دو تگ
و
بیاورید . مثلا :

درس 13 - وارد کردن یک توده متن بطوریکه از بقیه متن متمایز باشد .

وارد کردن تگ blackquotes در صفحه


شروع درس


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

شما می توانید اقلام دیگری مثل لیستها و ... را بوجود آورید .
1- سند index.html را باز کنید .
2- یک توده متن به آن اضافه کنید و آن را داخل کوتیشن قرار ده

[ali_boujari]

اين مطالب رو نوشتن كه به آقا carlos بگم فكر نكنه فقط خودش بلد حرفه اي بنويسه

[ali_boujari]

مطلب بالا pdf رو كردم بفرماييد

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

[Nesta]

سلام
ميکروسافت اگه آدم بود در ضمينه برنامه نويسی حرف ميزد html هم که ديگه کسی نميشينه کد حفظ کنه مگه خله آدم بد هم اين آقای که اسمش علی هست شما فکر ميکنين خيلی برنامه نويس هستی که هی در جملتتن ميگين اگه برنامه نويس باشی فعلاً ميکروسافت يه windows نميتونه درست بده بيرون يه کسپ 5 سال پيش داد بيرون هنوز هی اپديت ميکنه سرويس پک ميده اينم از برنامه هاش که مثلاً سپی هست و بقيه هنوز نتونسته زبان هرو در برنامه هاش پوشش بده شرکت ميخوای يعنی macromedia yani borland تاحالا کی ديده اين 2 تا شرکت برنامه بدان يه جاش ايراد يا بد باشه به من بگه ياد بگيرم اصلاً ميشه با اين 2 شرکت کل کرد يا با ميکروسافت مقايسه کرد؟

[+WarriorKing]

ali_boujari, كه داره فقط وقتشو تلف ميكنه و اين يه زبوني كه بلده رو هي به رخ اين carlos, بدبخت ميكشه ...

اين آقاي carlos, هم مايكروسافت رو نميدونم با كجا عوضي گرفته هي بهش توهين ميكنه ...

[Nesta]

سلام
اگه دوسته عزيز شما نميدونين من با کجا عوضی گرفتم بايد بگم که من دقيقاً درست گرفتم چون 6 سال در دانشگاه درس همينو خوندم و فهم،ايدم که چيه آدم تا باهاش سرو کار نداشته باشه درست نميفهمه چه مزخرفيه اين ميکروسافت من چون برنامه نويسی ميکنم و قبلاً هم با vb مينوشتم بيشتر فهميدم که کله برنامه هاش بيخد هسر به جز 2-3 تا اونم مجبوری در ضمن چند وقت پيش رييس اين شرکت رو جريمه کردن گفتم از اين ببد درست برنامه ميدی بيرون همه شکايت کردن

[ali_boujari]

آقا carlos شما كه 6 سال دانشگاه داري درس مي خوني
انقدرم حالت و از ميكروسافت بدت ميياد بيا يك سيستم عامل بنويس حال ميكروسفات رو بگير بعد به ميكروسافت توهين كن.
يا اگه نمي توني بشين سرجات به ميكروسافت توهين نكن
در ضمن هركدوم از مهندس ميكروسافت 1000تاي من تو سواد دارند

[Nesta]

سلام
منم اگه 10 سال پول ميريختن مسه علف جلم بد 200 نفر تيم درست ميکردم مينوشتم هر کی در حد خودش قشنگ ميکروسافت اگه شرکت بود که بد از 10 سال يه windows با امنيت ميداد مردم که هر رز مثله برنامه نرو هی اپگرد نکنه اين از هنگ کردنش اين از سرتش اين از امنيت که همه هک ميکنن تازه اگه windows ساله 2001 رو نصب کنی که فکر کنم با همون winme کار کنی بهتره شما که هداقل هيچی از کامپيوتر نخوندی خواهشن شما به شين سره جت من باز خوندم ميتونم وستم من تيم برنامه نويس 400 نفره با ماهی 2000 دلاری ندارم و نيستم اگه به منم ماهی 2000 دلار ميدادن شايد مينوشتم با اون 399 تيه ديگه دوره هم حال ميکرديم يه حرفی بزن منطقی شما يه آمار بگير ببين چند نفر از اين ميکروسافت رازی هستند بدن حرف بزن

[ali_boujari]

يك تاپيك تو انجمن متفرقه را مي ندازم ببينيم

[ali_boujari]

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] f9e38d3

جهت نظر سنجي به اين تاپيك برويد

[Nesta]

پول بگير اونجای نکنه

[ali_boujari]

كدوم برنامه نويس سيستم عامل است كه2000 دلار بگيره
مگه حراجي؟
خيلي پرتي
تو هندوستانشم درآمد بيشتر است
آقاي محترم لطفا با بيل گيتس(ثروت مند ترين جهان) چت كن
تا جناب عالي نابغه رو استختام كنه
باعث افتخار هر ايراني است كه جناب عالي تغيير و تحولي تو ميكروسافت انجام بدهي
ولي خواهش مي كنم به سهام داران ماكروسافت رحم كن
ضمنن به دفتر استعدادهاي درخشان كشور هم سري بزن

[Nesta]

سلام
شما بيداری بابا windows 500 دلار هست ميخوای حقوق اينا چقدر باشه تو پرتی ميدنی چرا چون من نميخاستمم بايد از اينا ميخوندم پسر خوب کدوم نرم افزار اينا زيره 100 دلار هست همش بالست يه بامزه تا الان که اينا 2000 دلار نميگرفتن چی شد يه دفعه زدی ثروت مند چی شد آهن اين پلرو اين يارو گرفته که الان پلش تا کره ماه ميرسه تو چرا کم مياری حرف بی ربط ميزانی من ميگم اين شرکت نيست تو چرا ميگی بگو تو نابغه فعلاً آقا من آره داداش 6 سال درم ميخونم مدرک دارم تو مدرکت چيه داداش کله برنامه ميزريم اينجا واسه دانلود خوبه تم بگزر شبی يه دونه از خودتاااا يعنی تو about برنامه اسمه تو نبغم باشه خوبنه؟ بچه پايه بودی بگو هی من هيچی نميخام نون بزوتو بخور چرا ميری بلا از بيل آره بابا windows خوبه واسه همين اشک همه در امده برو تو سايت تخصصی برنامه نويسن ايرانی از مهدی کرامتی بپرس anti microsoft چيه کين 60% برنامه نويسن اينن آره بابا تو اگه 4 تا سؤال ازت بکنم ميمونی هی ميگه بگو جناب آقای بيل استختمت کنه چرا ميری تو خاکی من نظرم و ميگم نظر 60%برنامه نويس هست تو همون تازه وارد باش چون نميدونم چند سلته اونعی که بايد مبنو بشناسن ميشناسن

[mahan]

اين بحث رو ادامه ندين

[ali_boujari]

فعلا كه آقا كارلوس اوضاع توي نظر سنجي به نفع من است

[ali_boujari]

من ميدونم مي مونم اما يك مهندس ما كروسافت كه نمومنه
استاد شماهم كه اينقدر استادي يك نرم افزار تو مايه هاي فورنت پيج بنويس بعد يك پول حسابي درار بعدشم يك كلاس املا فارسي برو تا انقدر غلط املايي نداشته باشي براي يك مهندس كامپيتر اين همه غلط املايي بده

[Nesta]

سلام دکتر شما يه زبان برنامه نوييسی که بلدی بگو که همه بدونن انقدر رفتی تبليغ کردی که آقا بياين رأی بدين تورو خدا ميبينی که اونعی که نظرشن مثله منه کين اونم که تازه واردن و تازه کامپيوتر خريدن خوب آره شما هر زبان برنامه نويسی که بلدی بگو اصلاً به من نه بگو مردم سؤال کنن اينجا 4-5 نفران يکيش رامبد soso هر موقع يکيو بلد بودی بگو حرف بزنی مگه هر کی برنامه نويس هات بايد front page بنويسه مگه همين برنامه که 20 درصد asp dreamweaver هم نيست و يه نفر نوشته

[ali_boujari]

اقا carlos شما گر تاريخ عضويت هاي من رو باخودت مقايسه
كنيد ميبينيد كه من از شما زودتر عضو شدم
اما چون وقت شما رو نداشتم نتونستم اندازهي شما ارسال داشته باشم

[ali_boujari]

مگه Mafia كه درجه اش از تو بالاترmohammadkhبا من هم عقيده نيستن

[Nesta]

سلام
دوسته عزيز سر 10 رز مثلاً زودتر عضو شدن بحث نکن بچه اي مگه

[ali_boujari]

باشه carlos جان ديگه بيا بي خيال كلكل شيم

[mr_jeghjegheh]

یه نرم افزار برای نوشتن اچ تی ام ال با محیط فارسی با استفاده از این نرم دافزار دیگه نیازی به آموزش ندارین
البته این برنامه دو زبانست Farsi - English
اگه کسی تو جایی مشکل داشت بگه به نرم افزار اضافه کنم
لینک نرم افزار
برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید