มาฝึกใช้ Artisteer4.. กันดีกว่า(ตอนที่ 1)

[nongtop]

เอาละครับวันนี้ผมจะมาร่วมแชร์ความรู้การใช้งาน Artisteer4 กันนะครับ
(ถ้าไม่เข้าใจตรงไหนถามเลยครับผม) 

[nongtop]

อย่างแรกคือวิธีใช้แทบ Layout ก่อนนะครับ ส่วนแถบที่อยู่ข้างหน้าลองคลิ๊กดูเดี๋ยวรู้เองครับเพราะแถบนั้นมันศึกษาได้ง่าย
แค่คลิ๊กก็รู้ไม่ต้องกลัวโปรแกรมเสียครับ

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

[nongtop]

ลองเปลี่ยน Header กันนะครับ
ลองคลิ๊กตามภาพเลยครับ แล้วมันจะเปลี่ยน Header ให้ครับ

[nongtop]

ดูครับจะเป็นตามภาพเลยครับ (ถ้าภาพอธิบายมากไปก็บอกนะครับจะได้ลดให้)

[nongtop]

ตามภาพ แถบที่เห็นนั้นเป็นแถบเลือก Header,Menu,Footer มันจะให้เลือกยืดหด Header,Menu,Footer ให้อยู่ในลักษณะตามที่คุณต้องการสามารถศึกษาเองได้เลยง่ายๆ

[nongtop]

จากภาพที่เห็นคือตัวขยายหรือลดขนาดความกว้างของหน้าที่เราทำนะครับ
สามารถคลิ๊กเพื่อลดหรือขยายภาพได้

[nongtop]

นี้คือ Column นะครับเป็นตัวเลือกจำนวน Column ให้กับ Template นะครับ

[nongtop]

นี้คือ New Block เป็นตัวที่จะเพิ่ม บล็อก ถ้าคลิ๊กดู จะปรากฎ
New Block มาให้เรา แล้วเราก็สามารถเปลี่ยนชื่อได้โดยการกดที่ ตัวNew Block ที่ขึ้นมาให้เรา
(อย่าเข้าใจผิดไปกด New Block ข้างบนที่แถบนะครับ)

[nongtop]

จบแถบ  Layout แล้วไปที่แถบ Background กันเลยครับ
แถบ Background เป็นแถบที่ใช้เลือก ภาพพื้นหลัง ครับ

[nongtop]

ดูตามภาพครับเมื่อเราเลือกภาพใดภาพหนึ่งแล้ว จะนำภาพที่เราเลือกไปเป็นภาพพื้นหลัง
อย่างที่เห็น

[nongtop]

ส่วนตัวนี้ก็เป็นตัวที่ทำแบคกราวด์จางๆ เป็นภาพพื้นหลังอย่างที่เห็นนะครับ

[nongtop]

จบแถบ Background แล้วมาต่อที่แถบ Sheet กันเลยครับ
แถบ Sheet เป็นแถบที่มีความสามารเปลี่ยนตำแหน่งโดยรวมของ หน้าเว็บไซต์ และกรอบของเว็บในส่วนนี้เราสามารถกำหนดกรอบให้เป็นแบบโค้ง หรือแบบเหลี่ยมได้สามารถกำหนดรูปแบบของกรอบได้เช่น ให้มีแสงเงา

[nongtop]

ตามภาพจะเป็นที่เลือกรูปแบบของหน้าเว็บเพจ
เมื่อคลิ๊กในเมนูนั้นจะเป็นแบบที่เห็นตามภาพครับ
ส่วนตัวข้างๆ จะเป็นตัวเลือกต่างๆ เกี่ยวกับ ตกแต่งรูปแบบของหน้าเว็บเพจครับ

[nongtop]

จบแถบ Sheet แล้วมาที่แถบ Header เลยครับ แทบนี้จะเป็นแทบที่สามารถกำหนด ขนาด,สีพื้นหลัง,รูปแบบฟอนต์ และภาพพื้นหลังครับ

[nongtop]

เมนูที่เห็นนี้เป็นเมนู Background Image จะมีตัวเลือกรูปภาพ
ให้เราได้เลือกแล้วก็จะนำตัวที่เราเลือกไปเป็น Background Image อย่างที่เห็นครับ

[nongtop]

คราวนี้คือ Image เป็นตัวที่จะเพิ่มสีสันให้แก่ Background Image
ของเรา โดยเราจะต้องเลือกในเมนูซึ่งจะมีภาพคนสัตว์สิ่งของต่างๆอย่างที่เห็นในภาพครับ
(สามารถนำภาพมาจากในคอมพิวเตอร์เราได้..เราจะเห็นตัวข้างล่างที่เขียนว่า Form File...)

[nongtop]

ตัวนี้คือ Flash เป็นภาพเคลื่อนไหวเมื่อเลือกตัวเลือกในเมนูแล้ว จะปรากฎภาพเคลื่อนไหวใน Background Image
นะครับ

[nongtop]

แถบ Header ใช้ตกแต่งแถบเมนู เพิ่มความสวยงามให้กับ หน้าเว็บของเราครับ

[nongtop]

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

[nongtop]

มาที่แถบ Blocks จะเป็นแถบที่เสริมความสวยงามให้กับ Blocks ของเราครับ

[nongtop]

อย่างที่เห็นถ้าเราคลิ๊กในเมนูนี้จะทำให้ บล็อก ของเรามีสีที่ต่างจากเดิม
ถ้าอยากเปลี่ยนสีหรือใส่แบคกราวด์ ก็อยู่ที่แถบเมนูข้างๆเลยครับ

[nongtop]

คราวนี้คือแถบ Vertical Manu เป็นแถบที่จะช่วยเสริมความสวยงามให้กับ เมนู ของเราครับ

[nongtop]

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

[nongtop]

แล้วถ้าใครงงเกี่ยวกับแถบ Header ว่าแถบที่เป็น OK ใช้ยังไง เราก็แค่กดที่ตัวเลือกแล้วใส่ข้อมูลลงไปจากนั้นก็จะปรากฎ
แถบที่เรากดมาให้(ที่มาบอกก็เพราะแถบที่จะรู้จักต่อไปนี้จะเกี่ยวกับเรื่องนี้ครับ)

[nongtop]

แถบสุดท้ายแล้วครับคือแถบ Controls เป็นแถบที่จะเปลี่ยนรูปภาพของปุ่ม Facebook,RSS,Twitter ให้เป็นอย่างที่เห็นครับเพียงแค่เราเลือกตัวเลือกในเมนูนี้ครับ

[nongtop]

พี่ๆทุกท่านครับหากผมพิมพ์ผิด ก็ต้องขออภัยด้วยครับ และถ้าพี่ๆ มีความรู้ในเรื่องนี้มากกว่าผมก็ช่วยชี้แนะด้วยครับ