Bootstrap - มันคืออะไร? Bootstrap Twitter - การออกแบบและการสร้างเว็บไซต์

ผู้ที่ทำงานอย่างน้อยกับทรงกลมการออกแบบเว็บและมีความคุ้นเคยกับกระบวนการสร้างเว็บไซต์และการออกแบบของพวกเขารู้ว่าโอกาสในการแสดงผลเนื้อหาของคุณได้หายไปเมื่อเร็ว ๆ นี้ ด้วยเทคโนโลยี CSS, JavaScript และ Flash รวมเข้าด้วยกันจากไซต์ใด ๆ จึงเป็นไปได้ที่จะทำให้ผลงานชิ้นเอกชิ้นนี้เป็นผลงานศิลปะสมัยใหม่เช่น และแน่นอนว่านักออกแบบหลายคนมีส่วนร่วมในเรื่องนี้และ บริษัท จำนวนมากได้สั่งการพัฒนาพอร์ทัลด้วยกราฟิกที่น่าทึ่ง นอกจากนี้ "ผลว้าว" ของหน้าสามารถทำได้ไม่เพียง แต่ผ่านชุดของผลกระทบที่แตกต่างกัน แต่ยังด้วยความช่วยเหลือของการเปลี่ยนแปลงที่เรียบง่าย แต่สวยงาม infographics การเชื่อมโยงและอื่น ๆ

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

Bootstrap - มันคืออะไร?

ดังนั้นเพื่อเริ่มต้นคำอธิบายของผลิตภัณฑ์ตามลักษณะทั่วไป ดังนั้นโปรดทราบว่า Bootstrap เป็นแพลตฟอร์มที่แสดงในเทมเพลตเฉพาะสำหรับไซต์ แต่ละคนมีกราฟิก, CSS มาร์กอัปและแน่นอน HTML

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

จะเริ่มต้นสร้างเว็บไซต์ได้อย่างไร?

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

การทำให้เป็นหัวข้อของแต่ละหัวข้อ

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

สิ่งที่เราสนใจคือไฟล์ CSS ที่มีชื่อของชุดรูปแบบ (วางอยู่ในโฟลเดอร์ "css" นอกจากจะมีไฟล์อื่น ๆ อีกสองชุดของการตั้งค่าพื้นฐานของแพลตฟอร์มพวกเขาสามารถทิ้งไว้ตามลำพังได้) และยัง "index.html" ซึ่งเป็นมาร์กอัปของหน้าหลัก คุณควรเริ่มจากนี้และการเพิ่มเฉพาะอื่น ๆ ในรูปแบบของแถบเลื่อนผล Javascript บางตัวจะถูกกำหนดโดยงานของคุณเพื่อสร้างไซต์นี้หรือไซต์นั้น ตัวอย่างเช่นในเทมเพลต Bootstrap แบบมาตรฐานเมนูสามารถออกแบบมาในสีเทาที่น่าเบื่อ สำหรับเว็บไซต์ของคุณคุณแน่นอนเปลี่ยนมันเพื่อให้มีการดำเนินการในสีที่เหมาะสมและมีผลกระทบที่จำเป็นทั้งหมด นี่เป็นความแตกต่างกันมาก แต่ในเวลาเดียวกันเนื่องจากมี Bootstrap คุณไม่จำเป็นต้องสร้างเมนูตั้งแต่เริ่มต้นซึ่งจะช่วยประหยัดเวลา

โอกาสสำหรับนักออกแบบ

อันที่จริงตอนนี้เกี่ยวกับโอกาสที่แพลตฟอร์ม Bootstrap มุมมอง เหล่านี้มีอะไรบ้าง ในการทำงานกับที่เก็บถาวร เหล่านี้ ? ดูเหมือนว่าพวกเขาน่าทึ่งมากขนาดไหน?

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

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

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