Design website

Please download to get full document.

View again

All materials on our website are shared by users. If you have any questions about copyright issues, please report us to resolve them. We are always happy to assist you.
 3
 
  1. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM DIGITAL MARKETING CHUYÊN NGHIỆP Version Vietnamese 2. © BMG International Education…
Related documents
Share
Transcript
  • 1. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM DIGITAL MARKETING CHUYÊN NGHIỆP Version Vietnamese
  • 2. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM Giới thiệu Giảng viên TRẦN TRUNG CHÍNH 0909 39.69.99 trungchinh@tqdesign.vn • Founder & Chairman TQ Design…………………………….2005-Now • Project Director Cetus (Japan) ………………………..2009-Now • Flash Media Specialist Pyramid Cosulting (Belgium)………..2002-2005 • Web Design Specialist NetUniq Corporation (USA)…………2000-2002 • PrintAds Designer Fimex Ads Co…………………………1998-2000
  • 3. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM Những dấu hiệu cần biết Không hút thuốc lá Giữ yên lặng khi cần thiết Không sử dụng điện thoại trong phòng học Toilet bên phải cửa ra của phòng học
  • 4. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM Nguyên tắc bài giảng Học thực tiễn, làm chuyên nghiệpTM Hãy lắng nghe – không cần ghi chép Hãy hiểu bài – không cần nhớ bài Hãy yên lặng – khi giảng viên giảng bài Hãy tranh luận – khi lớp cần thảo luận Học viên là trọng tâm – giảng viên chỉ hướng dẫn Không cần điểm cao – cần thực tiễn và ứng dụng
  • 5. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM Mục tiêu môn học Môn học này được thiết kế nhằm giúp bạn: • Làm thế nào để xây dựng một website hiệu quả • Hiểu rõ các khái niệm và thuật ngữ về website • Các yếu tố nên làm & nên tránh khi xây dựng website • Công cụ phân tích thống kê, đo lường website • Các bước triển khai một website – thời gian & chi phí • Chia sẻ kinh nghiệm & Bài tập thực hành
  • 6. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM Xây dựng một website hiệu quả Version Vietnamese
  • 7. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM Dẫn nhập Website: Công cụ trung tâm Phát ngôn viên chính thức của doanh nghiệp / thương hiệu
  • 8. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM Website là gì?
  • 9. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM Làm thế nào để xây dựng một website hiệu quả? Đặt vấn đề
  • 10. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM Định nghĩa (trong 3 phút): ……………………………………………… ……………………………………………… ……………………………………………… ……………………………………………… ……………………………………………… ……………………………………………… ……………………………………………… ……………………………………………… ……………………………………………… ……………………………………………… ……………………………………………… Vậy website hiệu quả là gì?
  • 11. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM 1- Truyền tải tốt nội dung (thông tin, thông điệp, hình ảnh,…) cần truyển tải. 2- Mang lại lợi ích thiết thực cho nhà đầu tư/công ty và người sử dụng (user, ) Website hiệu quả là website:
  • 12. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM Trở lại vấn đề Chúng ta cùng xây dựng! I. Làm thế nào để xây dựng một website hiệu quả ?
  • 13. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM I. Xây dựng một website hiệu quả A) Xác định mục tiêu của website bạn định xây dựng • Web DN: Giới thiệu thương hiệu / sản phẩm / dịch vụ • Minisite: Chiến dịch quảng bá sản phẩm / dịch vụ • TMĐT: Sàn giao dịch B2B, B2C, News Portal, Forum, Web 2.0, Directory, Rao vặt, Shop online,… C) Thông điệp bạn muốn truyền tải trên website 1. Nội dung website • Nội dung (text), bài viết, FAQ,… • Hình ảnh (photo / image), video,… 2. Thể hiện nội dung – trình bày / thiết kế B) Đối tượng truy cập • Người truy cập (user) đối tượng chính • Khách hàng online • Khách hàng offline
  • 14. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM • Web DN: Giới thiệu THƯƠNG HIỆU CÔNG TY Bạn cần thể hiện được “hình ảnh thương hiệu” của công ty một cách tổng quát nhất. Giới thiệu sức mạnh tổng thể, quy mô, nhân lực, tài lực, dự án, sản phẩm, dịch vụ,… của công ty bạn một cách logic và rõ ràng. • Minisite: Phục vụ chiến dịch quảng cáo Bạn cần tập trung vào SẢN PHẨM (thương hiệu sản phẩm, hình ảnh sản phẩm, thông tin sản phẩm, các tính năng nổi bật,…) • TMĐT: Sàn giao dịch B2B, B2C, News Portal, Forum, Web 2.0, Directory, Rao vặt, Shop online,… Bạn cần liệt kê thật rõ các mục tiêu ngắn hạn và dài hạn liên quan đến hoạt động của website dạng này. I. Xây dựng một website hiệu quả A) Xác định mục tiêu Định vị thương hiệu – mục tiêu website – loại hình website
  • 15. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM Đối tượng truy cập là ai? • Người truy cập (user) • Khách hàng online • Khách hàng offline Tại sao đối tượng chính lại là NGƯỜI TRUY CẬP? Người truy cập (user) là đối tượng mà một website hiệu quả cần thuyết phục/gây ấn tượng/hữu ích đối với họ vì: • Họ có khả năng trở thành: Influencer • Họ có khả năng trở thành: Payer • Họ có khả năng trở thành: Buyer • Họ có khả năng trở thành: User đối tượng chính I. Xây dựng một website hiệu quả B) Đối tượng truy cập
  • 16. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM 1) Nội dung website Nội dung (text) • Biên tập nội dung tất cả hoạt động của công ty / sự kiện • Thông tin hỏi đáp, bài viết, phóng sự,… • Nội dung các giai đoạn Hình ảnh (photo / images) • Hình ảnh công ty / nhân sự / nhà máy / công nghệ • Hình ảnh dự án / đối tác / khách hàng • Hình ảnh sản phẩm (đã có, hoặc chụp) • Hình ảnh minh họa (chụp / mua hoặc sưu tầm) Video Clip / Audio / Documents,… I. Xây dựng một website hiệu quả C) Thông điệp bạn muốn truyền tải trên website
  • 17. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM 2) Thể hiện nội dung – trình bày / thiết kế Điều gì làm cho website trở nên ấn tượng? Chúng ta cùng khám phá www.vietnamartistry.com performance & impressive www.namlongvn.com image & brand & content www.tqdesign.vn show up products www.vinacafebh.com show up products www.strategyasia.net professional & focus www.bmg.edu.vn professional & detail I. Xây dựng một website hiệu quả C) Thông điệp bạn muốn truyền tải trên website
  • 18. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM I. Xây dựng một website hiệu quả C) Thông điệp bạn muốn truyền tải trên website Điều gì làm cho website trở nên ấn tượng? ………………………………………………………………… ………………………………………………………………… ………………………………………………………………… ………………………………………………………………… ………………………………………………………………… ………………………………………………………………… ………………………………………………………………… ………………………………………………………………… ………………………………………………………………… ………………………………………………………………… 2) Thể hiện nội dung – trình bày / thiết kế
  • 19. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM I. Xây dựng một website hiệu quả C) Thông điệp bạn muốn truyền tải trên website Điều gì làm cho website trở nên ấn tượng? Nội dung: Phong phú, hữu ích, hấp dẫn, lôi cuốn, mới lạ, update Ý tưởng: Thiết kế, trình bày, bố cục: hay, lạ, độc đáo, ấn tượng Công nghệ: Trình diễn đẹp, độc đáo, thông minh, tiện ích Hình ảnh: Đẹp, ấn tượng, khác lạ, độc đáo,… 2) Thể hiện nội dung – trình bày / thiết kế
  • 20. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM Chuyển tiếp Để xây dựng một website hiệu quả, chỉ ấn tượng thôi chưa đủ. Ngoài những kiến thức và nội dung trên, bạn cần trang bị rất nhiều kiến thức về marketing đồng thời bạn cần biết thêm những khái niệm và thuật ngữ liên quan đến website để “Ứng dụng và Triển khai – xây dụng” website một cách hiệu quả
  • 21. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM II. Hiểu rõ các khái niệm & thuật ngữ về website
  • 22. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM Một số khái niệm liên quan đến website
  • 23. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM 1) Website & Trang web Website là một địa chỉ gồm tên miền (domain name), trong đó có các trang web (webpage) được liên kết (link) với nhau và được duy trì (hosting) trên mạng thông tin toàn cầu; nhằm giới thiệu thông tin, hình ảnh về một công ty/tổ chức hay một chủ đề nào đó. Trang web là một trang web cụ thể trong một website, có dạng www.abc.com/trangweb.html hay tương tự. Có thể hiểu nôm na rằng website giống như một cuốn sách gồm nhiều trang sách. Mỗi trang web tương tự một trang sách trong cuốn sách đó Website online Domain Hosting Server Các trang web II. Hiểu rõ các khái niệm & thuật ngữ về website
  • 24. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM Tên miền chính là địa chỉ website, website bắt buộc phải có tên miền. Nếu không có Tên miền thì không có đường (địa chỉ) để vào website. Tên miền có nhiều dạng - TM Quốc tế : www.domain.com / .net / .biz / .info, .org - TM Quốc gia : www.domain.com.vn / .net.vn / .biz.vn / .org.vn www.domain.vn / .us / .uk / .fr / .de / .cn / .sg Có những website không mua tên miền riêng mà dùng tên miền con (sub-domain) dạng http://subdomain.tenmien.com Chi phí trả cho một tên miền quốc tế khoảng 10USD 45USD/năm Chi phí trả cho một tên miền quốc gia là 65 USD/năm Vào www.tenmien.com để kiểm tra tên quốc tế. Vào www.tenmien.vn để kiểm tên miền quốc gia (Việt Nam). 2) Tên miền (domain name) II. Hiểu rõ các khái niệm & thuật ngữ về website
  • 25. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM Hosting server (máy chủ - server): Liên tục hoạt động và luôn kết nối với mạng Internet. Nếu máy chủ bị sự cố ngưng hoạt động hoặc đường kết nối internet tới máy chủ này bị đứt trong một thời điểm nào đó thì lúc đó không ai truy cập được những website lưu trữ trên máy chủ này. Disk space (Dung lượng): Được tính bằng Mb – là không gian đĩa cứng cho phép chứa đựng thông tin/hình ảnh/database/email của một website trên hosting server. Bandwidth (Băng thông): Là lưu lượng truyền tải cho phép trong của một website hàng tháng. Speed (Tốc độ truy cập ): Phụ thuộc nhiều yếu tố: Tốc độ của hosting server (provider), băng thông cho phép (provider); tốt độ đường truyền thuê bao (user); tốc độ máy tính truy cập (user) và nội dung website. II. Hiểu rõ các khái niệm & thuật ngữ về website 3) Duy trì website (web hosting) Muốn website “chạy” được chúng ta phải đưa lên hosting (online)
  • 26. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM Là website với nội dung (text, hình ảnh…) không thay đổi. Web tĩnh không có phần quản lý. Khách hàng không tự cập nhật được nội dung và hình ảnh lên website của họ, muốn cập nhật phải nhờ nhân viên kỹ thuật làm. Web tĩnh giới thiệu thông tin một chiều (cty user) là website không có cơ sở dữ liệu (database) Lưu ý: trên web tĩnh, có thể có hình động (gif, flash, movie clip, javascript,…) animation, động đậy, diễn… nhưng thông tin và hình ảnh động đó thì luôn luôn như vậy, không thay đổi theo năm tháng (không cập nhật). web tĩnh là cuốn sách II. Hiểu rõ các khái niệm & thuật ngữ về website 4) Web tĩnh (static web – non updatable)
  • 27. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM Là website được lập trình để người quản trị web có thể cập nhật hoặc thay đổi nội dung (thông tin / hình ảnh,…) của các trang trên website một cách thường xuyên, bất cứ lúc nào và nơi nào có internet. Web động có 2 phần là : Front End & Back End - Front End (UI - User Interface) là phần user nhìn thấy khi truy cập website - Back End (Admin / Back Office / CMS) là phần quản trị nội dung website dành cho nhà quản trị web điều khiển, cập nhật thông tin website. Web động là web có cơ sở dữ liệu (database) Tham khảo: www.bmg.edu.vn web động là TV, máy tính II. Hiểu rõ các khái niệm & thuật ngữ về website 5) Web động (dynamic web –updatable)
  • 28. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM Flash site là 1 website hoàn toàn bằng kỹ thuật flash. Tất cả những trang web trong website đều có hình ảnh hoặc nội dung (text) chuyển động dạng hoạt hình. Flashsite phù hợp cho các mini-site / trang web / game,… thể hiện ít thông tin và cần trình diễn ấn tượng, tạo sự chú ý, cuốn hút người truy cập. Flash site có thể là Web tĩnh hoặc Web động Tham khảo: www.tqdesign.vn Flash site là phim hoạt hình trên sách, trên TV, hoặc trên máy tính II. Hiểu rõ các khái niệm & thuật ngữ về website 6) Flash-site
  • 29. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM Microsite là một website quy mô nhỏ, tập trung truyền đạt những thông tin chi tiết về sự kiện, chương trình giới thiệu quảng bá sản phẩm/dịch vụ mới hoặc chương trình khuyến mãi. Ngoài mục đích quảng bá, chúng còn mang sứ mệnh giúp cho thương hiệu tương tác với người tiêu dùng, nhận diện khách hàng mục tiêu dễ dàng hơn Vòng đời của microsite rất ngắn, chỉ trong khoảng 1 đến 3 tháng. Tham khảo: www.rexona.com.vn/men http://www.nokia.com/microsites www.samsung.ru/microsite/notepc www.office.microsoft.com/en-us/default.aspx II. Hiểu rõ các khái niệm & thuật ngữ về website 7) Microsite (Mini-site)
  • 30. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM Blog là một dạng của nhật ký online, bạn có thể viết và cập nhật tất cả những gì bạn thích, update thông tin cá nhân, quan điểm xã hội, những sở thích, loại nhạc bạn đang nghe, bất kì điều gì làm bạn hứng thú. Một blog entry có thể có văn bản hoặc hình ảnh, đường link,... Bạn cũng có thể lựa chọn để Blog public (tất cả mọi người đều có thể đọc), private(chỉ một mình bạn mới có thể xem) hay chỉ những người bạn có trong friends list mới xem được. Như vậy, Blog cũng có thể được xem làm một web cá nhân có chứa sẵn các công cụ, giúp việc thực hiện dễ dàng hơn. II. Hiểu rõ các khái niệm & thuật ngữ về website 8) Blog (Nhật ký online)
  • 31. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM Mạng xã hội, hay gọi là mạng xã hội ảo, là dịch vụ nối kết các thành viên cùng sở thích trên Internet lại với nhiều mục đích khác nhau không phân biệt không gian và thời gian. (Theo định nghĩa của wikipedia) II. Hiểu rõ các khái niệm & thuật ngữ về website 9) Mạng xã hội (social network)
  • 32. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM Web 2.0 là chợ, là siêu thị, là trường học, là thư viện, là xã hội… Khái niệm Web 2.0 đầu tiên được Dale Dougherty, phó chủ tịch của O’Reilly Media, đưa ra tại hội thảo Web 2.0 lần thứ nhất do O’Reilly Media và MediaLive International tổ chức vào tháng 10/2004. Dougherty không đưa ra định nghĩa mà chỉ dùng các ví dụ so sánh phân biệt Web 1.0 và Web 2.0: "DoubleClick là Web 1.0; Google AdSense là Web 2.0. Ofoto là Web 1.0; Flickr là Web 2.0. Britannica Online là Web 1.0; Wikipedia là Web 2.0. v.v...". II. Hiểu rõ các khái niệm & thuật ngữ về website 10) Web 2.0
  • 33. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM Web 2.0 là chợ, là siêu thị, là trường học, là thư viện, là xã hội… Sau đó Tim O’Reilly, chủ tịch kiêm giám đốc điều hành O’Reilly Media, đã đúc kết lại 7 đặc tính của Web 2.0: 1. Web có vai trò nền tảng, có thể chạy mọi ứng dụng 2. Tập hợp trí tuệ cộng đồng 3. Dữ liệu có vai trò then chốt 4. Phần mềm được cung cấp ở dạng dịch vụ web và được cập nhật không ngừng 5. Phát triển ứng dụng dễ dàng và nhanh chóng 6. Phần mềm có thể chạy trên nhiều thiết bị 7. Giao diện ứng dụng phong phú II. Hiểu rõ các khái niệm & thuật ngữ về website 10) Web 2.0 (tt)
  • 34. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM II. Hiểu rõ các khái niệm & thuật ngữ về website 10) Web 2.0 – một số web 2.0 tham khảo Facebook Wikipedia MySpace Linkedin Yahoo!360 Flickr YouTube …
  • 35. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM II. Hiểu rõ các khái niệm & thuật ngữ về website Các thuật ngữ nên biết khi xây dựng website
  • 36. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM II. Hiểu rõ các khái niệm & thuật ngữ về website Các thuật ngữ nên biết khi xây dựng website • Các ngôn ngữ lập trình web • HTML • XML • XHTML • Java & JavaScript • PHP & MySQL • ASP.Net & SQLServer • ActionScript & Flash Player • VBScript • C & C# • …
  • 37. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM II. Hiểu rõ các khái niệm & thuật ngữ về website Các thuật ngữ nên biết khi xây dựng website • Kiến trúc một hệ thống website
  • 38. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM II. Hiểu rõ các khái niệm & thuật ngữ về website Các thuật ngữ nên biết khi xây dựng website • Phương thức hoạt động của một website Programing Language HTML, XHTML, XML, Javascript: tĩnh ASP/.NET & SQLsever, PHP & MySQL: động Web Browser Database ServerHosting server
  • 39. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM II. Hiểu rõ các khái niệm & thuật ngữ về website Các thuật ngữ nên biết khi xây dựng website • Một số phần mềm đồ họa thường dùng cho thiết kế website
  • 40. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM III. Các yếu tố nên làm & nên tránh khi xây dựng website
  • 41. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM III. Các yếu tố nên làm & nên tránh khi xây dựng và quản trị website Những điều nên tránh Về nội dung Nội dung nghèo nàn: (thiếu thông tin) Bạn nghĩ gì khi truy cập một website mà chẳng nhận được thông tin gì hữu ích, ít nhất là để tìm hiểu về chính website bạn đang truy cập. Thông tin không cập nhập: Thông tin sản phẩm / dịch vụ không được cập nhật, kể cả địa chỉ công ty (khi thay đổi) điện thoại, email không liên lạc được,… Thông tin dư thừa: Những thông tin không cần thiết như banner quảng cáo, dự báo thời tiết, tỉ giá ngoại tệ,… (thậm chí cả mục Tin tức). Rất nhiều DN VN cho thêm những thông tin dư thừa trên vào website chỉ thêm nặng nề vô ích, vì thông tin đó trên 1 website chẳng liên quan thì sẽ hoàn toàn không được tin tưởng.
  • 42. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM Về hình thức Nhiều hình ảnh động, phức tạp, lòe loẹt: Lạm dụng banner động nhiều màu sắc tương phản, hình ảnh động đậy, nhảy nhót gây mất tập trung vào nội dung website. Quảng cáo quá lố, không tôn trọng khách hàng: Popup khi mới bước vào website, nhiều banner choáng ngợp màn hình,… Không có điều hướng hoặc phức tạp, khó hiểu: User không “định vị” được họ “đang ở đâu” trong website khiến việc truy cập trở nên khó khăn, dòng thông tin không trôi chảy, mạch lạc. Bố cục rắc rối, lằng nhằng: Website không có style dẫn đến mỗi trang một vẻ, menu nhảy nơi này qua nơi kia, nội dung trình bày không thống nhất,… III. Các yếu tố nên làm & nên tránh khi xây dựng và quản trị website Những điều nên tránh
  • 43. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM Về kỹ thuật Website quá “nặng” – truy cập chậm: Theo thống kê của … thì xxx% người sử dụng sẽ “bỏ đi” nếu trang web đó truy cập quá lâu. Thiếu sót file, lỗi khi truy cập, lỗi khi “post” thông tin, lỗi khi gửi thông tin liên hệ: Bạn nghĩ sao khi đang “ngon trớn” lướt net tìm hiểu một thông tin nào đó mà nhận được một “thông điệp” dạng : file not found, The page cannot be displayed, system error, cannot access,… Không tương thích: Bị rớt trang, sai bố cục, lỗi hiển thị, không tương thích với các trình duyệt web phổ biến trên thị trường. Phản hồi quá chậm: Chậm trễ hoặc không phản hồi thông tin khách hàng (phản hồi tự động từ website) III. Các yếu tố nên làm & nên tránh khi xây dựng và quản trị website Những điều nên tránh
  • 44. © BMG International Education Học thực tiễn, làm chuyên nghiệp TM III. Các yếu tố nên làm & nên tránh khi xây dựng và quản trị website Những việc nên làm Lựa chọn tên miền Ngắn gọn: (thiếu thông tin) Bạn nghĩ gì khi truy cập một website mà chẳng nhận được thông tin gì hữu ích, ít nhất là để tìm hiểu về chính website bạn đang truy cập. Ấn tượng, dễ đọc, dễ nhớ: Thông tin sản phẩm / dịch vụ không được cập nhật, kể cả địa chỉ công ty (khi thay đổi) điện thoại, email không liên lạc được,… Không gây nhầm lẫn : Những thông tin không cần thiết như banner quảng cáo, dự báo t
  • Related Search
    We Need Your Support
    Thank you for visiting our website and your interest in our free products and services. We are nonprofit website to share and download documents. To the running of this website, we need your help to support us.

    Thanks to everyone for your continued support.

    No, Thanks