การเปลี่ยน title ให้กับเว็บไซต์ โดยใช้ Dreamewaver

วีดีโอ การเปลี่ยน title ให้กับเว็บไซต์

เริ่มต้นสร้างเว็บไซต์โดยใช้ Dreamweaver

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

มุมมองต่าง ๆ ใน Dreamweaver

มุมมองต่าง ๆ ใน Dreamweaver

เรามาดูมุมมองต่าง ๆ ในโปรแกรม Dreamweaver กันครับ ซึ่งมุมมองต่าง ๆ ก็เหมาะสำหรับการพัฒนาเว็บในด้านต่าง ๆ กันครับ

เรามาดูกันก่อนว่ามีมุมมองอะไรบ้าง ตามรูปด้านล่าง

มุมมองของ App Developer

มุมมองของ App Developer plus

มุมมองแบบ Classic

มุมมองแบบ Coder

มุมมองแบบ Coder Plus

มุมมองแบบ Designer

มุมมองแบบ Dual Screen

มุมมองรูปแบบต่าง ๆ ก็จะเหมาะสมกับงานแบบต่าง ๆ อย่างเช่นมุมมองแบบ Design ก็เหมาะสำหรับการออกแบบ มุมมองแบบ Coding ก็เหมาะสำหรับการเขียนโค้ดโปรแกรม 

นอกจากนี้เรายังสามารถปรับเปลี่ยนตำแหน่งของสิ่งต่าง ๆ ได้ตามใจชอบได้อีกด้วย

หน้าตา และส่วนประกอบของโปรแกรม Dreamweaver

หน้าตาของโปรแกรม Dreamweaver

เรามาดูหน้าตา และส่วนประกอบของโปรแกรม Dreamweaver กันครับ

ตัวอย่าง หน้าตาของโปรแกรม เป็นดังรูปด้านล่าง

ต่อไปเรามาดูส่วนประกอบของโปรแกรม Dreamweaver กันครับ ตามรุปด้านล่าง

- แถบคำสั่ง (Menu Bar) เป็นแถบที่ใช้เก็บคำสั่งทั้งหมดของโปรแกรม

- แถบคำเครื่องมือ (Toolbar) รวบรวมปุ่มคำสั่งที่ใช้งานบ่อย

- แถบวัตถุ (Object Palette) เป็นกลุ่มเครื่องมือต่างๆ ที่ใช้ในการควบคุมวัตถุ บนชิ้นงาน เอกสารเว็บ เช่น เส้นกราฟิก (Horizontal Rule), ตาราง, รูปภาพ, เลเยอร์ (Layer)
- แถบแสดงสถานะ (Status Bar) คอยแสดงสถานะการทำงานต่างๆ ของเรา
- แถบควบคุมการทำงาน (Properties Palette) เป็นรายการที่ปรับเปลี่ยนได้ ตามลักษณะการเลือกข้อมูล เช่น หากมีการเลือกที่จะพิมพ์ หรือแก้ไขเนื้อหา รายการก็จะเป็น ส่วนทำงานที่เกี่ยวกับอักษร, การจัดพารากราฟ ถ้าเลือกที่รูปภาพ รายการในแถบนี้ ก็จะเป็นคำสั่งต่างๆ ที่เกี่ยวกับ การควบคุมเรื่องรูปภาพ
- ส่วนของ Panel Group เป็นกลุ่มของแถบเครื่องมือที่สามารถเรียกใช้งานได้อย่างรวดเร็ว เพื่อให้ง่ายในการสร้าง Application บนอินเทอร์เน็ต เช่น การแทรก Code ของ JavaScript และ VBScript ลงในเว็บเพจได้อย่างง่ายๆ โดยสามารถเรียกใช้งานได้จาก Panel Group

มาทำความรู้จักกับ Dreamweaver กันครับ ว่ามันคืออะไร

มาทำความรู้จักกับ Dreamweaver กันครับ ว่ามันคืออะไร

อะโดบี ดรีมวีฟเวอร์ (Adobe Dreamweaver) หรือชื่อเดิมคือ แมโครมีเดีย ดรีมวีฟเวอร์ (Macromedia Dreamweaver) เป็นโปรแกรมสำหรับไว้สร้างและออกแบบเว็บไซต์ พัฒนาโดยบริษัทแมโครมีเดีย (ปัจจุบันควบกิจการรวมกับบริษัท อะโดบีซิสเต็มส์) สำหรับการออกแบบเว็บไซต์ในรูปแบบ WYSIWYG

ประวัติ ของโปรแกรม

In October 1996, Macromedia decided to create a new web page editing tool. Kevin Lynch led the effort, spending several months assembling a small team and talking with web designers about the challenges they faced building web sites with the current set of tools. Based on this customer insight, Kevin wrote a document called the "19 Dreams," a collection of stories about what an ideal web editing tool would do. These dreams served as the vision for the tool, and the project was subsequently codenamed "Dreamweaver

จุดเด่นของโปรแกรม Macromedia Dreamweaver

- โปรแกรมมีเครื่องมือที่หลากหลาย โดยผู้ออกแบบเว็บไซต์ไม่จำเป็นต้องรุ้เรื่อง HTML ก็สามารถสร้างเว็บไซต์แบบง่าย ๆ ได้

- สามารถสร้างเว็บไซต์ได้อย่างรวดเร็ว เนื่องจากไม่ต้องเขียนโค้ด แค่ลากวางก็ใช้ได้แล้ว

- สนับสนุนเว็บที่เป็นภาษาไทย

- มีมุมมองหลากหลายทั้งแบบโค้ด การออกแบบ

- เวลาเขียนโค้ดมีโค้ดอัติโนมัติให้

- สามารถรองรับการเขียนเว็บได้หลายภาษา

- ฯลฯ