|
หัวข้อ: มาฝึกใช้ 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
|