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

หลังจาก Copy แฟ้มแม่แบบมาที่โปรแกรม eclipse แล้ว ให้ชี้เมาส์ไปตรง สามเหลี่ยมที่แฟ้มแม่แบบ  แล้วดูตามรูปที่ 4.1 ครับ


รูปภาพที่ 4.1 โปรแกรม eslipse

          จากรูปที่ 4.1 ให้ไปที่ index>Open With>Web Browser เพื่อเปิดดูหน้าเว็บเพจ
         

รูปภาพที่ 4.2โปรแกรม eslipse

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

รูปภาพที่ 4.3 โปรแกรม eslipse


          จากรูปที่ 4.3 ไปที่ index>Open With>Html Editor


รูปภาพที่ 4.4 โปรแกรม eslipse

          รูปที่ 4.4 นี่คือเบื้องหลังการทำงานของเว็บไซต์ต่าง ๆ
          เพื่อน ๆ หลายคน น่าจะรู้จักกับโค๊ดเหล่านี้ดี แต่เพื่อน ๆ ที่ยังไม่คุ้นเคย ก็ลองสำรวจไปก่อนนะครับ มันเป็นแค่ภาษาอังกฤษเบื้องต้นเท่านั้นเอง เดี๋ยวผมจะพาไปรู้จัก

ความคิดเห็น

แสดงความคิดเห็น

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

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

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

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

รูปภาพ
< img src = "images/prod2.gif" /> โค๊ดนี้ใช้สำหรับ การแทรกรูปภาพ ภายในเว็บเพจ   < img src = "โฟลเดอร์/ไฟล์รูปภาพ.gif" /> เดี๋ยวผมสาธิตการเปลี่ยนรูปภาพให้ดูนะครับ รูปภาพที่ 6.1 โปรแกรม eclipse           โค๊ดที่เห็นในรูปที่ 6.1 ก็คือโค๊ดที่เราเขียนในหน้า html editor แล้วไปแสดงรูปภาพในหน้าเว็บเบราเซอร์ ดังรูปภาพที่ 6.2 รูปภาพที่ 6.2 โปรแกรม eclipse           การที่เราจะเปลี่ยนรูปภาพในเว็บเพจก็เพียงแค่ Copy รูปที่ต้องการ มาใส่ในโฟลเดอร์ images  ของแฟ้มข้อมูลแม่แบบนั้น  ตามรูปที่ 6.3 ผมจะทำการเปลี่ยนรูปภาพเพื่อเป็นแนวทางนะครับ รูปภาพที่ 6.3 โปรแกรม eclipse           จากภาพที่ 6.3 ผมเข้าไปเลือกรูปที่ My Document ที่ผมเก็บเอาไว้           ในที่นี้ผมเลือกได้รูปแมวเล่นกับนกฮูก แล้วผมก็ Copy รูปภาพ  รูปภาพที่ 6.4 โปรแกรม eclipse    ...
อ่านเพิ่มเติม

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

blogger เป็นบริการหนึ่งของ Google ซึ่งชาวเรา เรียกกันว่า บล็อก หรือเว็บบล็อก  บล็อก หรือเว็บบล็อก ใช้ทำอะไร? ผมขอเขียนอย่างรวบรัดไปเลยนะครับ ใครสงสัย หรือผมเขียนข้ามขั้นตอนไหนไป ขออภัยด้วยนะครับ ถามได้นะครับ บล็อก หรือเว็บบล็อก มีรูปร่างหน้าตาเหมือนเว็บไซต์ การใช้งานเหมือนโปรแกรม office เป็นบริการฟรีของ Google ที่เปิดให้ใช้งานโดยผู้ใช้งานสามารถเผยแพร่บทความเรื่องราวต่าง ๆ ในชีวิต หรืออาจจะเขียนเกี่ยวกับการแนะนำตัวเอง แนะนำธุรกิจ เพื่อเผยแพร่สู่สาธารณะชน ซื่งก็แล้วแต่ผู้ใช้งาน ว่าจะใช้ไปในรูปแบบไหน รูปแบบที่ได้ก็จะเหมือนการทำเว็บไซต์ขึ้นมาเว็บไซต์หนึ่ง แต่เราไม่ต้องสิ้นเปลืองเวลาอะไรมากมาย เพียงแต่เตรียมเรื่องที่เราจะเผยแพร่ และใส่ลงไปแค่นั้นเอง ถ้าเปรียบเทียบกับการทำเว็บไซต์แล้ว การทำบล็อกจะประหยัดต้นทุนกว่ามาก แต่จะมีข้อด้อยทางด้านรูปแบบเทมเพลตที่มีให้เลือกน้อย และอาจไม่ได้อย่างที่ต้องการ เราต้องหามาใส่เพิ่มเติมเอง แต่ถ้าไม่คิดอะไรมาก ก็นับว่าเป็นทางเลือกที่ดีทางนึงทีเดียว  สมัครใช้งานได้ที่ http:/ /blogger.com คลิกที่ปุ่ม'สร้างบล็อก' บนหน้าเว็บจะให้คุณสร้างบัญชี Goo...
อ่านเพิ่มเติม