การสร้างเว็บเพจด้วย FrontPage การสร้างเว็บเพจใน FrontPage Application Basic Program Tools

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

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

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

3.3.4. การสร้างเว็บไซต์และหน้าเว็บใน FrontPage

การวางแผนเว็บไซต์

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

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

สมมติว่าเราตัดสินใจที่จะพัฒนาเว็บไซต์ที่จะให้ข้อมูลเกี่ยวกับบริษัท EN101 เราสามารถนำเสนอข้อมูลที่เรามีสี่หน้านี้:

1. บ้าน
2. เกี่ยวกับบริษัท
3. ภาพรวมธุรกิจของโครงการ
4. วิธีการชำระเงิน

เราเลือกชื่อไซต์ตามประเภทของกิจกรรม เช่น บทเรียน-en101

กำหนดชื่อหน้า:

• ดัชนี - หน้าแรก;
• ข้อมูล - เกี่ยวกับบริษัท;
• ธุรกิจ- การทบทวนธุรกิจของโครงการ
• จ่าย - วิธีการชำระเงิน

ในฐานะหน้าหลัก เราใช้หน้าแรก (ดัชนี) ของเว็บเพจที่สร้างไว้ก่อนหน้านี้ เราสร้างโครงสร้างของไซต์ซึ่งแสดงในรูป

ข้าว. 1.

เราจะเตรียมข้อความใน Word สำหรับแต่ละหน้าและวาดใน Adobe Photoshop ในรูปแบบ GIF, JPEG หรือ PNG ที่มีความละเอียด 72 พิกเซล / นิ้ว นอกจากนี้ยังสามารถใช้สคริปต์ได้

จากนั้นคุณสามารถลงทะเบียนโดเมนระดับที่สองในโซนใดโซนหนึ่ง (ua, ru, com, net, ข้อมูล ฯลฯ) และหลังจากพัฒนาเว็บไซต์แล้ว ให้เลือกโฮสติ้งแบบชำระเงินที่เหมาะสมกับความเร็วในการเข้าถึงและให้บริการที่จำเป็นสำหรับ เว็บไซต์ให้ทำงานได้อย่างมีประสิทธิภาพ หากเราวางเว็บไซต์บนโฮสติ้งฟรี เราสามารถเลือกได้ เช่น โฮสต์บนเซิร์ฟเวอร์ narod.ru ในการทำเช่นนี้ คุณจะต้องลงทะเบียนบนเซิร์ฟเวอร์และรับโฮสติ้งฟรี ในกรณีนี้ คุณจะมีโดเมนระดับที่สาม เช่น บทเรียน-en101.narod.ru

สร้างไซต์โดยใช้แอปพลิเคชัน FrontPage

1. ในการสร้างไซต์โดยใช้แอปพลิเคชัน FrontPage คุณต้องเปิดหน้าต่างแอปพลิเคชันด้วยวิธีใดวิธีหนึ่งต่อไปนี้ หลังจากนั้น หน้าต่างแอปพลิเคชันหรือ FrontPage GUI จะแสดงบนหน้าจอ ซึ่งจะแสดงไซต์หรือเพจก่อนหน้า หากต้องการออกจากไซต์หรือเพจก่อนหน้าใน FrontPage ให้ใช้คำสั่ง File/Close หรือ File/Close Node หรือทั้งสองอย่างหากไซต์และเพจเปิดอยู่

จากนั้นเราดำเนินการคำสั่ง File / New และในบานหน้าต่างงาน "Create" ที่เปิดขึ้น ให้คลิกที่ "Other Web Site Templates" ในส่วน "Create Web Site" กล่องโต้ตอบ "เทมเพลตเว็บไซต์" จะเปิดขึ้น ซึ่งคุณต้องเลือก "เว็บไซต์ว่าง" จากนั้นระบุตำแหน่งของเว็บไซต์ใหม่ (เช่น D:\Documents and Settings\TVA\My Documents\My Web Sites\lessons- en101) แล้วคลิกตกลง รูปภาพแสดงส่วนของกล่องโต้ตอบ "เทมเพลตเว็บไซต์" ซึ่งระบุที่อยู่ของไซต์ใหม่

ข้าว. 2.

หลังจากบันทึกไซต์ลงในหน้าจอแล้ว หน้าต่างแอปพลิเคชัน FrontPage จะแสดงเว็บไซต์ใหม่ในโหมดโฟลเดอร์

ข้าว. 3.

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

ข้าว. 4.

3. จากนั้นคัดลอกเนื้อหาของโฟลเดอร์ EN101 ที่สร้างไว้ก่อนหน้านี้ ซึ่งมีโฟลเดอร์รูปภาพและหน้าดัชนี (โฟลเดอร์ _vti_cnf จะถูกสร้างขึ้นโดยอัตโนมัติเมื่อสร้างหน้าเว็บ) เนื้อหาของโฟลเดอร์ EN101 แสดงอยู่ในรูป

ข้าว. 5.

วางเนื้อหาที่บันทึกไว้ของโฟลเดอร์ EN101 จากคลิปบอร์ดลงในโฟลเดอร์ที่สร้างขึ้นใหม่ของเว็บไซต์บทเรียน en101 ซึ่งแสดงในรูป

ข้าว. 6.

ข้าว. 7.

ดังนั้น หน้า index.htm ที่สร้างไว้ก่อนหน้านี้จะถูกใช้เป็นโฮมเพจในไซต์ใหม่ ( ภาษาอังกฤษในอินเทอร์เน็ต) คุณสามารถสร้างหน้าหลักด้วยวิธีอื่นตามที่อธิบายไว้ในหัวข้อ 3.3.2 บทนำสู่ FrontPage

