جاوا اسکرپت یک زبان اسکرپت نویسی تحت وب است که برای افزایش پویایی صفحات HTML استفاده می شود. از این زبان می توان برای ارزیابی اعتبار فرمهای HTML قبل از ارسال به سرور، شناسایی مرورگر کاربران، ایجاد انواع منو ها و بسیاری کارهای دیگر استفاده کرد.
نکته : باید توجه داشت که جاوا اسکرپت یک زبان طرف کاربر (Client Side) است توسط کامپیوتر شخصی کاربر تفسیر می شود. کدهای مربوط به جاوا اسکرپت توسط کاربر نهایی قابل مشاهده هستند پس توصیه می شود از آن برای مقاصد مهم نظیر اتصال به دیتابیس استفاده نشود.
می توان کدهای جاوا اسکرپت را به صورت تعبیه شده در صفحات HTML استفاده کرد و یا کدهای جاوا اسکرپت را در یک فایل جداگانه با پسوند js. ذخیره کرد ولی در هر صورت یان فایلها هم باید توسط یک صفحه HTML فراخوانی شده و نتیجه آنها در صفحات HTML نمایان خواهد شد.
بهتر است قبل از شروع به یادگیری جاوا اسکرپت با HTML و CSS آشنایی داشته باشد تا بتوانید به خوبی از قابلیتهای جاوا اسکرپت استفاده کنید. برای یادگیری زبانهای ذکر شده می توانید از پیوندهای زیر استفاده کنید :
برای آزمایش کردن اسکرپتهایی که می نویسید باید از مرورگری استفاده کنید که از جاوا اسکرپت پشتیبانی می کند. قابل ذکر است که تقریباً همه مرورگرهای جدید از جاوا اسکرپت پشتیبانی می کنند از جمله این مرورگرها می توان به اینترنت اکسپلورر (IE) که در ویندوز به صورت پیش فرض نصب می شود، فایر فوکس (Firefox) و اپرا (Opera) اشاره کرد. به خاطر داشته باشید که نسخه های قبل از نسخه 4.0 اینترنت اکسپلورر و Netscape از جاوا اسکرپت پشتیبانی نمی کنند.
سلام
یکی از اهداف این سایت هم فراهم کردن امکاناتی هرچند جزئی برای کمک به کسانی است که می خواهند طراحی وب یاد بگیرند. برای بسیاری از دوستان که قصد دارند طراحی وب یاد بگیرند حین آموزش سوالاتی پیش میاد. ما هم تعداد زیادی از این سوالات را دریافت کردیم و تا جایی که برای ما امکان داشت و وقت ما اجازه می داد از طریق ایمیل پاسخ دوستان را برایشان ارسال کردیم.
ارسال پاسخها از طریق ایمیل مشکلاتی را در بر دارد. مثلاً به وقت زیادی نیاز دارد، مکن است به دلیل استفاده از فونت فارسی دریافت کنندگان ایمیل قادر نباشند به را حتی ایمیل را مطالعه کنند، و برای سوالات مشابه هم باید چندین ایمیل ارسال شود.
با توجه به مشکلات ایمیل تصمیم گرفتیم تا بخشی را در سایت برای پاسخ به
سوالات بازدید کنندگان تعبیه کنیم و در حد توان به سوالتی که برای ما ارسال
میشوند پاسخ دهیم.
به امید اینکه کمکی هر چند کوچک در راه آموزش طراحی وب باشیم.
موفق باشید
گروه طراحی وب نئوپرشیا
البته با استفاده از PHP امکان انجام این کار وجود دارد
ولی راه ساده تری هم هست یعنی استفاده از جاوا اسکرپت.
من برای مثال یک فرم ساده طراحی می کنم که حاوی دکمه های رادیوی مورد نظر
هست و وقتی که دکمه ارسال فرم کلیک شود صفحه مربوط به دکمه انتخاب شده باز
خواهد شد.
به این فرم زیر توجه کنید :
این فرم از دو بخش تشکیل شده است. یک بخش آن فرم HTML است که مسئول نمایش دادن دکمه ها در صفحه است و بخش دیگر تابع جاوا اسکرپتی است که با همه دکمه های موجود در فرم را چک میکند و پس از یافتن آن آدرس موجود در شناسه value دکمه را با استفاده از دستور window.location باز میکند. ارتباط بین این دو بخش هم با استفاده از رویداد onsubmit برقرار میشود.
توجه داشته باشید که در رویداد onsubmit پس از تابعی که برای باز کردن صفحه نوشتیم از عبارت return false استفاده کردیم تا مانع ارسال فرم شویم.
در این جا میتوانید کد مربوط به ساخت این فرم را مشاهده کنید :
انجام عملیات ریاضی با استفاده از HTML امکان ندارد چون در حقیقت HTML را نمیتوان یک زبان برنامه نویسی محسوب کرد. HTML یک زبان علامت گذاری ابر متن است. برای انجام عملیات ریاضی باید از زبانهای برنامه نویسی نظیر PHP, ASP و JavaScript استفاده کرد. در این مورد استفاده از جاوا اسکرپت به دلیل اینکه برای اجرا شدن به امکانات اضافی در سرور احتیاج ندارد مناسب تر است.
فاکتوریل یک عدد برابر با حاصلضرب همه اعداد صحیح مثبت کوچکتر از عدد مورد نظر است. برای مثال فاکتوریل 5 به صورت زیر محاسبه می شود:
استثنایی که در فاکتوریل وجود دارد عدد صفر است. فاکتوریل عدد صفر برابر با 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 مخفف File Transfer Protocol است به معنای پروتوکل انتقال فایل و از آن برای انتقال فایلها بین سرور و کامپیوتر کاربر استفاده می شود. بیشترین مورد استفاده از این روش برای آپلود کردن صفحات و فایلهای مربوط به وب سایت ها است.
برای استفاده از 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 است در غیر این صورت باید اطلاعات مربوط به آنرا از مدیر سرور خود دریافت کنید.
وارد کردن مشخصات سرور FTP در نرم افزار CuteFTP
اغلب کلاینتهای FTP ظاهری مشابه هم دارند که تا حدی شبیه اکسپلورر ویندوز است. در تصویر زیر می توانید نمایی از نرم افزار CuteFTP را مشاهده کنید.
نمایی از نرم افزار CuteFTP که برای کار با پروتوکل FTP مورد استفاده قرار میگیرد
در این نرم افزار ستون سمت چپ نشان دهنده فایلها و پوشه های موجود در کامپیوتر کاربر و قسمت بزرگتر در سمت راست نشان دهنده فایلها و پوشه های موجود در سروری هستند که نرم افزار به آن متصل شده است. سایر کادرهای موجود در برنامه هم پیامها و دستوراتی را که بین سرور و نرم افزار رد و بدل می شود و همچنین فایلهای موجود در لیست انتقال، فایلهای در حال انتقال و فایلهایی که انتقال آنها به پایان رسیهد است را نشان می دهند.
برای انتقال فایلها کافیست فایلهایی را که میخواهید منتقل شوند در ستون مربوط به آنها انتخاب کنید و دکمه آپلود یا دانلود را بسته به کاری که میخواهید انجام دهید از نوار بالای ستونها کلیک کنید. برای مثال وقتی بخواهیم یک سری فایل را از کامپیوتر خود به سرور انتقال دهیم میتوانیم همه فایلها را در کامپیوتر خود با استفاده از ستون سمت چپ برنامه انتخاب کنیم و دکمه آپلود (پیکان رو به بالا) را از نوار ابزار برنامه کلیک کنیم. با این کار همه فایلهای انتخاب شده به پوشه در سرور که هم اکنون توسط برنامه باز شده است منتقل می شوند. البته برای انتقال فایلها می توانیم از دراگ و دراپ کردن فایلها هم استفاده کنید و یا از دکمه سمت راست ماوس و… اما در اساس کار تفاوتی وجود ندارد.
برای دانلود فایلهای موجود در سرور هم باید فایلهای مورد نظر را انتخاب کنیم و دکمه دانلود (پیکان رو به پایین) را کلیک کنیم. سپس فایلها در پوشه ای که در ستون سمت چپ برنامه باز شده است دانلود می شوند.
البته معمولاً نرم افزارهای FTP امکانات دیگری از قبیل ویرایش فایل، فشرده سازی و باز کردن فایلهای فشرده و امکاناتی از این قبیل هم دارند ولی ما در اینجا فقط به آپلود و دانلود کردن فایل در آنها می پردازیم.
نرم افزراهای زیادی برای کار با FTP وجود دارند که بسیاری از آنها را می توانید به صورت رایگان یا نسخه آزمایشی از اینترنت دانلود کنید. البته در بعضی نرم افزراهای طراحی وب نظیر Dreamweaver هم امکان کار با FTP تعبیه شده است. در این قسمت به معرفی برخی از این نرم افزارها می پردازیم.
بسیاری از افراد اینترنت اکسپلورر را به عنوان نرم افزاری که قابلیت کار با FTP را داشته باشد نمیشناسند اما این قابلیت در نسخه های اخیر این مرورگر تعبیه شده است. اینترنت اکسپلورر ساده ترین راه برای شروع کار با FTP است چون احتیاج به دانلود و نصب نرم افزار جدید ندارید اما در صورتی که میخواهید به صورت دائمی و حرفه ای از FTP استفاده کنید ممکن است کار با این مرورگر به مرور زمان برای شما خسته کننده شود.
این نرم افزار توسط تعداد زیادی از طراحان و صاحبان سایتهای اینترنتی مورد استفاد قرار میگیرد. شما میتوانید با مراجعه با آدرس filezilla.sourceforge.net این نرم افزار را به صورت رایگان دانلود کنید یا اطلاعات بیشتری در مورد آن به دست آورید.
این برنامه یک یک نرم افزار رایگان برای طراحی و ویرایش صفحات وب است که قابلیت کار با FTP هم در آن تعبیه شده است. برای اطلاعات بیشتر در مورد این نرم افزار می توانید به وب سایت آن با آدرس www.nvu.com مراجعه کنید.
این نرم افزار مشخصاً برای کار با FTP طراحی شده است و امکانات در خور توجهی در اختیار کاربران خود قرار می دهد. می توانید برای دانلود نسخه آزمایشی این نرم افزار به سایت رسمی آن با آدرس www.cuteftp.com مراجعه کنید. این نرم افزار با توجه به حجم مناسب (حدود 6 مگابایت برای نسخه 7 آن) و امکاناتی که در اختیار کاربران خود قرار میدهد گزینه مناسبی برای کار با FTP است.
این نرم افزار هم از طرفداران زیادی برخوردار است. برای کسب اطلاعات بیشتر و دانلود نسخه آزمایشی آن می توانید به وب سایت نرم افزار با آدرس www.ipswitch.com مراجعه کنید.
امکانات این برنامه بسیار فراتر از یک نرم افزار FTP ساده است. این
برنامه جهت طراحی وب در سطح حرفه ای ارائه شده است و علاوه بر HTML و CSS
که در طراحی صفحات استاتیک استفاده می شوند از زبانهای برنامه نویسی
داینامیک از جمله PHP و ASP هم پشتیبانی میکند. برای اطلاعات بیشتر در مورد
این نرم افزر میتوانید به آدرس www.adobe.com/products/dreamweaver مراجعه کنید.
در صورتی که تمایل دارید از این نرم افزار استفاده کنید من توصیه میکنم
Adobe Dreamweaver CS3 نسخه ME را که برای زبانهای رایج در خاور میانه
طراحی شده است انتخاب کنید.
در نسخه های اخیر مرورگر اینترنت اکسپلورر قابلیت اتصال به سرور 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 را در نوار ابزار پنجره کلیک کنید تا بتوانید لیست پوشه های موجود در هارد دیسک خود را در سمت چپ پنجره مرورگر مشاهده کنید.
لیست محتویات موجود در سرور در کنار محتویات هارد دیسک کامپیوتر کاربر