ทำเว็บไซต์จากแม่แบบฟรี 3 (แก้ไขโค๊ด html ด้วย eclipse)

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


รูปที่ 3.1 โปรแกรม eclipse

              จากรูปที่ 3.1คลิ๊กซ้ายที่ File > New > Static Web Project  จะมีบล๊อกเด้งขึ้นมาให้เรากรอกข้อมูล ตั้งชื่อ Project  ตามรูปที่ 3.2

รูปที่ 3.2 โปรแกรม eclipse

          จากรูปที่ 3.2 ให้เราตั้งชื่อ Project ลงไปจะเป็นชื่ออะไรก็ได้ครับตามแต่ถนัด


รูปที่ 3.3 โปรแกรม eclipse


          จากรูปที่ 3.3 ผมกรอกเป็นชื่อ test1 ลงไป เพื่อน ๆ จะกรอกเป็นชื่อไหนก็ได้ครับ จากนั้นกด Finish


รูปที่ 34 โปรแกรม eclipse

         ก็จะได้หัวข้อ Project ตามที่เราตั้งไว้ตามรูปที่ 3.4

          หลังจากเราตั้งหัวข้อโปรเจ็กต์แล้ว ให้คลิ๊กตรง ที่เป็นรูปสามเหลี่ยมตรงโปรเจ็กต์

รูปภาพที่ 3.5 โปรแกรม eclipse

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


รูปภาพที่ 3.6 โปรแกรม eclipse

            รูปที่ 3.6 แสดงการคัดลอกแฟ้มแม่แบบ


รูปภาพที่ 3.7 โปรแกรม eclipse

          รูปที่ 3.7 การวางแฟ้มแม่แบบที่คัดลอก มาที่โปรแกรม eclipse


รูปภาพที่ 3.8 โปรแกรม eclipse

          รูปที่ 3.8 แสดงแฟ้มแม่แบบที่คัดลอกมาวาง

ความคิดเห็น

โพสต์ยอดนิยมจากบล็อกนี้

สร้างเว็บไซต์ Flash ง่ายจริง ๆ

ทำเว็บไซต์จากแม่แบบฟรี 6 (โค๊ด html แทรกรูปภาพ)

blogger บล็อก หรือเว็บบล็อก คืออะไร