. Mobile Development › how it works

. Mobile Development › how it works › designing a mobile site 2. Ensure your markup is valid and error free with the W3C XML validator.Validating your code is important for any designs which function in theInternet arena. The validator helps to ensure your code is compatible withweb standards. Among the benefits of validating your code is that your sitewill display correctly across as many platforms as possible, your code will beleaner and therefore use less bandwidth (already limited on mobile phones),and be easier for designers to update when necessary.You can access the W3C validator at http://validator.w3.org/ 3. Avoid frames and tables, and keep your site size down to a mini- mum.In the early days of the web, designers tended to use HTML tables to lay outcontent for a web page, and many websites still do so today. However, differentbrowsers, and even different versions of browsers all support code differently,resulting in websites that only work on certain browsers, or bulky code to copewith each version required.By using cascading style sheets (CSS) for design, you can design a websitethat is likely to be easier to update and leaner to download for mobile sites,especially considering the vastly different screen sizes. 4. Keep URLs short and memorable.Most forms of mobile communication are limited in character size. SMS, forexample, is widely used but only allows 160 characters. Shorter URLs make iteasier for users to find and access your site in the mobile environment. URLshorteners like bit.ly and mzan.si can be used to shorten websites links whenshared but your URL should make it easy to type in the address. 5. Ensure that any images are automatically resized according to the phone model.If images are resized at the server, rather than once they have been downloadedto the phone, data transfer times and rates will be vastly improved. The browsershould therefore be told what sizes the images are. Speak to your developerabout this. 6. Ensure your images are in a compressed format (gif, jpg).There are a number of ways to compress different images. It is most importantthat download times are reduced.

ผลลัพธ์ (ไทย) 1:

. พัฒนามือถือ›วิธีการทำงาน›ออกแบบเว็บไซต์มือถือ 2 ตรวจสอบมาร์กอัปของคุณถูกต้อง และข้อผิดพลาดกับตัวตรวจสอบ W3C XMLตรวจสอบโค้ดของคุณเป็นสิ่งสำคัญสำหรับการออกแบบใด ๆ ฟังก์ชันใดในเวที theInternet ตัวตรวจสอบที่ช่วยให้รหัสข้อความมาตรฐาน withweb เข้ากันได้ ระหว่างประโยชน์ของการตรวจสอบโค้ดของคุณได้ที่ sitewill ของคุณแสดงผลถูกต้องข้ามแพลตฟอร์มมากที่สุด beleaner จะรหัสของคุณดังนั้นใช้แบนด์วิดท์น้อย (แล้วจำกัดบนโทรศัพท์มือถือ), และทำให้นักออกแบบปรับปรุงเมื่อจำเป็นคุณสามารถเข้าถึงตัวตรวจสอบของ W3C ที่ http://validator.w3.org/ 3 เฟรมและตาราง และเก็บขนาดของไซต์ลงมินิมัมในยุคแรกของเว็บ outcontent นักออกแบบที่มีแนวโน้มที่จะ ใช้ตาราง HTML ไปวางในเว็บเพจ และเว็บไซต์หลายแห่งยังคงทำวันนี้ อย่างไรก็ตาม differentbrowsers และรุ่นต่าง ๆ แม้เบราว์เซอร์ทั้งหมดสนับสนุนรหัสต่าง ในเว็บไซต์ที่ทำงานบนเบราว์เซอร์ หรือบางขนาดใหญ่รหัส copewith แต่ละรุ่นต้อง การโดยใช้ cascading style sheet (CSS) สำหรับการออกแบบ คุณสามารถออกแบบ websitethat มีแนวโน้มที่จะง่ายต่อการปรับปรุงและ leaner ดาวน์โหลดในเว็บไซต์มือถือ โดยเฉพาะอย่างยิ่งพิจารณาขนาดหน้าจอที่แตกต่างกันเสมือนได้ 4. ให้ Url สั้น และน่าจดจำโทรศัพท์มือถือในรูปแบบส่วนใหญ่จะจำกัดขนาดอักขระ SMS, forexample กันมาก แต่ให้ 160 ตัวอักษรเท่านั้น Url ที่สั้นลงทำให้ iteasier เพื่อให้ผู้ใช้ค้นหา และเข้าถึงไซต์ของคุณในสภาพแวดล้อมที่โทรศัพท์มือถือ URLshorteners ชอบ bit.ly mzan.si สามารถใช้จู๋ whenshared เชื่อมโยงเว็บไซต์ แต่ URL ของคุณควรให้พิมพ์อยู่ 5. ตรวจดูว่า ภาพใดถูกปรับขนาดโดยอัตโนมัติตามรุ่นโทรศัพท์มือถือถ้ามีปรับภาพที่เซิร์ฟเวอร์ มากกว่าหนึ่งครั้งจะได้รับ downloadedto โทรศัพท์ เวลาโอนข้อมูล และราคาจะเสมือนปรับปรุง Browsershould ดังนั้นจะบอกว่า ขนาดภาพจะ พูดกับ developerabout ของคุณนี้ 6. ให้ภาพของคุณอยู่ในรูปแบบบีบอัด (gif, jpg)มีหลายวิธีการบีบอัดภาพที่แตกต่างกัน เวลาในการดาวน์โหลด importantthat ส่วนใหญ่จะลดลงได้

