Bootstrap คืออะไรและควรใช้เมื่อใด

Bootstrap ช่วยให้สร้างเว็บไซต์ที่ตอบสนองได้อย่างรวดเร็ว

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

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

Bootstrap คืออะไรและควรใช้เมื่อใด

ในอีกด้านหนึ่ง โปรแกรมแก้ไขภาพ เช่น Macromedia (ต่อมาคือ Adobe) Dreamweaver ซึ่งอนุญาตให้คุณเขียนโค้ดและแก้ไขเนื้อหาที่มองเห็นได้ ใน Linux เรามีเครื่องมืออย่าง Kompozer หรือ NVU ที่ถึงแม้จะไม่มีคุณสมบัติเหมือนกัน แต่ก็ทำให้งานค่อนข้างง่าย

หากคุณเก่งในการเขียนโค้ด ก็ไม่มีปัญหาเรื่องเครื่องมือ Anjuta หรือ Eclipse เป็นสภาพแวดล้อมการพัฒนาในอุดมคติสำหรับโปรแกรมเมอร์ผู้เชี่ยวชาญ

เมื่อเวลาผ่านไป ผู้จัดการเนื้อหาปรากฏเป็น WordPress Drupal o Joomlaซอฟต์แวร์ประเภทนี้ทำให้สามารถละเลยการเขียนโค้ดเพื่อเน้นที่การสร้างเนื้อหาได้. พวกเขากลายเป็นทางเลือกที่เหมาะสำหรับสถานที่เช่น Linux Adictos โดยมีผู้เขียนหลายท่านคอยอัพเดทเนื้อหาอย่างต่อเนื่อง

ให้ฉันอธิบายเรื่องนี้เล็กน้อย

จากมุมมองของการเข้ารหัส หน้าเว็บประกอบด้วย:

  • ประเภทเอกสาร: มันบอกเบราว์เซอร์ว่ากำลังใช้ HTML เวอร์ชันใด
  • คอนเทนเนอร์ HTML: โดยจะบอกเบราว์เซอร์ถึงจุดเริ่มต้นและจุดสิ้นสุดของเอกสาร HTML และสามารถรวมข้อมูลเพิ่มเติม เช่น ภาษาได้
  • หัวคอนเทนเนอร์: ประกอบด้วยข้อมูลที่เป็นประโยชน์สำหรับเบราว์เซอร์และเครื่องมือค้นหา เช่น ชื่อของหน้า ผู้แต่ง คำอธิบายสั้น ๆ ของเนื้อหา และรายการคำศัพท์ที่เกี่ยวข้อง นอกจากนี้ยังบอกเบราว์เซอร์ว่าจะค้นหาคำแนะนำเกี่ยวกับวิธีการแสดงเนื้อหาบนหน้าจอได้ที่ไหน
  • คอนเทนเนอร์ร่างกาย: นี่คือเนื้อหาทั้งหมดที่ผู้ใช้จะเห็นในเบราว์เซอร์
  • คำสั่งสคริปต์: มันบอกเบราว์เซอร์ว่าจะหาคำแนะนำในภาษาการเขียนโปรแกรมบางภาษาเช่น Javascript หรือ PHP ได้ที่ไหนที่ให้คุณเพิ่มการโต้ตอบหรือส่งแบบฟอร์มทางไปรษณีย์

ส่วนต่างๆ ของเอกสารภายในคอนเทนเนอร์ Body ได้แก่:

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

มีคอนเทนเนอร์สำหรับทำเครื่องหมายส่วนต่าง ๆ ของข้อความ เป็น h (1 ถึง 6) op ที่ระบุชื่อและย่อหน้าตามลำดับ

หากไม่มีระบบจัดการเนื้อหา ทุกครั้งที่ผู้เขียน Linux Adictos เราอยากจะเผยแพร่บทความ เราจะต้องเขียนโค้ดทั้งหน้าใหม่ตั้งแต่ต้น  นอกจากนี้ เราควรอัปเดตลำดับของหน้าหลักและรายการบทความตามหมวดหมู่ด้วยตนเอง

และหากผู้ดูแลระบบต้องออกแบบใหม่หรือขนาดหน้าจอใหม่ขึ้นมา ก็จำเป็นต้องอัปเดตสไตล์ชีต

ปัญหาของผู้จัดการเนื้อหา

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

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

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

ในบทความหน้าเราจะมาดูวิธีการใช้งานกัน


แสดงความคิดเห็นของคุณ

