Workshop 9 : เพิ่ม App เป็นแบบ 2 หน้า
ลองเพิ่ม App เป็นแบบ 2 หน้า โดยกด About ที่หน้าแรกแล้วจะเปิดหน้าที่ 2
1. แก้ไจไฟล์ index.html ในแท็ก body ให้มีรายละเอียดดังนี้ (ส่วนแท็กอื่น ๆ เหมือนเดิม) หากทำลิ้งค์ปุ่มกดเป็นภาพ ก็ก๊อปปี้มาใส่ในโฟลเดอร์ www หรือ www/img แล้วระบุพาทให้ถูกต้อง (ลักษณะการลิ้งค์ด้วย <a href=…..> เหมือนเว็บ)
2. เพิ่มไฟล์หน้า 2 ตั้งชื่อว่า about.html (ก๊อปปี้ index.html ไปแก้ไขก็ได้)
1. แก้ไจไฟล์ index.html ในแท็ก body ให้มีรายละเอียดดังนี้ (ส่วนแท็กอื่น ๆ เหมือนเดิม) หากทำลิ้งค์ปุ่มกดเป็นภาพ ก็ก๊อปปี้มาใส่ในโฟลเดอร์ www หรือ www/img แล้วระบุพาทให้ถูกต้อง (ลักษณะการลิ้งค์ด้วย <a href=…..> เหมือนเว็บ)
2. เพิ่มไฟล์หน้า 2 ตั้งชื่อว่า about.html (ก๊อปปี้ index.html ไปแก้ไขก็ได้)
สรุป
Cross – Platform App ที่สร้างด้วย Cordova จะทำงานด้วยเทคโนโลยีเว็บเป็นหลัก คล้ายกับการทำเว็บไซท์ทั่วไป (แต่ไม่ไช่เซิฟเวอร์ ปัจจุบันยังใช้ปัญหาสคริปไม่ได้ พวก .net, PHP, Jsp, แต่ในอนาคตไม่แน่) โฟลเดอร์ www ทำหน้าที่เก็บไฟล์ที่เกี่ยวข้องกับเว็บ ได้แก่ HTML, CSS และ JavaScript โดยในบทนี้เราได้ทราบถึงการทำเว็บหน้าเดียวและสองหน้าไปแล้ว ซึ่งเป็นหน้าเพจแบบพื้น ๆ ยังไม่มีการกำหนดรูปแบบ
บทต่อไปท่านจะได้ศึกษาเกี่ยวกับ CSS ซึ่งจำเป็นต้องการสร้าง App มากเนื่องจากเป็นตัวกำหนดรูปแบบรูปร่างหน้าตาของหน้า App เช่น การจัดวางเลย์เอ้าท์องค์ประกอบหน้า App พวกปุ่มกด การจัดวางภาพ กำหนดขนาดอักษร ฯลฯ
บทต่อไปท่านจะได้ศึกษาเกี่ยวกับ CSS ซึ่งจำเป็นต้องการสร้าง App มากเนื่องจากเป็นตัวกำหนดรูปแบบรูปร่างหน้าตาของหน้า App เช่น การจัดวางเลย์เอ้าท์องค์ประกอบหน้า App พวกปุ่มกด การจัดวางภาพ กำหนดขนาดอักษร ฯลฯ