ตัวช่วยสร้างและแม่แบบเป็นเครื่องมือที่มีประสิทธิภาพสำหรับการสร้างเว็บไซต์ใน Frontpage ในบทที่ 3 เราศึกษาวิซาร์ดที่สร้างเว็บไซต์และเพจแบบโต้ตอบ บทนี้เกี่ยวกับเทมเพลต คุณจะได้เรียนรู้ไม่เพียงแต่วิธีสร้างเว็บไซต์และเว็บเพจโดยใช้เทมเพลตในตัว แต่ยังรวมถึงวิธีพัฒนาเทมเพลตของคุณเองด้วย
เทมเพลตเว็บไซต์
Frontpage มีเทมเพลตสำหรับสร้างทั้งเว็บไซต์และเว็บเพจ ขั้นแรกเราจะดูที่เทมเพลตเว็บไซต์ ดาวน์โหลด Frontpage. เมื่อกระบวนการดาวน์โหลดเสร็จสิ้น ให้เปิดใช้งานคำสั่งเมนูย่อยของเว็บ เมนูไฟล์ใหม่ กล่องโต้ตอบใหม่ที่เปิดขึ้นจะแสดงรายการตัวช่วยสร้างและเทมเพลตเว็บไซต์ มีทั้งหมดห้าเทมเพลต:
เว็บเพจเดียว;
เว็บสนับสนุนลูกค้า (เว็บไซต์สนับสนุนลูกค้า);
เว็บเปล่า (เว็บไซต์ว่าง);
Persona] เว็บ (เว็บไซต์ส่วนตัว);
เว็บโครงการ.
เทมเพลตเว็บหน้าเดียว
เทมเพลตเว็บเพจเดียวถูกเลือกในกล่องโต้ตอบใหม่ตามค่าเริ่มต้น เมื่อใช้เทมเพลตนี้ โครงสร้างโฟลเดอร์เว็บไซต์จะถูกสร้างขึ้น และสร้างหนึ่งเพจ (โฮมเพจ) ถัดไป ให้ทำดังต่อไปนี้:
การดำเนินการ:
1. ในกล่องโต้ตอบ New ให้ป้อนชื่อของเว็บเซิร์ฟเวอร์และชื่อของเว็บไซต์ (เช่น One Page) ในฟิลด์ Specify The Location Of The New Web คลิกตกลง
2. ไปที่โหมดมุมมองโฟลเดอร์โดยคลิกที่องค์ประกอบควบคุมที่มีชื่อเดียวกันในแผงมุมมองเพื่อดูโครงสร้างของโหนด (รูปที่ 4.1)
3 ดับเบิลคลิกไฟล์โฮมเพจ (htm เริ่มต้น) เพื่อเปิดในโหมดดูเพจ B ช่วงเวลานี้หน้าว่างเปล่า ป้อนชื่อหน้า "หน้าแรก"

รูปที่ 4.1. เว็บไซต์ที่ใช้เทมเพลต One Page ในมุมมองโฟลเดอร์

ในอนาคต คุณสามารถเพิ่มหน้าใหม่ลงในเว็บไซต์ในโหมดมุมมองใดก็ได้ และในมุมมองการนำทางให้สร้างลิงก์ระหว่างหน้าต่างๆ ทำดังต่อไปนี้: 1 ไปที่มุมมองการนำทาง คลิกที่ไอคอนหน้าแรกในบานหน้าต่างด้านขวา (สีของ ไอคอนจะเปลี่ยน) หากต้องการสร้างเพจใหม่ ให้คลิกปุ่ม New Page บนแถบเครื่องมือ Standard ตามค่าเริ่มต้น เพจใหม่จะมีชื่อว่า New Page 1 เพจนี้จะถูกสร้างขึ้นเป็นเพจย่อยของโฮมเพจ ด้วยวิธีนี้ คุณสามารถสร้างเพจใดก็ได้ จำนวนหน้า จากนั้นหากจำเป็น ให้เปลี่ยนลิงก์ระหว่างหน้าเหล่านั้น 2 สร้างหน้าเพิ่มอีก 6 หน้าในระดับเดียวกับหน้าใหม่ 1 (โดยเลือกไอคอนหน้าแรกไว้)
3. ตอนนี้เปลี่ยนลิงก์ระหว่างหน้าต่างๆ หากต้องการทำสิ่งนี้ให้เลือกหน้า New Page 4 และในขณะที่กดปุ่มเมาส์ค้างไว้ให้ลากไปใต้หน้า New Page 2 ลดปุ่มเมาส์ลง ดังนั้น หน้าใหม่ 4 จึงกลายเป็นหน้าย่อยของหน้าใหม่ 2 ตอนนี้ให้หน้าใหม่ 5 เป็นหน้าย่อยของหน้าใหม่ 2 และหน้าใหม่ 6 เป็นหน้าลูกของหน้าใหม่ 4 (รูป 4.2.)

บันทึก
ในโหมดการดูการนำทางคุณสามารถใช้เครื่องมือของแผงชื่อเดียวกันซึ่งปรากฏบนหน้าจอเมื่อคุณสลับไปที่โหมดนี้ หนึ่งในเครื่องมือเหล่านี้คือกล่องรายการซูมซึ่งคุณสามารถเลือกมาตราส่วนสำหรับการแสดงผลได้ โครงสร้างของเว็บไซต์ เลือก Size to รายการในรายการนี้ Fit (เลือกขนาด) เมื่อเลือกแล้ว ไอคอนของทุกหน้าของเว็บไซต์จะแสดงขึ้น ขนาดของไอคอน ขึ้นอยู่กับพื้นที่ของหน้าต่าง Frontpage แผงด้านขวาครอบครองอยู่ในปัจจุบัน (พื้นที่ของแผงนี้ถูกปรับด้วยแถบเลื่อนแนวตั้งที่แยกออกจากแผงรายการโฟลเดอร์) 2 สร้างอีก 6 หน้าในระดับเดียวกับหน้าใหม่ 1 หน้า (ไอคอนหน้าแรกต้องเป็น เลือก)
3. ตอนนี้เปลี่ยนลิงก์ระหว่างหน้าต่างๆ ในการดำเนินการนี้ให้เลือกหน้า New Page 4 และในขณะที่กดปุ่มเมาส์ค้างไว้ให้ลากไปใต้หน้า New Page 2 ปล่อยปุ่มเมาส์ ดังนั้น หน้าใหม่ 4 จึงกลายเป็นหน้าย่อยของหน้าใหม่ 2 ตอนนี้ให้หน้าใหม่ 5 เป็นหน้าย่อยของหน้าใหม่ 2 และหน้าใหม่ 6 เป็นหน้าลูกของหน้าใหม่ 4 (รูป 4.2)

รูปที่ 4.2. การเปลี่ยนลิงค์ระหว่างเพจในมุมมองการนำทาง

บันทึก
ในโหมดมุมมองการนำทาง คุณสามารถใช้เครื่องมือของแผงชื่อเดียวกันที่ปรากฏบนหน้าจอเมื่อคุณสลับไปที่โหมดนี้ หนึ่งในเครื่องมือเหล่านี้คือกล่องรายการ Zoom ซึ่งคุณสามารถเลือกมาตราส่วนสำหรับการแสดงผลได้ โครงสร้างของเว็บไซต์ เลือกรายการ Size to Fit จากรายการนี้ เมื่อเลือกแล้ว ไอคอนของทุกหน้าของเว็บไซต์จะปรากฏขึ้น ขนาดของไอคอนขึ้นอยู่กับจำนวนพื้นที่ของหน้าต่าง Frontpage ที่แผงด้านขวาครอบครองอยู่ในปัจจุบัน ( พื้นที่ของแผงนี้ปรับด้วยแถบเลื่อนแนวตั้งที่แยกแผงและรายการโฟลเดอร์)
3. ลบเว็บไซต์ว่างโดยเลือกคำสั่ง Delete Web จากเมนู File และเปิดใช้งานสวิตช์ Delete This Web ทั้งหมดในกล่องโต้ตอบ Confirm Delete
เมื่อคุณใช้เทมเพลต Personal Web คุณจะสร้างเว็บไซต์ที่ประกอบด้วยห้าเพจที่ออกแบบมาเพื่อเป็นตัวแทนขององค์กรขนาดเล็กหรือบุคคล เมื่อต้องการสร้างไซต์ ให้ทำตามขั้นตอนเหล่านี้:
1. ในกล่องโต้ตอบ ใหม่ ให้เลือกเทมเพลตเว็บส่วนบุคคล ป้อน URL ของเว็บไซต์ (ตั้งชื่อไซต์ เช่น Personalweb) เมื่อคุณคลิกที่ปุ่ม OK เว็บไซต์ใหม่จะถูกสร้างขึ้น ไปที่โหมดมุมมอง Folders เพื่อดูโครงสร้าง
2. เปิด หน้าแรกโหนดในโหมดมุมมองเพจ (รูปที่ 4.3)

