Chuyển tới nội dung
Home » Ep1_การสร้างเว็บ responsive ด้วย Adobe dreamweaver cc 2019 | สอนสร้างเว็บ dreamweaver

Ep1_การสร้างเว็บ responsive ด้วย Adobe dreamweaver cc 2019 | สอนสร้างเว็บ dreamweaver

Ep1_การสร้างเว็บ responsive ด้วย Adobe dreamweaver cc 2019


นอกจากการดูบทความนี้แล้ว คุณยังสามารถดูข้อมูลที่เป็นประโยชน์อื่นๆ อีกมากมายที่เราให้ไว้ที่นี่: ดูความรู้เพิ่มเติมที่นี่

บทเรียนออนไลน์ เรื่อง
การสร้างเว็บ responsive ด้วย dreamweaver cc 2019
ep1 แนะนำเว็บแบบ responsive และเตรียมตัว
https://www.youtube.com/watch?v=4LV7LVNVx_c\u0026t=31s
ep 2การใส่เมนู (Navbar)
https://www.youtube.com/watch?v=AhsGx2ob4Og
ep3การใส่ภาพสไลด์(carousel)
https://www.youtube.com/watch?v=AhsGx2ob4Og
ep45การแทรกข้อความและคอลัมน์
https://www.youtube.com/watch?v=bfaA9Cie_6Q\u0026t=50s
EP6เทคนิคการสร้างเว็บ Responsive
https://youtu.be/kl98T4jgZIM
EP7เพิ่มเทคนิค_แกลเลอรี่ (Gallery) ด้วย Fancybox
https://youtu.be/qpjxXy9CuL4
ep8_การแทรกวิดีโอ dreamweaver
https://youtu.be/N9VEX2mr7PQ
จากในเครื่องของเรา
ep9_ การแทรกวีดีโอจาก youtube ด้วย dreamweaver
https://youtu.be/YRj76Ew89Ew
จากยูทูป(Video embed)
ep10_ตกแต่งเว็บด้วย animate
https://youtu.be/V306RVehFGg
ep11การใส่ icon สวยๆ
https://youtu.be/5UdsPbHLznc

Ep1_การสร้างเว็บ responsive ด้วย Adobe dreamweaver cc 2019

การสร้างปุ่ม ด้วยโปรแกรม Adobe Photoshop


วิดีโอนี้ได้จัดทำขึ้นเพื่อการศึกษา โดย นางสาวสุภาวดี มหามาศ
รหัส 5732041028 กลุ่ม สคธ.11 ชั้น ปวส.1
สาขางานการพัฒนาโปรแกรม แผนกวิชาคอมพิวเตอร์ วิทยาลัยเทคนิคบุรีรัมย์
ผู้จัดทำขอขอบคุณสำหรับการรับชม และหากมีขอผิดพลาดประการใด ก็ขออภัยมา ณ ที่นี้ด้วยคะ
สืบค้นข้อมูลจาก : https://www.youtube.com/watch?v=ZuRn6ZXWOqA

การสร้างปุ่ม ด้วยโปรแกรม Adobe Photoshop

เริ่มต้น dreamweaver #1


โปรแกรม dreamweaver เป็นโปรแกรมหนึ่งที่เอาไว้สร้างเว็บเพจ และนิยมในหมู่นักออกแบบเว็บไชต์ เพราะเป็นโปรแกรมที่ใช้งานได้ ง่าย และไม่ซับซ้อน