ผลลัพธ์ (ไทย) 3:

›พัฒนาโทรศัพท์มือถือวิธีการทํางาน›ออกแบบเว็บไซต์มือถือ 2 ให้แน่ใจว่าโปรแกรมของคุณถูกต้องและข้อผิดพลาดฟรีกับ W3C XML validator . ตรวจสอบรหัสของคุณเป็นสิ่งสำคัญมากในการออกแบบฟังก์ชันซึ่งในส่วนเวที ตัวตรวจสอบจะช่วยให้เพื่อให้แน่ใจว่ารหัสของคุณคือมาตรฐาน withweb เข้ากันได้ระหว่างประโยชน์ของการตรวจสอบรหัสของคุณคือของคุณ sitewill แสดงอย่างถูกต้องข้ามแพลตฟอร์มมากที่สุด รหัสของคุณจะ beleaner และดังนั้นจึงใช้แบนด์วิดธ์น้อย ( แล้วกัดบนโทรศัพท์มือถือ ) และจะง่ายขึ้นสำหรับนักออกแบบที่จะปรับปรุงเมื่อจำเป็น คุณสามารถเข้าถึง W3C Validator ที่ http://validator.w3.org/ 3 หลีกเลี่ยงกรอบและตารางและให้เว็บไซต์ของคุณ ขนาดลงมินิ - แม่ ในวันแรกของเว็บ นักออกแบบมีแนวโน้มที่จะใช้ตาราง HTML เพื่อวาง outcontent สำหรับหน้าเว็บและเว็บไซต์จำนวนมากยังคงทำในวันนี้ อย่างไรก็ตาม differentbrowsers แม้ต่างรุ่นของเบราว์เซอร์ทั้งหมด สนับสนุนรหัสต่างกัน ส่งผลให้เว็บไซต์ที่ใช้งานได้เฉพาะในเบราว์เซอร์บางหรือหนารหัส copewith แต่ละรุ่นต้องการโดยการใช้ Cascading Style Sheets ( CSS ) เพื่อการออกแบบ คุณสามารถออกแบบ websitethat มีแนวโน้มที่จะง่ายต่อการปรับปรุงและ leaner ดาวน์โหลดสำหรับเว็บไซต์มือถือ , โดยเฉพาะอย่างยิ่งเมื่อพิจารณาจากขนาดหน้าจอที่แตกต่างกันมาก 4 . เก็บ URL ที่สั้นและที่น่าจดจำ รูปแบบส่วนใหญ่ของการสื่อสารเคลื่อนที่จะถูก จำกัด ในขนาดตัวอักษร SMS , การใช้กันอย่างแพร่หลาย แต่อนุญาตให้ใช้เพียง 160 ตัวอักษรURL ที่สั้นลง ทำให้ iteasier สำหรับผู้ใช้ในการค้นหาและเข้าถึงเว็บไซต์ของคุณในสภาพแวดล้อมที่โทรศัพท์มือถือ urlshorteners เช่น bit.ly mzan.si และสามารถใช้เพื่อลดการเชื่อมโยงเว็บไซต์ whenshared แต่ URL ของคุณจะทำให้มันง่ายที่จะพิมพ์ที่อยู่ 5 . ตรวจสอบให้แน่ใจว่าภาพจะถูกปรับขนาดโดยอัตโนมัติตามรุ่นโทรศัพท์ ถ้าจะปรับขนาดภาพที่เซิร์ฟเวอร์มากกว่าเมื่อพวกเขาได้รับ downloadedto โทรศัพท์ รับส่งข้อมูลครั้งและอัตราจะดีขึ้นมาก การ browsershould ดังนั้นว่า ขนาดภาพเป็น พูดกับ developerabout ของคุณนี้ 6 . ให้แน่ใจว่าภาพของคุณในรูปแบบบีบอัด ( GIF , JPG ) . มีจำนวนของวิธีการบีบอัด ภาพที่แตกต่างกัน มันคือที่สุด importantthat ดาวน์โหลดครั้งจะลดลง