รูปที่ 4 3 หน้าแรกของเว็บไซต์ส่วนตัว

หน้านี้นำเสนอชุดองค์ประกอบที่คุณสามารถใช้ทั้งหมดหรือบางส่วน หรือไม่ใช้เลย องค์ประกอบที่สำคัญที่สุดมีดังนี้
พื้นที่ทั่วไป - พื้นที่ที่วางไว้บนขอบด้านบน ล่าง ซ้าย และ (ไม่บ่อยนัก) ด้านขวาของหน้า พื้นที่เหล่านี้จะวางไว้ในส่วนหลัก แถบนำทาง(ด้านซ้ายและด้านบน) และข้อมูลการติดต่อ (ด้านล่าง) ในหน้าแรกของ Personalweb มีพื้นที่ทั่วไปด้านบนและด้านซ้าย
ส่วนหัวของหน้าเป็นแบนเนอร์หน้าคอมโพเนนต์ของ FrontPage ส่วนประกอบนี้จะแทรกส่วนหัวบนหน้าในรูปแบบของภาพกราฟิกและไม่อยู่ในรูปแบบข้อความ คุณสามารถกำหนดประเภทของส่วนหัวได้ในหน้าต่างคุณสมบัติแบนเนอร์ของหน้า ซึ่งจะเปิดขึ้นเมื่อ คุณเปิดใช้งานคำสั่งเมนูบริบทที่มีชื่อเดียวกัน
หากต้องการเปลี่ยนชื่อหน้า (ในกรณีนี้คือหน้าแรก) คุณต้องคลิกขวาที่หน้าในโหมดมุมมองการนำทาง เลือกเปลี่ยนชื่อจากเมนูบริบทแล้วป้อนชื่อใหม่
แผงการนำทางที่อยู่ด้านล่างส่วนหัวโดยตรงและทางด้านซ้ายของหน้าคือส่วนประกอบของ FrontPage พารามิเตอร์แผงถูกตั้งค่าในกล่องโต้ตอบ Navigation Bai Pioperties

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

พารามิเตอร์รูปภาพถูกตั้งค่าในกล่องโต้ตอบคุณสมบัติ Pictuie ซึ่งเปิดขึ้นโดยเปิดใช้งานคำสั่งเมนูบริบทที่มีชื่อเดียวกัน เปิดและดูเพจอื่นๆ บนเว็บไซต์ในโหมดเบราส์
ลบเพจเว็บไซต์ส่วนบุคคล เว็บไซต์ที่พัฒนาโดยใช้เทมเพลตเว็บส่วนบุคคลเป็นพื้นฐานที่ดีสำหรับเว็บไซต์ที่ซับซ้อนมากขึ้น (เราขอแนะนำให้คำนึงถึงสิ่งนี้เมื่อสร้างเว็บไซต์ของคุณเอง) เทมเพลตเว็บโครงการ
เทมเพลตเว็บโครงการ (เว็บไซต์โครงการ) ได้รับการออกแบบมาเพื่อสร้างเว็บไซต์หลายหน้า (รูปที่ 4.4) ซึ่งใช้เพื่อแสดงข้อมูลที่หลากหลายเกี่ยวกับโครงการอย่างต่อเนื่องตั้งแต่เริ่มต้นการทำงาน โครงการเว็บ ไซต์ประกอบด้วยข้อมูล เช่น รายชื่อผู้เข้าร่วมโครงการ แผนและสถานะ ส่วนหัวและส่วนท้ายของหน้า เอกสารสำคัญ และกระดานสนทนาและเครื่องมือค้นหา สร้างเว็บไซต์ตามเทมเพลตเว็บโครงการดังต่อไปนี้:
1. ในกล่องโต้ตอบ ใหม่ ให้เลือกเทมเพลตเว็บโครงการ ป้อน URT - ที่อยู่ของเว็บไซต์ (ตั้งชื่อไซต์ เช่น โครงการ)

รูปที่ 4.4. เว็บไซต์ที่ใช้เทมเพลต Project Web

2. ดับเบิลคลิกไอคอนโฮมเพจในแผงการนำทางเพื่อเปิดโฮมเพจในโหมดมุมมองเพจ (รูปที่ 4.5)

ข้าว. 4.5. หน้าแรกของเว็บไซต์โครงการพร้อมส่วนหัวและการนำทางและแผงในมุมมองเพจ

พื้นที่ทั่วไป
หน้าเว็บไซต์โครงการมีพื้นที่ทั่วไปสามส่วนที่คุณสามารถแก้ไขได้
1. แก้ไขแถบนำทางที่อยู่ในพื้นที่ทั่วไปด้านบน เมื่อต้องการทำเช่นนี้ บนแถบ ให้คลิกเพียงครั้งเดียวเพื่อเลือก จากนั้นดับเบิลคลิกเพื่อเปิดกล่องโต้ตอบคุณสมบัติของแถบนำทาง
2. ในพื้นที่ไฮเปอร์ลิงก์เพื่อเพิ่มลงในเพจของกล่องโต้ตอบคุณสมบัติของแถบนำทาง ให้เปิดใช้งานสวิตช์ระดับลูก และตั้งค่าตัวเลือกโฮมเพจและเพจหลัก ในพื้นที่การวางแนวและลักษณะที่ปรากฏให้เปิดใช้งานสวิตช์แนวนอนและข้อความ (รูปที่ 4.6) สุดท้ายคลิกปุ่มตกลง

รูปที่ 4.6. การเปลี่ยนการตั้งค่าในกล่องโต้ตอบคุณสมบัติของแถบนำทาง