เริ่นต้น dreamweaver
สร้าง insert barเอง
Windows Document
Panel properties
Panel Group
สร้าง drem site
การตั้งชื่อ
แก้ไขการตั้งชื่อ
การจัดโครงสร้างเว็บไชต์
เริ่มต้นการสร้างเว็บเพจ
การบันทึกเว็บเพจ
การปิดไฟล์เว็บเพจ
การทำงานกับเว็บเพจ
กำหนดให้ใช้ภาษาไทย
การกำหนดคุณสมบัติพื้นฐานเว็บเพจ
กำหนดพื้นหลังอัตโนมัติ
การขึ้นบรรทัดใหม่
เคาะเว้นวรรค
ปรับแต่ง หัว Heading
การกำหนดรูปแบบด้วยตัวเอง
การใช้รูปแบบ CSS
สัญลักษณ์หน้าข้อความ
การจัดย่อหน้าข้อความ
ใส่สัญลักษณ์พิเศษ
แบ่งเนื้อหาของเว็บเพจ
นำข้อความจากที่อื่นมาลงในเว็บเพจ
การนำรูปภาพใส่เว็บเพจ
การแทรกรูปภาพ
วิธีการใส่รูปภาพลงเว็บเพจ
บันทึกภาพอัตโนมัติ
การแทรกรูปภาพ2
การจัดตำแหน่งรูปภาพ
การทำรูปภาพให้เด่น
การจัดรูปภาพและระยะห่าง
การจองพื้นที่ใส่รูปภาพ
คุณสมบัติของโปรแกรม
การปรับแต่งรูปภาพ
Crop การตัดภาพ
การแปลงภาพให้มีขนาดเล็กลง
ปรับแต่งภาพเคลื่อนไหว
filework
Attach style sheet
background style
Delete Temp
Edit jump manu
flash button
flash movie
flashText
Link ไปยังที่ใหม่
jump manu
link hosport map image
แต่งพื้นหลัง
ทำความรู้จักกับตาราง
แทรก มูวี่
แทรกเสียง
แทรกเสียงในรูปภาพ
นำ Templates มาใช้งาน
นำตารางจากภายนอกมาใส่
นำตารางมาจัด Layout
นำแบบฟร์อมไปใช้ในเว็บเพจ
ปรับแต่งตาราง
เปลี่ยน 4 แบบเมื่อคลิก
ใช้เลเยอร์ทำหน้าแรก
ต่อ link
แปลง layer เป็น table
พื้นที่การทำงาน
พื้นหลัง
ฟิลด์อื่น ๆ
ไฟล์ย่อย image
มุมมอง Code
รวม Layers
วิธีการสร้าง Form
วิธีการสร้างลิงค์
link กระโดด name anchor
link ไปยังเว็บอื่น
List style
New CSS Style
Overflow
photoalbumlink ภาพใหญ่
properties layer
Radio \u0026 Checkbock
Radio Grop
Repeating region
Library Item
Repeating table
rollover image
style อักษร
Tag chooser
Tag inspector การแก้ไข Style
การ save เฟรม
การแก้ไข style
การแก้ไข Template
Navigation Bar
การจัดรูปแบบเว็บเพจ
การจัดเว็บเพจด้วยมุมมอง Layout
การใช้งาน insert bar
การทำงานกับ layer
การทำงานกับตาราง
การแทรก ข้อมูลลงใน Temp
การแทรกโค้ด
การแทรกตารางในตาราง
การแทรกภาษา script
การนำ layer มาออกแบบเว็บเพจ
การแบ่งเซลล์
การปรับแต่ง layout
การปรับแต่งข้อความในเซลล์
การเพิ่มข้อความลงในรูปภาพ
การยกเลิกเสียง
การเรียกใช้สไตล์ Sheet จากภายนอก
การสร้าง Hyperlink
การสร้าง list menu
การสร้าง style เก็บไว้ใช้ CSS
การสร้าง Tempage
การสร้างปุ่มรับข้อความ
การสร้างลิงค์ระหว่างเฟรม
สีสันให้ลิงค์
การแสดงผลในเฟรม
การใส่ filed ลงใน From
การใส่ Layer ลงเว็บเพจ
การใส่เนื้อหา
การใส่เนื้อหากับเฟรม
กำหนด Edit
กำหนดสี BG ให้ตาราง
แก้ไข flash button
คำสั่งอัตโนมัติจัดตาราง
คุณสมบัติของ Frame
ใช้ Frame ออกแบบข้างบนคงที่
สร้าง Table
สร้างลิงค์ติดต่อทีมงาน
องค์ประกอบของ Hyperlink
คำสั่ง tag Head
ตั้ง key ให้ติด google
keyword
โครงสร้างของเว็บไชต์
โหลดไฟล์ขึ้น Hosting
ตรวจสอบ link ก่อน upload
แนะนำการสมัครโดเมนเนม
Web hosting
กำหนดชื่อก่อนโหลด
การอัพโหลดเว็บไชต์ขึ้น internet
การอัพโหลดเว็บไชต์ขึ้น internet2
การเช็คเว็บไชต์

เริ่มต้น dreamweaver #1

สอนสร้างเว็บไซต์ด้วย Adobe Dreamweaver CS6 | EP. 6 การเชื่อมโยง link


สำหรับวิดีโอนี้ ผิดพลาดประการใด ผู้จัดทำต้องขออภัยไว้ ณ ที่นี้ด้วยนะคะ
ขอบคุณข้อมูลจากหนังสือ สร้างเว็บไซต์ฉบับสมบูรณ์ของคุณ ดวงพร เกี๋ยงคำ ด้วยนะคะ

สอนสร้างเว็บไซต์ด้วย Adobe Dreamweaver CS6 | EP. 6 การเชื่อมโยง link

สอนสร้างเว็บไซต์ด้วย Adobe Dreamweaver CS6 | EP. 3 จัดหน้าเว็บด้วย Adobe Dreamweaver


สำหรับวิดีโอนี้ ผิดพลาดประการใด ผู้จัดทำต้องขออภัยไว้ ณ ที่นี้ด้วยนะคะ

สอนสร้างเว็บไซต์ด้วย Adobe Dreamweaver CS6 | EP. 3 จัดหน้าเว็บด้วย Adobe Dreamweaver

นอกจากการดูหัวข้อนี้แล้ว คุณยังสามารถเข้าถึงบทวิจารณ์ดีๆ อื่นๆ อีกมากมายได้ที่นี่: ดูวิธีอื่นๆWki

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *