Computer >> คอมพิวเตอร์ >  >> ระบบเครือข่าย >> อินเทอร์เน็ต

พัฒนาเว็บได้ง่ายด้วย Bluefish และ KompoZer

สร้างเว็บไซต์? ไม่ทราบว่าจะเริ่มต้น? ให้ฉันช่วยคุณ. การสร้างเว็บไซต์ตั้งแต่เริ่มต้นเป็นธุรกิจที่จริงจัง คุณต้องมีความคิด คุณต้องมีการออกแบบ และคุณต้องการเครื่องมือในการสร้างเว็บไซต์ด้วย จากนั้น คุณต้องคุ้นเคยกับ HTML ซึ่งเป็นภาษาของเว็บ ก่อนที่คุณจะเริ่มทำงานจริงได้

ไม่จำเป็น. เป็นไปได้ที่จะสร้างเว็บไซต์ที่เหมาะสมโดยไม่ต้องมีความเชี่ยวชาญใน HTML, XHTML, CSS หรือภาษาอื่นๆ ที่เกี่ยวข้อง แม้ว่าการมีความชำนาญในสิ่งเหล่านี้อย่างน้อยหนึ่งอย่างจะช่วยได้อย่างแน่นอน แต่คุณสามารถเริ่มต้นด้วยความกระตือรือร้นเพียงเล็กน้อยเท่านั้น

พัฒนาเว็บได้ง่ายด้วย Bluefish และ KompoZer

ภารกิจ

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

ในบทความนี้ ฉันจะนำเสนอเครื่องมือแก้ไข HTML สองสามตัว ซึ่งคุณสามารถใช้สร้างเว็บไซต์ของคุณได้ ทั้งสองจัดอยู่ในหมวดหมู่ของ What You See Is What You Get (WYSIWYG) ซึ่งหมายความว่าจะช่วยให้คุณเห็นว่าผลิตภัณฑ์ขั้นสุดท้ายควรมีลักษณะอย่างไรในทันที ตามเวลาจริง โดยไม่ต้องคอมไพล์หรือแปลงที่ซับซ้อนและใช้เวลานาน ผู้สมัครสองคนคือ KompoZer และ Bluefish

บลูฟิช

หน้าแรก

Bluefish เป็นโปรแกรมแก้ไขหลายภาษาที่ทรงพลัง มีไว้สำหรับใช้งานโดยโปรแกรมเมอร์และนักพัฒนาเว็บเป็นหลัก รองรับการเขียนโปรแกรมและภาษามาร์กอัปมากมาย และเน้นที่เว็บไซต์แบบไดนามิกและเชิงโต้ตอบ Bluefish สามารถใช้บน Linux และ Mac

พัฒนาเว็บได้ง่ายด้วย Bluefish และ KompoZer

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

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

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

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

นี่คือลักษณะปุ่มตัวเลือกของเราใน Opera:

พัฒนาเว็บได้ง่ายด้วย Bluefish และ KompoZer

บลูฟิชมีพลังมากมาย รองรับภาษามาร์กอัปและการเขียนโปรแกรมที่หลากหลาย รวมถึง C, CSS, HTML, Java, Javascript, Perl, PHP, Python, Ruby, XML และแม้แต่ Matlab เอดิเตอร์ยังสามารถใช้ปลั๊กอินภายนอก เช่น lint หรือ tidy และจะเติมแท็กอัตโนมัติสำหรับเอกสาร HTML และ XML นอกจากนี้ยังมีฟังก์ชันเลิกทำ/ทำซ้ำไม่จำกัดอีกด้วย

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

คอมโปเซอร์

หน้าแรก

KompoZer เป็นโปรแกรมเขียนเว็บที่เรียบง่ายและเป็นมิตร ออกแบบมาสำหรับผู้ใช้ที่มีความรู้น้อยเป็นหลัก โดยมีประสบการณ์เพียงเล็กน้อยหรือไม่มีเลยใน HTML หรือการเขียนโค้ดเว็บมาก่อน มีคุณสมบัติน้อยกว่า Bluefish แต่ชดเชยด้วยการใช้งานที่ง่ายมาก KompoZer พร้อมใช้งานสำหรับ Windows, Linux และ Mac

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

KompoZer ใช้เครื่องยนต์ Gecko ซึ่งขับเคลื่อนเบราว์เซอร์ที่ใช้ Mozilla ในความเป็นจริง วิธีนี้ช่วยให้คุณดูตัวอย่างเอกสาร HTML ภายใน KompoZer โดยไม่ต้องเรียกใช้เบราว์เซอร์ภายนอก เนื่องจากมีเครื่องมือแสดงผลของตัวเอง

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

พัฒนาเว็บได้ง่ายด้วย Bluefish และ KompoZer

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

KompoZer เป็นตัวเลือกที่สมเหตุสมผลมาก โดยเฉพาะอย่างยิ่งสำหรับมือใหม่หรือผู้ที่ไม่ค่อยมีความรู้เรื่อง HTML หรือ CSS นอกจากนี้ยังมีรุ่นพกพาสำหรับผู้ใช้ Windows

สรุป

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

ถึงกระนั้นทั้ง Bluefish และ KompoZer จะไม่บังคับให้คุณใช้คุณสมบัติขั้นสูงหากคุณไม่ต้องการ คุณสามารถเก็บมันไว้และเริ่มใช้งานได้เมื่อคุณมั่นใจใน HTML มากพอ สิ่งนี้สัญญาว่าช่วงการเรียนรู้ที่ปรับเปลี่ยนได้จะเหมาะสมที่สุดสำหรับความต้องการของคุณ

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

ไชโย