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

به سایت ما خوش آمدید

عضویت فقط چند ثانیه زمان می برد؛ منتظر شما هستیم!

تالارهای گفتگو

  1. بخش آموزشی

    1. 12
      ارسال
    2. 5
      ارسال
    3. 9
      ارسال
    4. 3
      ارسال
    5. 8
      ارسال
  2. کنترل پنل ها

    1. 9
      ارسال
    2. 26
      ارسال
  3. اسکریپت

    1. 11
      ارسال
  4. برنامه نویسی

    1. 65
      ارسال
  5. انجمن

    1. 4
      ارسال
  6. دیگر منابع آموزشی

    1. 1
      ارسال
  7. مقاله ها

    1. 2
      ارسال
  • آموزش کدنویسی

  • فایل

  • آمارهای تالار گفتگو

    • مجموع موضوعات
      61
    • مجموع پست ها
      165
  • پست ها

    • مشاهده فایل مقاله ( حملات فیشینگ چیست ) مقاله جدید کارن یوسفی درباره فیشینگ   ارسال کننده کارن یوسفی ارسال یکشنبه, 13 شهریور 1398 دسته مقاله ها  
    • مشاهده فایل مقاله تامین امنیت وردپرس به زبان ساده مقاله تامین امنیت وردپرس به زبان ساده  نویسنده : کارن یوسفی - کارشناس امنیت استارتاپ ها کامل ترین مقاله درباره امنیت وردپرس ارسال کننده کارن یوسفی ارسال یکشنبه, 26 خرداد 1398 دسته مقاله ها  
    • پایان فصل اول آموزش HTML ?
    • جلسه بیست و سوم فرم ها در html     حتما تابحال صفحات مربوط به پر کردن فرم در سایت ها را دیده اید . در اکثر مباحث آموزش html ، مواردی را معرفی کردیم که با آنها می توانستید اطلاعاتی را به کاربر نمایش بدهید اما فرم ها برای دریافت اطلاعات از کاربر و ذخیره این اطلاعات به کار می روند . در یک فرم باید شخص کاربر برخی موارد را پر کرده و برخی را نیز انتخاب کند و سپس با فشار دادن یک دکمه ، اطلاعات به سرور (server) حاوی سایت ارسال خواهد شد . تگ <form> برای ساخت یک فرم در html : شروع یک فرم را با تگ شروع <form> و پایان فرم را با تگ پایانی <form/> اعلام می کنیم . محتویات فرم در بین این دو تگ قرار خواهند گرفت . اطلاعات دریافتی از کاربر باید توسط صفحه ای دیگر مورد پردازش قرار گیرد . درون تگ شروع <form> باید مشخصه action را برابر آدرس صفحه ای قرار بدهیم که می خواهد بر روی اطلاعات دریافت شده از کاربر پردازش انجام دهد . معمولا صفحه پردازش با استفاده از php نوشته می شود . php زبانی است که برای نوشتن صفحات اینترنتی دینامیک به کار می رود (برخلاف html که برای نوشتن صفحات اینترنتی استاتیک به کار می رود ) . صفحه ای که اطلاعات را پردازش می کند ، می تواند اطلاعات را بر روی یک پایگاه داده ذخیره کند یا آنها را در صفحه ای از سایت نمایش بدهد یا به ایمیل ارسال کند و یا اینکه موارد دلخواه دیگری را انجام بدهد . تگ <input> : با استفاده از تگ <input> می توانیم شیوه های مختلفی از انواع دریافت اطلاعات از کاربر را به کار ببریم . برای این منظور باید تگ <input> را درون زوج تگ <form> و <form/> بنویسیم . درون تگ <input> باید مشخصه type را تعیین کنیم تا مشخص شود که نوع دریافت اطلاعات از کاربر به چه صورت می باشد . انواع دریافت اطلاعات از کاربر با استفاده از تگ <input> را در زیر شرح می دهیم : جعبه متن : فرض کنید بخواهیم یک جعبه متن را طراحی کنیم که در آن کاربر متن دلخواه خود را نوشته و سپس این متن به سرور (server) حاوی سایت ارسال شود . برای این منظور باید درون تگ <input> ، مشخصه type را برابر text قرار بدهیم . به مثال زیر توجه کنید :   <html> <head> </head> <body> <form method="post" action="script.php"> <input type="text"> </form> </body> </html> نتیجه : نکته : کاربر ابتدا باید درون جعبه متن ، متن دلخواه خود را نوشته و سپس کلید enter را فشار بدهد تا متن نوشته شده توسط صفحه script.php مورد پردازش قرار بگیرد . البته روش بهتر این است که یک دکمه برای ارسال متن ، طراحی شود زیرا معمولا یک فرم شامل چندین بخش برای پر کردن و انتخاب می باشد و بنابراین ابتدا کاربر باید تمامی بخش ها را پر کرده و انتخاب کند و در انتها نیز دکمه ای برای ارسال اطلاعات در نظر گرفته شده باشد . بنابراین قبل از اینکه شیوه های دیگر دریافت اطلاعات برای فرم را توضیح بدهیم ، ابتدا نحوه ساخت دکمه ارسال اطلاعات (دکمه submit) را شرح خواهیم داد . طراحی دکمه ارسال اطلاعات (دکمه submit) : برای طراحی دکمه ارسال اطلاعات (دکمه submit) ، باید در انتهای فرم و قبل از تگ پایانی <form/> ، عبارت زیر را بنویسیم : <input type="submit" value="submit message"> عبارتی که برای مشخصه value تعیین می کنیم ، بر روی دکمه ارسال اطلاعات (دکمه submit) نمایش داده می شود . <html> <head> </head>   <body>   <form method="post" action="script.php"> <input type="text"> <input type="submit" value="submit message"> </form>   </body> </html> نتیجه :   دکمه های رادیویی : حتما تاکنون دکمه های رادیویی را در فرم های اینترنتی دیده اید . این دکمه ها به صورت دایره های توخالی می باشند که اگر بر روی آنها کلیک کنید به صورت توپر در می آیند . توپر شدن یک دکمه رادیویی نشان دهنده انتخاب عبارت نوشته شده برای آن دکمه رادیویی می باشد . برای ساخت دکمه های رادیویی ، باید درون تگ <input> ، مشخصه type را برابر radio قرار بدهیم . به مثال زیر توجه کنید : <html> <head> </head>   <body>   <form method="post" action="script.php"> yes<input type="radio" value="yes"><br /> no<input type="radio" value="no"> </form>   </body> </html> نتیجه : yes no مشاهده می کنید که دو گزینه yes و no به کاربر نمایش داده شده است که کاربر باید یکی از آنها را انتخاب کند .   نکته : در مثال قبل ، ممکن است کاربر به اشتباه ، ابتدا گزینه غلط را انتخاب کند و پس از متوجه شدن اشتباه بودن انتخاب خود ، گزینه صحیح را انتخاب کند ، در این زمان هر دو دکمه رادیویی به صورت توپر نمایش داده می شوند و دیگر کاربر نمی تواند گزینه غلط را به صورت توخالی در آورد . برای پیشگیری از وقوع این مشکل باید برای هر دو دکمه رادیویی یک نام را انتخاب کنیم ، یعنی اینکه برای تگ <input> ، مشخصه name را برای هر دو دکمه رادیویی به صورت یک نام واحد انتخاب کنیم . به مثال زیر توجه کنید : <html> <head> </head>   <body>   <form method="post" action="script.php"> yes<input name="yes_or_no" type="radio" value="yes"><br /> no<input name="yes_or_no" type="radio" value="no"> </form>   </body> </html> نتیجه : yes no  جعبه انتخاب : جعبه انتخاب ، جعبه ای می باشد که در جلوی یک عبارت (گزینه) قرار می گیرد و چنانچه بخواهیم آن گزینه را انتخاب کنیم باید درون آن جعبه کلیک کنیم ، آنگاه درون جعبه یک علامت ((تیک)) نمایش داده خواهد شد . چنانچه برای بار دوم درون جعبه کلیک کنیم ، آنگاه علامت ((تیک)) برداشته می شود . برای ساخت یک جعبه انتخاب ، باید درون تگ <input> ، مشخصه type را برابر checkbox قرار دهیم . به مثال زیر توجه کنید : <html> <head> </head>   <body>   <form method="post" action="script.php"> yes<input type="checkbox"><br> no<input type="checkbox"> </form>   </body> </html> نتیجه : yes no  جعبه کلمه عبور (پسورد) : جعبه کلمه عبور (پسورد) در واقع یک جعبه متن است که اطلاعاتی که کاربر در آن می نویسد به صورت آرایه ای از علامت * نمایش داده می شود و برای وارد کردن اطلاعات محرمانه و کلمه های عبور (کلمه رمز) مناسب می باشد . نمایش اطلاعات با علامت * ، باعث می شود تا افرادی که در کنار کاربر هستند ، نتوانند اطلاعات وارد شده توسط وی در جعبه کلمه عبور را ببینند . برای ساخت یک جعبه کلمه عبور باید درون تگ <input> ، مشخصه type را برابر password قرار دهیم . به مثال زیر توجه کنید : <html> <head> </head>   <body>   <form method="post" action="script.php"> <input type="password"> </form> </body> </html> نتیجه : چنانچه در جعبه نمایش داده شده ، کلماتی را بنویسید ، به جای حروف آن کلمات ، علامت * نمایش داده می شود .  
    • جلسه بیست و دوم ساخت لیست (فهرست) در html     فهرست ها جزو مواردی هستند که بسیار در ساختار سایت ها به کار می روند . یک فهرست شامل تعدادی بخش های مختلف است که به ترتیب و پشت سر هم نمایش داده می شوند . این بخش ها می توانند شامل موارد مختلفی همچون متن ، عکس ، جدول و … باشند . می توان در کنار این بخش ها ، شماره و یا هر شکل کوچک دیگری را قرار داد . انواع فهرست ها در html : در html ، دو نوع فهرست داریم که تفاوت آنها در نحوه علامت گذاری بخش های مختلف فهرست می باشد . نوع اول ، فهرست های شماره دار و نوع دوم ، فهرست های بدون شماره می باشد . تگ هایی که برای این دو نوع فهرست به کار می روند ، متفاوت می باشند . برای فهرست های شماره دار از زوج تگ <ol> و <ol/> و برای فهرست های بدون شماره از زوج تگ <ul> و <ul/> استفاده می کنیم .   فهرست های بدون شماره در html : تگ <ul> در html برای ساخت فهرست های بدون شماره به کار می رود . در واقع شروع یک فهرست بدون شماره را با تگ <ul> و پایان فهرست را با تگ <ul/> اعلام می کنیم . برای تعریف هر بخش فهرست ، باید از تگ <li> استفاده کنیم ، یعنی عبارت مربوط به آن بخش از فهرست را باید در میان زوج تگ <li> و <li/> قرار بدهیم . به مثال زیر توجه کنید : <html> <head> </head> <body> <ul> <li>number 1</li> <li>number 2</li> <li>number 3</li> </ul> </body> </html> نتیجه : number 1 number 2 number 3 مشاهده می کنید که در کنار هر بخش فهرست ، یک علامت به شکل دایره توپر نمایش داده شده است .   فهرست های شماره دار در html : تگ <ol> در html برای ساخت فهرست های شماره دار به کار می رود . در واقع شروع یک فهرست شماره دار را با تگ <ol> و پایان فهرست را با تگ <ol/> اعلام می کنیم . برای تعریف هر بخش فهرست ، باید از تگ <li> استفاده کنیم ، یعنی عبارت مربوط به آن بخش از فهرست را باید در میان زوج تگ <li> و <li/> قرار بدهیم . به مثال زیر توجه کنید : <html> <head> </head>   <body>   <ol> <li>number 1</li> <li>number 2</li> <li>number 3</li> </ol>   </body> </html> نتیجه : number 1 number 2 number 3 مشاهده می کنید که در کنار هر بخش فهرست ، شماره ای متناسب با ترتیب قرارگیری آن بخش در فهرست ، نمایش داده شده است .
×
×
  • جدید...