ຮູບລັກຂອງຕັນໄດ້ແມ່ນຫຍັງ? ວິທີການບັງຄັບໃຊ້ເປັນຫນ້າດຽວຂອງເວັບໄຊຂອງທ່ານກ່ຽວກັບຂອງຕົນເອງ?

ມີຄວາມປາຖະຫນາທີ່ຈະຮຽນຮູ້ເພື່ອເຮັດໃຫ້ສະຖານທີ່ຫນ້າເວັບຂອງທ່ານເອງແມ່ນ? ຫຼັງຈາກນັ້ນ, ໃຫ້ຂອງໄດ້ mastered ສິ່ງທີ່ຮູບລັກຕັນໄດ້. ຈົວ Layout ຕອບສະຫນອງຄວາມຈໍານວນຂອງຄວາມຫຍຸ້ງຍາກ, ພວກເຂົາເຈົ້າມີຫຼາຍຄໍາຖາມທີ່. ພິຈາລະນາສິ່ງທີ່ເປັນ block ການເຂົ້າລະຫັດ.

ປາຍທີ່ສໍາຄັນ

ໃຊ້ ບັນນາທິການ WYSIWYG, ດັ່ງນັ້ນທຸກສິ່ງທຸກຢ່າງແມ່ນ clearer. ຜູ້ທີ່ຮູ້ HTML ດີ, ການເຮັດວຽກໃນປື້ມບັນທຶກ, ເນື່ອງຈາກວ່າພວກເຂົາເຈົ້າເຂົ້າໃຈວ່າທຸກສິ່ງທຸກຢ່າງ. ແລະຜູ້ເລີ່ມສາມາດໃຊ້ເວລາປະໂຫຍດຈາກໂຄງການດັ່ງກ່າວເປັນ FrontPage ຫຼື, ສໍາລັບການຍົກຕົວຢ່າງ, Dreamweaver.

ປະເພດຂອງສະຖານທີ່ຮູບແບບ

ມີຫຼາຍໆຊະນິດຂອງຮູບແບບມີດັ່ງນີ້:

1. ຕາຕະລາງ.
2. Block.
3. ປະສົມ.

ພວກເຮົາມີຄວາມສົນໃຈໃນຮູບລັກຕັນໄດ້. ມັນແຕກຕ່າງຫຍັງຈາກຕາຕະລາງ? ໃນຮູບລັກ block ໂດຍໃຊ້ໂຄດຄໍາສັ່ງ DIV ມີຄວາມໄດ້ປຽບທີ່ແນ່ນອນ:

1. ໂຫລດກັບການອອກແບບຂອງບລັອກໄດ້ໄວຂຶ້ນໄດ້.
2. ເນື້ອໃນການສະແດງທ່ອນໄມ້ (ບໍ່ເຫມືອນກັບຕາຕະລາງ) ເປັນດາວໂຫລດທີ່ເກີດຂຶ້ນ. ດັ່ງທີ່ໄດ້ຮູ້ຈັກ, ຕາຕະລາງເຫຼົ່ານີ້ຈະສະແດງພຽງແຕ່ຫຼັງຈາກຕາຕະລາງທັງຫມົດ.
3. ລະຫັດກັບ div-s ງ່າຍຕໍ່ການອ່ານ.

ມັນບໍ່ແມ່ນຂໍ້ດີທັງຫມົດ, ຊຶ່ງເປັນທີ່ມີຊື່ສຽງສໍາລັບຮູບແບບການຕັນໄດ້.

ວິທີການປ່ຽນແປງສະຖານ div ຕັນແນວໃດ?

ນີ້ຈະຊ່ວຍໃຫ້ພວກເຮົາທີ່ເລື່ອນໄດ້ - ຄຸນສົມບັດດັ່ງກ່າວນີ້, ຊຶ່ງສາມາດດັ່ງຕໍ່ໄປນີ້:

1. align ໄວ້ - ໄວ້.
2. ການຈັດຕໍາແຫນ່ງສິດ - ສິດ.
3. ອົງປະກອບຍັງບ່ອນທີ່ທ່ານໄດ້, ເຂົາຈະບໍ່ໄດ້ຍ້າຍຖ້າຫາກວ່າໄດ້ຮັບບໍ່. ມູນຄ່ານີ້ຈະເລີ່ມຕົ້ນ.

ອີກປະການຫນຶ່ງຄຸນນະສົມບັດທີ່ສໍາຄັນທີ່ພວກເຮົາຕ້ອງການ - ຈະແຈ້ງ. ທ່ານອາດຈະມີ 4 ຄ່າ:

1. ສໍາລັບການຕິດຕັ້ງພາຍໃຕ້ລາຍການທີ່ຜ່ານມາ, ຍ້າຍໄປທາງຂວາ, ຕັນ - ຖືກຕ້ອງ.
2. ຊຸດໄວ້ຕ່ໍາກວ່າອົງປະກອບທີ່ຜ່ານມາ, ຊຶ່ງໄດ້ຍ້າຍໄປທາງຊ້າຍ.
3. ທັງສອງ - ການຕິດຕັ້ງຂອງ block ຍົກຍ້າຍຈັດສັນທີ່ຜ່ານມາ.
4. ບໍ່ມີຊີ້ໃຫ້ເຫັນການຂາດຂໍ້ຈໍາກັດກ່ຽວກັບຕໍາແຫນ່ງຂອງຕັນທຽບກັບອົງປະກອບທີ່ກໍາລັງຍ້າຍໄດ້.

ຍົກຕົວຢ່າງ

ພິຈາລະນາວິທີການມັນຈະເບິ່ງຄືເປັນອຸປະ div ຮູບແບບ. ພວກເຮົາໄດ້ຂຽນລະຫັດຂອງພວກເຮົາ:

