01 از 06
یک فرم با کامپوزر اضافه کنید
چندین بار وقتی صفحات وب را ایجاد می کنید که نیاز به پردازش ورودی ارسال شده توسط کاربر مانند صفحه ورود به سیستم، ایجاد حساب جدید و یا ارسال سوال یا نظر دارید، وجود دارد. ورودی کاربر جمع آوری شده و با استفاده از فرم HTML به وب سرور ارسال می شود. فرم ها با ابزار ساخته شده در KompoZer آسان است. تمام انواع فیلد فرم که HTML 4.0 پشتیبانی می شود می تواند با کامپوزر اضافه و ویرایش شود، اما برای این آموزش ما با متن، منطقه متن، ارسال و تنظیم مجدد دکمه ها کار خواهیم کرد.
02 از 06
با استفاده از KompoZer یک فرم جدید ایجاد کنید
KompoZer دارای ابزار فرم غنی است که می توانید از آن برای اضافه کردن فرم ها به صفحات وب خود استفاده کنید. شما با کلیک روی دکمه فرم و یا منوی کشویی همراه در نوار ابزار به ابزار فرم دسترسی پیدا خواهید کرد. توجه داشته باشید که اگر شما اسکریپت های خود را در فرم خود ننوشتید ، باید اطلاعاتی از این مرحله از اسناد و یا برنامه نویس دریافت کنید که اسکریپت را نوشته است. شما همچنین می توانید از فرم های mailto استفاده کنید ولی همیشه کار نمی کنند .
- نشانگر خود را در موقعیتی قرار دهید که فرم خود را در صفحه نمایش دهید.
- بر روی دکمه فرم در نوار ابزار کلیک کنید. جعبه محاوره ای فرم ها باز می شود.
- یک نام برای فرم اضافه کنید این نام در کد HTML به طور خودکار ایجاد شده برای شناسایی فرم و مورد نیاز است. قبل از اینکه بتوانید فرم را اضافه کنید، باید صفحه خود را نیز ذخیره کنید. اگر شما با یک صفحه جدید، ذخیره نشده کار می کنید، KompoZer از شما خواسته شما را ذخیره کند.
- URL را به اسکریپت اضافه کنید که داده های فرم را در فیلد Action URL پردازش می کند. دستگیره های فرم معمولا اسکریپت هایی هستند که در پی اچ پی و یا مشابه زبان های طرف سرور نوشته شده اند. بدون این اطلاعات، صفحه وب شما قادر به انجام هر کاری با داده های وارد شده توسط کاربر نخواهد بود. KompoZer از شما خواسته شما را برای وارد کردن نشانی اینترنتی برای متفاوتی که فرم را وارد کرده اید وارد کنید.
- روش استفاده شده برای ارسال اطلاعات فرم به سرور را انتخاب کنید. دو گزینه GET و POST است. شما باید بدانید که کدام اسکریپت نیاز دارد.
- روی OK کلیک کنید و فرم به صفحه شما اضافه می شود.
03 از 06
یک فیلد متن را با فرم KompoZer اضافه کنید
هنگامی که یک فرم را برای یک صفحه با KompoZer اضافه کرده اید، فرم در صفحه خطوط خطی آبی رنگ نمایش داده می شود. فیلدهای فرم خود را در این قسمت اضافه می کنید. شما همچنین می توانید متن را تایپ کنید و یا تصاویر را اضافه کنید، درست همانطور که در هر بخش دیگر از صفحه قرار دارید. متن برای افزودن دستورات یا برچسب ها برای ایجاد زمینه برای هدایت کاربر مفید است.
- برای انتخاب منطقه مورد نظر در قسمت متن، به قسمت فیلد متنی بروید. اگر می خواهید یک برچسب اضافه کنید، ممکن است بخواهید ابتدا متن را تایپ کنید.
- روی پیکان پایین کنار دکمه فرم در نوار ابزار کلیک کنید و فیلد فرم را از منوی کشویی انتخاب کنید.
- پنجره Properties Field Properties باز خواهد شد. برای اضافه کردن یک فیلد متنی، متن را از منوی کشویی Type Type انتخاب کنید.
- نام را به فیلد متن بدهید. نام برای شناسایی فیلد در کد HTML مورد استفاده قرار می گیرد و اسکریپت پردازش فرم نیاز به نام برای پردازش داده ها دارد. تعدادی از ویژگی های اختیاری دیگر را می توان در این گفتگو با تغییر نام ویژگی های بیشتر / خواص کمتر یا با فشار دادن دکمه Advanced Edit، اما اکنون ما فقط نام فیلد را وارد می کنیم.
- روی OK کلیک کنید و قسمت متن روی صفحه ظاهر می شود.
04 از 06
با متن KompoZer یک منطقه متن را به فرم اضافه کنید
گاهی اوقات بسیاری از متن ها باید در یک فرم وارد شوند، مانند پیام یا فیلد سوال / نظر. در این حالت یک فیلد متنی فقط مناسب نیست. شما می توانید با استفاده از ابزار فرم، یک فیلد فرم منطقه را اضافه کنید.
- مکان نما خود را در قالب فرم قرار دهید که در آن شما می خواهید منطقه متن خود را داشته باشید. اگر می خواهید برچسب را تایپ کنید، اغلب ایده خوبی است که متن برچسب را تایپ کنید، وارد شوید تا به یک خط جدید بروید، سپس فیلد فرم را اضافه کنید، از آنجا که اندازه منطقه متن روی صفحه، باعث می شود برای برچسب در سمت چپ یا راست قرار دارد.
- روی پیکان پایین کنار دکمه فرم در نوار ابزار کلیک کنید و متن متن را از منوی کشویی انتخاب کنید. پنجره Properties Properties پنجره باز خواهد شد.
- یک نام برای قسمت فیلد متن وارد کنید. این نام فیلد را در کد HTML شناسایی می کند و توسط فرم پردازش فرم برای پردازش اطلاعات ارسال شده توسط کاربر استفاده می شود.
- تعداد ردیف ها و ستون هایی را که می خواهید منطقه متن را نمایش دهید وارد کنید. این ابعاد اندازه میدان در صفحه را تعیین می کند و اینکه چگونه می توان متن را در فیلد وارد کرد قبل از اینکه پیمایش انجام شود.
- گزینه های پیشرفته تر می توانند با کنترل های دیگر در این پنجره مشخص شوند، اما اکنون نام و ابعاد فیلد کافی است.
- روی OK کلیک کنید و قسمت متن روی فرم ظاهر می شود.
05 از 06
یک دکمه ارسال و بازنشانی را با فرم KompoZer اضافه کنید
پس از آنکه کاربر فرم را در صفحه خود پر کرده است، باید راهی برای انتقال اطلاعات به سرور وجود داشته باشد. علاوه بر این، اگر کاربر می خواهد دوباره شروع کند یا اشتباه کند، مفید است که شامل یک کنترل باشد که تمام مقادیر فرم را به طور پیش فرض بازنشانی کند. کنترل های ویژه فرموله این توابع را به عهده دارند، به این ترتیب دکمه های ارسال و بازنشانی نامیده می شوند.
- نشانگر خود را در قسمت مشخص شده قرار دهید که در آن می خواهید دکمه ارسال یا بازنشانی را داشته باشید. اغلب این موارد زیر بقیه فیلدها در فرم قرار می گیرند.
- روی پیکان پایین کنار دکمه فرم در نوار ابزار کلیک کنید و دکمه تعریف از منوی کشویی را انتخاب کنید. پنجره Properties دکمه ظاهر خواهد شد.
- نوع دکمه را از منوی کشویی Type Type انتخاب کنید. گزینه های شما Submit، Reset و Button هستند. در این مورد ما نوع Submit را انتخاب خواهیم کرد.
- برای دکمه نامی که در HTML و کد کدهای فرم برای پردازش درخواست فرم استفاده می شود، نام ببرید. توسعه دهندگان وب معمولا این فیلد را "submit" نامگذاری می کنند.
- در جعبه برچسب Value، متن را که باید روی دکمه ظاهر شود وارد کنید. متن باید کوتاه اما توصیفی از آنچه اتفاق می افتد زمانی که دکمه فشار داده شده است. چیزی مانند "ارسال"، "ارسال فرم" یا "ارسال" نمونه خوبی هستند.
- روی OK کلیک کنید و دکمه در فرم ظاهر می شود.
دکمه Reset را می توان با استفاده از همان فرآیند به فرم اضافه کرد، اما از قسمت Type به جای Submit، Reset را انتخاب کنید.
06 از 06
ویرایش فرم با KompoZer
ویرایش فرم یا فرم فرم در KompoZer بسیار آسان است. به سادگی با دوبار کلیک بر روی فیلد که میخواهید ویرایش کنید، و کادر محاوره ای مناسب ظاهر می شود که شما می توانید خواص فیلد را با توجه به نیازهای خود تغییر دهید. نمودار بالا یک فرم ساده را با استفاده از اجزای تحت پوشش در این آموزش نشان می دهد.