ใช้โปรแกรมอะไรทำเว็บไซต์

สารบัญ:

ใช้โปรแกรมอะไรทำเว็บไซต์
ใช้โปรแกรมอะไรทำเว็บไซต์

วีดีโอ: ใช้โปรแกรมอะไรทำเว็บไซต์

วีดีโอ: ใช้โปรแกรมอะไรทำเว็บไซต์
วีดีโอ: สิ่งที่ต้องรู้สำหรับมือใหม่ก่อนเริ่มสร้างเว็บไซต์ มีอะไรบ้าง ไปดูกัน! 2024, อาจ
Anonim

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

วิธีทำเว็บไซต์ด้วยโปรแกรม
วิธีทำเว็บไซต์ด้วยโปรแกรม

คำแนะนำ

ขั้นตอนที่ 1

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

ขั้นตอนที่ 2

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

ขั้นตอนที่ 3

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

ขั้นตอนที่ 4

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

ขั้นตอนที่ 5

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

ขั้นตอนที่ 6

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