قاتی پاتی

بهترین ها - تازه ترین ها - محبوبترین ها - مهم ترین ها

قاتی پاتی

بهترین ها - تازه ترین ها - محبوبترین ها - مهم ترین ها

آموزش جاوا اسکرپت

آموزش جاوا اسکرپت

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

نکته : باید توجه داشت که جاوا اسکرپت یک زبان طرف کاربر (Client Side) است توسط کامپیوتر شخصی کاربر تفسیر می شود. کدهای مربوط به جاوا اسکرپت توسط کاربر نهایی قابل مشاهده هستند پس توصیه می شود از آن برای مقاصد مهم نظیر اتصال به دیتابیس استفاده نشود.

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

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

برای آزمایش کردن اسکرپتهایی که می نویسید باید از مرورگری استفاده کنید که از جاوا اسکرپت پشتیبانی می کند. قابل ذکر است که تقریباً همه مرورگرهای جدید از جاوا اسکرپت پشتیبانی می کنند از جمله این مرورگرها می توان به اینترنت اکسپلورر (IE) که در ویندوز به صورت پیش فرض نصب می شود، فایر فوکس (Firefox) و اپرا (Opera) اشاره کرد. به خاطر داشته باشید که نسخه های قبل از نسخه 4.0 اینترنت اکسپلورر و Netscape از جاوا اسکرپت پشتیبانی نمی کنند.


نظرات بازدید کنندگان
Thu, 21 May 2009 20:53:49 +0430 نویسنده : mohamad
هز اطلاعاتتون ممنون
 
Sat, 16 May 2009 13:13:32 +0430 نویسنده : roshan
با سلام
اگه ممکنه اطلاعاتی در مورد  طراحی سایت و وارد کردن اطلاعات جدید به سایت و به روز رسانی سایت می خواستم . ممنونم یه دنیا .
 
Wed, 13 May 2009 18:44:38 +0430 نویسنده : ali
سلام دارچین
خوب چرا از HTML استفاده نمی کنی جوملا اچ تی ام الم که داره!
سایت ما هم از جوملاست www.parsianir.com
اگه کمکی ازم بر میاد میل بزن
alimo203@gmail.com
 
Wed, 13 May 2009 11:08:18 +0430 نویسنده : دارچین
سلام
موفق باشید
من میخوام با نرم افزار جوملا یه سایت طراحی کنم
بیشتر از css استفاده میشه هر کی می تونه کمکم کنه لطفا بهم خبر بده
 
Thu, 30 Apr 2009 17:30:26 +0430 نویسنده : ساسان آهوان
سلام من یه سایت فروشگاهی زدم ولی برا طرحیش دچار مشکل شدم نمیدونم چیکار کنم بعد میخوام که سایتم تو google خودشو بالا بکشه باید چیکار کنم از کجا شرو کنم. اگه کسی جایی برا آموزش طراحی سایت وبرنامه نویسی تو تهران بلده لطفا بگه. 09193285022  ازتون ممنونم
 
Sat, 25 Apr 2009 17:59:55 +0430 نویسنده : vahid
ok
 
Tue, 14 Apr 2009 16:06:48 +0430 نویسنده : shahparak
salam man danesh jooye moosighi hastam va khooshhalam ke in sayt ra dorost kardit
 
Mon, 13 Apr 2009 17:00:47 +0430 نویسنده : اجدادی
سلام سایتتون عالیه
 
Mon, 13 Apr 2009 13:25:02 +0430 نویسنده : اسماعیل
thank a lot of about your site this is a useful site. that I could understand a lot of important things.
 
Mon, 13 Apr 2009 10:03:48 +0430 نویسنده : ابولفضل
سلام
من می خواهم طراحی سایت را شروع کنم اما اطاعات زیادی ندارم راهنمایی میخواستم
راستش نمی دونم از کجا شروع کنم.
                                                                                                       باتشکر
 
Thu, 09 Apr 2009 08:01:18 +0430 نویسنده : زیبا
سلام. سایت جالبیه. اگه ممکنه بیشتراطلاعات حالت ابتدایی داشته باشه چون ما تازه کاریم
 
