درخواست نام نرم افزار

[بیتا حکمت]

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

http://8pic.ir/images/dxw949tibnbgbn5dkjq5.jpg (http://8pic.ir/)

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

http://8pic.ir/images/124kybyw54jrsz9xh9vf.jpg (http://8pic.ir/)

یک سوال دارم : ایا نرم افزاری هست که این کارها از اخر به به اول انجام بشه ؟! مثلا" من یک دکمه رو ایجاد کنم . موقعیت دکمه رو هم با Drag and drop تعیین کنم . بعد کدهای CSS و Html تولید بشه . همین مشکل رو که مثال زدم در رابطه با بخش بندی عناصر هم دارم مثلا وقتی میخوام در گوشه پایین سمت راست مثل شکل زیر یه کادری ایجاد کنم (منظورم قسمت سبز رنگ هست ) هنگ می می کنم که خوب من الان باید چی کار کنم .

http://8pic.ir/images/oh5sw7226ic4e5pzy3vr.jpg

[Omid Jackson]

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

http://8pic.ir/images/dxw949tibnbgbn5dkjq5.jpg (http://8pic.ir/)

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

http://8pic.ir/images/124kybyw54jrsz9xh9vf.jpg (http://8pic.ir/)

یک سوال دارم : ایا نرم افزاری هست که این کارها از اخر به به اول انجام بشه ؟! مثلا" من یک دکمه رو ایجاد کنم . موقعیت دکمه رو هم با Drag and drop تعیین کنم . بعد کدهای CSS و Html تولید بشه . همین مشکل رو که مثال زدم در رابطه با بخش بندی عناصر هم دارم مثلا وقتی میخوام در گوشه پایین سمت راست مثل شکل زیر یه کادری ایجاد کنم (منظورم قسمت سبز رنگ هست ) هنگ می می کنم که خوب من الان باید چی کار کنم .

http://8pic.ir/images/oh5sw7226ic4e5pzy3vr.jpg


اول از همه باید خوب html و css رو یاد بگیرین
یاد گرفتن با روخونی فرق داره، نباید فکر کنین که یاد گرفتین، باید مطلب رو درک کنین
بعد به مرور زمان با تمرین میتونین راحت طراحی کنین
برای اینکه وسط قرار بگیره من براتون یه مثال میزنم:
http://jsfiddle.net/Blend_Design/91ofxr3r/
اگر بخواین در مرکز قرار بگیره باید بهش left و right صفر بدین
الآن شما اگر بدونین که هر property در css چه کاری انجام میده کامل کد رو درک میکنین
بعد باید بدونین که body و html اندازه 100% پنجره رو ندارن و ...
با یکم تمرین میتونین به راحتی هر کار خواستین بکنین
با drag and drop مخالفم، به نظرم اگر نمیتونین همچین کاری انجام بدین سمتش نیاین چون جلوتر خیلی کار سختتر میشه ولی اگر تمرین کنین حتما میتونین (البته نه تمرین 1 هفته ای)
موفق باشین

[بیتا حکمت]

اول از همه باید خوب html و css رو یاد بگیرین
یاد گرفتن با روخونی فرق داره، نباید فکر کنین که یاد گرفتین، باید مطلب رو درک کنین
بعد به مرور زمان با تمرین میتونین راحت طراحی کنین
برای اینکه وسط قرار بگیره من براتون یه مثال میزنم:
http://jsfiddle.net/Blend_Design/91ofxr3r/
اگر بخواین در مرکز قرار بگیره باید بهش left و right صفر بدین
الآن شما اگر بدونین که هر property در css چه کاری انجام میده کامل کد رو درک میکنین
بعد باید بدونین که body و html اندازه 100% پنجره رو ندارن و ...
با یکم تمرین میتونین به راحتی هر کار خواستین بکنین
با drag and drop مخالفم، به نظرم اگر نمیتونین همچین کاری انجام بدین سمتش نیاین چون جلوتر خیلی کار سختتر میشه ولی اگر تمرین کنین حتما میتونین (البته نه تمرین 1 هفته ای)
موفق باشین

ممنون یه سوال در مورد مثالی که زدین :

اگر بخوام همون btn که توسط وسط صفحه هست ، از نظر ستون هم در مرکز صفحه باشه چه کدی باید بنویسم ( در کل منظورم اینکه بدونم چطوری فاصله اشو نسبت به چپ یا راست تنظیم می کنید )

و یه سوال دیگه position: absolute; باعث نمیشه که با تغییر رزولیشون صفحه این عناصر بهم ریخته دیده بشن ( چون من تو Asp.net همچین اتفاقی برام افتاد . ممنون میشم یکم توضیح بدین )

[Omid Jackson]

ممنون یه سوال در مورد مثالی که زدین :

اگر بخوام همون btn که توسط وسط صفحه هست ، از نظر ستون هم در مرکز صفحه باشه چه کدی باید بنویسم ( در کل منظورم اینکه بدونم چطوری فاصله اشو نسبت به چپ یا راست تنظیم می کنید )

و یه سوال دیگه position: absolute; باعث نمیشه که با تغییر رزولیشون صفحه این عناصر بهم ریخته دیده بشن ( چون من تو Asp.net همچین اتفاقی برام افتاد . ممنون میشم یکم توضیح بدین )

سوال اولتون رو جواب دادم گفتم اگر بخواین هم در عرض و هم ارتفاع در وسط قرار بگیره از left و right با مقدار صفر استفاده کنین (به غیر از اون ها که نوشتم)
بهم ریختگی ظاهری ربطی به کد های سمت سرور نداره، استفاده از پوزیشن ها بستگی به نیازتون داره! مثلا اگر از relative استفاده کنین و در داخل اون یه تگ بذارین و پوزیشن absolute بدین نسبت به تگ والد میگیره نه نسبت به داکیومنت
در کل استفاده از absolute میخواین اون المنت جدا از هر چیزی باشه (که این هم باز بستگی به تگ والد داره)
قبلش یه addons هست بهتون معرفی میکنم که خیلی به کار میاد، مخصوصا اینجا، این رو دانلود و نصب کنید (https://addons.mozilla.org/en-US/firefox/addon/measureit/)، و بعد از اون در مثال بعدی المنت های آبی رنگ رو نسبت به سمت چپ والد اندازه بگیرین
براتون یه مثال دیگه میزنم:
https://jsfiddle.net/Blend_Design/ntwyq1t0/embedded/result/
هر دوی btn ها یک خاصیت دارن ولی والد ها نه، والد rectR پوزیشن relative داره برای همین موقعیت اجزای داخلشون با هم تفاوت دارن
حالا اگر اون استایل های قبلی که نوشته بودیم رو بدین و داخل یه والد با پوزیشن relative بدین در وسط والد قرار میگیره و بهم نمیریزه