5. เราสร้างโครงสร้างไซต์ในตัวแก้ไข FrontPage เช่น เพิ่มอีกสามหน้าในหน้าหลัก: ข้อมูล - เกี่ยวกับบริษัท; ธุรกิจ - ภาพรวมธุรกิจของโครงการ จ่าย - วิธีการชำระเงิน ในการดำเนินการนี้ ให้เปลี่ยนไปใช้โหมดการเปลี่ยนผ่านโดยใช้คำสั่ง View/Transitions จากนั้นคุณต้องเลือกหน้าแรกและคลิกที่ปุ่มหน้าใหม่บนแผงการนำทางหรือใช้เมนูบริบท หน้าใหม่ 1 จะถูกเพิ่ม ในทำนองเดียวกันให้เพิ่มหน้าใหม่อีกสองหน้า โครงสร้างของไซต์แสดงในรูป

ข้าว. 8.

6. เปลี่ยนชื่อหน้าใหม่ใน FrontPage สลับไปที่โหมดโฟลเดอร์และใช้เมนูบริบทเพื่อเปลี่ยนชื่อ New Page 1 เป็น ข้อมูล, หน้า 2 ใหม่บน ธุรกิจ, หน้าใหม่ 3 บน จ่าย.

ข้าว. 9.

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

• บ้าน;
• เกี่ยวกับบริษัท
• การทบทวนธุรกิจของโครงการ
• วิธีการชำระเงิน.

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

ข้าว. 10.

10. เพิ่มและเติมเมตาแท็ก (ระหว่างแท็ก และ) บนหน้า: "เกี่ยวกับบริษัท"; "การทบทวนธุรกิจของโครงการ"; "วิธีการชำระเงิน" ในโหมดรหัส

ตัวอย่างเช่น สำหรับหน้า About จะมีการเติมแท็กดังนี้:

11. การเปลี่ยนชื่อหน้าในโหมดการเปลี่ยน เลือกหน้าและใช้เมนูบริบทเพื่อเปลี่ยนชื่อ:

• ใหม่ หน้า 1 เปลี่ยนชื่อเป็น "เกี่ยวกับบริษัท"
• ใหม่ หน้า 2 เปลี่ยนชื่อเป็น "ภาพรวมธุรกิจโครงการ"
• ใหม่ หน้า 3 เปลี่ยนชื่อเป็น "วิธีการชำระเงิน"

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

หากต้องการพัฒนาเว็บไซต์ของคุณเองใน FrontPage ให้ดาวน์โหลด

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

หน้าเว็บที่เรียบง่ายใน Frontpage

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

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

พวกเขายังสร้างขึ้นในลักษณะของหน้าเว็บที่ง่ายที่สุดซึ่งเราได้พูดถึงข้างต้น ใช้เวลาดูหลักสูตรฟรีของ School of Selling Websites และคุณจะได้เรียนรู้ว่าคุณสามารถสร้างเพจและแม้กระทั่งเว็บไซต์ได้อย่างรวดเร็วและง่ายดายเพียงใด! ในเย็นวันหนึ่ง

ส่วนหัวของเว็บไซต์

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

ส่วนหัวของเว็บไซต์

เมนูเว็บไซต์

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

เมนูแนวนอนของเว็บไซต์

เนื้อหาของไซต์

นี่คือส่วนหลักของเว็บไซต์ซึ่งมีข้อมูลพื้นฐานทั้งหมด อยู่ในเนื้อหาของไซต์ที่คุณกำลังอ่านบทความนี้อยู่

เมนูแนวตั้งสำหรับไซต์

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

ส่วนท้ายของไซต์

ส่วนท้ายของไซต์อยู่ที่ด้านล่างสุดของหน้าเว็บ นี่คือข้อมูลลิขสิทธิ์และข้อมูลการติดต่อ

หน้าแรกส่วนท้ายของไซต์

สรุป

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

ด้วยการพัฒนา อินเทอร์เน็ตโปรโตคอลสำหรับการแลกเปลี่ยนข้อมูลปรากฏขึ้น โปรโตคอลนี้เรียกว่า HTTP (โปรโตคอลการถ่ายโอนข้อความไฮเปอร์)- โปรโตคอลการถ่ายโอนไฮเปอร์เท็กซ์) ร่วมกับโปรโตคอลนี้ บริการ เวิลด์ไวด์เว็บ(มักเรียกว่า wwwหรือเพียงแค่ เว็บ) ซึ่งเป็นเครือข่ายเซิร์ฟเวอร์ขนาดใหญ่ httpการถ่ายโอนไฟล์ผ่าน อินเทอร์เน็ต.

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

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

หน้าต่างโปรแกรม หน้าแรก 2003.

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

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

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

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

การสร้างใหม่ หน้าเว็บ.

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

ด้วยปุ่ม หน้าใหม่บน แผงมาตรฐานเครื่องมือ
เมนูไฟล์เลือกเมนูย่อย สร้างแล้ว - หน้าหนังสือหรือ เว็บไซต์;
ด้วยการรวมกัน Ctrl+N;
โดยใช้ เมนูบริบท(ใช้งานได้ทุกโหมดยกเว้นโหมด งานและรายงาน) - สำหรับภายในนี้ รายการโฟลเดอร์ที่ให้ไว้ เว็บ) คลิกขวาและเลือกรายการในเมนูบริบทที่ปรากฏขึ้น สร้าง  หน้า.

การสร้างเพจโดยใช้วิซาร์ดและเทมเพลต

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

