มีปัญหาในการใช้งานเวบบอร์ด ติดต่อทีมงาน อีเมล fourfanclub@hotmail.com

ขั้นตอนการออกแบบเว็บไซต์ (Website Development)

โฟร์แฟน อะคาเดมี่ สอนกราฟฟิค, ทำเวบไซต์, ถ่ายภาพ, ตัดต่อวีดีโอ, แต่งเพลง ฯลฯ

ขั้นตอนการออกแบบเว็บไซต์ (Website Development)

โพสต์โดย อั้น » พุธ มิ.ย. 06, 2007 8:56 pm

1. เข้าใจลูกค้า
ประการสำคัญที่สุดในการพัฒนาเว็บไซต์ให้แก่ลูกค้า ก็คือ "ความเข้าใจ" ที่มีต่อธุรกิจและความต้องการของลูกค้า ไม่ว่าจะเป็นเรื่องของ Brand, ภาพพจน์องค์กรที่ต้องการจะสื่อ, เนื้อหาที่อยู่บนเว็บ, Business Model ของลูกค้า รวมไปถึงเทคโนโลยีที่ลูกค้าต้องการ และความเข้ากันได้กับเทคโนโลยีที่ลูกค้ามีอยู่แล้ว
2. นำเสนอ
หลังจากที่มีความเข้าใจในความต้องการ และเป้าหมายของลูกค้าแล้ว ทาง BizPotential ก็จะได้นำข้อมูลมาวิเคราะห์ พร้อมทั้งศึกษาเว็บไซต์ของคู่แข่ง ทั้งในแง่เนื้อหา การทำตลาด แนวทางการพัฒนาเว็บไซต์ เพื่อนำข้อมูลเหล่านี้มาประมวลผล หากลยุทธ์ที่เหมาะสมในการพัฒนาเว็บไซต์ เพื่อร่าง "เอกสารนำเสนอ" หรือ Proposal ให้แก่ลูกค้า โดยการร่างเอกสารนำเสนอนั้น ฝ่ายที่เข้าร่วมมือในการร่างก็ประกอบไปด้วย Account Executive, Project Manager, Web Marketer, Designer และ Programmer เพื่อเสนอแนะแนวทางในมุมมองต่างๆ ในเอกสารนำเสนอก็จะได้มีการเสนอ Solutions ที่เหมาะสมและอยู่ในงบประมาณมากที่สุด ลูกค้าจะได้รับทราบถึงงบประมาณที่แน่นอนทันที โดยไม่ต้องพะวงถึงเรื่องจำนวนหน้าใดๆ ทั้งสิ้น

3. ว่างโครงร่าง
ขั้นตอนนี้จะเป็นการร่างแผนพัฒนาเว็บไซต์ออกมาโดยทีมงานที่กำหนดไว้ของ BizPotential ผู้ที่เข้าร่วมร่างแผนนั้น จะมีตั้งแต่ Account Executive, Project Manager, Project Leader, Designer, Programmer, Web Marketer ตลอดไปจนถึงผู้ดูแลด้านเนื้อหาของเว็บไซต์ โดยแผนนี้จะเป็นเสมือนแบบแปลนในการพัฒนาเว็บให้แก่ทีมงานทุกฝ่ายไม่ว่าจะเป็น Designer, Programmer, ผู้ดูแลเนื้อหาเว็บไซต์ ในขั้นตอนนี้ ลูกค้าจะเห็นโครงสร้างของเว็บไซต์ แนวทางการออกแบบ รูปแบบของการทำงาน ปุ่มคลิ๊กต่างๆ การแก้ไขจุดต่างๆ หรือการเปลี่ยนแปลงจะทำกันที่ขั้นตอนนี้เป็นหลีก ซึ่งส่วนใหญ่จะเป็นงานบนกระดาษ ก่อนที่จะมีการพัฒนาจริง

4. ออกแบบ
เมื่อแผนการพัฒนาเว็บไซต์ได้รับการรับรองจากลูกค้า ทีมงานออกแบบเว็บไซต์ของ BizPotential ที่มีประสบการณ์ด้านการออกแบบมาไม่น้อยกว่า 3-5 ปี ก็จะเริ่มลงมือออกแบบโดยคอมพิวเตอร์ เพื่อนำเสนองานที่เป็นหน้าตาเว็บไซต์จริงๆ แก่ลูกค้า

