สร้าง Hyperlink
เว็บไซต์ประกอบด้วยไฟล์หลายไฟล์มารวมกัน ทั้งเว็บเพจ รูป วีดีโอ เสียง ในบทความนี้จะทำ link เพื่อเชื่อมโยงไปยังไฟล์ต่างๆที่อยู่ในเว็บไซต์กัน สร้างลิงค์ในเว็บไซต์เดียวกัน เป็นการสร้างลิงค์หากันในเว็บไซต์เดียวกัน จากเว็บเพจหนึ่งไปอีกเว็บเพจหนี่ง ขั้นตอนการสร้างมีขั้นตอนดังนี้ 1. เปิดหน้าเอกสารที่ต้องการสร้างลิงค์ ใน Dreaweaver 2. เลือกตัวอักษร หรือรูปภาพ ที่ต้องการให้เป็นลิงค์ จากนั้นไปที่สัญลักษณ์ตามภาพ 3. จะมีหน้าต่างขึ้นมาดังรูป 3. 1 ช่อง Text คือคำที่เราเลือกไว้ให้เป็นลิงค์ 3. 2 ช่อง link คือ ไฟล์ที่เราต้องการลิงค์ไป โดยการคลิกที่รูป folder สีเหลืองด้านหลัง ไฟล์ที่ลิงค์ไปจะเป็นเว็บเพจ ไฟล์รูป หรือเป็นไฟล์อะไรก็ได้ที่อยู่ใน local root folder 3. 3 ช่อง Target มีรายละเอียดดังนี้ '_blank' เป็นคำสั่งให้เปิด link ในหน้าใหม่ '_parent' เป็นคำสั่งให้เปิด link ในหน้าเดิม (ถ้าไม่เลือกจะเป็นค่านี้อัตโนมัติ) '_self' เป็นคำสั่งให้เปิด link ใน frame ปัจจุบัน (อ่านรายละเอียดในหัวข้อเรื่อง frame) '_top'เป็นคำสั่งให้เปิด link ทับหน้าเดิมทั้งหมด ซึ่งจะปิด frame ทั้งหมดเช่นเดียวกัน (อ่านรายละเอียดในหัวข้อเรื่อง frame) 4.
Video
เลือกตัวอักษร หรือรูปภาพที่ต้องการสร้างลิงค์ 3. ที่ Property inspector ให้ใส่ชื่อเว็บที่ต้องการลิงค์ไป เช่น ในรูปเลือกภาพเป็นลิงค์ 1. ช่องลิงค์ใส่ (ต้องใส่ หน้าเว็บที่ต้องการลิงค์ไปด้วย) 2. จากนั้นที่ช่อง border ให้ใส่ค่า 0 เพื่อไม่ให้มีขอบรูปเมื่อรูปเป็นลิงค์ แค่นี้ก็สามารถสร้างลิงค์ไปยังเว็บไซต์อื่น และไฟล์ต่างๆในเว็บไซต์ของตัวเองได้แล้ว
[How To] วิธีการสร้างเว็บอย่างง่าย โดยใช้ Dreamweaver CS6 - YouTube
1 Document Toolbar เป็นทูลบาร์ที่ประกอบไปด้วยปุ่มคาสั่งในการ กำหนดมุมมองการแสดงเว็บเพจ การแสดงความละเอียดของหน้าเว็บเพจ การโอน ย้ายไฟล์ หรือการกำหนดคำอธิบายเว็บเพจ เป็นต้น แสดงดังภาพ
2. 2 Standard Toolbar เป็นทูลบาร์ที่ประกอบไปด้วยปุ่มคำสั่งพื้นฐาน ที่ใช้ในการจัดการไฟล์ เช่น การสร้างไฟล์ บันทึกไฟล์ เปิดไฟล์ คัดลอกย้าย หรือวางเนื้อหาตลอดจนการยกเลิกหรือทำซ้าคาสั่งด้วย แสดงดังภาพ
2. 3 Style Rendering Toolbar เป็นทูลบาร์ที่ออกแบบมาเพื่อให้แสดงการทำงานของหน้าเว็บเพจที่ใช้ Style Sheet บนมีเดียประเภทต่าง ๆ เช่น บนหน้าจอคอมพิวเตอร์ บนเครื่องพิมพ์ บนโปรเจ็คเตอร์ บนทีวี การเพิ่ม/ลดขนาดตัวอักษร ตลอดจนการแสดงสีของสถานการณ์เชื่อมโยง แสดงดังภาพ
เป็นแถบประยุกต์ ประกอบด้วยแถบเครื่องมือแสดงดังภาพ
3. 1. สำหรับเลือกรูปแบบการแสดงพื้นที่สำหรับสร้างหน้าเว็บเพจ เช่น Code Split หรือ Design เป็นต้น
3. 2. สำหรับค้นหา และติดตั้งโปรแกรมเสริม
3. 3.
[How To] วิธีการสร้างเว็บอย่างง่าย โดยใช้ Dreamweaver CS6 - YouTube
เลือกไอคอนคำสั่งตามต้องการ จากนั้นโปรแกรมจะทำการแทรกคำสั่ง PHP ที่เลือกไปยังไฟล์ PHP ของเราที่ Document ดังรูป
2. เมื่อเราได้คำสั่งของ PHP แล้ว ให้ทำการพิมพ์ข้อมูลอื่น ๆ ที่ต้องการลงไปที่คำสั่งนั้น ๆ ดังรูป
จากรูป เป็นการพิมพ์ข้อความลงไปที่หลังคำสั่ง echo
ทั้งนี้ทั้งนั้น เราจะพิมพ์ข้อมูลใดลงไปในคำสั่งที่ได้ Insert มานั้น ต้องเรียนรู้ภาษา PHP ประกอบ
หากเราไม่ถนัดที่จะพิมพ์โค้ดที่มุมมอง Code ของโปรแกรม เราสามารถพิมพ์ไปที่ Properties Panel ได้ ดังนี้
3. เมื่อได้เลือกคำสั่งจากกลุ่ม PHP ลงไปที่ไฟล์เพจแล้ว หากสังเกตที่มุมมอง Design ของโปรแกรม จะพบว่า มีไอคอน PHP แสดงขึ้นมา ดังรูป
4. ที่ไอคอนดังในข้อ 3 หากมีการคลิกเลือกไว้ จะสามารถพิมพ์คำสั่ง PHP เพิ่มเติมได้จาก Properties Panel ดังรูป
icons คำสั่งอื่น ๆ ก็มีหลักการในการใช้งานเช่นเดียวกับที่ยกตัวอย่างมาข้างต้น. PHP กับระบบ Code Hints ของ Dreamweaver
โปรแกรม Dreamweaver มีระบบที่เรียกว่า Code Hints เพื่อช่วยให้เขียนภาษาโปรแกรมเป็นไปอย่างงง่ายดาย โดยที่ในมุมมอง Code เราสามารถกดปุ่ม
Ctrl + Space Bar เพื่อเรียกดูคำสั่งต่าง ๆ ของ PHP ที่เราต้องการกำลังจะพิมพ์ได้ ร่วมไปถึงชื่อตัวแปรต่าง ๆ ที่ไฟล์โปรแกรมเรารู้จักด้วย ดังนี้
5.
He is also a webmaster of and author jQuery with Dreamweaver (2010). is a website for web developer using Adobe Dreamweaver. Contact with him:
บทความอื่นที่คุณอาจสนใจ CSS Layout ด้วย Dreamweaver ตอนที่ 1 เรื่อง: CSS Layout ด้วย Dreamweaver ตอนที่ 1
CSS Layout ปัจจุบันได้รับความนิยม และได้รับความสนใจอย่างมาก จากกลุ่มผู้ออกแ...
ส. ค. 09
สิงหาคม 9, 2013
ผู้แต่ง: จีระสิทธิ์ อึ้งรัตนวงศ์
พิมพ์ครั้งที่: 1
พิมพ์ลักษณ์: กรุงเทพฯ: โปรวิชั่น, 2556
บรรณลักษณ์: 303 หน้า
ISBN: 9786162043833
เลขเรียกหนังสือ ( Call Number): TK 5105. 8885. D74 จ571ส
เนื้อหาโดยสังเขป
หนังสือเล่มนี้จะช่วยให้สามารถสร้างเว็บ Mobile application ด้วยเนื้อหาที่อธิบายอย่างเป็นลำดับขั้นตอนตั้งแต่การออกแบบ การใช้งานเครื่องมือพื้นฐานต่างๆ รวมไปถึง การแพ็คเกจและติดตั้งเว็บ Mobile application การปรับแต่ง Theme ให้กับ Mobile application ด้วย Theme Roller เป็นต้น
Post Views:
356
การสร้างเว็บไซต์ ด้วยโปรแกรม Adobe Dreamweaver CS6 : แนะนำโปรแกรม Dreamweaver (2)
- สร้าง เว็บ dreamweaver cs6
- [How To] วิธีการสร้างเว็บอย่างง่าย โดยใช้ Dreamweaver CS6 - YouTube
- Oz racing wheel ราคา
- สร้าง เว็บ dreamweaver cs6 pc
- วิธี สร้าง เว็บ dreamweaver cs6
โปรแกรม Adobe Dreamweaver CS6 Adobe Dreamweaver CS6 เป็นโปรแกรม ที่มีการออกแบบ มาสำหรับการออกแบบเว็บไซต์ในรูปแบบ WYSIWYG คือมีเครื่องมือและแถบคำสั่งให้เราเลือกใช้ได้ เหมือนกับ Word Processor จึงช่วยให้สามารถสร้างเว็บเพจด้วยความสะดวก และรวดเร็ว
จุดเด่นของโปรแกรม Adobe Dreamweaver CS6
- โปรแกรมจะทำการแปลงรหัสให้เป็นภาษา HTML โดยอัตโนมัติดังนั้น ผู้ใช้ที่ไม่มีความรู้ ด้านนี้ก็สามารถทำได้
- มีแถบเครื่องมือ หรือแถบคำสั่ง ที่ใช้ในการควบคุมการทำงาน แบ่งออกเป็นหมวดหมู่จึงช่วยให้การทำงานดีขึ้น และรวดเร็วยิ่งขึ้น - เป็นโปรแกรมที่สามารถสนับสนุนการใช้งาน CSS (Cascading Style Sheet)
เรื่อง: PHP กับโปรแกรม Dreamweaver
บทความนี้จะขอมาแนะนำการใช้งานโปรแกรม Dreamweaver กับการเขียนโปรแกรมด้วยภาษา PHP ครับ
ซึ่งตัวโปรแกรม Dreamweaver ที่คุณใช้นั้น ที่จริงมีความสามารถหลายอย่างที่จะช่วยให้ผู้ที่ใช้ภาษา PHP เขียนโปรแกรมได้อย่างง่ายดาย จะเป็นอย่างไรลองติดตามอ่านกันดู
Dreamweaver ช่วยเขียน PHP อย่างไรบ้าง?
คลิกโอเคก็จะสร้างลิงค์เรียบร้อย สร้างลิงค์ในหน้าเดียวกัน เว็บเพจบางหน้าที่มีเนื้อหาเยอะมากๆ ทำให้ผู้อ่านหาข้อมูลที่ต้องการทราบได้ยาก ดังนั้นเราจึงทำ link ภายในหน้าเอาไว้ เพื่อให้สามารถหาเนื้อหาอ่านได้ง่ายขึ้น ถ้านึกภาพไม่ออกก็ให้เปิด ดูจะเห็นว่ามี link ภายในเว็บอยู่ในหน้าที่เนื้อหาเยอะมากๆ 1. เปิดหน้าที่เราต้องการให้มีลิงค์ภายในหน้าเดียวกัน 2. เลือกจุดที่ต้องการให้ลิงค์ไป ไม่จำเป็นต้องใช้ตัวหนังสือ หรือภาพ ใช้แค่จุดในเว็บเพจนั้น เช่นลิงค์ไปบรรทัดสุดท้ายของหน้า ก็ให้คลิกเมาส์บริเวณที่ต้องการจะลิงค์ไป 3. ไปที่ Insert > Named Anchor จะมีหน้าต่างขึ้นมากให้ใส่ชื่อของจุดลิงค์ ชื่อที่ใส่จะต้องเป็นชื่อที่ไม่มีการเว้นวรรค เป็นภาษาอังกฤษ ห้ามมีจุดต่างๆ เราจะสร้างจุดลิงค์ภายในหน้ากี่จุดก็ได้แต่ห้ามชื่อซ้ำกัน 4. คลิก OK จะมีสัญลักษณ์ แสดงในจุดที่เราเลือก ถ้าไปดู Code จะเห็นดังนี้ 5. เลือกตัวอักษร หรือรูปภาพ ที่ต้องการจะทำเป็นลิงค์ 6. ที่ Property inspector จะเห็นว่ามีสัญลักษณ์ ให้ลากไปยังจุด ก็จะสร้างลิงค์ได้เรียบร้อย สร้างลิงค์ไปยังเว็บไซต์อื่น 1. เปิดหน้าที่ต้องการสร้างลิงค์ขึ้นมา 2.
- เลข ประ ประชาชน จีน
- ศิลปะ อนุบาล 1
- รถ cx 5 2016 melbourne dealer
- โปร เกม family island hawaii