บนแท็บ เป็นเรื่องธรรมดากล่องโต้ตอบนี้แสดงรายการของแม่แบบ หน้าแรกสามารถใช้งานได้. โดยการเลือกเทมเพลตใดๆ คุณสามารถดูคำอธิบายได้ใน ฟิลด์ตัวอย่าง.
การสร้าง หน้าแรก เว็บ.
เว็บ Microsoft Front Pageเป็นชุด หน้าเว็บไฟล์รูปภาพ และส่วนประกอบอื่นๆ ที่สามารถดูเป็นเอนทิตีเดียว
หากคุณสร้างไซต์ใน หน้าแรกจากนั้นสำหรับการจัดเก็บจะสะดวกที่สุดในการใช้งาน หน้าแรก เว็บ.
ข้อดีที่สำคัญที่สุดคือความสามารถในการเปลี่ยนชื่อไฟล์ที่รวมอยู่ในไฟล์ หน้าแรก เว็บ.
ลองจินตนาการว่าก่อนที่จะเผยแพร่ไซต์ของคุณใน อินเทอร์เน็ตทันใดนั้นคุณสังเกตเห็นว่าไฟล์สองสามไฟล์ที่คุณตั้งชื่อเป็นภาษารัสเซีย - "ตอนนี้คุณจะต้องปีนไฟล์ทั้งหมดและเปลี่ยนลิงค์ด้วยที่จับ!" duamete คุณ นั่นคือสิ่งที่จะช่วยได้ หน้าแรก เว็บ- คุณสามารถเปลี่ยนชื่อไฟล์ได้อย่างปลอดภัยและ หน้าแรกมันจะผ่านไฟล์อื่น ๆ ทั้งหมดที่รวมอยู่ในไฟล์ หน้าแรก เว็บและเปลี่ยนชื่อการอ้างอิงทั้งหมดไปยังไฟล์ที่คุณแก้ไข
ฉันจะไม่อธิบายข้อดีอื่น ๆ ทั้งหมด แต่ฉันอยากจะบอกว่าเพื่อใช้ความเป็นไปได้ทั้งหมด หน้าแรกแล้วมันจะดีกว่าที่จะใช้ หน้าแรก เว็บ.
ดังนั้นเพื่อสร้างใหม่ หน้าแรก เว็บคลิกที่ลูกศรที่อยู่ทางด้านซ้ายของปุ่มหน้าใหม่บนแถบเครื่องมือและในเมนูแบบเลื่อนลงที่ปรากฏขึ้น เลือกรายการ เว็บไซต์…

การเปิดหน้าเว็บ

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

เปิดที่มีอยู่ หน้าเว็บเป็นไปได้ในทุกโหมดที่มีอยู่

ออกจากโหมด การดูหน้าเว็บมีสี่วิธีในการเปิดเพจที่มีอยู่:

1 วิธี

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

2 ทาง

จากเมนู ไฟล์ ให้เลือก ไฟล์ล่าสุด . จากเมนูแบบเลื่อนลงที่ปรากฏขึ้น ให้เลือกไฟล์ที่ต้องการ

3 ทาง

การใช้กล่องโต้ตอบเปิดไฟล์: ไฟล์  เปิด.

ดูตัวอย่าง

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

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

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

การเก็บรักษา หน้าเว็บ.

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

การกำจัด หน้าเว็บ.

เมื่อทำงานร่วมกับ เว็บไซต์ไม่ช้าก็เร็วคุณจะไม่ต้องการบางหน้าอีกต่อไปและคุณจะต้องการลบออก

มีสามวิธีในการลบ หน้าเว็บ.

1 วิธี

ในแผง รายการโฟลเดอร์เลือกไฟล์ที่คุณต้องการลบแล้วคลิกปุ่ม ลบบนแป้นพิมพ์

2 ทาง

ในแผง รายการโฟลเดอร์คลิกขวาที่ ไฟล์(หรือไอคอน ไฟล์) ที่คุณต้องการลบ และในเมนูบริบทที่ปรากฏ ให้เลือก ลบ.

3 ทาง

ใน แผงรายการโฟลเดอร์ เลือกไฟล์ที่จะถูกลบ จากนั้นเลือก ลบออกจากเมนูแก้ไข.

ทำงานกับข้อความ

เมื่อมองแวบแรก การป้อนข้อความเข้าไป หน้าแรกไม่ต่างจากการป้อนข้อความในโปรแกรมแก้ไขข้อความใดๆ (เช่น ใน ไมโครซอฟต์เวิร์ด).
หากต้องการพิมพ์ข้อความ เพียงคลิกที่ใดก็ได้บนหน้า แล้วเคอร์เซอร์จะวางที่ตำแหน่งที่ใกล้ที่สุดซึ่งคุณสามารถป้อนข้อความได้
ตั้งค่าตัวพิมพ์ใหญ่ การแก้ไขข้อความ (การลบอักขระ การแทรกข้อความ ฯลฯ) ทำได้ในลักษณะเดียวกับใน ไมโครซอฟต์เวิร์ด.
มีเพียงหนึ่งเล็ก ๆ แต่: เมื่อคุณคลิก ป้อนคีย์ใน หน้าแรกการเปลี่ยนเคอร์เซอร์แบบบังคับไปยังบรรทัดใหม่จะดำเนินการในขณะที่การเยื้องย่อหน้าที่คงที่จะถูกวางไว้ก่อนและหลังย่อหน้า
หากคุณไม่ต้องการสร้างย่อหน้า ควรใช้แป้นพิมพ์ลัดเพื่อย้ายไปยังบรรทัดใหม่ Shift+Enter

การทำงานกับภาพ

รูปแบบกราฟิกใน เว็บ.

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

