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

LSVคลังสมองออนไลน์ "ปีที่21"

ห้องคอมพิวเตอร์ => ●ชุมชนคนรักArtisteer => ข้อความที่เริ่มโดย: nongtop ที่ เมษายน 08, 2013, 03:58:15 PM



หัวข้อ: มาฝึกใช้ Artisteer4.. กันดีกว่า(ตอนที่ 1)
เริ่มหัวข้อโดย: nongtop ที่ เมษายน 08, 2013, 03:58:15 PM
(http://eon49.com/TOP/ARTISTEER/1/leaen-1.GIF)

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


หัวข้อ: Re: มาฝึกใช้ Artisteer4.. กันดีกว่า(ตอนที่ 1)
เริ่มหัวข้อโดย: nongtop ที่ เมษายน 08, 2013, 04:08:38 PM
(http://eon49.com/TOP/ARTISTEER/1/leaen-2.GIF)

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

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


หัวข้อ: Re: มาฝึกใช้ Artisteer4.. กันดีกว่า(ตอนที่ 1)
เริ่มหัวข้อโดย: nongtop ที่ เมษายน 08, 2013, 04:17:57 PM
(http://eon49.com/TOP/ARTISTEER/1/leaen-3.GIF)

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


หัวข้อ: Re: การใช้ Artisteer 4 (ตอนที่ 1)
เริ่มหัวข้อโดย: nongtop ที่ เมษายน 08, 2013, 04:24:07 PM
(http://eon49.com/TOP/ARTISTEER/1/leaen-4.GIF)

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


หัวข้อ: Re: มาฝึกใช้ Artisteer4.. กันดีกว่า(ตอนที่ 1)
เริ่มหัวข้อโดย: nongtop ที่ เมษายน 08, 2013, 04:29:11 PM
(http://eon49.com/TOP/ARTISTEER/1/leaen-5.GIF)

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


หัวข้อ: Re: มาฝึกใช้ Artisteer4.. กันดีกว่า(ตอนที่ 1)
เริ่มหัวข้อโดย: nongtop ที่ เมษายน 10, 2013, 09:50:36 AM
(http://eon49.com/TOP/ARTISTEER/1/leaen-6.GIF)

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


หัวข้อ: Re: มาฝึกใช้ Artisteer4.. กันดีกว่า(ตอนที่ 1)
เริ่มหัวข้อโดย: nongtop ที่ เมษายน 10, 2013, 10:02:47 AM
(http://eon49.com/TOP/ARTISTEER/1/leaen-7.GIF)

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


หัวข้อ: Re: มาฝึกใช้ Artisteer4.. กันดีกว่า(ตอนที่ 1)
เริ่มหัวข้อโดย: nongtop ที่ เมษายน 10, 2013, 10:09:03 AM
(http://eon49.com/TOP/ARTISTEER/1/leaen-8.GIF)

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


หัวข้อ: Re: มาฝึกใช้ Artisteer4.. กันดีกว่า(ตอนที่ 1)
เริ่มหัวข้อโดย: nongtop ที่ เมษายน 10, 2013, 10:33:45 AM
(http://eon49.com/TOP/ARTISTEER/1/leaen-9.GIF)

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


หัวข้อ: Re: มาฝึกใช้ Artisteer4.. กันดีกว่า(ตอนที่ 1)
เริ่มหัวข้อโดย: nongtop ที่ เมษายน 10, 2013, 10:35:51 AM
(http://eon49.com/TOP/ARTISTEER/1/leaen-10.GIF)

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


หัวข้อ: Re: มาฝึกใช้ Artisteer4.. กันดีกว่า(ตอนที่ 1)
เริ่มหัวข้อโดย: nongtop ที่ เมษายน 10, 2013, 10:39:31 AM
(http://eon49.com/TOP/ARTISTEER/1/leaen-11.GIF)

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


หัวข้อ: Re: มาฝึกใช้ Artisteer4.. กันดีกว่า(ตอนที่ 1)
เริ่มหัวข้อโดย: nongtop ที่ เมษายน 11, 2013, 11:23:07 AM
(http://eon49.com/TOP/ARTISTEER/1/leaen-12.GIF)

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


หัวข้อ: Re: มาฝึกใช้ Artisteer4.. กันดีกว่า(ตอนที่ 1)
เริ่มหัวข้อโดย: nongtop ที่ เมษายน 11, 2013, 11:25:13 AM
(http://eon49.com/TOP/ARTISTEER/1/leaen-13.GIF)

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


หัวข้อ: Re: มาฝึกใช้ Artisteer4.. กันดีกว่า(ตอนที่ 1)
เริ่มหัวข้อโดย: nongtop ที่ เมษายน 11, 2013, 11:30:46 AM
(http://eon49.com/TOP/ARTISTEER/1/leaen-14.GIF)

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


หัวข้อ: Re: มาฝึกใช้ Artisteer4.. กันดีกว่า(ตอนที่ 1)
เริ่มหัวข้อโดย: nongtop ที่ เมษายน 11, 2013, 11:49:37 AM
(http://eon49.com/TOP/ARTISTEER/1/leaen-15.GIF)

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


หัวข้อ: Re: มาฝึกใช้ Artisteer4.. กันดีกว่า(ตอนที่ 1)
เริ่มหัวข้อโดย: nongtop ที่ เมษายน 11, 2013, 11:55:02 AM
(http://eon49.com/TOP/ARTISTEER/1/leaen-16.GIF)

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


หัวข้อ: Re: มาฝึกใช้ Artisteer4.. กันดีกว่า(ตอนที่ 1)
เริ่มหัวข้อโดย: nongtop ที่ เมษายน 12, 2013, 11:39:16 AM
(http://eon49.com/TOP/ARTISTEER/1/leaen-17.GIF)

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


หัวข้อ: Re: มาฝึกใช้ Artisteer4.. กันดีกว่า(ตอนที่ 1)
เริ่มหัวข้อโดย: nongtop ที่ เมษายน 12, 2013, 12:03:41 PM
(http://eon49.com/TOP/ARTISTEER/1/leaen-18.GIF)

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


หัวข้อ: Re: มาฝึกใช้ Artisteer4.. กันดีกว่า(ตอนที่ 1)
เริ่มหัวข้อโดย: nongtop ที่ เมษายน 12, 2013, 12:09:06 PM
(http://eon49.com/TOP/ARTISTEER/1/leaen-19.GIF)

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


หัวข้อ: Re: มาฝึกใช้ Artisteer4.. กันดีกว่า(ตอนที่ 1)
เริ่มหัวข้อโดย: nongtop ที่ เมษายน 12, 2013, 12:13:29 PM
(http://eon49.com/TOP/ARTISTEER/1/leaen-20.GIF)

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


หัวข้อ: Re: มาฝึกใช้ Artisteer4.. กันดีกว่า(ตอนที่ 1)
เริ่มหัวข้อโดย: nongtop ที่ เมษายน 12, 2013, 12:16:30 PM
(http://eon49.com/TOP/ARTISTEER/1/leaen-21.GIF)

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


หัวข้อ: Re: มาฝึกใช้ Artisteer4.. กันดีกว่า(ตอนที่ 1)
เริ่มหัวข้อโดย: nongtop ที่ เมษายน 13, 2013, 01:26:08 PM
(http://eon49.com/TOP/ARTISTEER/1/leaen-22.GIF)

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


หัวข้อ: Re: มาฝึกใช้ Artisteer4.. กันดีกว่า(ตอนที่ 1)
เริ่มหัวข้อโดย: nongtop ที่ เมษายน 13, 2013, 01:31:53 PM
(http://eon49.com/TOP/ARTISTEER/1/leaen-23.GIF)

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


หัวข้อ: Re: มาฝึกใช้ Artisteer4.. กันดีกว่า(ตอนที่ 1)
เริ่มหัวข้อโดย: nongtop ที่ เมษายน 13, 2013, 01:39:10 PM
(http://eon49.com/TOP/ARTISTEER/1/leaen-24.GIF)

(http://eon49.com/TOP/ARTISTEER/1/leaen-25.GIF)

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


หัวข้อ: Re: มาฝึกใช้ Artisteer4.. กันดีกว่า(ตอนที่ 1)
เริ่มหัวข้อโดย: nongtop ที่ เมษายน 13, 2013, 01:46:01 PM
(http://eon49.com/TOP/ARTISTEER/1/leaen-26.GIF)

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


หัวข้อ: Re: มาฝึกใช้ Artisteer4.. กันดีกว่า(ตอนที่ 1)
เริ่มหัวข้อโดย: nongtop ที่ เมษายน 05, 2014, 03:26:00 PM
พี่ๆทุกท่านครับหากผมพิมพ์ผิด ก็ต้องขออภัยด้วยครับ และถ้าพี่ๆ มีความรู้ในเรื่องนี้มากกว่าผมก็ช่วยชี้แนะด้วยครับ  thank2