5. ด้านเทคนิค
ส่วนที่สำคัญอีกอย่างหนึ่งของการพัฒนาเว็บไซต์ คือการเขียนโปรแกรมเพื่อให้เว็บไซต์ทำงานได้ตามที่ลูกค้าได้กำหนดแนวทางไว้ ทีมโปรแกรมเมอร์ของ BizPotential ทุกคนระลึกไว้อยู่เสมอว่าจะต้องนำเทคโนโลยีที่ทันสมัย และมีประสิทธิภาพ มาใช้ในการพัฒนาเว็บไซต์ให้แก่ลูกค้า เพื่อให้งานที่ออกมานั้นก้าวล้ำกว่าคู่แข่งของลูกค้าอยู่เสมอ สำหรับส่วนของการเขียนโปรแกรมนั้นก็มีอย่างเช่น การพัฒนาฐานข้อมูล, การพัฒนาซอฟท์แวร์ ตลอดไปจนถึงการรวมงานด้านโปรแกรมเข้ากับงานออกแบบของ Designer

6. เปิดตัว
เว็บไซต์ที่พัฒนาเสร็จเรียบร้อยแล้ว ก็จะต้องมีการติดตั้งเข้าไปยังเซิร์ฟเวอร์ หรือพื้นที่ Hosting ที่ได้เช่าไว้ ทีมงานด้านเซิร์ฟเวอร์ ซึ่งมีประสบการณ์ในการ Setup เซิร์ฟเวอร์มาทั้งระบบ Windows, Linux หรือแม้กระทั่ง Solaris ก็จะได้มีการนำงานเว็บไซต์ติดตั้งเข้าไปในเซิร์ฟเวอร์ ลูกค้าของ BizPotential ทุกโครงการสามารถมั่นใจได้ว่า เว็บไซต์ของท่านนั้นพร้อมจะเข้าเป็นส่วนหนึ่งของโลกอินเทอร์เน็ตได้อย่างไม่อายใคร และมีความเหนือกว่าคู่แข่ง ทั้งด้านเทคโนโลยี และรูปแบบการนำเสนอ

7. ประชาสัมพันธ์
"เว็บไซต์ที่สมบูรณ์ที่สุดก็จะประสบความสำเร็จเพียงแค่ครึ่งเดียว หากลูกค้ากลุ่มเป้าหมายไม่รู้จักเว็บไซต์นี้" คำพูดนี้เป็นจริงเสมอโดยเฉพาะสำหรับธุรกิจเว็บไซต์ ซึ่งมีคู่แข่งบนอินเทอร์เน็ตมากมาย และเพื่อเป็นการสนองตอบลูกค้าในส่วนของการทำตลาดและประชาสัมพันธ์เว็บไซต์ของลูกค้า ทาง BizPotential จึงมีแผนก Web Marketing และมีบุคคลากรที่ดูแลด้านนี้โดยเฉพาะให้กับลูกค้าทุกโครงการ เราได้มีการนำซอฟท์แวร์ และกลยุทธ์ที่ทันสมัยอยู่เสมอมาใช้ในการทำตลาดและประชาสัมพันธ์เว็บไซต์ให้แก่ลูกค้า นั่นเป็นเหตุผลว่าทำไม Web Marketer จึงต้องเข้าร่วมกับโครงการของลูกค้าตั้งแต่ขั้นตอนการนำเสนอแล้ว

ทิปจาก http://www.sanambin.com
อั้น
 
โพสต์: 654
ลงทะเบียนเมื่อ: จันทร์ ต.ค. 17, 2005 3:16 pm

โพสต์โดย นัยน้อย » พุธ มิ.ย. 06, 2007 9:08 pm

ใจครับ...เหอๆ
แต่ยังไงก็ทำไม่เป็น....
HELLO FOUR MOD
http://facebook.com/ndanai << MY facebook

รูปภาพ

นัยน้อย
เด็กเวบ
เด็กเวบ
 
โพสต์: 5204
ลงทะเบียนเมื่อ: ศุกร์ พ.ย. 10, 2006 10:51 pm
ที่อยู่: โฟร์แฟนดอทคอม

โพสต์โดย ต้น » พุธ มิ.ย. 06, 2007 10:09 pm

แถมให้นะครับ วีดีโอสอนทำเว็บ
http://www.bkktv.com/main/e-dev.php
Motion Video Master
เนชั่นสยาม สื่อประชาชนเพื่อประชาชน
http://www.nationsiam.com
ใจดีดอทคอม
www.Jai-D.com
ต้น
 
โพสต์: 353
ลงทะเบียนเมื่อ: อังคาร ธ.ค. 06, 2005 9:10 am
ที่อยู่: บางเสาธง สมุทรปราการ

โพสต์โดย F ou r F an 4 » พฤหัสฯ. มิ.ย. 07, 2007 12:12 am

ขอบคุงมากๆเลยค่ะสำหรับVDO
ภาพประจำตัวสมาชิก
F ou r F an 4
 