รูปแบบการจัดเก็บภาพแบบแรสเตอร์มีทั้งข้อดีและข้อเสีย ข้อดีอย่างหนึ่งของกราฟิกแรสเตอร์คือความสามารถในการทำงานกับฮาล์ฟโทน เช่น ความสามารถในการส่งภาพตรงตามที่เห็นในชีวิตจริง แต่ในข้อบกพร่อง ปัญหาหลักคือขนาดไฟล์ ยิ่งมีการจัดสรรพิกเซลสำหรับการก่อตัวมากเท่าใด รูปภาพยิ่งคุณภาพของการส่งสูงขึ้นเท่านั้น รูปภาพแต่ขนาดไฟล์ก็จะใหญ่ขึ้นด้วย
หากตอนนี้เรากลับไปที่เบราว์เซอร์ เราสามารถพูดได้ว่าเบราว์เซอร์ส่วนใหญ่สามารถแสดงไฟล์กราฟิกสี่รูปแบบได้โดยไม่มีปัญหา (* .gif, *.jpg, *.png, *.bmp) ซึ่งในขณะนี้ควรใช้สอง - * .gif และ *.jpg. และแม้กระทั่งหลังจากการเพิ่มประสิทธิภาพเบื้องต้นแล้ว
แทรกรูปภาพบน หน้าเว็บ.
ฝังรูปภาพของคุณ หน้าเว็บสามารถทำได้หลายวิธีดังนี้
1. ลากรูปภาพจาก วินโดวส์ เอ็กซ์พลอเรอร์(นั่นคือโดยตรงจากผู้สำรวจ)
2. ลากรูปภาพจาก อินเทอร์เน็ต เอ็กซ์พลอเรอร์ .
3. ลากไฟล์รูปภาพจากแผงควบคุม รายการโฟลเดอร์ขวาบนหน้า
4. การใช้ คลิปบอร์ด- คัดลอกรูปภาพไปยังคลิปบอร์ดจากโปรแกรมอื่นจากนั้นวางบนหน้าจากคลิปบอร์ด
5. การใช้ เพิ่มปุ่มวาดจากไฟล์บนแถบเครื่องมือ มาตรฐาน.
6. การใช้เมนู แทรก  การวาดภาพ
ลองดูวิธีการเหล่านี้โดยละเอียด:
วิธีที่ 1
วินโดวส์ เอ็กซ์พลอเรอร์(นั่นคือโดยตรงจากนักสำรวจ) คุณต้อง:
ใน หน้าแรก
เปิดหน้าต่างสำรวจ
ในหน้าต่าง explorer ให้เลือกไฟล์ที่มีรูปภาพที่คุณต้องการแทรกในหน้าของคุณ
ปุ่มซ้ายของเมาส์ลากไฟล์รูปภาพไปที่ของคุณ หน้าเว็บรูปภาพจะถูกแทรกในตำแหน่งที่จุดแทรกอยู่บนหน้า
วิธีที่ 2
ในการลากรูปภาพจาก อินเทอร์เน็ต เอ็กซ์พลอเรอร์จำเป็น:
ใน หน้าแรกเปิดหน้าที่คุณต้องการเพิ่มรูปภาพ
วี เบราว์เซอร์เปิดภาพที่คุณต้องการใส่ หน้าเว็บ เบราว์เซอร์ชื่อไฟล์ต้องลงท้ายด้วย jpg, jpeg, gif);
ปุ่มซ้ายของเมาส์ลากภาพที่เลือกไปยังของคุณ หน้าเว็บ;
วิธีที่ 3
เพื่อที่จะ ลากไฟล์พร้อมภาพแผง รายการโฟลเดอร์ในหน้าที่คุณต้องการ:
ใน หน้าแรกเปิดหน้าที่คุณต้องการเพิ่ม ภาพ;
เลือกไฟล์รูปภาพที่ต้องการบนแผงควบคุม รายการโฟลเดอร์;
ปุ่มซ้ายของเมาส์ลากภาพที่เลือกไปที่ของคุณ หน้าเว็บ;
รูปภาพที่เลือกจะถูกแทรกในตำแหน่งที่จุดแทรกอยู่บนหน้า
วิธีที่ 4
ในการแทรกรูปภาพลงในของคุณ หน้าเว็บใช้คลิปบอร์ด คุณต้อง:
ในแอปพลิเคชันที่คุณต้องการคัดลอกรูปภาพ ให้เลือกรูปภาพและใช้ปุ่มต่างๆ ctrl+cคัดลอกรูปภาพไปยังคลิปบอร์ด
บนเขา หน้าเว็บวางภาพนี้จากคลิปบอร์ดโดยใช้แป้นพิมพ์ลัด Ctrl+V
วิธีที่ 5
หน้าเว็บคุณตัดสินใจที่จะใช้ปุ่ม ใส่รูปภาพจากไฟล์ในแถบเครื่องมือ มาตรฐาน, ที่ หน้าแรกจะเปิดกล่องโต้ตอบ การวาดภาพ.
ในกล่องโต้ตอบนี้ ให้ระบุไฟล์รูปภาพที่คุณต้องการเพิ่มลงในของคุณ หน้าเว็บและกดปุ่ม แทรก.

วิธีที่ 6
หากต้องการแทรกรูปภาพบนของคุณ หน้าเว็บคุณตัดสินใจใช้เมนู แทรก  การวาดภาพ, ที่ หน้าแรกจะแจ้งให้คุณเลือกเพิ่มเติม:

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

นอกจากกราฟิกง่ายๆ เช่น - รูปภาพในรูปแบบ * .gif, *.jpg, *.pngเป็นต้น หน้าแรกอนุญาตให้คุณโพสต์บนของคุณ หน้าเว็บไฟล์มัลติมีเดีย ได้แก่: คลิปวิดีโอ เสียง...

หากต้องการฝังวิดีโอคลิป คุณต้อง แทรกเมนูเลือกรายการ การวาดภาพแล้ว บันทึกวีดีโอ...

กล่องโต้ตอบจะเปิดขึ้น วิดีโอหน้าต่างจะแสดงคลิปวิดีโอในรูปแบบ * .avi, *.asf, *.ram, *.ra.

เพิ่มเสียงให้กับ หน้าเว็บบนแท็บทั่วไปของกล่องโต้ตอบ คุณสมบัติของเพจ.

การทำงานกับตาราง

โต๊ะ- หนึ่งในเครื่องมือที่ทรงพลังที่สุดที่ใช้ในการสร้างเว็บไซต์
ในขั้นต้น ตารางใช้เพื่อแสดงข้อมูลที่มีโครงสร้างเท่านั้น อย่างไรก็ตาม พวกมันค่อยๆ พัฒนาเป็นเครื่องมือเลย์เอาต์ทั่วไปที่ทรงพลัง หน้าเว็บ.

การสร้างตาราง

วิธีที่ง่ายที่สุด การสร้างตาราง- ปุ่มใช้งาน เพิ่มตารางอยู่บนแถบเครื่องมือ มาตรฐาน.
อีกวิธีหนึ่งคือด้วยความช่วยเหลือของ เมนู ตาราง  แทรก  ตาราง.
และ โต๊ะสามารถวาดและวางโดยใช้คลิปบอร์ด

การป้อนข้อมูลและการนำทางตาราง

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

