กำลังแสดงผล 1 ถึง 4 จากทั้งหมด 4

หัวข้อ: สร้างภาพเพื่อนำไปทำเป็นหัวเว็บ ด้วย Pen tool ภาค 2 ---> การสไลด์ภาพเพื่อนำไปใช้

  1. #1
    แบ่งปันความรู้และประสบการณ์ สัญลักษณ์ของ บ่าวหนองกี่
    วันที่สมัคร
    Sep 2008
    ที่อยู่
    สุขประพฤติ
    กระทู้
    124

    ดูวีดีโอ YouTube ออนไลน์ สร้างภาพเพื่อนำไปทำเป็นหัวเว็บ ด้วย Pen tool ภาค 2 ---> การสไลด์ภาพเพื่อนำไปใช้


    ...
    ขั้นตอนที่ 1 ความเดิมตอนที่แล้ว...
    ...ไฟล์ PSD แล้วเลือก Slice Tool แล้วคลิกจากจุดเริ่มต้นภาพ(มุมบน ซ้าย) ค้างไว้ แล้วลากยาวให้ได้ขนาดตามต้องการ(ให้สังเกตหมายเลขที่เกิดขึ้นข้างรูปซอง สีน้ำเงินคือภาพที่เราได้สไลด์แล้ว ส่วนสีเทา ยัง)

    สร้างภาพเพื่อนำไปทำเป็นหัวเว็บ ด้วย Pen tool ภาค 2 ---> การสไลด์ภาพเพื่อนำไปใช้

    ขั้นตอนที่ 2 ข่าน้อยเลือก 3 ส่วน
    ... ด้วยเหตุผลใหญ่ เมื่อคนดูเว็บแล้วมันจะได้โหลดได้เร็วขึ้น โดยในส่วนแรก ปรากฏ ภาพหัวเว็บ ส่วนที่สอง ฝั่งขวา เราอาจจะใส่ภาพต่างๆ แล้วทำเป็น GIF ให้เคลื่อนไหวต่อไปอีกก็ได้ และ ส่วนที่ สาม เราอาจใส่สโลแกน ประจำเว็บของเราเอง ตามภาพเลยครับ

    สร้างภาพเพื่อนำไปทำเป็นหัวเว็บ ด้วย Pen tool ภาค 2 ---> การสไลด์ภาพเพื่อนำไปใช้

    ขั้นตอนที่ 3 จัดการบันทึก
    ... คลิก File เลือก Save for web

    สร้างภาพเพื่อนำไปทำเป็นหัวเว็บ ด้วย Pen tool ภาค 2 ---> การสไลด์ภาพเพื่อนำไปใช้

    ขั้นตอนที่ 4 เลือกขนาดภาพที่จะนำไปใช้
    ... การแสดงผลเฉพาะหน้าเว็บไม่จำเป็นต้องละเอียดมาก โหลดช้าซะเปล่า เรามิได้ทำเพื่อเป็นป้ายโฆษณาขนาดใหญ่ๆ (แต่หากสนใจกะเม้นต์มาเด้อ ซิพาเฮ็ดอีก) ตามภาพโลดครับ

    สร้างภาพเพื่อนำไปทำเป็นหัวเว็บ ด้วย Pen tool ภาค 2 ---> การสไลด์ภาพเพื่อนำไปใช้

    ขั้นตอนที่ 5 สร้างโฟล์เดอร์จัดเก็บงาน
    ... เพื่อความสะดวกหลายๆ อย่าง ตามนั้นครับ...

    สร้างภาพเพื่อนำไปทำเป็นหัวเว็บ ด้วย Pen tool ภาค 2 ---> การสไลด์ภาพเพื่อนำไปใช้

    ขั้นตอนที่ 6 บันทึกไฟล์
    ... จะจัดเก็บชื่ออะไรก็ได้ ขอให้เป็นไปตามหลักการตั้งชื่อ และแนะนำให้เป็นภาษาอังกฤษครับ ตามตัวอย่าง ผมให้เป็นไฟล์แรกเลยคือ index ครับ แล้วกด Save

    สร้างภาพเพื่อนำไปทำเป็นหัวเว็บ ด้วย Pen tool ภาค 2 ---> การสไลด์ภาพเพื่อนำไปใช้

    ขั้นตอนที่ 7 จะปรากฏไฟล์
    ... ไฟล์ที่เราบันทึก index.html มาพร้อมกับโฟล์เดอร์ Images มาให้เลย ลองเข้าไปดูก็จะปรากฏเห็นภาพตามที่เราได้สไลด์ไว้...

    สร้างภาพเพื่อนำไปทำเป็นหัวเว็บ ด้วย Pen tool ภาค 2 ---> การสไลด์ภาพเพื่อนำไปใช้

    สร้างภาพเพื่อนำไปทำเป็นหัวเว็บ ด้วย Pen tool ภาค 2 ---> การสไลด์ภาพเพื่อนำไปใช้

    ขั้นตอนที่ 8 เปิดไฟล์เพื่อใช้งาน
    ... คลิกขวาที่ index.html เลือก Edit with Dream... ตามภาพครับ

    สร้างภาพเพื่อนำไปทำเป็นหัวเว็บ ด้วย Pen tool ภาค 2 ---> การสไลด์ภาพเพื่อนำไปใช้


    ขั้นตอนที่ 9 หน้าตาสำหรับพัฒนาต่อครับ
    ... จะปรากฏดังภาพ บ่าวหนองกี่แนะนำให้พัฒนาควบคู่กับโหมด HTML ด้วยนะครับ หากยังไม่แข็งแรงก็ให้เป็นไปตามอัตภาพของเราก่อน ค่อยๆ เรียนรู้ไปทีละนิด สำคัญคือการคิดตาม คิดก่อน และคิดย้อนหลัง ครับ...

    สร้างภาพเพื่อนำไปทำเป็นหัวเว็บ ด้วย Pen tool ภาค 2 ---> การสไลด์ภาพเพื่อนำไปใช้

    เป็นจั๋งได๋แนครับ คงสิบ่ยากเกินความพยามยามดอกคับพี่น้อง บ่าวหนองกี่เอง กะแม่นว่าสิเจนในเรื่องเฮ็ดเว็บนี่ดอก อาศัยกะความฮู้เก่าสมัยเรียน ปวส.พู้นล่ะ เอามาเคาะสนิมเฮ็ดเอาใหม่ แนวบ่อเคยใส่ใจ กะได่มาใส่ใจเอาตอนเข้าตาจนนี่ละ จั่งค่อยพ้อ บางอ้อ สรุปเอาเป็นว่า เป็นกำลังใจให่ผู่ที่พยามยามอยู่ในขณะนี้ ละกะขอคำแนะนำสำหรับผู้ที่อาวุโสความฮู้กั่วนำเด้อครับ ^/|\^ โอกาสหน้า เด๋วสิพาต่อ ภาค 3 การพัฒนาขั้นต่อไปครับ
    :)

  2. #2
    ฝ่ายเทคนิคและโปรแกรม สัญลักษณ์ของ เต็มใจให้เธอ
    วันที่สมัคร
    Jul 2007
    ที่อยู่
    ดอกคูณ เสียงแคน ขอนแก่น
    กระทู้
    1,340
    บล็อก
    6
    ซวดๆๆๆ :g

    อลังการงานสร้างอีกแล้วครับ
    ขอบคุณหลายๆครับผม 8)

  3. #3
    Maximum learning
    ศิลปิน นักเขียน
    สัญลักษณ์ของ khonsurin
    วันที่สมัคร
    Apr 2008
    ที่อยู่
    ท่าตูม สุรินทร์
    กระทู้
    9,605
    บล็อก
    197
    ขอบคุณมากค่ะ สำหรับสาระที่ดีๆ นะคะ ได้ประโยชน์มากมายเลยค่ะ

  4. #4
    ฝ่ายเทคนิคและโปรแกรม สัญลักษณ์ของ ต่วง
    วันที่สมัคร
    Feb 2008
    กระทู้
    2,090
    ขอบคุณมากครับบ่าวหนองกี่ที่นำสาระความรู้มาแบ่งปันกัน

Tags for this Thread

กฎการส่งข้อความ

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •