หน้าแรก การสร้างเว็บไซต์เบื้องต้น

การสร้างเว็บไซต์เบื้องต้น

การอ้างอิงข้อมูล

                การอ้างอิง หมายถึง การบอกแหล่งที่มาของข้อความที่ใช้อ้างอิง ตัวอย่างเช่น Ritter, Ron. The Oxford Style Manual. Oxford University Press, 2002, p. 1.                 การเขียนบรรณานุกรม  เป็นการรวบรวมทรัพยากรสารสนเทศทุกประเภทไม่ว่าจะเป็นหนังสือ  สิ่งพิมพ์  และวัสดุการเรียนรู้ที่ใช้ในการศึกษาค้นคว้า  และการนำเสนอรายงานเพื่อเป็นประโยชน์ต่อการศึกษาค้นคว้าเพิ่มเติมต่อไป วัตถุประสงค์

สร้างปุ่มลิงค์

1. เปิดโปรแกรม Adobe Photoshop ขึ้นมา 2. สร้างไฟล์ใหม่ขึ้นมาให้มีขนาด 235 x 55px โดยไปที่เมนู File > New 3. เลือกสีตามต้องการ (ในบทเรียนนี้ให้เลือกสีเดียวกับแบนเนอร์) แล้วใช้เครื่องมือ Paint Bucket Tool...

โครงสร้างและส่วนประกอบของเว็บไซต์

สร้างพื้นที่เก็บข้อมูล 1. สร้างโฟลเดอร์ขึ้นมา 1 โฟลเดอร์ (ในที่นี่ให้ตั้งชื่อว่า Mysite) 2. ดับเบิลคลิกเข้าไปในโฟลเดอร์ Mysite แล้วสร้างโฟลเดอร์ย่อยอีก 2 โฟลเดอร์ ให้ชื่อว่า page และ images

รู้จักโปรแกรม FTP

          FTP ย่อมาจาก File Transfer Protocol เป็น Protocol ที่ใช้ ในการส่งไฟล์ เป็นบริการคัดลอกข้อมูลข้ามเครือข่าย โดย ใช้ในการส่งข้อมูลจากเครื่องลูกไปยังเครื่องแม่ข่าย (Server) หรือใช้ในการดาวน์โหลดข้อมูล จากเครื่องแม่ข่าย มาไว้ที่เครื่องลูก โปรแกรม FTP เช่น FileZilla, WS_FTP เป็นต้น การใช้โปรแกรม FileZilla อัพข้อมูลเว็บไซต์ขึ้นโฮสติ้ง

อัพเว็บไซต์ขึ้นสู่โลกออนไลน์

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

การสร้างเทมเพลต

เทมเพลต คืออะไร ?           เทมเพลตใน Dreamweaver จะช่วยอำนวนความสะดวกในการสร้าง และการพัฒนาเว็บเพจโดยจะกำหนดส่วนที่คงที่ในแต่ละหน้าของเว็บเพจ โดยที่เราจะแก้ไขเฉพาะเนื้อหาของเพจที่มีการเปลี่ยนแปลงเท่านั้น การสร้างเทมเพลตจากหน้าเว็บที่ออกแบบไว้แล้ว 1. เลือกคำสั่ง File > Save as Template เพื่อ save file หน้าเว็บเพจที่เราได้ออกแบบไว้เป็นไฟล์เทมเพลต

จัดการข้อมูลในโปรแกรม Dreamweaver

การพิมพ์ข้อความ ในโปรแกรม Dreamweaver           การพิมพ์ข้อความในเว็บเพจจะคล้ายกับการพิมพ์เอกสารใน Word โดยเราสามารถจัดรูปแบบข้อความให้สวยงามได้ด้วย โดยอาจใช้ตัวอักษรกราฟิกที่สีตัวอักษรตัดกับสีพื้นฉากหลัง เพื่อให้สามารถอ่านได้ง่าย และเราสามารถจัดรูปแบบและขนาดตัวอักษรได้โดยให้เลือกข้อความที่ต้องการปรับแต่ง และแก้ไขค่าต่าง ๆ ได้ที่หน้าต่าง Properties โดยมีรายละเอียดดังนี้ • Format เป็นรูปแบบตัวอักษรสำเร็จที่เรานำมากำหนดให้กับข้อความได้ • Font รูปแบบตัวอักษร โดยใน Dreamweaver จะแสดงรูปแบบตัวอักษรที่มีในเครื่อง PCและเครื่อง MAC • Size ขนาดของตัวอักษร ขนาดมาตรฐานที่กำหนดไว้คือ 3 •...

เริ่มต้นสร้างเว็บไซต์

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

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

• แถบคำสั่ง (Menu Bar) เป็นแถบที่ใช้เก็บคำสั่งทั้งหมดของโปรแกรม• แถบเครื่องมือ (Toolbar) รวบรวมปุ่มคำสั่งที่ใช้งานบ่อย • แถบวัตถุ (Object Palette) เป็นกลุ่มเครื่องมือต่างๆ ที่ใช้ในการควบคุมวัตถุ บนชิ้นงาน เอกสารเว็บ ประกอบด้วย Common เป็นชุดคำสั่งสำหรับแทรกออปเจ็กต์ที่เรียกใช้งานบ่อยๆ ในการสร้างเว็บเพจ เช่น...

รู้จักโปรแกรม Dreamweaver

ประวัติความเป็นมาของโปรแกรม Dreamweaver Adobe Macromedia Dreamweaver ผู้พัฒนา อะโดบีซิสเต็มส์ (เริ่มพัฒนาโดย แมโครมีเดีย)โอเอส Windows Mac OSXชนิด โปรแกรมแก้ไข HTML                ลิขสิทธิ์ Closed source                เว็บไซต์ http://www.adobe.com/           อะโดบี ดรีมวีฟเวอร์...