ก่อนป้อนข้อมูลลงใน โต๊ะคุณต้องวางเคอร์เซอร์ข้อความในเซลล์ที่ต้องการ ตาราง. สามารถทำได้โดยการคลิกด้วยเมาส์

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

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

การสร้างและประยุกต์ใช้แบบฟอร์ม

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

มารู้จักคุณกันเถอะ - โปรดกรอกข้อมูลในฟิลด์ต่อไปนี้:
ชื่อของคุณ:

นามสกุลของคุณ:

วันเกิดของคุณ: ปี เดือน วัน

ขอบคุณ! และตอนนี้ - บนท้องถนน!
1. ตัวเล็กแต่คล่องตัว
มันเกิดขึ้นที่ไหน มันสั่งการ
จะเข้าเต็นท์—
พระเอกจะพลิกแล้ว
นี่คือใคร?
หมัดบินเด็กซน
2. ตาโปนนั่ง
พูดภาษาฝรั่งเศส,
กระโดดเหมือนหมัด
ลอยได้เหมือนคน
เรากำลังพูดถึงใคร
แมว กบ นกแก้ว

3. แมวน้ำหายใจอย่างไรหลังจากดำลงไปใต้น้ำแข็ง?

4. ทำไมเต่าตัวใหญ่ถึงร้องไห้?

5. ปลาเฮอริ่งสามารถสวมใส่เสื้อผ้าประเภทใดได้บ้าง?
เสื้อโค้ทเฟอร์
6. ใครเรียกว่า "ม้าแม่น้ำ"?
นาก จระเข้ ฮิปโป

7. นกอะไรไม่ฟักลูกไก่?

8. นกอะไรบินไม่ได้?

หากคุณต้องการเลือกหลายคำตอบ ให้กดปุ่มค้างไว้ Ctrlแล้วคลิกปุ่มซ้ายของเมาส์บนคำตอบที่ต้องการ

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

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

มีความสัมพันธ์ แบบฟอร์มมีกฎพื้นฐานหลายประการ:

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

การสร้างแบบฟอร์มใน หน้าแรก.
หากต้องการเพิ่มแบบฟอร์ม หน้าเว็บ, จำเป็น:

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

การตั้งค่าคุณสมบัติของแบบฟอร์ม

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

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

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

หน้าหนังสือ
โหมดนี้สร้างและแก้ไข หน้าเว็บ.ที่นี่คุณสามารถสร้างที่ว่างเปล่า หน้าเว็บและเพจที่ใช้เทมเพลตเพื่อกำหนดธีมให้กับเพจ (ชุดของสไตล์การนำเสนอเพจบนหน้าจอ) ในโหมดนี้ คุณสามารถเพิ่มและจัดรูปแบบข้อความ ลักษณะ หน้าการใช้รูปภาพกราฟิกและวิดีโอ (การแปลงรูปแบบกราฟิกจำนวนหนึ่งเป็น * .gif, *.jpg และ *.png) เพิ่มเสียงลงในเพจ นำเสนอข้อมูลในตาราง เฟรม และฟอร์ม และสร้างไฮเปอร์ลิงก์ในที่สุด นี่ไม่ใช่รายการความเป็นไปได้ทั้งหมด หน้าแรกสำหรับการแก้ไขเนื้อหา หน้าเว็บ.
โฟลเดอร์
ในโหมดนี้ คุณสามารถดูโครงสร้าง เว็บไซต์(ไฟล์และโฟลเดอร์) และจัดการด้วยวิธีเดียวกับที่คุณทำ หน้าต่าง, โหมดนี้ช่วยให้คุณได้รับข้อมูลโดยละเอียดเกี่ยวกับไฟล์และโฟลเดอร์มากกว่าที่มีให้ในโหมดดู หน้าหนังสือ.
รายงาน
ให้รายงานมากกว่าหนึ่งโหลที่มีข้อมูลหลากหลายเกี่ยวกับคุณ เว็บไซต์,เปิดช่วง หน้าแรก.
การเปลี่ยน
ออกแบบมาเพื่อดูลำดับชั้นของไซต์ ในโหมดนี้ คุณสามารถจัดการลำดับชั้นได้โดยการลากสี่เหลี่ยม (แต่ละอันแสดงถึงลำดับชั้นเฉพาะ หน้าเว็บ).
การเชื่อมโยงหลายมิติ
สาธิตระบบการเชื่อมโยงหลายมิติที่เชื่อมโยงหน้าเข้าด้วยกัน เว็บไซต์(เช่นเดียวกับระบบไฮเปอร์ลิงก์ไปยังโหนดอื่น) ให้การตรวจสอบความสมบูรณ์และความสามารถในการเปลี่ยนแปลง
งาน
โหมดนี้มีไว้สำหรับการจัดการงาน เว็บไซต์(เพิ่ม ลบ ดำเนินการ กำหนดลำดับความสำคัญของการดำเนินการ ตลอดจนติดตามสถานะของงาน)

ดาวน์โหลดได้ฟรี หน้าแรกคุณสามารถไปตามลิงค์ต่อไปนี้:

http://letitbit.net/download/28576.28615a37d4f2a575882748541adf3bf00/Microsoft_Office_FrontPage_2003.rar.html

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

สั้น ๆ เกี่ยวกับ Microsoft FrontPage

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

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

เครื่องมือหลักของโปรแกรม

มุมมองทั่วไปของ Microsoft FrontPage

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

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

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

สำหรับคำอธิบายโดยละเอียดของเมนู ปุ่ม และฟังก์ชันอื่นๆ ของ Microsoft 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

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

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

บทความที่เกี่ยวข้อง

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

การตั้งค่ารูปแบบตัวอักษร

ย่อหน้า… - เปิดกล่องโต้ตอบย่อหน้าซึ่งให้คุณตั้งค่าการเยื้องย่อหน้า (ซ้ายและขวา) จากหน้าต่างเบราว์เซอร์ เยื้องสำหรับบรรทัดแรก ปรับระยะห่างระหว่างบรรทัดและย่อหน้า ปรับระยะห่างระหว่างคำในย่อหน้า

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

