สร้างเว็บไซต์มือถือ

ฉันจะสร้างเว็บไซต์เวอร์ชันมือถือ

นี่เป็นครั้งแรกที่ฉันจะสร้างเว็บไซต์เฉพาะสำหรับมือถือ

ฉันต้องรู้อะไรบ้าง ฉันต้องระวังอะไรบ้าง

ขอคำแนะนำและแหล่งข้อมูลที่ดี!

- ศรี

หากคุณกำลังสร้างเว็บไซต์มือถือแสดงว่าคุณกำลังเข้าสู่โลกแห่งความเจ็บปวด! อย่างจริงจัง. ฉันใช้เวลาหนึ่งปีในการเป็นผู้จัดการโครงการโครงการเว็บพอร์ทัลบนมือถือและข้อผิดพลาดของเบราว์เซอร์และความแตกต่างของแพลตฟอร์มเป็นคำสั่งที่แย่กว่าการพัฒนาโปรแกรมประยุกต์บนเว็บสำหรับพีซีแบบเต็ม

สิ่งแรกที่ฉันจะพูดคือ: ดูอย่างรอบคอบในกรณีธุรกิจ มีข้อได้เปรียบผู้เสนอญัตติแรกสำหรับพื้นที่มือถือในขณะนี้; แต่คุณสามารถรับเงินจากมือถือได้หรือไม่ก็ได้ คิดให้รอบคอบเกี่ยวกับเรื่องนี้

สิ่งที่สองคือจำกัด อุปกรณ์เป้าหมายให้มากที่สุด ในขณะที่คุณเพิ่มอุปกรณ์ฝ่ายบริการลูกค้าและการประกันคุณภาพจะระเบิดอย่างหนัก หากคุณสามารถออกไปได้ด้วยการสนับสนุนเฉพาะ iPhone และ Android ให้ทำเช่นนั้น อย่างน้อยตั้งค่ารายการโทรศัพท์พื้นฐานที่รองรับอย่างสมบูรณ์และรองรับบางส่วนและเก็บไว้ที่

คุณจะไม่สามารถกำหนดเป้าหมายอุปกรณ์ 'ดี' ทั้งหมดด้วยโซลูชันเทคโนโลยีเดียว (อย่างน้อยก็ไม่ใช่เว้นแต่คุณจะกำหนด 'ดี' เป็นข้อความล้วนชิดซ้ายจัดแต่งทรงผมน้อยที่สุด) รูปแบบ 'ครอบครัว' 4 รูปแบบสำหรับเว็บไซต์มือถือคือ:

• HTML 5 'ดีที่สุด' การประนีประนอมระหว่างคุณสมบัติที่แข็งแกร่งและการแยกวิเคราะห์ที่เข้มงวดในขณะนี้ ใช้งานได้กับโทรศัพท์มือถือล้ำสมัยเท่านั้น (ในทางปฏิบัติแล้วหมายถึง iPhone และ Android ตอนนี้)
• XHTML มือถือ รองรับอุปกรณ์ที่รองรับที่กว้างที่สุด สิ่งที่คุณต้องการสำหรับ Nokias ที่ไม่ใช่แบรนด์ใหม่ Sony-Ericssons ฯลฯ ในคำอื่น ๆ XHTML Mobile ทำงานร่วมกับกลุ่มของโทรศัพท์ที่ติดตั้งเป็นกลุ่ม แต่บ่อยครั้งที่ผู้ใช้โทรศัพท์มือถือเหล่านี้ไม่ได้ใช้เว็บไซต์มือถือมากนักดังนั้นพวกเขาจึงมีเปอร์เซ็นต์การเข้าชมที่น้อยลงของคุณสมบัติมือถือ
• แท็กซุปเช่น HTML 4.01, XHTML 1.0 เต็มรูปแบบ ฯลฯ ทำงานเหมือน 'แท็กซุป' ทำใช้ได้กับโทรศัพท์รุ่นล่าสุดเท่านั้น
• WAP สำหรับกรณีการใช้งานเกือบทั้งหมดรูปแบบนี้จะตายตอนนี้ ฉันจะไม่พิจารณาเรื่องนี้สำหรับการพัฒนาพื้นที่สีเขียวอีกต่อไป (โทรศัพท์ที่สามารถทำ WAP ได้นั้นเก่าและแตกเท่านั้นที่ไม่มีมนุษย์คนใดอยากใช้เป็นแพลตฟอร์มในการคำนวณคิดหน้าจอขาวดำไม่มีแป้นพิมพ์ QWERTY เป็นต้น)

หมายเหตุ: เฉพาะโทรศัพท์มือถือที่ทันสมัยเท่านั้นที่รองรับจาวาสคริปต์ (อีกครั้งรองรับการใช้งานบน iPhone ได้อย่าง จำกัด มีสิทธิ์ใช้งานบน Android สมาร์ทโฟนบางรุ่นที่มีระบบปฏิบัติการที่แตกต่างกันเท่านั้นที่รองรับจาวาสคริปต์

สุดท้ายนี้ให้พิจารณาแอปพลิเคชั่นพื้นฐานซึ่งอาจเป็นแอพ 'ไฮบริด'ซึ่งมีบางส่วนของแอปพลิเคชันโครมและลอจิกติดตั้งอยู่ภายในเครื่องแล้วดึงเนื้อหาอื่น ๆ ผ่านทางเครือข่าย การพัฒนาแอปพลิเคชั่นพื้นฐานสำหรับ iPhone นั้นราคาถูกอย่างน่าประหลาดใจและแอพพื้นฐานนั้นเร็วกว่าและใช้งานง่ายกว่าแอพในเบราว์เซอร์

ฉันต้องรู้อะไรบ้าง ฉันต้องระวังอะไรบ้าง

หากตอนนี้คุณอยู่ที่นี่แล้วคุณควรเตรียมพร้อมที่จะใช้เวลาในการเรียนรู้มาก ๆ หรือลองจ้างความรู้จากภายนอก

ฉันต้องรู้อะไรบ้าง

ฉันจะเริ่มด้วย W3C สำหรับ Mobile Web Best Practices 1.0และดูว่าเว็บไซต์ใดที่Smashing Magazineกล่าวถึงเกี่ยวกับการออกแบบไซต์สำหรับอุปกรณ์มือถือ

ฉันต้องระวังอะไรบ้าง

WAPค่อนข้างตายไปแล้วเมื่อมีเบราว์เซอร์ของโทรศัพท์มือถือ (โดยปกติจะเป็นเบราว์เซอร์เดสก์ท็อปรุ่นเก่าที่ถูกถอด) - ไม่จำเป็นต้องมีการกดเน้นเรื่องโปรโตคอลอาร์เคนเมื่อเครื่องมือที่คุณคุ้นเคยจะพอเพียง

บทความดีๆในหัวข้อนี้ -

• สถานะของการพัฒนาเว็บบนมือถือ - ตอนที่1 , 2 , 3

• เหมาะกับมือถือ:
  คู่มือการเพิ่มประสิทธิภาพเว็บบนมือถือ