อีเมล์ของคุณจะไม่ถูกเผยแพร่ ช่องที่ต้องการถูกทำเครื่องหมายด้วย *

*

*

  1. รับผิดชอบข้อมูล: AB Internet Networks 2008 SL
  2. วัตถุประสงค์ของข้อมูล: ควบคุมสแปมการจัดการความคิดเห็น
  3. ถูกต้องตามกฎหมาย: ความยินยอมของคุณ
  4. การสื่อสารข้อมูล: ข้อมูลจะไม่ถูกสื่อสารไปยังบุคคลที่สามยกเว้นตามข้อผูกพันทางกฎหมาย
  5. การจัดเก็บข้อมูล: ฐานข้อมูลที่โฮสต์โดย Occentus Networks (EU)
  6. สิทธิ์: คุณสามารถ จำกัด กู้คืนและลบข้อมูลของคุณได้ตลอดเวลา

  1.   ริชาร์ด วัตเตอร์สัน dijo

    บทความที่น่าสนใจ แม้ว่าฉันจะคิดว่าชื่อที่เหมาะสมจะเป็นตัวจัดการเนื้อหาและปัญหาในปัจจุบัน แต่ที่นี่พวกเขาไม่ได้อธิบายอะไรเกี่ยวกับบูตสแตรป
    มีอะไรอีก…
    Bootstrap เป็นไลบรารี/เฟรมเวิร์ก/ไลบรารีที่ช่วยให้เราออกแบบไซต์ที่ตอบสนองได้ดี คุณสามารถสร้างเว็บไซต์โดยที่ไม่รู้เกี่ยวกับ CSS มากนัก คุณสามารถสร้างธีม WordPress ได้ แต่คุณควรใช้เวลามากในการปรับแต่งมัน สูงสุด.
    CMS เช่น WordPress ได้รับการออกแบบมาเพื่อปรับปรุงการบำรุงรักษาเว็บไซต์ นั่นเป็นสาเหตุที่ทำให้มีความยืดหยุ่น คุณสามารถสร้างบล็อก เว็บไซต์ธุรกิจ ร้านค้า ฟอรัม ฯลฯ... และทั้งหมดนี้ทำได้โดยไม่ต้องใช้โค้ดแม้แต่บรรทัดเดียว
    ธีมในกรณีของ WordPress นั้นมีค่อนข้างเรียบง่ายมากมาย เหมาะสำหรับบล็อกส่วนตัว บางอย่างที่ไม่ต้องการรูปลักษณ์ที่ดึงดูดใจอีกต่อไป ในกรณีของธีมที่ "น่าดึงดูด" โดยปกติแล้วจะมีปลั๊กอินซึ่งให้ธีมที่มีฟังก์ชันการทำงานที่มากกว่า คุณสามารถเพิ่มตัวโหลด เมนูขนาดใหญ่ แอนิเมชั่น และอื่นๆ อีกมากมาย ซึ่งแทบไม่มีปลั๊กอินที่มี CSS เลย
    นั่นคือเหตุผลที่…
    1.- หลีกเลี่ยงการใช้แพ็คเกจบูตสแตรปทั้งหมด โหลดเฉพาะสิ่งที่คุณต้องการเท่านั้น
    2.- สำหรับ WordPress ลงทุนในโฮสติ้งที่ดี สิ่งนี้จะช่วยปรับปรุงเวลาในการโหลดของคุณ คุณสามารถเลือกใช้ CDN เพื่อปรับปรุงการโหลดธีมของคุณ
    3.- หากคุณใช้ CMS ที่อิงตาม PHP อย่าคาดหวังความเร็วที่ยอดเยี่ยม มันคือความจริงที่สามารถปรับให้เหมาะสมได้ แต่คนที่มีความรู้ต้องทำมัน
    4.- การพัฒนาและบำรุงรักษาธีม WordPress ไม่จำเป็นต้องถูกหรือง่าย มีช่องโหว่มากมายที่ถูกค้นพบทุกวันและการแก้ไขโดยปราศจากความรู้ที่ถูกต้องอาจซับซ้อน การลงทุนในเทมเพลตจากบรรณาธิการที่มีประสบการณ์อาจเหมาะสมที่สุด แน่นอนว่ามันเป็นเรื่องของเศรษฐกิจ แต่ก็คุ้มค่า

    1.    ดิเอโกกอนซาเลซชาวเยอรมัน dijo

      เป็นบทความแรกในชุด
      ขอบคุณสำหรับข้อมูลของคุณ

    2.    Jorge dijo

      บทความที่ดี ฉันจะรอผลสืบเนื่อง