สี; ลำดับเลข… - เปิดกล่องโต้ตอบรายการซึ่งคุณสามารถทำได้

สร้างรายการลำดับเลข สัญลักษณ์แสดงหัวข้อย่อย และรายการอื่นๆ ตำแหน่ง… - เปิดกล่องโต้ตอบตำแหน่งซึ่งผ่าน

คุณสามารถวางองค์ประกอบต่าง ๆ ลงบนหน้าได้อย่างแม่นยำ

ฟิลด์ตัวอย่าง (3) แสดงให้เห็นว่าวัตถุที่จะใช้สไตล์ที่สร้างขึ้นจะมีลักษณะอย่างไร

ฟิลด์คำอธิบาย (4) แสดงคำอธิบายข้อความของแอตทริบิวต์ของสไตล์นี้

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

ต้องกำหนดค่าสำหรับแต่ละรายการ

หน้าเว็บ.

รูปที่ 5.43 - ลักษณะการเปลี่ยนหน้าต่าง

5.4.3. สไตล์ชีตภายนอก

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

ให้การจัดการสไตล์ CSS จากส่วนกลางในทุกหน้าเว็บ

(การเปลี่ยนแปลงที่เกิดขึ้นจะมีผลโดยอัตโนมัติทันทีกับหน้าเว็บทั้งหมดที่เชื่อมโยงไปยังไฟล์ที่มี CSS)

ขนาดรวมของเว็บไซต์ลดลง

เพิ่มความเร็วในการโหลดหน้าเว็บ

หากต้องการสร้างไฟล์ภายนอกที่มีสไตล์ชีตเรียงซ้อน คุณต้องทำตามขั้นตอนต่อไปนี้ (รูปที่ 5.44)

เรียกใช้คำสั่ง File → New และเลือกคำสั่ง เทมเพลตหน้าเพิ่มเติม…

ในกล่องโต้ตอบเทมเพลตเพจที่เปิดขึ้น ให้เลือกแท็บสไตล์ชีต (2) ซึ่งแสดงเทมเพลตสไตล์ชีตที่รวมอยู่ใน FrontPage

เลือกเทมเพลตเพื่อสร้างสไตล์ชีตของคุณเอง สไตล์ชีตปกติ(3) แล้วคลิกปุ่ม ตกลง

รูปที่ 5.44 - การสร้างไฟล์สไตล์ภายนอก

หน้าผลลัพธ์ที่มีนามสกุล .css จะต้องบันทึก (คำสั่ง File→Save) ไปยังหนึ่งในโฟลเดอร์ของเว็บไซต์ด้วยชื่อที่ต้องการ

ในตัวอักษรละตินและนามสกุล .css

สร้างคำอธิบายสำหรับ ตัวเลือกแท็กและ ตัวเลือกคลาสโดยใช้คำสั่ง Format→Style... ซึ่งเปิดกล่องโต้ตอบ Style (รูปที่ 5.40) ซึ่งอธิบายไว้ในส่วนก่อนหน้า

สไตล์ชีตที่สร้างขึ้นจะต้องเชื่อมโยงกับหน้าต่างๆ ของเว็บไซต์ สำหรับสิ่งนี้จำเป็น

เรียกใช้คำสั่งรูปแบบ→ลิงค์สไตล์ชีท... .

ใน กล่องโต้ตอบที่เปิดขึ้นเชื่อมต่อกับ

ด้วยสไตล์ชีตแบบเรียงซ้อนไปยังหน้าเว็บ (หากใช้สไตล์ชีตแบบเรียงซ้อนหลายตัว);

ปุ่มแก้ไข (7) เปิด URL ที่เลือกในหน้าต่างที่อยู่: (8) ไฟล์ css สำหรับแก้ไข

กดปุ่มตกลง

ตัวเลือกถูกนำไปใช้กับวัตถุที่เลือกด้วยวิธีต่างๆ:

ตัวเลือกแท็กจะถูกใช้โดยอัตโนมัติหลังจากเลือกคำสั่งที่เหมาะสม

ใช้ตัวเลือกคลาส:

โดยเลือกจากสไตล์อื่นๆ ในรายการแบบหล่นลงของสไตล์ (รูปที่ 5.42) บนแถบเครื่องมือการจัดรูปแบบ:

โดยเลือกจากกล่องดร็อปดาวน์คลาส: ของกล่องโต้ตอบปรับเปลี่ยนสไตล์

(รูปที่ 5.43) ซึ่งเปิดด้วยปุ่ม Style… จากกล่องโต้ตอบต่างๆ

(ตัวอย่างเช่น คุณสมบัติรูปภาพ คุณสมบัติตาราง คุณสมบัติเซลล์ รายการ

ช่องว่าง คุณสมบัติเส้นแนวนอน).

5.5. เฟรม (เฟรม) ในแอปพลิเคชัน FrontPage 2003

เฟรม - เครื่องมือสำหรับแบ่งหน้าต่างเบราว์เซอร์ออกเป็นหลายส่วน

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

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

ในการจัดระเบียบโครงสร้างเฟรมจำเป็นต้องมี (รูปที่ 5.46)

รูปที่ 5.46 - การสร้างเพจของเฟรม เรียกใช้คำสั่ง File → Create และเลือกคำสั่ง เทมเพลตหน้าเพิ่มเติม…

(1) จากบานหน้าต่างงานสร้าง

ในกล่องโต้ตอบที่เปิดเทมเพลตเพจ ให้เลือกแท็บ เฟรมเพจ (2) ซึ่งแสดงเทมเพลต (3) ของเว็บเพจที่มีโครงสร้างเฟรม

รวมอยู่ใน MS FrontPage 2003

เลือกเทมเพลตที่เหมาะสมที่สุดแล้วคลิกปุ่ม "ตกลง"