ພາຍໃຕ້ລະຫັດທີ່ທ່ານເຫັນຜົນໄດ້ຮັບ. ດັ່ງນັ້ນ, ບົນພື້ນຖານຂອງຄຸນສົມບັດຈໍານວນຫນຶ່ງສາມາດໄດ້ຮັບການຄວບຄຸມການຮ່ວມມືແບບ block ເປັນທີ່ຕ້ອງການ. ໄປທີ່ປັດຈຸບັນຕໍ່ໄປ. ພວກເຮົາໄດ້ນໍາໃຊ້ຂໍ້ຄວາມ align: center, ເພື່ອໃຫ້ສອດຄ້ອງກັນ block ສໍາລັບຕົວທ່ອງເວັບຂອງໃດໆ.

ຂະນະທີ່ທ່ານສາມາດເບິ່ງ, ມັນເປັນຮູບລັກ block ຂ້ອນຂ້າງງ່າຍດາຍຂອງເວັບໄຊດັ່ງກ່າວ. ມັນເປັນສິ່ງສໍາຄັນເພື່ອສຶກສາແລະປະຕິບັດຄຸນສົມບັດເພີ່ມເຕີມທີ່ຈະສ້າງໂຄງປະກອບການປ່ຽນແປງໄດ້ຫຼາຍຂອງຫນ້າທີ່.

ບາງສິ່ງບາງຢ່າງທີ່ສໍາຄັນຫຼາຍ

ມີຄຸນສົມບັດຫນຶ່ງທີ່ວ່າຖືກນໍາໃຊ້ໃນການຈັດການແມ່ນ - ຕໍາແຫນ່ງ, ມັນຖືກນໍາໃຊ້ສໍາລັບຕໍາແຫນ່ງ.

ຄຸນຄ່າສໍາລັບຄຸນສົມບັດຂອງຕໍາແຫນ່ງນີ້:

1. ພີ່ນ້ອງ - ຊຸດຕໍາແຫນ່ງຂອງອົງປະກອບທີ່ກ່ຽວຂ້ອງກັບສະຖານທີ່ຕົ້ນສະບັບຂອງເຂົາເຈົ້າໄດ້. ຄໍາຮ້ອງສະຫມັກປະໄວ້, top, ຊ, ຍ້າຍອົງປະກອບທາງລຸ່ມໃນທິດທາງສະເພາະໃດຫນຶ່ງ.
2. Static - ລາຍການສະແດງປົກກະຕິ. ມັນເຮັດໃຫ້ຄວາມຮູ້ສຶກທີ່ນໍາໃຊ້ຖືກຕ້ອງ / ຊ້າຍ, ເທິງ / ລຸ່ມທີ່ບໍ່ມີ - ມັນອາດຈະນໍາໄປສູ່ການບໍ່ມີຫຍັງ.
3. ຢ່າງແທ້ຈິງ - ອົງປະກອບຕໍາແຫນ່ງຢ່າງແທ້ຈິງ.
4. ແກ້ໄຂ - ທີ່ຄ້າຍຄືກັນຢ່າງແທ້ຈິງ. ມັນແມ່ນຜູກພັນກັບຈຸດໃດຫນຶ່ງໃນຫນ້າຈໍໄດ້, ແຕ່ວ່າມັນບໍ່ມີການປ່ຽນແປງຕໍາແຫນ່ງຂອງຕົນ, ເຖິງແມ່ນວ່າຖ້າຫາກວ່າ flipping ຫນ້າ.

ຮູບລັກຫຼາຍສັງເກດເຫັນວ່າໃນເວລາທີ່ການນໍາໃຊ້ເປັນກໍານົດ, ສົມບູນແລະພີ່ນ້ອງຕໍາແຫນ່ງຂອງຕັນໄດ້ຖືກຊ້ອນ. ແລະທີ່ຫນ້າສົນໃຈແລ້ວຈະຮູ້ວ່າຂອງທ່ອນໄມ້ຕ່ໍາກວ່າທີ່ຂ້າງເທິງ. ເພື່ອຕອບຄໍາຖາມນີ້, ທ່ານຈໍາເປັນຕ້ອງຄຸນສົມບັດ z ດັດຊະນີ. ມັນໄດ້ນໍາເອົາຕັນຮູບແບບໄປໃນລະດັບໃຫມ່. ນີ້ເຮັດໃຫ້ມັນເປັນໄປໄດ້ບໍ່ພຽງແຕ່ຈະເຮັດໃຫ້ຕໍາແຫນ່ງຂອງຍົນໄດ້, ແຕ່ພ້ອມກັນນັ້ນກໍຫມາຍຄວາມວ່າຂອງ Z. ແກນສາມມູນຄ່າຂອງດັ່ງກ່າວຄຸນສົມບັດເປັນອາດຈະເປັນທາງບວກຫຼືທາງລົບ.

ສ້າງ 3 ຕັນ. ຕໍ່ໄປ, ການທົດລອງທີ່ມີຕໍາແຫນ່ງຢ່າງແທ້ຈິງ.

ຂະນະທີ່ທ່ານສາມາດເບິ່ງ, ມັນງ່າຍທີ່ຈະມີການປ່ຽນແປງຕໍາແຫນ່ງຂອງທ່ອນໄມ້ທີ່. ບົນພື້ນຖານຂອງຄວາມຈິງທີ່ວ່າທ່ານມີໃນປັດຈຸບັນສາມາດເພື່ອເຮັດໃຫ້ຫນ້າຮູບລັກ block ໃດປະຖົມ. ການນໍາໃຊ້ຄຸນສົມບັດເພີ່ມເຕີມທ່ານຈະປັບປຸງທັກສະຂອງທ່ານ.