คุณสามารถกำหนดได้ว่าเพจใดถูกลิงก์ไปในแถบนำทางโดยวางตัวชี้เมาส์ไว้เหนือปุ่มแถบนำทาง ซึ่งจะแสดงเส้นทางแบบเต็มไปยังหน้านั้นในแถบสถานะของหน้าต่าง Frontpage เราได้สังเกตแล้วว่าชื่อของปุ่มแถบนำทางตรงกับชื่อเรื่องของเพจที่มีไฮเปอร์ลิงก์โดยใช้ตัวเลือกที่เกี่ยวข้องในกล่องโต้ตอบคุณสมบัติของแถบนำทาง ชื่อที่ปรากฏในแถบนำทางจะเปลี่ยนไปเมื่อคุณเปลี่ยนชื่อเพจในมุมมองการนำทาง
3. เลื่อนไปที่ด้านล่างของหน้า ตรวจสอบพื้นที่ทั่วไปด้านล่างดังที่แสดงด้านล่าง ซึ่งมีส่วนประกอบของ FrontPage วันที่และเวลา ลิขสิทธิ์ หรือคำชี้แจงกรรมสิทธิ์อื่น ๆ อยู่ที่นี่
4. ในมุมมองเพจ ให้เปิดและดูเพจสมาชิก กำหนดการ สถานะ และเอกสารเก่า ซึ่งแต่ละเพจจะมีพื้นที่ส่วนกลาง
กลุ่มการค้นหาและการสนทนา
เว็บไซต์โครงการผลลัพธ์มีดังต่อไปนี้ ฟังก์ชั่นเช่น การค้นหาข้อความและกลุ่มสนทนา (เราดูสิ่งเหล่านี้ในบทที่ 3 ตอนนี้เราจะดูสิ่งเหล่านั้นที่เกี่ยวข้องกับเว็บไซต์ตามเทมเพลตเว็บโครงการ:
1. เปิดหน้าการค้นหา (search.htm) ในโหมดมุมมองเพจ (รูปที่ 4.7) เพจนี้ประกอบด้วยแบบฟอร์มที่มีฟิลด์เดียว แบบฟอร์มนี้อนุญาตให้คุณตรวจสอบเอกสารเว็บไซต์เพื่อหาข้อมูลที่ตรงกับเกณฑ์การค้นหาที่ระบุในแบบฟอร์ม

รูปที่ 4.7. หน้าค้นหาเว็บไซต์โครงการ

แบบฟอร์มการค้นหาเป็นส่วนประกอบของ FrontPage คำสั่งคุณสมบัติแบบฟอร์มการค้นหาของเมนูบริบทช่วยให้คุณสามารถเปลี่ยนคุณสมบัติของส่วนประกอบนี้ได้ หน้าค้นหาให้คำแนะนำในการตั้งค่าเกณฑ์การค้นหาของคุณ ปิดหน้าการค้นหาและเปิดหน้าการสนทนา (อภิปราย htm) ซึ่งมีลิงก์ไปยังกลุ่มสนทนาข้อกำหนดและฐานความรู้ กลุ่มสนทนาคือกลุ่มของเว็บเพจที่เกี่ยวข้อง (ส่วนใหญ่เป็นเนื้อหา) ซึ่งมีแบบฟอร์มและ FiontPage -ส่วนประกอบ สิ่งนี้ทำให้ผู้ใช้บางคนมีโอกาสแสดงความคิดเห็นและข้อเสนอแนะ และคนอื่นๆ ก็สามารถแสดงความคิดเห็นได้ ด้วยวิธีนี้จะมีการสนทนาเกิดขึ้น
3. เพื่อประเมินผล รูปร่างหน้าของเว็บไซต์ที่สร้างขึ้นโดยใช้เทมเพลต Project Web ให้ใช้คำสั่งแสดงตัวอย่างในเบราว์เซอร์บนเมนูไฟล์หรือปุ่มแถบเครื่องมือที่มีชื่อเดียวกัน ในกล่องโต้ตอบที่ปรากฏขึ้น ให้เลือกเบราว์เซอร์ของคุณและระบุขนาดหน้าต่าง จากนั้นคลิกตกลง เมื่อคุณเรียกดูเสร็จแล้ว ให้ปิดเบราว์เซอร์และ Frontpage จากนั้นลบเว็บไซต์โครงการใน Frontpage เว็บไซต์ที่สร้างขึ้นโดยใช้เทมเพลต Project Web สามารถใช้เพื่อนำเสนอข้อมูลไม่เพียงแต่เกี่ยวกับโครงการเท่านั้น แต่ยังรวมถึงวันต่อวันด้วย -งานประจำวันของทีมหรือแผนก
เทมเพลตเว็บสนับสนุนลูกค้า
เทมเพลตเว็บสนับสนุนลูกค้าจะสร้างเว็บไซต์ที่ทำหน้าที่ให้ข้อมูลที่หลากหลายแก่ผู้ใช้ (ในหลายวิธี) และยังอนุญาตให้เผยแพร่ข้อมูลของตนได้ ถัดไป ให้ทำตามขั้นตอนเหล่านี้:
1. ในกล่องโต้ตอบ New ให้เลือก Customer Support Web template ใส่ URL ของเว็บไซต์ (ตั้งชื่อเว็บไซต์ เช่น ลูกค้า) (เว็บไซต์ที่สร้างขึ้นจะแสดงในรูปที่ 48)

รูปที่ 4.8. เว็บไซต์ที่ใช้เทมเพลตเว็บสนับสนุนลูกค้า

2. เปิดหน้ายินดีต้อนรับ (โฮมเพจ) ในมุมมองเพจ หน้านี้ประกอบด้วยพื้นที่ทั่วไปด้านบน ล่าง และซ้าย รวมถึงแถบนำทางด้านบนและซ้าย
3. ดูหน้ามีอะไรใหม่และ FAO (คำถามที่พบบ่อย) ในโหมดมุมมองเพจ เพจเหล่านี้ได้รับการออกแบบมาอย่างดีและสอดคล้องกับวัตถุประสงค์โดยสมบูรณ์ โดยผสมผสานข้อความ ไฮเปอร์ลิงก์ ส่วนหัวและส่วนท้าย
4. เปิดหน้า Bugs (Bugrep.htm) ประกอบด้วยแบบฟอร์มที่ผู้ใช้สามารถอธิบายข้อผิดพลาดของซอฟต์แวร์ที่พบและถามคำถามที่เกี่ยวข้องได้ แบบฟอร์มนี้สามารถแก้ไขได้: เปลี่ยนป้ายกำกับ ขนาด และเนื้อหาของฟิลด์
5. โหลดหน้าต่างคุณสมบัติฟิลด์รายการ: คลิกขวาที่องค์ประกอบนี้และเปิดใช้งานคำสั่งคุณสมบัติฟิลด์ฟอร์มในเมนูบริบท กล่องโต้ตอบคุณสมบัติเมนูแบบเลื่อนลงจะปรากฏขึ้น (รูปที่ 4.9) ซึ่งมีปุ่มที่ให้คุณเพิ่ม ลบ เปลี่ยนแปลงฟิลด์รายการ และเลื่อนขึ้นและลง

รูปที่ 4.9. กล่องโต้ตอบคุณสมบัติเมนูแบบเลื่อนลง

6. ปิดกล่องโต้ตอบคุณสมบัติของเมนูแบบเลื่อนลง และหน้า Bugs เปิด ดู และปิดหน้าข้อเสนอแนะจากลูกค้า (คำแนะนำ htm) ซึ่งมีคำแนะนำจากลูกค้า เปิดหน้าดาวน์โหลดการสนับสนุนลูกค้า (ดาวน์โหลด, htm) หน้าดาวน์โหลดได้รับการออกแบบมาเพื่อให้ผู้ใช้สามารถดาวน์โหลดซอฟต์แวร์หรือเอกสารจากเว็บไซต์ของคุณไปยังคอมพิวเตอร์ของตนได้ ในตัวอย่างนี้ ไฟล์จะถูกถ่ายโอนจากเซิร์ฟเวอร์ไปยังคอมพิวเตอร์ไคลเอนต์โดยใช้ FTP (F-e Transfer Protocol) หากคุณวางตัวชี้เมาส์เหนือลิงก์ คุณจะเห็น URL ของเว็บไซต์ที่จะดาวน์โหลดไฟล์ในแถบสถานะเมื่อเปิดใช้งานลิงก์
7. ปิดหน้าดาวน์โหลด เปิด ดู และปิดหน้าการสนทนาและการค้นหา คุณจะพบกลุ่มสนทนาและแบบฟอร์มการค้นหาซึ่งคล้ายกับที่กล่าวไว้ข้างต้น
8. เปิดเว็บไซต์ตามเทมเพลตการสนับสนุนลูกค้าในเบราว์เซอร์ของคุณและดำเนินการในหน้าคำแนะนำ (ส่งข้อเสนอแนะ) และข้อบกพร่อง (อธิบายข้อบกพร่องที่คุณพบขณะทำงานกับซอฟต์แวร์)
9. กลับไปที่ Frontpage และเปิดใช้งานคำสั่ง Refresh ของเมนู View ไปที่ Frontpage เพื่อเปิดและดูหน้า Buglist.htm และ Feedback.htm
10. สุดท้าย ลบเว็บไซต์ลูกค้า
เทมเพลตหน้าเว็บ
ขึ้นอยู่กับเทมเพลตเว็บไซต์ ไซต์จะถูกสร้างขึ้นด้วย จำนวนมากหน้าที่แตกต่างกันและฟังก์ชันการทำงานที่หลากหลายในแต่ละหน้า แต่บางครั้งคุณต้องสร้างเพจเดียว Frontpage มีเทมเพลต 26 แบบและวิซาร์ดการสร้างหน้าเดียว เราจะดูเทมเพลตที่มีประโยชน์ที่สุดบางส่วน กระบวนการสร้างเว็บเพจโดยใช้เทมเพลตประกอบด้วยขั้นตอนต่อไปนี้:
1. ใน Frontpage สร้างเว็บไซต์ใหม่โดยใช้เทมเพลตเว็บเปล่า ตั้งชื่อมันว่า TestPages สร้างโฮมเพจโดยคลิกปุ่มเพจใหม่บนแถบเครื่องมือมาตรฐาน
2. เปิดหน้าแรกของคุณในมุมมองเพจ
3. เปิดใช้งานคำสั่ง Page ของเมนูย่อย New ของเมนู File ซึ่งกล่องโต้ตอบ New จะปรากฏขึ้นพร้อมกับรายการเทมเพลตเว็บเพจที่แสดงบนแท็บ General (รูปที่ 4.10) เราจะมุ่งเน้นไปที่ห้ารูปแบบ หลังจากสร้างเพจโดยใช้เทมเพลตถัดไป ให้ดูใน Frontpage ก่อน จากนั้นจึงดูในเบราว์เซอร์
บันทึก
ตามค่าเริ่มต้น เทมเพลตหน้าปกติจะถูกเลือกในกล่องโต้ตอบ จากนั้นจะมีการสร้างหน้าว่างขึ้น กล่องโต้ตอบนี้จะปรากฏเฉพาะในโหมดมุมมองเพจเท่านั้น ในโหมดการดูอื่นๆ การใช้คำสั่ง Page ของเมนูย่อย New ของเมนู File จะสร้างเพจตามเทมเพลต Normal Page การคลิกปุ่มใหม่บนแถบเครื่องมือมาตรฐานในโหมดมุมมองใดๆ จะเป็นการสร้างเพจตามเทมเพลตนี้โดยไม่ต้องโหลดกล่องโต้ตอบใหม่

ข้าว. 4.10. กล่องโต้ตอบใหม่ (แท็บทั่วไป) พร้อมรายการเทมเพลต

แบบฟอร์มคำติชม
เทมเพลตแบบฟอร์มคำติชมใช้เพื่อสร้างเพจพร้อมแบบฟอร์มที่ออกแบบมาเพื่อรวบรวมข้อมูลที่คุณต้องการ (รูปที่ 4.11) แบบฟอร์มนี้เรียกว่าแบบฟอร์มคำติชม ตามเทมเพลต จะมีการสร้างฟิลด์หลายประเภทซึ่งกำหนดชื่อที่ใช้ในเทมเพลตแบบฟอร์มการยืนยันและยังกำหนดไว้ด้วยว่าข้อมูลจากแบบฟอร์มจะถูกบันทึกใน ไฟล์ Feedback.txt ของโฟลเดอร์ _Private ของเว็บไซต์ (ชื่อไฟล์ รูปแบบที่จะเขียนข้อมูลลงในไฟล์ และการตั้งค่าอื่นๆ สามารถแทนที่ได้ในกล่องโต้ตอบคุณสมบัติของฟอร์มเสมอ) หากเว็บไซต์ของคุณชื่อ TestPages และใช้ระบบโฟลเดอร์เริ่มต้น เส้นทางไปยังไฟล์ Feedback.txt จะเป็น:
C:\InetPub\Wwwroot\TestPages\_Private\Feedback.txt

ข้าว. 4.11. เพจที่สร้างโดยใช้เทมเพลตแบบฟอร์มคำติชม

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

ข้าว. 4.12. เพจที่สร้างโดยใช้เทมเพลตแบบฟอร์มการยืนยัน

เทมเพลตหน้าค้นหา
เทมเพลตหน้าการค้นหาจะสร้างเพจที่มีแบบฟอร์มการค้นหาส่วนประกอบของ FrontPage ซึ่งช่วยให้คุณสามารถค้นหาข้อมูลในทุกหน้าของเว็บไซต์ได้ หน้านี้ยังให้คำแนะนำเกี่ยวกับวิธีใช้ตัวดำเนินการภาษาในการสืบค้น (รูปที่ 4.13)
ผลลัพธ์ของการค้นหาคำสำคัญ TestPages บนเว็บไซต์ที่สร้างขึ้นโดยใช้เทมเพลต Project Web จะแสดงในรูป 4.14 (รายการหน้าที่มีคำหลักนี้ปรากฏขึ้น) หากต้องการดูหน้า เพียงคลิกที่รายการที่เกี่ยวข้อง

รูปที่ 4.13. หน้าค้นหาที่สร้างโดยใช้เทมเพลตหน้าค้นหา

รูปที่ 4.14. ผลการค้นหาคำสำคัญ TestPages

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

ข้าว. 4.15. หน้าสารบัญในเบราว์เซอร์

รูปแบบลำตัวแคบ จัดชิดขวา
จนถึงตอนนี้ เราได้ดูเทมเพลตที่จัดให้มีการใช้ส่วนประกอบของ FrontPdge เช่น แบบฟอร์มการค้นหา สารบัญ และฟิลด์การยืนยัน มีเทมเพลตตามเพจเค้าโครงที่ถูกสร้างขึ้น (เช่น ที่มีตาราง) ) เพื่อเติมข้อความและกราฟิก หน้าดังกล่าวไม่ได้ใช้ ส่วนประกอบของ FrontPage Narrow, Right-aligned Body (แคบ, right-aligned body) เป็นเทมเพลตหนึ่ง เมื่อใช้เทมเพลตนี้ เป็นไปได้ที่จะ ดูตัวอย่างองค์ประกอบของหน้าในพื้นที่แสดงตัวอย่างของกล่องโต้ตอบใหม่ เพจที่สร้างจากเทมเพลตเนื้อหาที่แคบและจัดชิดขวาประกอบด้วยตารางที่มีสองคอลัมน์และหนึ่งแถว เซลล์ด้านซ้ายของตารางมีรูปภาพกราฟิกขนาดใหญ่ เซลล์ด้านขวาเต็มไปด้วยข้อความที่ไม่มีความหมายซึ่งควรถูกแทนที่ ผู้เยี่ยมชมที่ดูหน้าเว็บไซต์จะไม่เห็นเส้นประที่แยกเซลล์ในหน้าแรก 4.16. แสดงให้เห็นว่าอย่างไร หน้านี้ดูเหมือนในโหมดแสดงตัวอย่าง Frontpage (คลิกแท็บแสดงตัวอย่างที่ด้านล่างของหน้าต่างเพจในโหมดดูเพจ) โหมดนี้เส้นขอบเซลล์จะไม่แสดง ก่อนที่คุณจะเริ่มพัฒนาเทมเพลตของคุณเอง ให้ปิดและลบเว็บไซต์ TestPages ที่คุณใช้อยู่

