วิธีใช้ตัวสร้างเว็บไซต์

สารบัญ:

วิธีใช้ตัวสร้างเว็บไซต์
วิธีใช้ตัวสร้างเว็บไซต์

วีดีโอ: วิธีใช้ตัวสร้างเว็บไซต์

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

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

การใช้ตัวสร้างเว็บไซต์
การใช้ตัวสร้างเว็บไซต์

คำแนะนำ

ขั้นตอนที่ 1

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

ขั้นตอนที่ 2

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

ขั้นตอนที่ 3

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

ขั้นตอนที่ 4

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

ขั้นตอนที่ 5

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

ขั้นตอนที่ 6

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

ขั้นตอนที่ 7

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