หน้าต่างของหน้าเว็บเฟรมใหม่ (รูปที่ 5.47) จะถูกแบ่งออกเป็นส่วน ๆ ตามโครงสร้างที่เลือก ต้องบันทึกหน้านี้ (ไฟล์→บันทึก) ไปยังหนึ่งในโฟลเดอร์ของเว็บไซต์ที่มีชื่อ (1) ที่จำเป็น ด้วยตัวอักษรละติน.

รูปที่ 5.47 หน้าเว็บเฟรมใหม่

1) ปุ่ม ตั้งหน้าเริ่มต้น...(2) ให้คุณเลือกเว็บสำเร็จรูป-5

หน้าเว็บไซต์ในหน้าต่าง การเพิ่มไฮเปอร์ลิงก์.

2) ปุ่ม สร้างเพจ(3) โหลดหน้าเว็บเปล่าใหม่ลงในเฟรม

ซึ่งสามารถแก้ไขได้ตามปกติ

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

เมื่อทำงานกับหน้าเฟรม ปุ่มไร้ขอบอีกปุ่มหนึ่ง (4) จะปรากฏขึ้นบนแถบปุ่มมุมมอง โหมดนี้จะแก้ไขเนื้อหาที่จะแสดงในเบราว์เซอร์หากไม่รองรับการแสดงเฟรม

การทำงานบนหน้าเว็บที่รวมอยู่ในโครงสร้างเฟรมสามารถทำได้ทั้งแยกกันและผ่านหน้าเฟรม

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

หากต้องการทำงานกับเฟรมที่เลือก คุณสามารถใช้คำสั่งเมนู

กรอบ.

คำสั่ง Split Frame ให้คุณแบ่งเฟรมออกเป็นสองส่วนในแนวตั้งหรือแนวนอน

คำสั่ง Delete Frame จะลบเฟรมออกจากหน้าเฟรม อย่างไรก็ตามหากทางเว็บ

หน้าเว็บที่โหลดลงในเฟรมนี้ได้รับการบันทึกก่อนหน้านี้แล้ว หน้าเว็บนั้นยังคงอยู่ในโครงสร้างเว็บไซต์

ทีม เปิดหน้าในหน้าต่างใหม่เปิดหน้าเว็บของเฟรมเพื่อแก้ไขแยกจากโครงสร้างเฟรม

ทีม คุณสมบัติเฟรม...เปิดกล่องโต้ตอบ

คุณสมบัติเฟรม ซึ่งคุณสามารถตั้งค่าพารามิเตอร์เฟรมต่างๆ ได้: ชื่อ คำอธิบาย ขนาด ความกว้างและการแสดงเส้นขอบ คุณสมบัติของแถบเลื่อน การเติม

รูปที่ 5.48 - เฟรมในตัว

อีกทางเลือกหนึ่งสำหรับการใช้เฟรมคือการแทรกเฟรมแบบฝัง (เฟรม) ลงในหน้าเว็บปกติ (รูปที่ 5.48) ด้วยคำสั่ง แทรก→กรอบฝังตัว. ใน

เป็นผลให้ในตำแหน่งที่วางเคอร์เซอร์จะมีการแทรกเฟรมซึ่งสามารถเติมได้สองวิธี: ตั้งหน้าเริ่มต้น...หรือ สร้างเพจ.

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

เฟรม: ชื่อเฟรม, ชื่อเรื่อง, ขนาด, ช่องว่างภายใน, การจัดตำแหน่ง, ข้อความแสดงแทน

กรอบ (2) ให้คุณเลือกเฟรมเพื่อโหลดวัตถุใหม่โดยคลิกปุ่มซ้ายของเมาส์ ในรายการ (โหลดลงในเฟรมเดียวกับที่จัดไฮเปอร์ลิงก์ไว้) (โหลดลงในหน้าต่างเบราว์เซอร์ใหม่) (โหลดลงในเฟรมฝังตัว)

5.6. แบบฟอร์มในแอปพลิเคชัน FrontPage 2003

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

FrontPage 2003 สนับสนุนโปรแกรมฟอร์มต่างๆ ที่โฮสต์บนเว็บเซิร์ฟเวอร์ที่เรียกใช้ FrontPage Server

ส่วนขยาย (ส่วนขยายของเซิร์ฟเวอร์ Microsoft FrontPage - ชุดของโปรแกรมและสคริปต์ที่สนับสนุนการสร้างเพจใน Microsoft FrontPage และขยายการทำงานของเว็บเซิร์ฟเวอร์), SharePoint Team Services เวอร์ชัน 1.0 (Microsoft) หรือ ไมโครซอฟท์ วินโดวส์บริการ SharePoint 2.0 ตัวจัดการเหล่านี้ยอมรับผลลัพธ์ของฟอร์มและดำเนินการต่างๆ กับตัวจัดการเหล่านี้ ในแอปพลิเคชัน FrontPage

รองรับสคริปต์ เช่น ISAPI, NSAPI, CGI และ ASP

มีสามวิธีในการสร้างฟอร์มใน MS FrontPage 2003

1) การเพิ่มแบบฟอร์มเปล่าด้วยปุ่มส่งและรีเซ็ต คำสั่ง

แทรก→แบบฟอร์ม→แบบฟอร์ม

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

3) เลือกและใช้แม่แบบฟอร์มที่มีอยู่หรือตัวช่วยสร้างหน้าฟอร์มโดยใช้ขั้นตอนต่อไปนี้

ในบานหน้าต่างงาน การสร้างเพจ(ไฟล์คำสั่ง→สร้าง) คุณต้องเลือก

คำสั่ง More Page Templates… และแท็บ General

การเลือกหนึ่งในเทมเพลตสมุดเยี่ยม แบบฟอร์มลงทะเบียน หน้าค้นหา แบบฟอร์มคำติชม ช่วยให้คุณสร้างใหม่หน้าเว็บ ด้วยรูปแบบมาตรฐาน

การเลือกเทมเพลต ตัวช่วยสร้างหน้าแบบฟอร์มเปิดตัวช่วยสร้างหน้าฟอร์มเพื่อกำหนดจำนวน ประเภท และเนื้อหาขององค์ประกอบฟอร์ม