รูปที่ 4.16. เพจที่สร้างขึ้นตามเทมเพลตแคบ เนื้อหาชิดขวา ในโหมดดูตัวอย่างใน Frontpage

การสร้างเทมเพลตใน Frontpage
เนื่องจากคุณได้ทำงานกับเทมเพลตมาระยะหนึ่งแล้ว คุณคงมีแนวคิดบางอย่างเกี่ยวกับเทมเพลต Frontpage ประเภทใดที่คุณต้องการ
ต่อไป เราจะดูกระบวนการสร้างเทมเพลตสำหรับทั้งสอง ประเภทต่างๆ.
ประเภทเทมเพลต
ในความเป็นจริงแล้ว เทมเพลตคือโหนดหรือเพจที่แยกจากกัน (ในโฟลเดอร์พิเศษ) และทำหน้าที่เป็นโมเดลสำหรับการพัฒนาเว็บไซต์และเพจต่างๆ เทมเพลตเว็บไซต์และเทมเพลตเว็บเพจจะถูกจัดเก็บไว้ใน โฟลเดอร์ต่างๆอย่างไรก็ตาม มีความคล้ายคลึงกันหลายประการระหว่างกัน โดยทั่วไปเทมเพลตเพจจะสร้างเพจขึ้นมาหนึ่งเพจซึ่งกลายเป็นส่วนหนึ่งของเว็บไซต์ที่สร้างขึ้นแยกต่างหาก เทมเพลตเว็บไซต์ช่วยให้คุณสร้างเว็บไซต์ Frontpage ที่มีคุณสมบัติครบถ้วนโดยมีเพจที่เกี่ยวข้องตั้งแต่หนึ่งเพจขึ้นไป ไฟล์เทมเพลตทั้งหมดจะอยู่ในโฟลเดอร์เดียว ซึ่งเป็นส่วนหนึ่งของโครงสร้างโฟลเดอร์ Frontpage การสร้างเทมเพลตทั้งสองประเภทที่ระบุไว้นั้นมาจากการสร้างโหนดหรือเพจตามปกติ เมื่อไซต์หรือเพจได้รับการออกแบบตามความต้องการของคุณอย่างสมบูรณ์แล้ว ให้วางไว้ในโฟลเดอร์ที่กำหนดสำหรับเทมเพลต (โฟลเดอร์ที่มีไฟล์เทมเพลตจะต้องมีนามสกุล TEM) โฟลเดอร์เทมเพลตประกอบด้วยไฟล์ HTML ของเว็บไซต์ เช่นเดียวกับไฟล์ INF (ซึ่งมีข้อมูลเกี่ยวกับเทมเพลต) และไฟล์ DIB (รูปขนาดย่อของเทมเพลตที่ปรากฏในกล่องแสดงตัวอย่างของหน้าต่างใหม่) โฟลเดอร์เทมเพลตบางโฟลเดอร์มีไฟล์กราฟิก
โครงสร้างโฟลเดอร์หน้าแรก
ในระหว่างกระบวนการติดตั้ง Frontpage 2000 โฟลเดอร์จะถูกสร้างขึ้นซึ่งมีเทมเพลตสำหรับเพจ โหนด เฟรม และสไตล์ชีต (ชื่อโฟลเดอร์ ตามลำดับ ได้แก่ เพจ เว็บ เฟรม Css) เส้นทางเริ่มต้นไปยังโฟลเดอร์เหล่านี้คือ C:\Program Files\Microsoft One\Templates\1033\ ในรูป 4.17 ใน Windows Explorer แสดงเนื้อหาของโฟลเดอร์ Pages (ไฟล์สำหรับแต่ละเทมเพลตจะอยู่ในโฟลเดอร์ย่อยแยกต่างหากที่มีนามสกุล TEM) หากคุณได้ติดตั้ง Microsoft Personal บนคอมพิวเตอร์ของคุณ เว็บเซิร์ฟเวอร์เส้นทางไปยังไฟล์และโฟลเดอร์จะเป็นดังนี้: C:\InetPub\Wwwroot\.4.0 โดยใช้การตั้งค่าเริ่มต้นในระหว่างกระบวนการติดตั้ง โฟลเดอร์นี้เป็นโฟลเดอร์รูทของเว็บเซิร์ฟเวอร์ มันจะมีเว็บไซต์รูท โหนดทั้งหมดที่สร้างใน Frontpage จะถูกวางไว้ในโฟลเดอร์ย่อยของโฟลเดอร์รูทของเว็บเซิร์ฟเวอร์ เว็บไซต์รากคือไซต์ที่เข้าถึงได้จาก URL ที่ระบุเฉพาะชื่อเซิร์ฟเวอร์ (ไม่มีโฟลเดอร์หรือชื่อเพจ)
การเข้าถึง ไฟล์ปฏิบัติการ Frontpage (frontpa ge.exe) เป็นค่าเริ่มต้นที่อยู่ในเส้นทางต่อไปนี้: C:\Program Fi les\Microsoft Office\0ffice

