Dreamweaver และ jQuery Mobile Integration

• อาจ 5, 2024

ในช่วงไม่กี่ปีที่ผ่านมา Dreamweaver^R ได้รับการเพิ่มจำนวนคุณสมบัติสำหรับการสร้างเนื้อหาเว็บมือถือและแอปพลิเคชันมือถือ การอัปเกรดเป็น CS6 ใหม่นี้ไม่มีข้อยกเว้น Dreamweaver CS6 มีขั้นตอนการทำงานที่ดีขึ้นด้วยคุณสมบัติ jQuery Mobile

การเริ่มโครงการมือถือใหม่นั้นง่ายมากด้วยตัวเลือกหน้าใหม่จากตัวอย่างในกล่องโต้ตอบเอกสารใหม่ คุณสามารถเลือกตัวอย่าง jQuery Mobile ได้จากโฟลเดอร์ Mobile Starters หน้าตัวอย่างนี้มาพร้อมกับไฟล์กราฟิก css และ JavaScript ที่สร้างไว้ล่วงหน้า

จากหน้าตัวอย่างนี้เราสามารถเริ่มสร้างโครงการของเราโดยการเพิ่มองค์ประกอบลงในหน้า

1. ในแผงแทรกเราจะเลือก jQuery Mobile จากเมนูหมวดหมู่ สิ่งนี้จะแสดงส่วนประกอบที่สร้างไว้ล่วงหน้า
   
   
2. ในการเพิ่มองค์ประกอบใหม่เราจะวางเคอร์เซอร์ของเราในตำแหน่งที่จะเพิ่มองค์ประกอบการออกแบบใหม่และคลิกที่หนึ่งในองค์ประกอบในรายการ ตัวอย่างของเราลองเลือก Slider
   
   Dreamweaver จะเพิ่มโค้ดสำหรับตัวเลื่อนไปยังหน้าของเราโดยอัตโนมัติ ในมุมมองสดเราสามารถเห็นตัวควบคุมแถบเลื่อนใหม่ของเรา
   
   

แต่หน้านี้เป็นการค้นหาทั่วไปเล็กน้อย เรามีวิธีที่ง่ายและรวดเร็วในการจัดหน้าของเราด้วยแผง jQuery Mobile Swatches ใหม่

1. จากแถบเมนูคลิกหน้าต่าง - jQuery Mobile Swatches หากคุณยังไม่ได้โหลดไฟล์กราฟิก css และ JavaScript ที่รองรับแล้วคุณจะเห็นกล่องโต้ตอบปรากฏขึ้น คลิกคัดลอกเพื่อโหลดไฟล์
   
   
2. แผง jQuery Mobile Swatches ใหม่จะว่างเปล่าจนกว่าคุณจะเลือกองค์ประกอบในหน้าตัวอย่างของคุณ เมื่อคุณเลือกองค์ประกอบแผงจะแสดง swatches ที่สอดคล้องกันที่มีอยู่สำหรับองค์ประกอบนั้น หากเราเลือกองค์ประกอบส่วนหัวเราจะเห็นหลายหัวข้อ
   
   
3. หากเราเปลี่ยนเป็น Live view เราสามารถคลิกที่ swatches แต่ละชุดรูปแบบเพื่อดูตัวอย่างของลักษณะที่ปรากฏ
   
   

เราสามารถทำสิ่งนี้ซ้ำสำหรับองค์ประกอบการออกแบบทั้งหมดในหน้าของเรา ในขณะที่เราทำเช่นนี้แผง jQuery Mobile Swatches จะแสดง swatches ธีมที่สอดคล้องกันที่มีอยู่ นอกจากนี้เรายังสามารถใช้ Resolution Switcher เพื่อดูตัวอย่างการออกแบบเนื่องจากมันจะดูที่ความละเอียดเดสก์ท็อปและแท็บเล็ต

หากเราใช้ลิงก์รับธีมเพิ่มเติมที่ด้านล่างของพาเนลเบราว์เซอร์จะเปิดไปที่ ThemeRoller สำหรับเว็บไซต์ jQuery Mobile

* Adobe มอบสำเนาของซอฟต์แวร์นี้ให้ฉันเพื่อการตรวจสอบ

ลิขสิทธิ์ 2018 Adobe Systems Incorporated สงวนลิขสิทธิ์. ภาพหน้าจอผลิตภัณฑ์ Adobe พิมพ์ซ้ำได้รับอนุญาตจาก Adobe Systems Incorporated Adobe, Photoshop, อัลบั้ม Photoshop, องค์ประกอบ Photoshop, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, องค์ประกอบรอบปฐมทัศน์, สะพาน, After Effects, InCopy, Dreamweaver, แฟลช, ActionScript, ดอกไม้ไฟ, Contribute, Flash Catalyst และ Flash Paper เป็น / เป็น [a] เครื่องหมายการค้าจดทะเบียน [s] หรือเครื่องหมายการค้า [s] ของ Adobe Systems Incorporated ในสหรัฐอเมริกาและ / หรือประเทศอื่น ๆ

คำแนะนำวิดีโอ: Gorkem Ercan - Developing Cordova Applications with Eclipse IDE (อาจ 2024).