รูปแบบขั้นพื้นฐานของเว็บไซต์ที่ดีที่สุดสำหรับมาร์ทโฟน
ถ้าเว็บที่เราจะคุ้นเคยกับการทำตามใจตัวเองด้วยการรวมกันไม่มีที่สิ้นสุดของรูปแบบและพื้นที่การออกแบบหน้าเว็บสำหรับโทรศัพท์สมาร์ทที่เราตรวจสอบความทะเยอทะยานสร้างสรรค์ของเราหรืออย่างน้อยปรับขนาดขนาด จำกัด ของการแสดงเจตนาสำหรับการดูการทำงานของเรา
หมายเหตุ : ความละเอียดของวิดีโอที่แตกต่างกันของหลักสูตรขึ้นอยู่กับรุ่นส่วนใหญ่ของมาร์ทโฟนรุ่นต่อไปมีการแสดงที่มีความกว้างตั้งแต่ขั้นต่ำของ 240 ไปสูงสุดของ 480 พิกเซล ความละเอียดที่พบมากที่สุดที่สามารถนับในโหมดแนวตั้งมากกว่าความกว้างของ 320 pixels
ลืมแล้วเค้าโครงคอลัมน์สอง, สามหรือสี่! จากจุดของฉันของมุมมองเท่านั้นทางออกที่เป็นไปเพื่อให้มั่นใจว่าการใช้งานที่ดีในการเนื้อหาการออกแบบคอลัมน์เดียวซึ่งเนื้อหาทั้งหมดจะถูกจัดตามลำดับน้ำตกแนวตั้ง (เช่นหนึ่งด้านล่างอื่น ๆ ) เป็น เมื่อคุณสร้างหน้าเว็บโปรดจำไว้เสมอสิ่งที่สำคัญที่สุดคือเพื่อให้มั่นใจในการใช้งานที่ดีและมากขึ้นเพื่อให้เมื่อจอแสดงผลจะถูก จำกัด มาร์ทโฟนที่เรียบง่ายอยู่เสมอวิธีที่ดีที่สุดไปข้างหน้า
ที่คุณสามารถดูโครงสร้างของเราเป็นเรื่องง่ายมากและประกอบด้วยเริ่มต้นจากสามส่วน :
- ส่วนหัว : คือส่วนบนของหน้าเว็บและถูกออกแบบมาเพื่อรองรับโลโก้ของเว็บไซต์และอาจจะเป็นองค์ประกอบอื่น ๆ ไม่กี่ชั้นแรก;
- ร่างกายหน้า : มันถูกออกแบบมาเพื่อรองรับส่วนของภาคกลางของเนื้อหาจริงของหน้าของเว็บไซต์ของเรา
- ท้ายกระดาษ : นี้คือส่วนสุดท้ายที่ด้านล่างที่ซึ่งมันเป็นเรื่องปกติที่จะนำเงินให้สินเชื่อใด ๆ อ้างอิงทางกฎหมายลิขสิทธิ์, รายชื่อ, ฯลฯ
เมนูนำทาง
ส่วนภาคกลางของหน้าในการเปิดจะใช้ในการบ้านในพื้นที่อื่น ๆ (ซึ่งแตกต่างกันไปขึ้นอยู่กับความต้องการของคุณ)เป็นองค์ประกอบสำคัญของหลักสูตรเป็นเมนูนำทางผ่านที่สามารถเข้าถึงหน้าอื่น ๆ / พื้นที่ของเว็บไซต์ หากเหล่านี้ไม่กี่ (วิธีแรก) โดยตรงสามารถสร้างแถบเครื่องมือที่จำเป็นต้องมีการเชื่อมโยงอย่างอื่น -- เหตุผลของพื้นที่ -- มันจะดีกว่าเพื่อเพิ่มปุ่มเดียวที่เมื่อคลิกแล้วจะแสดงรายการของหน้าเว็บทั้งหมด / พื้นที่ (มีทางออกที่สอง)
เนื้อหาของ
นอกจากนี้และเหนือทั้งหมดสำหรับเนื้อหาที่คุณจำเป็นต้องเก็บไว้ในใจหน้าจอขนาดเล็กของมาร์ทโฟนของคุณ อีกครั้งจึงเรียบง่ายและเป็นเส้นตรงอยู่ในความคิดของฉันเลือกที่ดีที่สุด
หลีกเลี่ยงการ frills กราฟิกที่ไม่จำเป็นเป็นกฎที่ดีของการออกแบบเว็บและมันก็เป็นมากยิ่งขึ้นในการพัฒนาหน้าเว็บสำหรับโทรศัพท์มือถือและสำหรับคำถามที่เกี่ยวข้องกับขนาดที่เล็กของจอแสดงผลและด้วยเหตุผลที่เกี่ยวข้องกับแบนด์วิธที่มี (รวมทั้งมีค่าใช้จ่ายเป็น แบนด์วิดธ์ 3G จะไม่เสมอได้อย่างรวดเร็วจึงเป็นสิ่งที่ดีที่สุดที่จะมุ่งเน้นในสิ่งเป็นสิ่งจำเป็น)
แม้สำหรับเนื้อหาจึงขอแนะนำน้ำตกที่องค์ประกอบเค้าโครงต่างๆ (ข้อความ, ภาพ, วิดีโอ) ในการติดตามแต่ละอื่น ๆ ที่อยู่ :
ในบทเรียนต่อไปเราจะเห็นวิธีการสร้างรหัส HTML ในเว็บไซต์ของเราเริ่มต้นของหลักสูตรโดย <head> (ชื่อ, แท็ก meta และ CSS)
- <<บทเรียนก่อนหน้า
- ดัชนีความช่วยเหลือ
- บทเรียนถัดไป>>
 |
ASP.NET (หลักสูตร)
หลักสูตรเต็มสำหรับสร้างเว็บแอพพลิเคชันจาก 49 € |
 |
Ruby และ Ruby on Rails (หลักสูตร)
สร้างโปรแกรมซอฟต์แวร์และเว็บด้วยทับทิมและ ร. จาก 39 € |
 |
SQL และฐานข้อมูล (หลักสูตร)
การสร้างและจัดการฐานข้อมูลเชิงสัมพันธ์ จาก 39 € |