Tue, 07 Apr 2009 16:26:43 +0430 نویسنده : هاشمی
سلام
من میخام سایت فروش اینترنتی برای شرکت مان درست کنم
بطوریکه علاوه بر فروش از طریق کامپیوترهای شرکت، از طریق سایت هم انجام بشه
میخام خیلی هم مطمئن و کارآمد باشه
لطفا من رو راهنمایی کنین که چی یاد بگیرم و از کجا شروع کنم
متشکرم
 
Mon, 06 Apr 2009 13:08:54 +0430 نویسنده : خاکسار
با سلام ما یه سایت را به ثبت رسوندیم برای طراحی و ساخت آن نیاز به اطلاعاتی دارم. سپاسگذارم
 
Sun, 05 Apr 2009 10:06:23 +0430 نویسنده : مرمر
با عرض سلام و ارادت  
می خواستم یک وب سایت برای خودم طراحی کنم میشه لطفا کمکم کنید .
ممنون از لطفتون
 
Mon, 23 Mar 2009 16:23:02 +0430 نویسنده : شاپرک
سلام
می خواستم که یک نرم افزار در مورد طراحی سایت راهنمایی کنید
با تشکر
 
Thu, 05 Mar 2009 12:15:54 +0330 نویسنده : Hossein
با سلام.من تازه می خوام شروع به ساخت یک سایت کنم،ولی چیزی نمی دونم.خواهش میکنم کامل راهنماییم کنید.ممنون
 
Mon, 02 Mar 2009 08:16:37 +0330 نویسنده : یاسر سادات
خیلی عالیه..ولی من در این رابطه هیچی بلد نیستم...اگه میشه منو راه بندازید
 
Sun, 22 Feb 2009 00:10:38 +0330 نویسنده : sahar
salam ageh momkeneh dar morde dorost kardaneh siteh be  man tozih dahid  chon  mikham siteh dosrost konam vali aslan balad nistam mamnon
 
Sat, 21 Feb 2009 22:41:32 +0330 نویسنده : هیمن
سلام
لطف کنید در مورد نحوه طراحی وبلاگ من را راهنمایی کنید.من هیچ اطلاعاتی دراین زمینه ندارم.
 
Sun, 15 Feb 2009 21:50:49 +0330 نویسنده : آرمین
با عرض سلام و خسته نباشی خدمت شما من سال سوم طراحی صفحات وب هستم و باید هفته یک بار پروزه تحویل بدم . من از قالب سایت شما خوشم اومده و از شما خواهش میکنم اگه ممکنه  اجازه بدین از قالب سایت شما استفاده کنم یعنی کد رو بهم بدین با تشکر
آرمین از سنندج

پاسخ به سوالت مطرح شده

سلام

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

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

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

موفق باشید
گروه طراحی وب نئوپرشیا


نظرات بازدید کنندگان
Sat, 06 Jun 2009 09:21:11 +0430 نویسنده : مرتضی دلاور
سلام.هز زحمات شما خیلی ممنون اگه لطف کنیددر مورد لینوکس نیز مطالب بنویسید.باراهنمایی کامل .متشکراز مدیر سایت.دلاور
 
Fri, 05 Jun 2009 19:41:02 +0430 نویسنده : یاسر زینلی
@کهربائی
به نظر نمیاد کد شما مشکلی داشته باشه. احتمالاً مشکل در آدرس دهی هست
با تگ اسکرپتی که نوشتید باید فایل جاوا اسکرپت در همون پوشه قرار بگیره که فایل html هست
اگر همینطور هست و مشکل داره آدرس صفحه رو در سایت بدید تا بررسی بشه
 
Fri, 05 Jun 2009 18:51:45 +0430 نویسنده : کهربائی
با سلام
من کد جاوا اسکریپت متنی را از اینترنت گرفتم و در سایتم گذاشتم در حالت آفلاین و در فرونت پیج عمل می کند ولی وقتی که در سایتم آپلود کردم هم کد جاوا را و هم صفحه را عمل نمی کند