รูปที่ 4.17. โฟลเดอร์ Microsoft Front Page และโฟลเดอร์ย่อยของ Pages ที่มีไฟล์เทมเพลตของหน้า

ใน Windows Explorer ให้เปิดโฟลเดอร์ Pages (เส้นทางแบบเต็มคือ C:\ProgramFiles\Microsoft Office\Templates\1033\Pages) จากนั้นเปิดโฟลเดอร์ย่อยโฟลเดอร์ใดโฟลเดอร์หนึ่ง เช่น โฟลเดอร์กลาง 1 โฟลเดอร์ ในโฟลเดอร์เทมเพลตจะต้องมีอย่างน้อยสามไฟล์ หนึ่งในนั้นคือไฟล์ HTML หากคุณดับเบิลคลิกที่ชื่อไฟล์นี้เบราว์เซอร์เริ่มต้นจะโหลดและแสดงหน้าเว็บไซต์ตามเทมเพลตนี้ ไฟล์อื่น ๆ ในโฟลเดอร์เทมเพลตคือไฟล์ INF และไฟล์ DIB เราได้พูดถึงจุดประสงค์แล้ว มาดูไฟล์ INF กันดีกว่า
ไฟล์ INF
ไฟล์ INF มีข้อมูลที่อธิบายเกี่ยวกับเทมเพลต มันคล้ายกับไฟล์ INI ระบบวินโดวส์. ไฟล์ INF ต้องมีชื่อเดียวกันกับโฟลเดอร์ที่อยู่นั้น
ในโฟลเดอร์ Pages ให้เปิดโฟลเดอร์ Icentertem จากนั้นดับเบิลคลิกชื่อไฟล์ center.inf หากไฟล์ INF ไม่เชื่อมโยงกับแอปพลิเคชันที่สามารถดูได้ ให้ใช้โปรแกรมแก้ไข Notepad เพื่อจุดประสงค์นี้ หน้าต่าง Notepad จะแสดงข้อมูลสรุปของไฟล์ ดังแสดงในรูปต่อไปนี้
ส่วนไฟล์ INF
ไฟล์ INF จะมีส่วนที่มีส่วนย่อยอย่างน้อยสองส่วนเสมอ โดยมีชื่อเทมเพลตและคำอธิบาย หากนี่คือไฟล์เทมเพลตเว็บไซต์ ข้อมูลจากส่วนย่อยจะแสดงในกล่องโต้ตอบใหม่ (แท็บเว็บไซต์) และหากนี่คือไฟล์เทมเพลตเว็บเพจ ข้อมูลนั้นจะแสดงในกล่องโต้ตอบใหม่ (แท็บทั่วไป) ในรูป 4.18. ในกล่องโต้ตอบ ใหม่ บนแท็บ ทั่วไป เลือกเทมเพลตหน้าคอลัมน์เดียว คำอธิบายจะแสดงในพื้นที่คำอธิบาย
หากไม่ได้สร้างไฟล์ INF ชื่อเทมเพลตจะไม่รวมอยู่ในรายการเทมเพลตที่พร้อมใช้งาน
ควรคำนึงว่ามีการจัดระเบียบเนื้อหาของไฟล์ INF ที่ถูกต้อง ความสำคัญอย่างยิ่ง. จำเป็นต้องมีส่วน รวมถึงส่วนย่อยของชื่อเรื่องและคำอธิบายพร้อมชื่อเรื่องและบรรทัดคำอธิบายอยู่ด้วย ในส่วน ความยาวรวมของชื่อส่วนย่อยและรายการสามารถมีอักขระได้สูงสุด 255 ตัว ความยาวที่เหมาะสมที่สุดสำหรับชื่อเรื่องและคำอธิบายที่จะแสดงอย่างสมบูรณ์ในกล่องโต้ตอบใหม่คือ 30 และ 100 อักขระ ตามลำดับ
บันทึก
วิธีที่สะดวกที่สุดในการสร้าง . ไฟล์ INF สำหรับแม่แบบเว็บไซต์ที่แสดงใน Frontpage อาจมีส่วนเพิ่มเติมและจะใช้เมื่อโหลดแม่แบบ

รูปที่ 4.18. ในกล่องโต้ตอบใหม่ (แท็บทั่วไป) เทมเพลตเพจจะถูกเลือก ส่วนของหน้าคอลัมน์เดียว

เมื่อใช้ส่วนนี้ (รูปที่ 419) คุณจะกำหนดโครงสร้างการจัดเก็บไฟล์ของเว็บไซต์ที่สร้างขึ้นตามเทมเพลตนี้ หากส่วนหายไป Frontpage โหลดไฟล์ทั้งหมดจากโฟลเดอร์ แต่ไม่มีสิ่งใดจากโฟลเดอร์ย่อย ไฟล์ JPG และ GIF ทั้งหมดในโฟลเดอร์ TEM แม้ว่าจะไม่มีส่วนใดเลยก็ตามจะถูกวางไว้ในโฟลเดอร์ย่อย Image ของเว็บไซต์ ส่วนนี้จำเป็นหากคุณต้องการ:
เพื่อให้ไฟล์จากโฟลเดอร์ย่อยของโฟลเดอร์ TEM ถูกใช้บนเว็บไซต์
กำหนดไฟล์ที่คุณต้องการในโฟลเดอร์ TEM ที่ควรวางไว้บนเว็บไซต์ (ไฟล์โฟลเดอร์ TEM ที่ไม่รวมอยู่ในส่วนนี้จะถูกละเว้น)
เพื่อให้ไฟล์ไปอยู่ในโฟลเดอร์เฉพาะบนเว็บไซต์ ไม่ใช่แค่ในรูทเท่านั้น
เมื่อใช้ส่วน คุณควรสร้างรายการไฟล์ทั้งหมดที่จะใช้บนเว็บไซต์ที่สร้างขึ้นตามเทมเพลตนี้ หากคุณต้องการวางหน้าหรือรูปภาพใด ๆ ไว้ในโฟลเดอร์อื่นของไซต์ แต่ไม่ใช่ในรูท คุณต้องสร้างชื่อของส่วนย่อยและเนื้อหาตามกฎบางอย่าง ต้องใช้เส้นทางไปยังไฟล์ที่เกี่ยวข้องกับโฟลเดอร์เทมเพลตและชื่อของไฟล์นี้เป็นชื่อส่วน ตัวอย่างเช่น โฟลเดอร์รูปภาพอยู่ในโฟลเดอร์เทมเพลต และไฟล์ scrnshot.gif อยู่ในโฟลเดอร์รูปภาพ จากนั้นชื่อส่วนย่อยจะเป็นดังนี้ รูปภาพ\scrnshot.gif เนื้อหาของส่วนย่อยควรเป็น URL ไปยังไฟล์นี้บนเว็บไซต์ของคุณ