โพสต์: 2280
ลงทะเบียนเมื่อ: ศุกร์ พ.ค. 11, 2007 7:56 am
ที่อยู่: เชียงใหม่

โพสต์โดย +มุก+ » พฤหัสฯ. มิ.ย. 07, 2007 5:15 pm

ขอบคุณนะค่ะ.....
<CENTER>I ♥ FOURFAN

<CENTER>รูปภาพ
Hi5 http://muk-ja.hi5.com</CENTER>
+มุก+
 
โพสต์: 1170
ลงทะเบียนเมื่อ: เสาร์ ก.พ. 03, 2007 12:31 pm

โพสต์โดย mameaw_zaa » อังคาร มิ.ย. 12, 2007 9:35 pm

ขอบคุณมากๆเลยค่ะ
รูปภาพ
ภาพประจำตัวสมาชิก
mameaw_zaa
 
โพสต์: 59
ลงทะเบียนเมื่อ: อังคาร มิ.ย. 12, 2007 7:17 pm
ที่อยู่: ข้างๆพี่โฟร์

โพสต์โดย xX-CHEESECAKE » อาทิตย์ มิ.ย. 17, 2007 2:17 am

ขอบคุง ค่า
รูปภาพ
xX-CHEESECAKE
 
โพสต์: 3694
ลงทะเบียนเมื่อ: เสาร์ ม.ค. 06, 2007 12:58 pm
ที่อยู่: โฟร์แฟน :)

โพสต์โดย piyawut02 » พุธ มิ.ย. 27, 2007 8:25 pm

อันนี้เกี่ยวด้วยไหมคับเนี่ย?

สำหรับคนที่ชอบทำเว็ปอย่างง่ายก้ไปหา Macromedia Dreamwhever มาทำนะคับ (คงจะสะกดถูกนะคับ)

ส่วนคนที่ไม่ชอบอะไรที่ง่ายเกินไปก้มาเข้าใจภาษาที่ง่ายมากๆของ Computer กันก่อน

เขาเรียกกันว่า ภาษา Html ซึ่งเอาไว้เขียน Code สถานที่ๆจะเขียนสามารถใช้ได้หลายอย่างนะคับ แต่ที่ผมแนะนำไม่ต้องไปโหลดเลยก้คือ โปรแกรม Notepad ของท่านเองอ่ะคับ Start > Program >Assesories > Notepad (สำหรับคนที่หาไม่เจอนะคับ)

การเขียนนี้มีหลักอยู่ว่า

<html>
<head><title>.......</title></head>
<body>
...............................
</body>
</html>

ผมจะอธิบายทีละส่วนนะคับสำหรับวันนี้

<html> /* คือการเปิด Tag ที่จะสามารถเริ่มเขียนโค๊ดอ่ะนะคับ ไม่จำเป็นต้องรู้เยอะอ่ะคับ เอาไว้เป็นความรู้ก่อน*/

<head> /*ส่วนนี้หมายความว่า หัวเรื่อง ที่ท่านเห็นบ่อยๆในเว็ปต่างๆที่เขาจะมีหัวข้อเรื่อง (ถ้าท่านเอาไปเขียนก้จะรู้เองอ่ะคับ)*/

<title> /*ส่วนของ Title bar หรือแถบที่หลายๆคนชอบกดเครื่องหมาย กากบาท หรือ ย่อ หน้าจอ มันจะอยู่ตรงทางซ้ายมืออ่ะคับ*/

</head>/*นี่คือ Tag ปิดนะคับ เพราะว่าเมื่อมีเปิดต้องมีปิด ในเมื่อเขียนจบแล้วก้ต้องปิดมันนะคับ จำไว้นะคับ ถ้ามีเครื่องหมาย / นำหน้า Tag ต่างๆ แปลว่ามันปิดนะคับ*/

<body> /*ส่วนนี้เป็นเนื้อเรื่องและน้ำของเรื่องทั้งหมด ไม่ว่าจะเป็นเนื้อหา ภาพประกอบ หรือข้อความในเว็ป อยู่ที่นี่คับ*/

</html> /*นี่ก้ปิดเหมือนกันคับ *ทุกอันต้องมี tag ปิดนะคับ แต่ผมขี้เกียจเขียนทั้งหมด ยังไงก้ขอให้รู้ไว้ด้วยละกันนะคับ*/
ภาพประจำตัวสมาชิก
piyawut02
 
โพสต์: 83
ลงทะเบียนเมื่อ: อังคาร ส.ค. 29, 2006 7:37 pm
ที่อยู่: www.fourfan.com


ย้อนกลับไปยัง อะคาเดมี่

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: ไม่มีสมาชิก และ บุคคลทั่วไป 12 ท่าน

cron