สร้าง Hyperlink Dreamweaver
สร้างลิงค์ในเว็บไซต์เดียวกันเป็นการสร้างลิงค์หากันในเว็บไซต์เดียวกันจากเว็บเพจหนึ่งไปอีกเว็บเพจหนึ่ง ขั้นตอนการสร้างมีขั้นตอนดังนี้
1. เปิดหน้าเอกสารที่ต้องการสร้างลิงค์ ใน Dreaweaver
2. เลือกตัวอักษร หรือรูปภาพ ที่ต้องการให้เป็นลิงค์ จากนั้นไปที่สัญลักษณ์ตามภาพ
3.จะมีหน้าต่างขึ้นมาดังรูป
3.1 ช่อง Text คือคำที่เราเลือกไว้ให้เป็นลิงค์
3.2 ช่อง
link คือ ไฟล์ที่เราต้องการลิงค์ไป โดยการคลิกที่รูป folder สีเหลืองด้านหลัง ไฟล์ที่ลิงค์ไปจะเป็นเว็บเพจ
ไฟล์รูป หรือเป็นไฟล์อะไรก็ได้ที่อยู่ใน local root folder 3.3 ช่อง
Target มีรายละเอียดดังนี้ 1. target='_blank' เป็นคำสั่งให้เปิด link ในหน้าใหม่
2. target='_parent' เป็นคำสั่งให้เปิด link ในหน้าเดิม
3. target='_self' เป็นคำสั่งให้เปิด link ใน frame ปัจจุบัน
4. target='_top'เป็นคำสั่งให้เปิด link ทับหน้าเดิมทั้งหมด ซึ่งจะปิด frame ทั้งหมดเช่นเดียวกัน (อ่านรายละเอียดในหัวข้อเรื่อง frame
4.คลิกโอเคก็จะสร้างลิงค์เรียบร้อย
สร้าง Barcode แบบง่ายๆโดยใช้ Photoshop
ขั้นตอนที่1.
เริ่มจากสร้างไฟล์ใหม่ขนาดใดก็ได้ตามที่เราต้อการโดยมาที่คำสั่ง File --> Newสร้าง Layer ใหม่โดยคลิ๊กไอค่อนรูปกระดาษตรง Layer จากนั้นใช้อุปกรณ์ Marquee tool ที่มีลักษณะเส้นเดี่ยว
ขั้นตอนที่2.
(Single row marquee tool) แล้วทำการคลิ๊กที่พื้นที่การทำงาน
ก็จะได้เส้นประเดี่ยวดังภาพ
ขั้นตอนที่3.
จากนั้นให้ทำการเลือกสี Foreground color เป็นที่เราต้องการ จากตัวอย่างจะใช้สีดำจากนั้นมาที่คำสั่ง Edit --> Fill ,Use = Foreground Colorขั้นตอนที่4.
ยังไม่ต้องทำการยกเลิกเส้น Selection นะขอรับ แล้วให้มาที่คำสั่ง Fileter --> Noise --> Add Noise แล้วปรับค่าต่างๆ ดังภาพ. แล้วก็ OK
ขั้นตอนที่5.
ให้ทำการยกเลิกเส้น Selection โดยมาที่คำสั่ง Select --> Deselect จากนั้นให้ทำการยืดขึ้นโดยใช้คำสั่ง Edit --> Free transform ( Ctrl + T ) แล้วให้ยืดดังตัวอย่าง Barcode ก็จะปรากฎดังภาพ.
ขั้นตอนที่6.
(Edit --> fill ,use = White) แล้วทำการพิมพ์ Text ตัวเลขลงไปโดยใช้อุปกณณ์ Type toolก็เป็นอันเสร็จกระบวนการ.
ตกแต่ง Page ง่าย ๆ สไตล์คุณ โดย ใส่รูปในชื่อเรื่อง
เอนทรีนี้จะสอน วิธีการเอารูปมาใส่ในชื่อที่เราตั้งเวลาสร้าง Page
น่ะค่ะ ตัวอย่างเช่น
ในส่วน Page
ของบลอคเจนเนสซ่า จะมีรูปดอกไม้ข้าง ๆ ชื่อเรื่องอยู่ ดังรูป (ดูข้างบนก็ได้ค่ะ)
วิธีทำง่ายมากกกก ไปดูกันเลยค่ะ
1. เตรียมรูปที่จะใช้ก่อนค่ะ โดย upload
ขึ้นที่ Exteen
เพื่อให้มี url
ของรูปก่อน (หรือจะ upload
ไว้ที่อื่นก็ได้นะ) ตัวอย่าง URL
ของรูป ดังข้างล่าง
http://uc.exteenblog.com/jennessa/images/155.gif
.
2. ถ้ามี Page
อยู่แล้ว ก็กด Edit
เข้าไปเลยค่ะ หรือในกรณีสร้างใหม่ก็ทำเหมือนกันค่ะ คือ ในหน้าเพิ่ม/แก้ไข Page
ให้ดูตรง Title
ที่เราเอาไว้ใส่ชื่อ Page
ดังรูป เดี๋ยวเราจะใส่ code
ตรงนี้
3. ทีนี้ code
html ที่จะทำให้รูปแสดงก็คือ tag
< img > เราก็เอา url
รูป (จากข้อ 1)
ไปใส่เป็น src
ค่ะ ออกมาเป็นอย่างข้างล่าง อย่าลืมใส่ border="0"
ด้วยนะคะ
< img
src="http://uc.exteenblog.com/jennessa/images/155.gif"
border="0"/>
.
4. code จากข้อ 3 เหมือนเป็นตัวแทนรูปที่เราจะใช้นะคะ :D
อยากให้รูปอยู่ตรงไหนของชื่อเรื่อง ก็ใส่ code
นั้นลงไปในช่อง Title
(รูปข้อ 2)
ค่ะ สมมติว่าจะใส่รูปหน้าชื่อเรื่อง ในช่อง Title
ก็จะออกมาเป็น
< img
src="http://uc.exteenblog.com/jennessa/images/155.gif"
border="0"/> Blog Map
5. แล้วก็กด Publish
ได้เลยค่า แค่นี้เอง
ไม่มีความคิดเห็น:
แสดงความคิดเห็น