var text = '<div align="center"><font face="arial" size="2" color="#008000"><span style="font-weight:700">سالروز ارتحال ملکوتی امام خمینی را به تمام مسلمانان جهان بویزه هموطنان تسلیت میگوئیم</span></font></div>';
document.write(text);




<script language="javascript" type="text/javascript" src="cod.js"></script>

اسم کد جاوا cod.js است

و فایل کد جاوا را در دایرکتوری public_html گذاشتم ممنون میشوم اگر کمکم کنید
 
Tue, 02 Jun 2009 14:27:31 +0430 نویسنده : بی نام
چگونه یک مطلب را در وبلاگم  برای دانلود بگزارم؟ (وبلاگم مال بلاگفاست
 
Sat, 30 May 2009 22:31:29 +0430 نویسنده : یاسر زینلی
@علیرضا
در رابطه با کامنتی که گذاشتید و تماسی که داشتید این جواب رو میدم امیدوارم کافی باشه.
آدرس اکشن باید مشخص کننده آدرس اسکرپتی باشه که اطلاعات ارسال شده فرم رو پردازش میکنه. اگر میخواید کار خای با اطلاعات فرم انجام بدید باید اسکرپت مربوط به اون رو پیدا کنید یا اینکه بنویسید! و در هاست آپلود کنید.
اسکرپتهای مختلفی برای ارسال فرم به ایمیل وجود داره و بنده تعدادی اسکرپت هم دیدم که فرم رو در دیتابیس ذخیره میکنه اما چون معمولاً تعداد فیلدهای هر فرم مشخص نیست برای ارسال فرم به دیتابیس باید اسکرپت اختصاصی نوشته بشه!

برای نمایش اطلاعات ارسال شده در صفحه هم دو حالت وجود داره. اول اینکه صفحه داینامیک هست مثلاً پسوند php یا aspx داره و سرور هم از این زبانها پشتیبانی میکنه که در اون صورت میشه اطلاعات ارسال ده رو در همون صفحه پردازش کرد یا اینکه بعد از پردازش به اون صفحه فرستاد تا نمایش داده بشه در غیر این صورت تنها راه نمایش اطلاعات وارد شده در صفحه به صورت مستقیم استفاده از جاوا اسکرپت هست و البته در این روش اصلاً اطلاعات به جایی ارسال نمیشه و ارسال فرم توسط جاوا اسکرپت کنسل میشه!
یه راه دیگه هم هست و اونم اینه که یک فریم برای محل نمایش متن اسکرپت باز کنید که تارگت فرم رو هم همون فریم قرار بدید تا اطلاعات رو بعد از پردازش نمایش بده

در وبلاگها معمولاً خیلی مشکله که این روشها رو پیاده کرد چون از هیچ زبان برنامه نویسی نمیشه برای اونها استفاده کرد و اسکرپت رو باید در یک هاست دیگه آپلود کرد!
 
Fri, 29 May 2009 18:45:06 +0430 نویسنده : علیرضا
آقا چه جوری پرسشنامه که میسازم یه آدرسی بدم؟منظورم اینه که چه آدرسی باید بدم برای action?ممنون
 
Tue, 26 May 2009 15:59:05 +0430 نویسنده : الهام
می خواستم من را در یادگیری طراحی سایت با  PHP کمک کنید.
من یک مبتدی هستم و در شرکتی تازه مشغول به کار هستم و از من خواسته اند که سایتشان را به روز کنند و از حالت HTML به PHP در بیاورم.
آیاHTMLبهتر است یا PHP ؟
 
Tue, 26 May 2009 00:25:32 +0430 نویسنده : عرفان ظهرابی
چگونه مطلب خود را در سایت خودمون بریزیم؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟
 
Sat, 23 May 2009 16:21:52 +0430 نویسنده : بهاره
تگ نوشتن جستجو در طراحی سایت چیست؟
 
Sat, 23 May 2009 02:35:53 +0430 نویسنده : asal
salam,khaste nabashin matalebe site  khub bud  
 
Sun, 10 May 2009 21:45:23 +0430 نویسنده : هادی
سلام خسته نباشید. می خواستم بدونم کد html برای اینکه وقتی وبلاگم باز میشه یه صفحه جدید دیگه خودبه خو باز بشه که لینک هایی که می خوام رو توش بذارم. کد جاوای این رو دارم اما به کارم نمیاد اگه میشه کد html رو بهم بدین با تشکر
 
Sat, 09 May 2009 16:25:08 +0430 نویسنده : rezaq
سلام خسته نباشی
من میخواستم درمورد چپ چین یا راست چین بودن متن در قسمتهای مختلف وب سوال بپرسم
اگرمنو راهنمایی بفرمایید که چطور میتونم هر جا که میخوام راستچین باشه و بدی چپ باشه چی کار کنم
 
Thu, 07 May 2009 19:20:25 +0430 نویسنده : ابراهیم زاده
دوستان من چگونه این فلش را درHTML استفاده کنم؟
برای گذاشتن داخل وبلاگ.
با تشکر از سایت مفید شما.
 
Sun, 03 May 2009 12:15:44 +0430 نویسنده : مهشید
سلام من با دریم وی ور تقریبا طراحی وب سایتمو تموم کردم میخواستم بدونم حالا واسه ثبتش باید چه کار کنم؟؟؟
 
Sun, 03 May 2009 09:32:14 +0430 نویسنده : رضایی
لطفا به اینجانب اعلام فرمایید طراحی سایتی مانند www.ioms.irچه میزان هزینه دارد؟همچنین

آیا چنین سایتهایی حتما باید یک سرور داشته باشند .  با تشکر
 
Thu, 30 Apr 2009 15:15:15 +0430 نویسنده : پیام
چگونه میتوان یک روز شمار ساخت
مثلا اگر امروز را برابر 10 قرار دهیم فردا این مقدار برابر 11 شود
یعنی هرروز به مقدارش افزوده شود

با تشکر
 
Mon, 27 Apr 2009 10:25:10 +0430 نویسنده : امیر
دیلیل استفاده از بانک اطلاعاتی در  صفحات وب
 
Sun, 26 Apr 2009 15:02:51 +0430 نویسنده : میترا
سلام ممنون از سایت خوبتون
اگه میشه یه کتاب معرفی کنین
تا بهتر یاد بگیریم
 
Sun, 26 Apr 2009 11:43:05 +0430 نویسنده : مهشید
سلام مرسی بابت راهنمایی تون. بازم مزاحمتون میشم!
 
Fri, 24 Apr 2009 21:45:33 +0430 نویسنده : CppBuilder2006
میشه کاری کرد که در صفحه html وقتی روی یه عکس کلیک بشه آدرس اون عکس در clipboard ذخیره بشه؟
 

باز کردن صفحه مربوط به دکمه رادیویی انتخاب شده

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

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

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

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

این فرم از دو بخش تشکیل شده است. یک بخش آن فرم HTML است که مسئول نمایش دادن دکمه ها در صفحه است و بخش دیگر تابع جاوا اسکرپتی است که با همه دکمه های موجود در فرم را چک میکند و پس از یافتن آن آدرس موجود در شناسه value دکمه را با استفاده از دستور window.location باز میکند. ارتباط بین این دو بخش هم با استفاده از رویداد onsubmit برقرار میشود.

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

در این جا میتوانید کد مربوط به ساخت این فرم را مشاهده کنید :

<script type="text/javascript">
function open_target_site()
{
  var radio_group = document.forms["target_form"].target_site;
  for(i=0; i<radio_group.length; i++)
  {
    if(radio_group[i].checked)
    window.location = radio_group[i].value;
  }
}
</script>
<form name="target_form" onsubmit="open_target_site(); return false">
<input name="target_site" value="http://www.google.com" type="radio" />
ورود به سایت گوگل <br>
<input name="target_site" value="http://www.yahoo.com" type="radio" />
ورود به سایت یاهو <br>
<input name="target_site" value="http://www.altavista.com" type="radio" />
ورود به سایت آلتاویستا <br>
<input type="submit" value="مشاهده سایت">
</form>

نظرات بازدید کنندگان
Mon, 02 Mar 2009 17:11:53 +0330 نویسنده : باغبان
واقعا باید تبریک گفت به ایرانی بودنتون واقعا نمی دونم باید چه طور  تشکر کنم از تون و خسته نباشی بگم 1 دیدن و سایت شما برای من یک کشف فوقولاده  مهم بود من به دوستام هم توصیه اش می کنم تا  بیان به وبتون مرررررررررررررررررررررررررررررررررررررسی  (:
                          امید وارم خوشبخت باشین واسه همیشه
یا
 
Fri, 26 Sep 2008 18:05:20 +0330 نویسنده : حسین
سلام... میخواستم کد منو برام ارسال کنید. مثلا همین منوی سایت خودتون که وقتی موس روش میره شکلش عوض میشه... من کد عوض شدن شکل منو یا دکمه هنگام رفتن موس روی اون و می خوام...
خیلی ممنون...
واقان دمتون گرم... کارتون خیلی درسته...
یا علی...
 
Wed, 25 Jun 2008 02:26:57 +0430 نویسنده : حسین فیاض
سلام برادر عزیز
اگر ممکن است مراحل طراحی یک سایت را توضیح دهید مثل اینکه :
1- چند ساعت کلاس و چه برنامه های
2- رابطه بین برنامه ها در طراحی سایت و اینکه طراحی چه سایت های به چه برنامه های نیازمند است همین سایت بانکها و یا سایت های که اطلاعات دریش وجود دارد مثل ثبت نام و ...
3- من با پی اچ پی کار کردم اما کم و فرانت پیچ را بلدم اما گاهی به تاریکی می روم واقعا نمی دانم هدف را از چه راهی و با چه ابزاری دنبال کنم که نهایتا دلزده میشم از این جهت خواست توضیحات کلی در این باره ارائه دهید هدفم آموزش برنامه خاص نیست
4- فرق پی اچ پی با پی اچ پی نیوک چیست؟ آیا فرق دارد؟ برنامه های آموزشی خوب که مفید باشد و مورد تایید شما چه برنامه های هست البته آموزشی و راهگشا اگر معرفی کنید ممنون هستم
 
Mon, 28 Apr 2008 07:23:53 +0430 نویسنده : amir
salam man ham mesle maryam khanom hichi nemidoonam albate yekmira chera khaheshn yekami saritar.09132727056
 
Tue, 18 Mar 2008 13:23:01 +0330 نویسنده : Maryam
سلام - میخوام یک وب طراحی کنم البته با کمک شما میشه منو راهنمایی کنید هیچی هم در موردش نمی دونم . ممنون از لطفتون

محاسبه فاکتوریل اعداد با استفاده از جاوا اسکرپت

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

انجام عملیات ریاضی با استفاده از HTML امکان ندارد چون در حقیقت HTML را نمیتوان یک زبان برنامه نویسی محسوب کرد. HTML یک زبان علامت گذاری ابر متن است. برای انجام عملیات ریاضی باید از زبانهای برنامه نویسی نظیر PHP, ASP و JavaScript استفاده کرد. در این مورد استفاده از جاوا اسکرپت به دلیل اینکه برای اجرا شدن به امکانات اضافی در سرور احتیاج ندارد مناسب تر است.

فاکتوریل یک عدد برابر با حاصلضرب همه اعداد صحیح مثبت کوچکتر از عدد مورد نظر است. برای مثال فاکتوریل 5 به صورت زیر محاسبه می شود:

5! = 5 × 4 × 3 × 2 × 1 =>
5! = 120

استثنایی که در فاکتوریل وجود دارد عدد صفر است. فاکتوریل عدد صفر برابر با 1 است.

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

function factorial (aNumber) {
	// این قسمت در صورتی که عدد وارد شده به صورت اعشاری باشد آنرا به اولین عدد صحیح بزرگتر از آن گرد میکند
	aNumber = Math.floor(aNumber);
	
	// این قسمت در صورتی که مقدار وارد شده منفی باشد یا عدد نباشد تابع را متوقف میکند
	if(!isFinite(aNumber) || aNumber < 0)
		return false;

	// این قسمت در صورتی که عدد وارد شده صفر باشد مقدار 1 را باز میگرداند
	if(aNumber == 0)
		return 1;
	
	var output = 1;
	for (i = 1; i <= aNumber; i++) {
		output *= i;
	}
	
	return output;
}

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

عدد مورد نظر را وارد کنید:
<input type="text" name="number" id="number" size="10">
<input type="button" value="محاسبه" onclick="CountResult()">
<input type="text" name="result" id="result">

ما برای راحتی کار از تابع زیر برای خواندن عدد مورد نظر و نمایش نتیجه آن استفاده میکنیم:

function CountResult() {
	// خواندن عدد ورودی
	var inputNumber = document.getElementById("number").value;
	// اجرای تابع محاسبه فاکتوریل
	var result = factorial(inputNumber);

	if(!result) {
		alert("مقدار وارد شده معتبر نیست");
	}
	else {
		document.getElementById("result").value = result;
	}
}

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

<html>
<head>
<script type="text/javascript">
function factorial(aNumber) {
	aNumber = Math.floor(aNumber);
	if(!isFinite(aNumber) || aNumber < 0)
		return false;
	if(aNumber == 0)
		return 1;
	var output = 1;
	for (i = 1; i <= aNumber; i++) {
		output *= i;
	}
	return output;
}

function CountResult() {
	var inputNumber = document.getElementById("number").value;
	var result = factorial(inputNumber);
	if(!result) {
		alert("مقدار وارد شده معتبر نیست");
	}
	else {
		document.getElementById("result").value = result;
	}
}
</script>
</head>
<body dir="rtl">
<p>
عدد مورد نظر را وارد کنید:
<input type="text" name="number" id="number" size="10">
<input type="button" value="محاسبه" onclick="CountResult()">
<input type="text" name="result" id="result" size="10">
</p>
</body>
</html>

تبادل فایل با سرور از طریق FTP

استفاده از FTP برای تبادل فایل با سرور

FTP مخفف File Transfer Protocol است به معنای پروتوکل انتقال فایل و از آن برای انتقال فایلها بین سرور و کامپیوتر کاربر استفاده می شود. بیشترین مورد استفاده از این روش برای آپلود کردن صفحات و فایلهای مربوط به وب سایت ها است.

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

اتصال به سرور FTP

برای اتصال به سرور به یک سری اطلاعات احتیاج دارید تا با استفاده از آنها به سرور دسترسی داشته باشید این اطلاعات معمولاً شامل آدرس سرور FTP، نام کاربری و کلمه عبور شما در سرور هستند. آدرس سرور چیزی شبیه ftp://example.com یا ftp://ftp.example.com است و سرور مورد نظر را برای برنامه مشخص میکند.

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

تصویر زیر مربوط به قسمتی از نرم افزار CuteFTP است که کاربر در آن مشخصات سرور FTP را تععین میکند. قسمتهای مربوط به Label و Comments برای یادآوری سایت توط کاربر استفاده میشوند و به سرور ارتباطی ندارند. کادر Host Address برای وارد کردن آدرس سرور FTP است. قسمتهای Username و Password هم مربوط به نام کاربری و کلمه عبور کاربر در سرور هستند. Login Method هم معمولاً به صورت normal است در غیر این صورت باید اطلاعات مربوط به آنرا از مدیر سرور خود دریافت کنید.

برگه مربوط به وارد کردن مشخصات سرور در نرم افزار CuteFTP
وارد کردن مشخصات سرور FTP در نرم افزار CuteFTP

تبادل فایل بین سرور و کلاینت

اغلب کلاینتهای FTP ظاهری مشابه هم دارند که تا حدی شبیه اکسپلورر ویندوز است. در تصویر زیر می توانید نمایی از نرم افزار CuteFTP را مشاهده کنید.

نمایی از نرم افزار CuteFTP
نمایی از نرم افزار CuteFTP که برای کار با پروتوکل FTP مورد استفاده قرار میگیرد

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

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

برای دانلود فایلهای موجود در سرور هم باید فایلهای مورد نظر را انتخاب کنیم و دکمه دانلود (پیکان رو به پایین) را کلیک کنیم. سپس فایلها در پوشه ای که در ستون سمت چپ برنامه باز شده است دانلود می شوند.

البته معمولاً نرم افزارهای FTP امکانات دیگری از قبیل ویرایش فایل، فشرده سازی و باز کردن فایلهای فشرده و امکاناتی از این قبیل هم دارند ولی ما در اینجا فقط به آپلود و دانلود کردن فایل در آنها می پردازیم.

نرم افزارهای FTP:

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

Internet Explorer

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

FileZilla

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

Nvu

این برنامه یک یک نرم افزار رایگان برای طراحی و ویرایش صفحات وب است که قابلیت کار با FTP هم در آن تعبیه شده است. برای اطلاعات بیشتر در مورد این نرم افزار می توانید به وب سایت آن با آدرس www.nvu.com مراجعه کنید.

CuteFTP

این نرم افزار مشخصاً برای کار با FTP طراحی شده است و امکانات در خور توجهی در اختیار کاربران خود قرار می دهد. می توانید برای دانلود نسخه آزمایشی این نرم افزار به سایت رسمی آن با آدرس www.cuteftp.com مراجعه کنید. این نرم افزار با توجه به حجم مناسب (حدود 6 مگابایت برای نسخه 7 آن) و امکاناتی که در اختیار کاربران خود قرار میدهد گزینه مناسبی برای کار با FTP است.

WS_FTP

این نرم افزار هم از طرفداران زیادی برخوردار است. برای کسب اطلاعات بیشتر و دانلود نسخه آزمایشی آن می توانید به وب سایت نرم افزار با آدرس www.ipswitch.com مراجعه کنید.

Dreamweaver

امکانات این برنامه بسیار فراتر از یک نرم افزار FTP ساده است. این برنامه جهت طراحی وب در سطح حرفه ای ارائه شده است و علاوه بر HTML و CSS که در طراحی صفحات استاتیک استفاده می شوند از زبانهای برنامه نویسی داینامیک از جمله PHP و ASP هم پشتیبانی میکند. برای اطلاعات بیشتر در مورد این نرم افزر میتوانید به آدرس www.adobe.com/products/dreamweaver مراجعه کنید.
در صورتی که تمایل دارید از این نرم افزار استفاده کنید من توصیه میکنم Adobe Dreamweaver CS3 نسخه ME را که برای زبانهای رایج در خاور میانه طراحی شده است انتخاب کنید.


نظرات بازدید کنندگان
Sun, 31 May 2009 14:14:47 +0430 نویسنده : وحید
با سلام دم شما گرم
عجب سایت مفید آموزنده ای دارید
اگر کمی هم درباره کار با برنامه front page  را بگذارید ممنون میشم
آیا برنامه های front page  و Dreamweaver برای طراحی صفحات وب هستند ؟
و اینکه برای طراحی وب (برای افراد آماتور) کدامیک از دو برنامه بالا بهتر می باشد ؟

با تشکر
 
Tue, 24 Feb 2009 13:46:40 +0330 نویسنده : جعفر ( افغان)
مطالب خیلی دل چسپ بود تشکر از شما لطفا بگویید که Download هر File  هزینه دارد یا خیر
 
Sat, 13 Dec 2008 18:23:56 +0330 نویسنده : منصور
برای طراحی کردن وب سایت خودم به کمک احتیاج دارم در صورت داشتن برنامه ان را به ایمیل من ارسال کنید با تشکر.
www.veterinarydata.com
 
Sat, 05 Jul 2008 19:21:00 +0430 نویسنده : HELLO
THAKNS IT IS VERY GOOD I HAVE A QUESTION THIS IS
HOW WE CAN INCREASE SPEED OF UPLOAD BY SOFTWARE OR OPTION IS EXIST
 
Tue, 27 May 2008 19:47:03 +0430 نویسنده : sara
با سلام
مطالبتون خیلی عالی بود ولی میشه یه مطلب در مورد تاریخچه پیدایش این پروتکل برای من بزارید و اینکه چه کسانی بیشتر از این پروتکل استفاده می کنند.
با تشکر
 
Sun, 04 May 2008 19:08:55 +0430 نویسنده : reza
man site ro ba publisher tarahi kardam vali upload  mikonam va bad adrese site ro minevisam to site narafte chi kar konam dar zemn site fogolade darin.
 
ساعت: 16:06 - تاریخ: 11 بهمن 1386 نویسنده : زهرا
ممنون از آموزشتون من با front page  کار می کنم ولی بعد از upload کردن وقتی آدرس سایتمو باز می کنم فقط یک سری اطلاعات نمایش داده می شه اگه ممکنه راهنمایی کنید در مورد اینکه چجوری آدرس هر فایل front page رو بفهمیم یا تغییر بدیم.
 
ساعت: 23:49 - تاریخ: 7 بهمن 1386 نویسنده : بهروز
سپاس  آیا برای اپلود سایت باید هزینه بپردازیم و یا رایگان است من هیچگونه اگاهی ندارن لطفا راهنمایی کنید.و چه مقدار فضا داده می شود؟
 

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

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

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

برای شروع مرورگر اینترنت اکسپلورر را باز کنید و آدرس سرور خود را در نوار آدرس مرورگر وارد کنید و کلید اینتر را فشار دهید تا اتصال به سرور آغاز شود. توجه داشته باشید که شما باید با پروتوکل ftp به سرور متصل شوید پس حتماً باید آدرس سرور شما با //:ftp آغاز شود نه //:http.

وارد کردن آدرس سرور در اینترنت اکسپلورر
وارد کردن آدرس سرور FTP در IE

در صورتی که سرور شما به نام کاربری و کلمه عبور نیاز داشته باشد احتمالاً با پیغام زیر مواجه خواهید شد:
Windows cannot access this folder. Make sure you typed the file name correctly and that you have permission to access the folder.

دکمه OK را کلیک کنید و از منوی فایل گزینه …Login As را انتخاب کنید:

وارد کردن نام کاربری و کلمه عبور در اینترنت اکسپلورر
وارد کردن مشخصات کاربری در IE

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

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

پنجره اینترنت اکسپلورر پس از اتصال به سرور
نمایی از پنجره IE پس از اتصال به سرور FTP

 

برای راحتمی کار میتوانید دکمه Folders را در نوار ابزار پنجره کلیک کنید تا بتوانید لیست پوشه های موجود در هارد دیسک خود را در سمت چپ پنجره مرورگر مشاهده کنید.

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


نظرات بازدید کنندگان
Tue, 24 Feb 2009 10:30:53 +0330 نویسنده : میلاد
لطفا آموزشی درباره طراحی سایت آزمون آنلاین  نیز ذکرکنید باتشکر فراوان از شما
 
Sat, 15 Nov 2008 11:02:26 +0330 نویسنده : شرکت آریا سنگ افشار
عالی بود خیلی استفاده کردم
با تشکر
 
Tue, 05 Aug 2008 06:23:07 +0430 نویسنده : sadaf
شما واقعا" معرکه هستید با تشکر فراوان از شما الهی موفق وپیروز وسربلند باشید
سرعت صفحات عالی عالی بود
marsi
 
نظرات 0 + ارسال نظر
برای نمایش آواتار خود در این وبلاگ در سایت Gravatar.com ثبت نام کنید. (راهنما)
ایمیل شما بعد از ثبت نمایش داده نخواهد شد