พื้นที่ฟอร์มจะแสดงในกล่องประที่มองเห็นได้ในมุมมองออกแบบเท่านั้น

ในการตั้งค่าคุณสมบัติของฟอร์ม คุณต้องตั้งค่าเคอร์เซอร์ภายในฟอร์ม และดำเนินการคำสั่ง แทรก→รูปร่าง→คุณสมบัติรูปร่าง…หรือคลิกขวาในพื้นที่แบบฟอร์มแล้วเลือกคำสั่งเมนูบริบท คุณสมบัติรูปร่าง.... ด้วยเหตุนี้ กล่องโต้ตอบ Form Properties (1 รูปที่ 5.50) จะเปิดขึ้น ซึ่งมีการตั้งค่าพารามิเตอร์ต่างๆ ของฟอร์ม

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

รูปที่ 5.50 - การตั้งค่าพารามิเตอร์ของแบบฟอร์ม

ฟิลด์ชื่อแบบฟอร์ม: (4) ให้บริการ

เพื่อระบุชื่อแบบฟอร์ม

ปุ่มสิ้นสุดเฟรม

เปิดกล่องโต้ตอบ

กรอบท้ายที่

คุณสามารถเลือกหน้าต่างที่จะทำคำขอได้

ปุ่มตัวเลือก… (6)

เปิดกล่องโต้ตอบ

ตัวเลือกตัวจัดการ

แบบฟอร์ม (7) ในฟิลด์การดำเนินการ:

(8) ระบุชื่อสคริปต์สำหรับประมวลผลแบบฟอร์มหรือ mailto: e-mail เพื่อส่งข้อมูลแบบฟอร์มไปยังที่อยู่ อีเมลอีเมล. ในฟิลด์เมธอด: (9) เลือกวิธีการถ่ายโอนข้อมูล (เมธอด GET ของการถ่ายโอนข้อมูลผ่านแถบที่อยู่, POST - วิธีการถ่ายโอนข้อมูลในเนื้อหาคำขอ HTTP) ในฟิลด์ประเภทการเข้ารหัส: (10)

ระบุประเภทการเข้ารหัสของข้อมูลในแบบฟอร์มเมื่อส่งไปยังเว็บเซิร์ฟเวอร์ ประเภทการเข้ารหัสที่เป็นไปได้: application/x-www-form-urlencoded - ข้อมูลแบบฟอร์มถูกเข้ารหัสเป็นคู่ชื่อและค่า ซึ่งใช้เป็นค่าเริ่มต้น multipart/form -data - ข้อมูลแบบฟอร์มถูกเข้ารหัสเป็นข้อความโดยแยกส่วนสำหรับการควบคุมแต่ละรายการบนเพจ ใช้เพื่อส่งแบบฟอร์มที่มีไฟล์ ข้อความ/ธรรมดา – ข้อมูลแบบฟอร์มถูกเข้ารหัสเป็นข้อความล้วน โดยไม่มีการควบคุมหรือจัดรูปแบบอักขระ

ใช้ในการส่งข้อมูลไปยังที่อยู่อีเมล

ปุ่มเพิ่มเติม... (11) เปิดหน้าต่างคุณสมบัติของแบบฟอร์มเพิ่มเติม

เพื่อแก้ไขช่องแบบฟอร์มที่ซ่อนอยู่ (ปุ่ม เพิ่ม... , แก้ไข... ,

ลบ).

ในการเพิ่มช่องแบบฟอร์มลงในแบบฟอร์ม คุณต้องใช้คำสั่ง Insert → Form

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

กำหนดลำดับการกรอกข้อมูลในฟิลด์แบบฟอร์มในเบราว์เซอร์ ปุ่ม ตรวจสอบ... ในหน้าต่างนี้ใช้ได้เฉพาะเมื่อคุณใช้ตัวจัดการแบบฟอร์ม FrontPage 2003 มาตรฐานเท่านั้น ปุ่ม ลักษณะ...

ข้อความ

ใช้ในการป้อนสั้น

ข้อความ เช่น ชื่อ และ

อิเล็กทรอนิกส์

ตัวเลือก

เขตข้อมูล (ชื่อ ค่าเริ่มต้น

ที่จัดตั้งขึ้น

เชิงโต้ตอบ

หน้าต่างคุณสมบัติของกล่องข้อความ

รูปที่ 5.51 - ช่องแบบฟอร์ม

ข้อความ

ใช้เพื่อป้อนข้อความตั้งแต่หนึ่งบรรทัดขึ้นไป เช่น ความคิดเห็น

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

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

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

สวิตช์ (5) - ทำหน้าที่จัดระเบียบการเลือกจากรายการที่คุณสามารถเลือกได้เพียงค่าเดียว (ช่องสวิตช์หลายช่องที่มีชื่อกลุ่มเดียวกัน) พารามิเตอร์ฟิลด์ (ชื่อ ค่า สถานะเริ่มต้น) ถูกกำหนดในกล่องโต้ตอบ คุณสมบัติของสวิตช์.

รายการแบบหล่นลง(6) - ทำหน้าที่จัดระเบียบการเลือกจากรายการแบบเลื่อนลงของหนึ่งตัวเลือกขึ้นไป กรอกข้อมูลในฟิลด์ (ปุ่มเพิ่ม…, เปลี่ยน…, ลบ, ขึ้น, ลง) และพารามิเตอร์ (ชื่อ, ความสูงในแถว,

สิทธิ์การเลือกหลายรายการ) ถูกกำหนดในกล่องโต้ตอบ

คุณสมบัติแบบเลื่อนลง . เมื่อกรอกข้อมูลในช่อง (ปุ่มเพิ่ม…,

แก้ไข... ) เปิดกล่องโต้ตอบเพิ่มเติม การเพิ่ม หรือ

การเปลี่ยนแปลงตัวแปร. ในหน้าต่างนี้ ชื่อของตัวเลือกสินค้าจะถูกระบุ (ฟิลด์ ตัวแปร:)

ค่าที่จะส่งผ่านในการส่งแบบฟอร์มหากเลือกตัวเลือกนี้