งานนำเสนอกำลังจะดาวน์โหลด โปรดรอ

งานนำเสนอกำลังจะดาวน์โหลด โปรดรอ

บทที่ 1 เริ่มต้นสร้าง jQuery Mobile Page. สร้าง site สำหรับเก็บงาน 1. เปิด Dreamweaver CC 2. ไปที่ site > manage site > new site 3. ตั้งชื่อ site name.

งานนำเสนอที่คล้ายกัน


งานนำเสนอเรื่อง: "บทที่ 1 เริ่มต้นสร้าง jQuery Mobile Page. สร้าง site สำหรับเก็บงาน 1. เปิด Dreamweaver CC 2. ไปที่ site > manage site > new site 3. ตั้งชื่อ site name."— ใบสำเนางานนำเสนอ:

1 บทที่ 1 เริ่มต้นสร้าง jQuery Mobile Page

2 สร้าง site สำหรับเก็บงาน 1. เปิด Dreamweaver CC 2. ไปที่ site > manage site > new site 3. ตั้งชื่อ site name = jmsummerx หรือ jmsummern 4. กำหนด Local Folder ให้เป็น folder ใหม่ที่สร้างไว้ สำหรับเก็บงานในการเรียน summer นี้

3 เริ่มต้นสร้าง jm file และหน้า 1. File > new >blank > html > create 2. เคาะ enter ให้เกิดบรรทัดว่างระหว่าง … 3. Click เลือกบรรทัดว่าง 4. ที่ insert jQuery Mobile panel คลิกเลือก page 5. กำหนดค่าเริ่มต้น ดังรูปที่ 1. แล้วคลิก OK จะได้รูปที่ จากรูปที่ 2. กำหนด ID = page1 7. เลือก footer และ header 8. คลิกปุ่ม OK

4 รูปที่ 1

5 รูปที่ 2.

6 สร้างโดย Starter Templates 1. File > New > Starter Templates 2. เลือก Mobile Starters ที่ช่อง sample folder 3. ที่ Sample page เลือกอันใดอันหนึ่ง  jQuery Mobile (CDN)  jQuery Mobile (Local)  jQuery Mobile with Theme (Local)  เลือกอันนี้ 4. เลือก HTML5 ที่ doctype 5. คลิก create (1-5 ดังรูปที่ 3.) 6. จะได้โครงสร้าง page ทั้งหมด 4 หน้าคือ page1, page2, page3, page4 ดังรูปที่ 4.

7 รูปที่ 3.

8 รูปที่ 4.

9 การบันทึกไฟล์ 1. File > Save 2. ตั้งชื่อเป็น index 3. เลือก Save as Types เป็น HTML Documents 4. คลิกปุ่ม Save จะขึ้นหน้าต่าง Copy Dependent Files ให้ คลิกเลือกปุ่ม Copy ดังรูปที่ 5.

10 รูปที่ 5.

11 แสดงผลหน้า page ด้วย Live View คลิกปุ่ม Live View

12 เพิ่มหน้า 1. วางตำแหน่งที่ต้องการเพิ่ม page หลัง page4 2. ที่ panel insert คลิกเลือก page 3. ตั้งชื่อ page = page5


ดาวน์โหลด ppt บทที่ 1 เริ่มต้นสร้าง jQuery Mobile Page. สร้าง site สำหรับเก็บงาน 1. เปิด Dreamweaver CC 2. ไปที่ site > manage site > new site 3. ตั้งชื่อ site name.

งานนำเสนอที่คล้ายกัน


Ads by Google