รูปที่ 4.19. ส่วนไฟล์ INF

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

ชื่อบริษัท = Exciting Travel, Inc
ที่อยู่บริษัท = 1 Main St, Some Town, WA 98100
ส่วน
ส่วนนี้ใช้เพื่อจัดทำรายการงานซึ่งจะแสดงในโหมดมุมมองงานหากเว็บไซต์ถูกสร้างขึ้นโดยใช้เทมเพลตนี้ เรกคอร์ด (ชื่อส่วนย่อยและเนื้อหา) ในส่วนจะแสดงในรูปแบบต่อไปนี้ TaskNumber=TaskNameI Priority ฉันสร้างโดย]องค์ประกอบบันทึกส่วนย่อยความคิดเห็น URLI ถูกแยกออกจากกันด้วยแถบแนวตั้ง (ชื่อส่วนย่อย หมายเลขเฉพาะ หรือคีย์ที่ระบุงาน)
คำอธิบายแสดงไว้ในตารางที่ 4 1 และวิธีการใช้งานแสดงไว้ในรูปที่ 4.20

รูปที่ 4.20. กล่องโต้ตอบของรายละเอียด favk

ตารางที่ 4.1. คำอธิบายขององค์ประกอบบันทึกส่วน [ra^kLi"sl]

องค์ประกอบ	คำอธิบาย	หมายเหตุ
TaskNumber (หมายเลขงาน)	หมายเลขหรือกุญแจเฉพาะ	ตัวอย่างเช่น "t01", "t02", "t03" ฯลฯ
ชื่องาน	คำอธิบายโดยย่อของงาน	วลีสามหรือสี่คำ
ลำดับความสำคัญ	จำนวนเต็มที่อธิบายความสำคัญของงาน (ลำดับความสำคัญ)	1 - สูง 2 - ปานกลาง 3 - ต่ำ
สร้างโดย (ใครเป็นผู้สร้างเพจ)	ชื่อเทมเพลต	ระบุไว้ในฟิลด์สร้างโดยและกำหนดของกล่องโต้ตอบรายละเอียดงาน
	URL ของเพจที่สร้างงาน	ระบุไว้ในฟิลด์ลิงก์ไปยังของกล่องโต้ตอบรายละเอียดงาน
ความคิดเห็น	คำอธิบายของงาน	มากกว่า คำอธิบายโดยละเอียดสิ่งที่ต้องทำ

ความสามารถพิเศษ
เว็บเซิร์ฟเวอร์ที่แตกต่างกันมีลักษณะเฉพาะ การตั้งค่าที่แตกต่างกันเพื่อตั้งชื่อไฟล์โฮมเพจเริ่มต้น ถ้าคุณใช้ MSPWS ตามค่าเริ่มต้นชื่อ Frontpage หน้าแรกของเว็บไซต์ Default.htm บนเซิร์ฟเวอร์ NCSA (เซิร์ฟเวอร์ UNIX) ชื่อโฮมเพจคือ Index, htm ซึ่งสามารถละเว้นได้จาก URL เมื่อเข้าถึงเว็บไซต์ ตัวอย่างเช่น URL http://www*fairmountain*com/wine จะนำคุณไปยังหน้า Index.htm ของเว็บไซต์ Wine ที่อยู่บนเซิร์ฟเวอร์ Fairmountain NCSA บนเซิร์ฟเวอร์ CERN (เซิร์ฟเวอร์ UNIX) โดยปกติจะเป็นชื่อ Welcome.htm และบนเซิร์ฟเวอร์ข้อมูลทางอินเทอร์เน็ต โดยปกติจะเป็นชื่อ Default.htm ไฟล์โฮมเพจของเทมเพลตเว็บไซต์ทั้งหมดจะมีชื่อว่า index.htm เมื่อคุณสร้างไซต์จากเทมเพลต Frontpage จะให้ชื่อไฟล์โฮมเพจที่ตั้งไว้บนเว็บเซิร์ฟเวอร์ตามค่าเริ่มต้น การดำเนินการนี้จะเปลี่ยนลิงก์ไปยังหน้าแรกตามลำดับ หากคุณไม่ต้องการใช้ โอกาสนี้จากนั้นในไฟล์ INF ในส่วนคุณจะต้องป้อนบรรทัดต่อไปนี้ (ชื่อของโฮมเพจจะไม่เปลี่ยนแปลง): NoIndexRenaming"
บันทึก
จุดที่น่าสนใจคือเมื่อจัดระเบียบลิงก์ไปยังโฮมเพจ ไม่จำเป็นต้องระบุชื่อไฟล์อย่างชัดเจน (เช่น Default.htm) คุณสามารถใช้อักขระ "./" แทนชื่อไฟล์ได้
อักขระเหล่านี้สอดคล้องกับชื่อไฟล์โฮมเพจเริ่มต้นที่ตั้งไว้บนเว็บเซิร์ฟเวอร์
การสร้างเทมเพลตหน้าเดียว
ทำได้ง่ายมาก การสร้างหน้าเว็บไซต์ปกติพร้อมข้อมูลแล้วบันทึกเป็นเทมเพลตก็เพียงพอแล้ว นี่คือทั้งหมด:
1. สร้างเว็บไซต์หน้าเดียวใน Frontpage และตั้งชื่อเป็นเทมเพลต คลิกสองครั้งที่โฮมเพจเพื่อเปิดในมุมมองเพจ
2. ที่ด้านบนของหน้า ให้ป้อนข้อความ "หน้าแรก" และกำหนดลักษณะย่อหน้าให้ หัวข้อที่ 1 เลือกข้อความแล้วคลิกปุ่มตรงกลางบนแถบเครื่องมือการจัดรูปแบบ ข้อความจะจัดชิดตรงกลางหน้า
3. เรียกคำสั่งบันทึกเป็นจากเมนูไฟล์ กล่องโต้ตอบชื่อเดียวกันจะปรากฏขึ้น ในกล่องรายการบันทึกเป็น เลือกเทมเพลต Frontpage (*.tem) คลิกปุ่มบันทึก กล่องโต้ตอบบันทึกเป็นเทมเพลตจะเปิดขึ้น
4. ระบุชื่อเทมเพลตใหม่ "โฮมเพจ" และชื่อเพจ (hometem) ป้อนรายการในฟิลด์คำอธิบาย เช่น "สร้างโฮมเพจ" แล้วคลิกตกลง
5. หากคุณใช้โครงสร้างโฟลเดอร์เริ่มต้น เส้นทางไปยังโฟลเดอร์ที่มีไฟล์เทมเพลตใหม่จะเป็น: C:\Windows\Application\Microsoft\FrontPage\Pages\Pages\Hometem.tem
บันทึก
หลังจากที่คุณสร้างเทมเพลตเพจแล้ว หากคุณไม่พบโฟลเดอร์นั้นในโฟลเดอร์ Pages ใน Windows Explorer ให้กดปุ่มเพื่อรีเฟรชเนื้อหา หน้าต่าง หน้าต่างสำรวจ.
6. เปิดโฟลเดอร์ Hometem.tem ควรมีไฟล์สามไฟล์ที่คุณทราบว่าจะถูกสร้างขึ้นโดยอัตโนมัติเมื่อคุณบันทึกเพจเป็นเทมเพลต ได้แก่ ไฟล์ HTML, ไฟล์ INF และไฟล์ DIB ดับเบิลคลิกที่ชื่อไฟล์ INF ไฟล์จะถูกเปิดในตัวแก้ไข Notepad เนื้อหาแสดงอยู่ในรูปต่อไปนี้
7. ปิด Notepad และกลับสู่ Frontpage เปิดใช้งานคำสั่งหน้าของเมนูย่อยใหม่ของเมนูไฟล์และในกล่องโต้ตอบใหม่ที่โหลดให้เลือกเทมเพลต "หน้าแรก" (รูปที่ 4.21) คลิกปุ่ม

ตกลง ของหน้าต่างใหม่ ซึ่งจะเปิดหน้าใหม่ตามเทมเพลตของคุณ (รูปที่ 4.22)

ข้าว. 4.21. ในกล่องโต้ตอบใหม่ เทมเพลตโฮมเพจจะถูกเลือก

ข้าว. 4.22. เพจที่สร้างจากเทมเพลตโฮมเพจ

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

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

สั้น ๆ เกี่ยวกับโปรแกรม Microsoft FrontPage

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

ควรสังเกตว่าชื่อ Microsoft FrontPage มีอยู่จนถึงปี 2546 จากนั้นจึงเสริมด้วยฟังก์ชันใหม่และชื่อนั้นก็เปลี่ยนไป ซอฟต์แวร์. ในปี 2550 FrontPage ถูกเปลี่ยนชื่อเป็น Microsoft Expression Web และในปี 2010 เป็น ไมโครซอฟต์ ออฟฟิศผู้ออกแบบ SharePoint ในความเป็นจริงมีการเพิ่มบางส่วนเพิ่มเติมในเวอร์ชันใหม่ แต่รูปลักษณ์พื้นฐานของโปรแกรมยังคงอยู่

เครื่องมือโปรแกรมเบื้องต้น

แบบฟอร์มทั่วไป โปรแกรมไมโครซอฟต์หน้าแรก

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

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

• ในตัวออกแบบ การแก้ไขทั้งหมดจะถูกป้อน พิมพ์และจัดรูปแบบข้อความ แทรกรูปภาพ สร้างลิงก์ พื้นหลังและสีแบบอักษรจะเปลี่ยนไปในลักษณะเดียวกับใน Microsoft Word
• ในแท็บ "รหัส" คุณสามารถดูโค้ด HTML ที่เรียกว่าได้ HTML เป็นภาษามาร์กอัปมาตรฐานสำหรับเอกสารบนเวิลด์ไวด์เว็บ หน้าเว็บส่วนใหญ่ถูกสร้างขึ้นโดยใช้ ภาษา HTML. ในแท็บนี้ คุณยังสามารถแก้ไขเพจได้ แต่คุณจำเป็นต้องรู้ภาษามาร์กอัปนี้ อย่างไรก็ตาม ผู้เริ่มต้นควรทำการเปลี่ยนแปลงทั้งหมดในตัวสร้าง และการเปลี่ยนแปลง HTML ทั้งหมดจะเกิดขึ้นโดยอัตโนมัติ
• ในแท็บ "มุมมอง" คุณสามารถดูได้ว่าหน้าเว็บมีลักษณะอย่างไรได้โดยตรงในเบราว์เซอร์ (เช่น Internet Explorer)

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

การสร้างเทมเพลตสำหรับเพจใน FrontPage

การแทรกตารางหลักในตัวแก้ไข

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

1. หากต้องการแทรกตาราง ให้ไปที่แท็บ “ตาราง” > “แทรก” > “ตาราง” แล้วกรอกข้อมูลในช่องต่างๆ ดังแสดงในรูปด้านขวา จริงๆ แล้วคุณสามารถป้อนพารามิเตอร์ของคุณเองได้ แต่ ตารางนี้มีความกว้างคงที่และขยายได้ถึง 100% ของพื้นที่หน้าจอ วิธีนี้จะทำให้ตารางแสดงอย่างกะทัดรัดในเบราว์เซอร์
2. จากนั้นคุณจะต้องปรับทั้งสามเซลล์เนื่องจากมีความสูงเท่ากันหลังจากการแทรก คลิกขวาที่เซลล์บนสุดแล้วไปที่ "คุณสมบัติเซลล์" ในช่องความสูงให้ป้อน "150" แบบมีเงื่อนไขและทำเครื่องหมายที่ช่อง "เป็นจุด" เช่น ขนาดเซลล์จะเป็น 150 พิกเซล ในเมนูเดียวกัน เราสามารถเลือกสีพื้นหลังของเซลล์ได้ และเมื่อคลิกในเมนู "สไตล์..." คุณจะตั้งค่าเซลล์อื่นๆ ได้ เช่น เลือกสีและขนาดของเส้นขอบเซลล์ คุณก็สามารถทำได้ ทดลองสิ่งนี้และดูผลลัพธ์ ในเซลล์คุณสามารถป้อนชื่อไซต์ได้
3. ต่อไป เราจะแก้ไขเซลล์ที่สอง ซึ่งมีไว้สำหรับลิงก์การนำทางไซต์ เราตั้งค่าความกว้างไว้ที่ประมาณ 40 พิกเซล ซึ่งก็เพียงพอแล้ว และเรายังปรับการตั้งค่าอื่นๆ เช่น สีพื้นหลังและระยะขอบ ตามที่คุณต้องการ ต่อไปเราจะเขียนชื่อของลิงก์โดยคั่นด้วยเครื่องหมาย เส้นแนวตั้งหรือป้ายอื่น (คุณสามารถดูได้ด้านล่างโดยดาวน์โหลดเทมเพลตทั้งหมด) เลือกการทดสอบแล้วกดปุ่มจัดกึ่งกลาง เช่นเดียวกับใน MSWord ในทำนองเดียวกัน คุณสามารถเปลี่ยนแบบอักษร ขนาดแบบอักษร และการตั้งค่าข้อความอื่นๆ ได้
4. เรายังตั้งค่าเซลล์สุดท้ายด้วย มีไว้สำหรับข้อความหลักซึ่งคุณสามารถป้อนข้อความทักทายได้
5. สุดท้าย คุณสามารถไปที่แท็บ "ไฟล์" > "คุณสมบัติ" ซึ่งคุณสามารถป้อนชื่อไซต์และเปลี่ยนพื้นหลังทั่วไปของหน้าและการตั้งค่าทั่วไปอื่น ๆ ได้

ตอนนี้เทมเพลตพร้อมแล้ว เป็นกรอบสำหรับหน้าต่อๆ ไปทั้งหมดของเว็บไซต์ นี่คือลักษณะของไซต์ในโค้ด HTML:

นี่คือวิธีที่เราได้รับเทมเพลตสำหรับไซต์

< html > < head > < meta http-equiv = "Content-Language" content = "ru" > < meta http-equiv = "Content-Type" content = "ข้อความ/html; charset=windows-1251"> < title >ชื่อของไซต์ < body bgcolor = "#F8F3FE" > < div align = "center" > < table border = "0" width = "800" cellspacing = "4" cellpadding = "0" height = "100%" > < tr > < td height = "150" bgcolor = "#4A4A4A" style = "border: 1px solid #000000" > < p align = "center" >< font face = "Verdana" size = "6" color = "#FFFFFF" >ชื่อของไซต์ < tr > < td height = "40" bordercolor = "#4A4A4A" style = "border: 1px solid #4A4A4A" bgcolor = "#FBFBFB" > < p align = "center" >< font face = "Verdana" size = "2" > < b >บ้าน | < b >หน้า 2 | < b >หน้า 3 | < b >หน้า 4 | < b >หน้า 5 | < b >รายชื่อผู้ติดต่อ < tr > < td valign = "top" style = "border: 1px solid #4A4A4A" bgcolor = "#FFFFFF" >< div style = "padding: 6px;" > < font face = "Verdana" size = "2" >ข้อความหน้าแรก ที่นี่คุณสามารถแทรกข้อความทักทายและเขียนสั้นๆ ว่าเว็บไซต์นี้มีวัตถุประสงค์เพื่ออะไร

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

เทมเพลตเพิ่มเติม

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

ใช้เค้าโครงตารางและธีมมาตรฐาน

Microsoft FrontPage มีเครื่องมือที่ดีสำหรับเค้าโครงตารางและธีมสำเร็จรูปสำหรับการสร้างเว็บไซต์

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

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

แทรกรูปภาพและสร้างลิงก์ไปยังหน้าต่างๆ

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

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

บทสรุป

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

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

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

บทความในหัวข้อที่คล้ายกัน

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

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

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

ผลิตภัณฑ์ทั้งหมดที่คุณสามารถหาได้บนเว็บไซต์นี้รองรับ GPL ได้ 100% ซึ่งหมายความว่าคุณสามารถเปลี่ยนแปลงได้ตามที่คุณต้องการและติดตั้งบนเว็บไซต์ได้ไม่จำกัดจำนวน

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

คุณสมบัติหลักของเว็บไซต์ของเรา

ชุดฟังก์ชันมากมายที่ทำงานนอกกรอบ:

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

ใช้เครื่องมือค้นหา

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

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

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

เข้าร่วมเป็นสมาชิกคลับของเรา

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

ดาวน์โหลดที่เหมาะกับเทมเพลตและส่วนขยาย Joomla ของคุณ ทั้งฟรีและสมัครสมาชิกคลับโดยไม่มีขีดจำกัดและความเร็ว ogoranicheny

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

หัวข้อ 3.3: แอปพลิเคชันสำหรับสร้างเว็บไซต์

หัวข้อ 3.4: การประยุกต์อินเทอร์เน็ตในด้านเศรษฐกิจและการปกป้องข้อมูล

โปรแกรมสำหรับสร้างเว็บไซต์

3.3. แอพพลิเคชั่นสำหรับสร้างเว็บไซต์

3.3.2. ความรู้เบื้องต้นเกี่ยวกับ FrontPage

หน้าเว็บจะขึ้นอยู่กับภาษาคำอธิบายไฮเปอร์เท็กซ์ เอกสาร HTML(ภาษามาร์กอัปไฮเปอร์เท็กซ์) HTML ใช้คำสั่งที่เรียกว่าแท็กเพื่อกำหนดเนื้อหาและรูปแบบของเอกสารไฮเปอร์เท็กซ์ หน้า HTML คือเอกสารในรูปแบบข้อความธรรมดาที่มีคำสั่งการจัดรูปแบบพิเศษ (แท็ก HTML)

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

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

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

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

หลังจากเปิดโปรแกรม FrontPage (Start – Programs – FrontPage) หน้าต่างโปรแกรมจะปรากฏขึ้นบนหน้าจอ โดยแสดงหน้าใหม่ (new_page_1.htm) บานหน้าต่างงานจะแสดงแผงการเริ่มต้นใช้งาน

ข้าว. 1.

หน้าต่างแอปพลิเคชัน FrontPage ประกอบด้วย: แถบชื่อเรื่อง แถบเมนู แถบเครื่องมือการแก้ไขและการจัดรูปแบบ ปุ่ม การเลือกอย่างรวดเร็วแท็ก (สำหรับการแก้ไขและการป้อนแท็ก), ทางลัดแท็บการเลือกหน้า (สำหรับการเคลื่อนย้ายระหว่างหน้า), หน้าต่างการทำงานที่แสดงหน้าใหม่, แผงรูปวาด, ปุ่มโหมดดู, ตัวบ่งชี้เวลาในการโหลดหน้าที่คาดหวังที่ 56 kbps, ตัวบ่งชี้ขนาดหน้า, พื้นที่งาน

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

ในโหมด "โค้ด" การเข้ารหัสทั้งหมดจะปรากฏบนหน้าจอ และคุณสามารถแก้ไขโค้ด HTML ได้โดยตรง รวมทั้งป้อนโค้ดใหม่ได้ด้วย รูปภาพแสดงโค้ด HTML สำหรับหน้าว่างใหม่ในตัวแก้ไข FrontPage

ข้าว. 2.

ในโหมด "แยก" - เว็บเพจจะแสดงบนหน้าจอพร้อมกันในโหมดโค้ดและในโหมดการออกแบบ ในโหมดดู เว็บเพจจะมีลักษณะคล้ายกับที่ปรากฏในเว็บเบราว์เซอร์

คำสั่งที่ออกแบบมาเพื่อทำงานกับเว็บเพจและเว็บไซต์จะอยู่ในเมนูมุมมองของโปรแกรม FrontPage:

1. เพจคือโหมดการดูและการพัฒนาของเพจ
2. โฟลเดอร์ – แสดงโครงสร้างโฟลเดอร์ของไซต์ปัจจุบัน
3. โหนดระยะไกล – โหนดที่อยู่บนเซิร์ฟเวอร์อินเทอร์เน็ต
4. รายงาน – ให้ข้อมูลสรุปของเว็บไซต์
5. การเปลี่ยนผ่าน – แสดงโครงสร้างของการเปลี่ยนระหว่างหน้าเว็บไซต์
6. ไฮเปอร์ลิงก์ – เปิดรายการลิงก์ในหน้าปัจจุบัน
7. งาน – เปิดรายการงานสำหรับไซต์ปัจจุบัน

ข้าว. 3.

การสร้างเว็บเพจในแอปพลิเคชัน FrontPage

การสร้างเว็บเพจเปล่าใหม่

หากเมื่อคุณเปิดหน้าต่างโปรแกรม FrontPage หน้าต่างนั้นแสดงหน้าว่าง คุณสามารถพัฒนาเว็บเพจตามเพจนี้ได้ หากเมื่อเปิดโปรแกรมแก้ไข FrontPage หน้าต่างหลักว่างจะปรากฏขึ้น จากนั้นหากต้องการสร้างหน้าว่างใหม่ คุณต้องเรียกใช้คำสั่ง File/New และเลือกหน้าว่างในพื้นที่งาน หน้าว่างจะปรากฏในหน้าต่างแอปพลิเคชัน ถัดไปคุณต้องพัฒนาเพจเช่น จัดทำเค้าโครงหน้า (โครงสร้าง) ใส่ข้อความ รูปภาพ ฯลฯ

ข้าว. 4.

การสร้างเว็บเพจโดยใช้เทมเพลต FrontPage

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

ข้าว. 5.

การสร้างเว็บเพจตามเว็บเพจที่มีอยู่ในพีซีของคุณ

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

การสร้างเว็บไซต์ในแอปพลิเคชัน FrontPage

สร้างไซต์ว่างใหม่หรือสร้างไซต์ที่ไม่มีเนื้อหา

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

ข้าว. 6.

หากต้องการสร้างโฮมเพจว่างในเว็บไซต์ใหม่ คุณต้องไปที่โหมดการเปลี่ยนภาพแล้วคลิกปุ่ม หน้าใหม่ในแผงการเปลี่ยน หน้าแรกจะปรากฏในช่องงาน (คุณสามารถใช้เมนูบริบทเพื่อสร้างหน้าแรกได้)

ข้าว. 7.

ดับเบิลคลิกบนหน้าแรกด้วยปุ่มซ้ายของเมาส์ จากนั้นจะเปิดขึ้นในโหมดการออกแบบเพื่อแก้ไข (หน้า - index.htm)

ข้าว. 8.

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

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

ข้าว. 9.

การสร้างเว็บไซต์โดยใช้เทมเพลตตัวแก้ไข FrontPage

หากต้องการสร้างไซต์ตามเทมเพลต ให้เรียกใช้ File/New และในพื้นที่งาน ให้คลิกคำสั่ง Web Package จากนั้นกล่องโต้ตอบเทมเพลตเว็บไซต์จะเปิดขึ้น

ข้าว. 10.

เลือกเทมเพลตหรือตัวช่วยสร้างที่จำเป็นเพื่อสร้างไซต์ใหม่

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

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

หน้าที่ใช้เทมเพลตจะถูกสร้างขึ้นในตัวแก้ไข

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

2. ใน Editor ให้เลือกรายการ สร้างจากเมนู ไฟล์.

3. ในหน้าต่าง เทมเพลตหน้าอื่นๆเลือก เทมเพลตที่จำเป็นจากรายการที่เสนอแล้วคลิกปุ่ม ตกลง.

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

การสร้างเพจเฟรม

การบรรยายครั้งนี้กล่าวถึงตัวอย่างการสร้างเว็บเพจคณะฟิสิกส์และคณิตศาสตร์ เราจะละทิ้งการใช้เทมเพลตไซต์และใช้เทมเพลตหน้าเฟรม

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

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

การใช้เทมเพลตเฟรม

1. เปิดไซต์ที่คุณต้องการสร้างหน้าเฟรมใหม่ใน Explorer

2. ใน Editor ให้เลือกรายการ สร้างจากเมนู ไฟล์.

3. ในกล่องโต้ตอบที่ปรากฏขึ้น เทมเพลตหน้าเลือกเทมเพลตจากแท็บ หน้าเฟรมแล้วคลิกตกลง

คุณจะสามารถดูตัวอย่างหน้าเฟรมที่คุณเลือกได้เนื่องจากเค้าโครงจะแสดงทางด้านขวาของกล่องโต้ตอบ

สมมติว่าคุณได้เลือกเทมเพลตแล้ว ประกาศและสารบัญหนึ่งฉบับคุณจะเห็นสิ่งต่อไปนี้บนหน้าจอ:

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

2. พื้นฐานการทำงานใน ms FrontPage

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