Bài giảng Thiết kế và triển khai Website có nội dung gồm có 4 chương: Chương 1 - Tổng quan về thiết kế và triển khai website; Chương 2 - Thiết kế và xử lý đồ họa trên website; Chương 3 - Một số ngôn ngữ xây dưng Website 8/9/2017 Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT 6; Chương 4 - Triển khai Website. Mời các bạn cùng tham khảo!
Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 8/9/2017 THIẾT KẾ VÀ TRIỂN KHAI WEBSITE Trường Đại học Thương mại Khoa HTTT Kinh tế THMĐT • Phân phối tiết học − Lý thuyết: 27 tiết − Thảo luận: 6 tiết Thực hành: 12 tiết − Thực hành: 12 tiết • Đánh giá kết quả Bộ mơn Cơng nghệ thông tin Bài giảng học phần: Thiết kế triển khai Website 8/9/2017 Bộ mơn CNTT ‐ Khoa HTTT Kinh tế và TMĐT • ‐ Điểm chun cần: 10% • ‐ K/Tra + T/Hành+T/luận: 30% • ‐ Thi cuối kỳ: 60% 8/9/2017 MỤC TIÊU CỦA MƠN HỌC Bộ mơn CNTT ‐ Khoa HTTT Kinh tế và TMĐT • Cung cấp kiến thức Internet, World wide web, giao thức HTTP, giao thức FTP, ngôn ngữ đánh dấu HTML, • Một số ngơn ngữ công cụ trợ giúp thiết kế xây dựng website • Qui trình triển khai, nâng cấp, bảo trì, Phương thức quảng bá trang web mạng • Quy trình thiết kế triển khai website TMĐT 8/9/2017 TÀI LIỆU THAM KHẢO • [1] Harvey & Paul, Internet & World Wide Web: How to Program (4th Edition), Deitel & Associates (Paperback), 2010 • [2] Gerry McGovern, The Website Manager’s Handbook, ISBN: 978‐1‐4116‐8529‐1, • Shane Diffily, 2014 • [3] Nguyễn [3] N ễ Trường T Sinh, Thiết Si h Thiết kế Web bằng W b bằ hình hì h minh hoạ, NXB i h h NXB Minh Khai, 2007 • [4] Phạm Hữu Khang, Xây dựng triển khai ứng dụng TMĐT, NXB Thống kê, 2006 • [5] Lê Tuấn Hùng, Huỳnh Quyết Thắng, Kỹ thuật đồ họa, NXB KH&KT, 2005 • [6] Giáo trình tự học Photoshop CS6, Internet Bộ mơn CNTT - Khoa HTTT Kinh tế TMĐT Bài giảng Thiết kế triển khai Website Bộ mơn CNTT ‐ Khoa HTTT Kinh tế và TMĐT NỘI DUNG CHƯƠNG TRÌNH • TLTK bắt buộc: 8/9/2017 MỤC TIÊU CỤ THỂ • Mơn học cung cấp kiến thức world wide web, giao thức, ngôn ngữ đánh dấu số ngôn ngữ khác dùng để tạo web web Thông qua việc giới thiệu số công cụ thiết kế trợ giúp việc xây dựng website, giúp học viên nắm yêu cầu, qui trình thiết kế triển khai website thực tế 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT Chương 1. Tổng quan thiết kế triển khai website Chương 2. Thiết kế xử lý đồ họa website Chương 3. Một số ngôn ngữ xây dưng Website Chương 4. Triển khai Website 8/9/2017 Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 8/9/2017 Nội dung Chương 1 Tổng quan thiết kế triển khai website 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 1.1. Một số khái niệm 1.2. Nguyên tắc quy trình thiết kế Website 1.3 Nguyên tắc quy trình triển khai Website 8/9/2017 1.1. Một số khái niệm Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT • Mạng máy tính – phân loại theo phạm vi địa lý • Hệ điều hành mạng • Mơ hình hì h TCP/IP / • Dịch vụ tên miền 8/9/2017 4 lớp của mơ hình TCP/IP • • • • 8/9/2017 1.1.1. Cơ bản về Internet 1.1.1. Cơ Internet 1.1.2. World wide web ‐ Website 1.1.3. Giao thức truyền nhận Client/Server 8/9/2017 Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 10 Chồng giao thức TCP/IP Layer 4: Application (ứng dụng) Layer 3: Transport (vận chuyển) Layer 2: Internet Layer 1: Network access (truy cập mạng) Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT Bài giảng Thiết kế triển khai Website 11 8/9/2017 Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT 12 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 8/9/2017 DNS: nhớ tên thay vì địa chỉ IP Hệ thống quản lý tên miền • DNS server là máy mạng có nhiệm vụ quản lý tên miền đáp ứng yêu cầu client • Có nhiều DNS server liên kết với nhau, chia sẻ quản lý truy vấn đến CSDL tên miền • CSDL tên miền có cấu trúc phân cấp 8/9/2017 Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT 13 8/9/2017 Cấu trúc CSDL tên miền Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT DNS: khơng gian tên miền • Kiến trúc tên miền khơng bắt buộc tên miền phải tuân theo quy cách đặt tên, tuy nhiên, chúng quản lý cách tập trung • Cú pháp tên không cho biết đối tượng đặt tên gì: ví gì: ví dụ www.ptithcm.edu.vn www ptithcm edu máy tính, tính ptithcm.edu.vn lại tên miền com edu gov vnn 8/9/2017 Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT 14 15 8/9/2017 com fr edu uk gov Bộ mơn CNTT ‐ Khoa HTTT Kinh tế và TMĐT 16 DSN • ví dụ: u cầu truy cập đến www.cs.purdue.edu.vn từ it‐ lab.ptithcm.edu.vn sẽ theo tiến trình như sau: vn edu purdue cs 8/9/2017 Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT Bài giảng Thiết kế triển khai Website 1.1.2 World wide web Website 17 8/9/2017 Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT 18 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 8/9/2017 WWW • World Wide Web bước tiến lớn trình tìm kiếm thông tin nhanh, đa dạng mạnh mẽ Các server WWW khác thực trình duyệt (browser) khác 1.1.3 Giao thức truyền nhận Client/Server yệ khác có gg giả định ị khác • Các trình duyệt kết xuất máy tính bạn, nhiên tùy thuộc vào thói quen sở thích bạn dùng chương trình duyệt Web cho thích hợp Hiện chương trình duyệt Web nhiều đa dạng chẳng hạn : • Internet Explorer, Fire Fox, … 8/9/2017 Bộ mơn CNTT ‐ Khoa HTTT Kinh tế và TMĐT 19 8/9/2017 Mơ hình Client/Server Mơ hình Client/Server – Q trình chun cung cấp số phục vụ đó, chẳng hạn: phục vụ tập tin, phục vụ máy in, phục vụ thư điện tử, phục vụ Web Các trình gọi trình phục vụ hay Server – Một số q trình khác có u cầu sử dụng dịch vụ server cung cấp gọi q trình khách hàng hay Client Bộ mơn CNTT - Khoa HTTT Kinh tế TMĐT 20 • Việc giao tiếp client server thực hình thức trao đổi thơng điệp (Message) • Để phục vụ, client gửi thông điệp yêu cầu (Request Message) mô tả công việc muốn server thực • Khi nhận thơng điệp u cầu, server tiến hành phân tích để xác định cơng việc cần phải thực thi thi • Nếu việc thực yêu cầu có sinh kết trả về, server gởi cho client thơng điệp trả lời (Reply Message) • Dạng thức (format) ý nghĩa thông điệp trao đổi client server qui định rõ giao thức (protocol) ứng dụng • Trong mơ hình này, chương trình ứng dụng chia thành thành phần: 8/9/2017 Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT 21 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 22 Chế độ nghẽn • Trong chế độ này, trình client hay server phát lệnh gởi liệu, (thông thường g g lệnh ệ send) , thực thi bị tạm dừng trình nhận phát lệnh nhận số liệu (thường lệnh receive) 8/9/2017 Bộ mơn CNTT - Khoa HTTT Kinh tế TMĐT Bài giảng Thiết kế triển khai Website 23 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 24 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 8/9/2017 Chế độ không nghẽn 1.2 Nguyên tắc quy trình thiết kế Website • Trong chế độ này, trình client hay server phát lệnh gởi liệu, thực ự thi tiếp ế tục mà khơng quan tâm đến việc có q trình phát lệnh nhận số liệu hay không 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 1.2.1 Các nguyên tắc thiết kế website 1.2.2 Quy trình chung thiết kế Website 25 8/9/2017 Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT 26 1.2.1 Các nguyên tắc thiết kế website 1.2.1 Các nguyên tắc thiết kế website • • • • • Khái quát Các bước tổ chức thông tin Các kiểu cấu trúc thiết kế Tổ chức website chặt chẽ dễ sử dụng Sử dụng từ ngữ dễ hiểu. Dễ dàng khám phá đường link. Thời gian tải nhanh. Tương thích với đa số trình duyệt web. 8/9/2017 Bộ mơn CNTT ‐ Khoa HTTT Kinh tế và TMĐT 27 8/9/2017 1. Khái qt Bộ mơn CNTT ‐ Khoa HTTT Kinh tế và TMĐT 28 2. Các bước tổ chức thơng tin • Cần phải chia nhỏ khối thơng tin lớn • Các nhà tâm lý học nhận thức • Giúp ghi nhớ dễ việc sử dụng kết hợp thiết kế đồ hoạ, qui ước lớp biên tập thông tin thành đơn vị riêng rẽ • Thực tế với độc giả tin ngắn gọn, riêng biệt chức hoá dễ định vị khối thông tin dài • Phân chia thông tin thành đơn vị logic • Thiết lập hệ thống phân cấp thơng tin • Tạo mối quan hệ hệ thống phân cấp thôngg tin • Phân tích thành cơng chức thẩm mỹ hệ thống thơng tin • Tổ chức đoạn tin nhỏ thành khối thông tin riêng để tạo nên hệ thống đồng nhất, hình thành nên sở liên kết hypertext 8/9/2017 Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT Bài giảng Thiết kế triển khai Website 29 8/9/2017 Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT 30 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 8/9/2017 Sơ đồ phân bố thông tin của website Ngân Hàng Công Thương 8/9/2017 Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT Sơ đồ hệ thống phân cấp website 31 8/9/2017 Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT 32 8/9/2017 Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT 33 8/9/2017 Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT 34 8/9/2017 Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT 35 8/9/2017 Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT 36 Bài giảng Thiết kế triển khai Website Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 8/9/2017 8/9/2017 Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT 37 8/9/2017 Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT 38 8/9/2017 Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT 39 8/9/2017 Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT 40 3. Các kiểu cấu trúc thiết kế a. Cấu trúc nối tiếp (Sequence) a. Cấu trúc nối tiếp (Sequence) b. Cấu trúc phân cấp (Hierarchy) c. Cấu trúc ô lưới (Grid) g nhện ệ ((Web) ) d. Cấu trúc mạng 8/9/2017 Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT Bài giảng Thiết kế triển khai Website 41 Thể hiển thị thông tin một tin cách tuần tự, tiếp tự tiếp nối tường thuật, theo thời gian Ví dụ chuỗi logic các chủ đề phát triển từ tổng quát đến cụ thể, hoặc theo thứ tự abc, như số, tự điển bách khoa, từ điển thuật ngữ 8/9/2017 Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT 42 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 8/9/2017 b. Cấu trúc phân cấp (Hierarchy) c. Cấu trúc ơ lưới (Grid) • Ưu điểm: • Là cách tốt để tổ chức khối thơng tin phức hợp • Cấu Cấ trúc ú phân hâ cấp ấ đặc đặ biệt thích hợp cho website vì website ln thực rẽ nhánh từ trang chủ 8/9/2017 – Cấu trúc cách tốt để phản ánh tương quan biến số kiện, cơng nghệ , văn hố, … – Các chủ đề khơng có phân cấp mức độ quan trọng – Rất tốt với độc giả có kinh nghiệm, những người có sẵn ẵ kiến thức chủ đề hệ thống – Các sơ đồ tổng quát hữu ích site kiểu lưới • Nhược điểm: – Khó hiểu với độc giả độc giả chưa xác định mối liên quan loại thơng tin 43 Bộ mơn CNTT ‐ Khoa HTTT Kinh tế và TMĐT 44 • Ưu điểm: ‐ Khai thác triệt để lực trang web trong việc liên kết kết hợp ‐ Ý tưởng liên kết giống tự do. • Nhược điểm: ‐ Các khối thông tin dễ phát triển thành mớ hỗn độn, lộn xộn. ‐ Nhằm vào độc giả chuyên nghiệp tìm kiếm kiến thức chun sâu 45 Bộ mơn CNTT ‐ Khoa HTTT Kinh tế và TMĐT Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT d. Cấu trúc mạng nhện Sơ đồ tổng quan cấu trúc ô lưới 8/9/2017 8/9/2017 8/9/2017 Kết luận Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT 46 Nguyên tắc sử dụng hiệu ứng * Đa số website đều sử dụng 4 kiểu cấu trúc thông tin trên * Tuy nhiên hệ thống thơng tin vẫn p phải trình bàyy ộ cách minh bạch, nhất quán để hỗ trợ cho mục đích website. Các nguyên tắc nghệ thuật Các nguyên tắc sử dụng hình ảnh, đồ hoạ, text Sơ đồ phản ánh mối tương quan kiểu cấu trúc 8/9/2017 Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT Bài giảng Thiết kế triển khai Website 47 8/9/2017 Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT 48 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 8/9/2017 1. Các nguyên tắc nghệ thuật 1. Các ngun tắc nghệ thuật a Tính đồng nhất về mặt hình ảnh: b. Phá vỡ quy tắc thiết kế ‐ cân bằng: ‐ Sự cân đối xứng: Khơng có tính đồng nhất về mặt hình ảnh Chỉ có tính đồng nhất về mặt trí tuệ 8/9/2017 Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT 49 1. Các nguyên tắc nghệ thuật 8/9/2017 Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT 50 2. Nguyên tắc sử dụng hình ảnh, đồ hoạ, text • Nên kết hợp đồ họa văn • Điều chỉnh kích cỡ cho hợp lý c. Cung cấp một tiêu điểm: ‐ Sử dụng sự tương phản: Thỏ 1 năm tuổi 8/9/2017 Bộ mơn CNTT ‐ Khoa HTTT Kinh tế và TMĐT 51 8/9/2017 Bộ mơn CNTT ‐ Khoa HTTT Kinh tế và TMĐT 52 1.2.2 Quy trình chung thiết kế Website • Khái quát chung • Thiết kế giao diện • Thiết kế nội dung kế nội dung 8/9/2017 Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT Bài giảng Thiết kế triển khai Website 53 8/9/2017 Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT 54 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 8/9/2017 1.2.2 Quy trình chung thiết kế Website Các ứng dụng cơng nghệ Web • Thiết kế Website không trọng đến ngôn ngữ HTML, cơng cụ phát triển Web mà cịn phải tập trung vào việc thiết kế thiết kế đồ hoạ, giao diện người sử dụng hay kiến thức cách thức tổ chức thơng tin,… • Trước xây dựng Website, chúng ta cần phải: – – – – 8/9/2017 • • • • Xác định đối tượng độc giả website Xác định mục đích Website Thiết lập chủ đề website Thiết kế khối thông tin chủ yếu mà website cung cấp Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 55/55 8/9/2017 Thiết kế giao diện 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 56/55 TK giao diện hướng người sử dụng • Giao diện người dùng đồ hoạ (GUI) của hệ thống tạo nên nét đặc trưng "nhìn thấy cảm nhận" của trang web • Khơng thể hồn tồn tách rời thiết kế đồ hoạ với thiết kế giao diện • Trả lời câu hỏi: – – – – Đào tạo Dạy học Giá dục Giáo d Tham khảo • Mục tiêu giúp người sử dụng tự điều khiển máy tính họ • Khơng đặt cản trở cho người sử dụngg • Cần kiến thức tâm lý học khách hàng Ai? Cái gì? Khi nào? Nơi nào? Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 57/55 8/9/2017 Tương thích với trình duyệt khác • Nhiều độc giả khơng có chương trình duyệt đồ hoạ • Làm để độc giả với web browser khơng có khả đồ hoạ hiểu chức hình ảnh trang web (sử dụng nhãn ALT) • Giúp độc giả khiếm thị nghe thơng báo thay mà cho hỗ trợ hình ảnh đồ hoạ, do đó khơng hồn tồn hẳn nội dung của ảnh, phím đồ hoạ kèm trang web Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 58/55 Thiết kế nội dung • Các phần nội dung cơ 1 Webiste • Một số chức thường gặp website và mục đích sử dụng • Nội ộ dung cơ g ộ số website TMĐT – Trang chủ (home page) – Trang liên hệ (contact us) – Trang thông tin giới thiệu doanh nghiệp (about us) – Trang giới thiệu sản phẩm dịch vụ (products/services) – Trang hướng dẫn sách (Policies) • 8/9/2017 Bộ mơn CNTT - Khoa HTTT Kinh tế TMĐT Bài giảng Thiết kế triển khai Website 59/55 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 60/55 10 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 8/9/2017 GIỚI THIỆU VỀ ASP.NET KIẾN TRÚC ỨNG DỤNG WEB Một ứng dụng thường chia thành lớp phân biệt chính: • Tầng trình diễn (Presentation Tier – FrontEnd) • Tầng logic (Logical Tier – Middleware) • Tầng Tầ liệ liệu (D (Data t Ti Tier – BackEnd) B kE d) NET Framework Class Library Support Thread Support COM Marshaler Type Checker Exception Manager Debug Engine Security Engine MSIL to Native Compilers Code Manager Garbage Collector Class Loader 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 169 8/9/2017 • Thư mục App_Data Là nơi chứa liệu ứng dụng, sử dụng ASP.NET 2.0 để lưu trữ liệu cục ứng dụng Thư mục App_Code App_Code là nơi chứa source code cho lớp tiện ích và các đối tượng nghiệp vụ (ví dụ: các file .cs, .vb, và .jsl) • Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 171 Cấu trúc ứng dụng Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT Bài giảng Thiết kế triển khai Website 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 172 3.3.2. Xây dựng trang bằng ASP.NET • Cách viết code chương trình • Các thành phần trang • Cách tạo và chạy ứng dụng Cấu trúc tập tin Web.config: pp g/ 8/9/2017 170 Cấu trúc ứng dụng GIỚI THIỆU VỀ WEBSERVER 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 173 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 174 29 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 8/9/2017 Cách viết code chương trình Cách viết code chương trình • Có 2 cách viết code trong chương trình: • Cách viết Code Inline • Cách viết Code Behind Cách viết code inline Trong cách viết Code inline, mã viết trang ASP.NET không trộn lẫn với HTML dành cho phần nội dung, code client code server cách cặp tag Ví dụ: Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 8/9/2017 175 8/9/2017 Cách viết code chương trình Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 176 Cách viết code chương trình • Cách viết Code Behind • Xuất dữ liệu cho client: Cú pháp: Là hình thức viết code trong một tập tin khác. Khi đó trong tập tin .aspx cần phải khai báo rõ nơi chứa p p code với cú pháp sau: % bl % Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 8/9/2017 177 8/9/2017 Cách viết code chương trình • Ví dụ: Bộ mơn CNTT - Khoa HTTT Kinh tế TMĐT Bài giảng Thiết kế triển khai Website 178 Cách viết code chương trình • Trong đó: FileNameCode tên tập tin code Tập tin có phần mở rộng aspx.cs, aspx, vb, … tuỳ theo ngôn ngữ sử dụng để viết code 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 179 VD.aspx Untitled Page 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 180 30 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 8/9/2017 Cách viết code chương trình Cách viết code chương trình VD.aspx.cs protected void Button1_Click(object sender, EventArgs e) { Label1.Text = "Hello Word"; } Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 8/9/2017 181 CÁC THÀNH PHẦN TRONG TRANG • • Cơ chế làm việc của Code‐Behind – Tạo các file riêng biệt cho giao diện người dùng và luận lý – Sử dụng dẫn hướng @ Page để liên kết 2 file Sử dụng dẫn hướng @ Page để liên kết file – Pre‐compile 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 182 CÁC THÀNH PHẦN TRONG TRANG Khơng gian tên (Namespaces) • Một số NAMESPACE và chức năng NameSpace tập hợp Logic nhóm thư viện có liên quan đến nhau, giúp người lập trình dễ sử dụng dễ tìm kiếm kiếm Chứa đối tượng Danh sách, hàng đợi bảng băm ứ lớp cho phép é thay đổi ổ Chứa ComponentModel control component lúc chạy lúc thiết kế Cung cấp phương thức đối tượng cho phép truy cập Configuration đến thơng số cấu hình cho NET System NameSpace gốc framework.NET Nó chứa tất kiểu liệu nguyên thuỷ (Primitives) NameSpace khác 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 183 CÁC THÀNH PHẦN TRONG TRANG Data Chứa lớp cho phép tương tác với nguồn liệu, Hình thành nên ADO.NET Math Chứa hàm số liên quan đến xử lý toán t học h Cung cấp chế truyền thông Web Client/Browser; Nó mơ tả đối tượng sử dụng với ASP.NET Chứa lớp để xử lý liệu XML XML Chứa lớp cho phép sử dụng khả Drawing đồ hoạ Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT Bài giảng Thiết kế triển khai Website Collections 8/9/2017 Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT 184 CÁC THÀNH PHẦN TRONG TRANG • Khai báo Namespace Ví dụ: 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 186 31 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 8/9/2017 CÁC THÀNH PHẦN TRONG TRANG CÁC THÀNH PHẦN TRONG TRANG • @import: cho phép không gian tên import vào trang aspx Ví dụ: %@import namespace namespace=“System.Data” System.Data % %> 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 187 8/9/2017 Cách tạo và chạy ứng dụng Click Phải Default Web Sites – chọn New – chọn VirtualDirectory Next nhập tên thư mục ảo Next Click Browse chọn thư mục websiteNext chấp nhận các option mặc địnhnextfinish Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 188 Cách tạo và chạy ứng dụng Cấu hình IIS Mở ControlPanel Administrative Tool – chọn Internet Information Services (IIS) 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 189 Tạo ứng dụng web trong Visual Studio.NET Khởi động Visual Studio.NET Chọn File – New – Website Trong hộp thoại New Website ‐ Template: chọn ASP.NET Web site ‐ Location: file system click Brows chọn vị trí lưu website ‐ Language: C# OK 8/9/2017 Cách tạo và chạy ứng dụng Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 190 Cách tạo và chạy ứng dụng • Trong phần Location : để theo mặc định http://localhost/ sau thêm website http://localhost/MyWeb ứng dụng MyWeb tạo lưu thư mục root : c:\InetPub\wwwroot\ • Nếu sử dụng Virtual Directory tạo http://localhost/Projects/MyWeb ứng dụng MyWeb tạo lưu thư mục xác định Virtual Directory 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT Bài giảng Thiết kế triển khai Website 191 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 192 32 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 8/9/2017 3.3.3. Kết hợp ASP.NET Objects với VB.NET Cách tạo và chạy ứng dụng • Ứng dụng web đã được tạo ra và có 1 trang mặc định là Default1.aspx và các file khác như Web.Config, Styles.css… • Mỗi một trang .aspx trong project đều có 1 file Mỗi trang aspx project có file code behind VD: Default1.aspx.cs riêng để viết code. Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 8/9/2017 193 • • • • • Thêm các web controls lên form Thiết lập thuộc tính WebControl Các sự kiện điều khiển trong WebControl Các control validation Thiết kế trang DemoWeb 8/9/2017 Dùng ở chế độ hiển thị HTML Bộ mơn CNTT - Khoa HTTT Kinh tế TMĐT 194 Thiết kế trang DemoWeb • Có thể thêm server control bằng cách chỉ định code ASP.Net trực tiếp trong chế độ hiển thị HTML của file .aspx 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 195 • RequiredFieldValidator dùng kiểm tra giá trị của control có hợp lệ hay khơng. Bảng thuộc tính: 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 196 Thiết kế trang DemoWeb • Code 8/9/2017 • Code HTML Bộ mơn CNTT - Khoa HTTT Kinh tế TMĐT Bài giảng Thiết kế triển khai Website 197 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 198 33 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 8/9/2017 3.4. Một số công cụ soạn thảo mã nguồn 3.4.1. Cơng cụ Macromedia • Macromedia Dreamwaver là cơng cụ dùng để thiết kế website đơn giản, nhanh và mạnh • Macromedia Flash là cơng cụ để phát triển các úng dụng phần mềm mơ Flash sử úng dụng, phần mềm mơ phỏng. Flash sử dụng ngơn ngữ lập trình ActionScrip để tạo các tương tác, các hoạt cảnh • 3.4.1. Cơng cụ Macromedia • 3.4.2. Công cụ Dreamwaver 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 199 8/9/2017 • • • • • • Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 201 Sử dụng phần mềm DreamWeaver để: • Thiết kế các trang Web tĩnh, động • Tạo các hiệu ứng trong trang Web • Quản lý một Website cục bộ Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT Bài giảng Thiết kế triển khai Website Giới thiệu về Macromedia Dreamweaver Thiết kế Web bằng một số công cụ cơ bản Cách tạo liên kết (Hyperlink) Kỹ thuật thiết kế Frame Kỹ thuật Layout Sử dụng CSS để tạo một số hiệu ứng trong trang Web 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 202 GIỚI THIỆU DREAMWEAVER MỤC TIÊU 8/9/2017 200 NỘI DUNG 3.4.2. Công cụ Dreamwaver 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT Giao diện Dreamweaver: 203 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 204 34 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 8/9/2017 GIỚI THIỆU DREAMWEAVER GIỚI THIỆU DREAMWEAVER 4) Chức năng các thành phần: Thanh công cụ Document: 4) Chức năng các thành phần: Thanh công cụ Insert: Common: Thiết kế HTML Thiết kế công cụ Thiết kế HTML công cụ 8/9/2017 Tiêu đề trang hành Thể lỗi thiết kế Quản lý file Các tùy chọn thiết kế Xem thử kết trình duyệt Bộ mơn CNTT - Khoa HTTT Kinh tế TMĐT 205 Tạo Tạo Tạo liên liên điểm Ảnh Ngày Mẫu kết kết neo đến địa Bảng Flash, Chú Thẻ lựa (table) ActiveX thích chọn mail 8/9/2017 GIỚI THIỆU DREAMWEAVER Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 206 THIẾT KẾ TRANG WEB 4) Chức năng các thành phần: Thanh cơng cụ Insert: Ngồi ra cịn có các nhóm cơng cụ khác: + Layout: cách bố trí, sắp xếp các thành phần + Forms: biểu mẫu + Forms: biểu mẫu + Text: định dạng văn bản + HTML: các thẻ HTML + Application: những ứng dụng trong Web động + Flash elements: các thành phần của Flash 1) Tạo và lưu một trang Web: Tạo mới một trang Web: click HTML (Create New) Hoặc chọn menu File New Xuất cửa sổ thiết kế 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 207 8/9/2017 THIẾT KẾ TRANG WEB 1) Tạo và lưu một trang Web: Lưu trang Web: chọn menu File Save (Ctrl + S) Xuất hiện hộp thoại Save As Chọn đường dẫn nơi lưu file Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 208 THIẾT KẾ TRANG WEB 2) Định dạng tổng quát cho trang Web: + Appearance: Định dạng Font, Size, màu chữ cho toàn trang Web Đị h d Định dạng màu ề sử dụng hình ảnh để làm Canh lề trái, Đặt tên file phần mở rộng Canh lề phải, 3.Chọn loại file 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT Sau chọn đầy đủ click Save 209 Bài giảng Thiết kế triển khai Website 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT Sau 210 định dạng, click nút Apply 35 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 8/9/2017 THIẾT KẾ TRANG WEB THIẾT KẾ TRANG WEB 2) Định dạng tổng quát cho trang Web: + Links: 2) Định dạng tổng quát cho trang Web: + Title/Encoding: Định dạng Font, size, màu chữ cho liên kết Tiêu đề trang Web Màu liên Mà liê kết sau click Màu liên kết di chuyển chuột liên kết Màu liên kết active Định dạng kiểu mã hóa 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT Sau 211 định dạng, click nút Apply 8/9/2017 THIẾT KẾ TRANG WEB Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 212 THIẾT KẾ TRANG WEB 3) Định dạng Text trên trang Web: Thêm Font vào danh sách các font: 3) Định dạng Text trên trang Web: Bỏ Font trong danh sách các font: Thêm nhóm font Bỏ bớt nhóm font 1.Chọn nhóm font có font cần bỏ Nhóm font hành 1.Chọn font cần thêm 2.Chọn font cần bỏ 2.Thêm font vào nhóm font hành 8/9/2017 3.Click nút >> để bỏ Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 213 8/9/2017 THIẾT KẾ TRANG WEB 3) Định dạng Text trên trang Web: + Color: Chọn Size công cụ Properties Chọn Text Color cơng cụ Properties Các loại đơn vị kích thước font Hộp thoại màu thông tin màu chọn Chọn màu mặc định (màu đen) Mã màu chọn Chọn nhiều màu Màu chọn 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT Bài giảng Thiết kế triển khai Website 214 THIẾT KẾ TRANG WEB 3) Định dạng Text trên trang Web: + Size: Các kích thước có font Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 215 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT Con trỏ chọn màu 216 36 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 8/9/2017 THIẾT KẾ TRANG WEB THIẾT KẾ TRANG WEB 4) Paragraph: Phân biệt giữa có Paragraph và khơng có Paragraph 3) Định dạng Text trên trang Web: + Các định dạng khác: Định dạng in đậm Định dạng in nghiêng Canh trái Canh Canh phải Canh Đây paragraph Outdent 8/9/2017 Indent Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 217 8/9/2017 THIẾT KẾ TRANG WEB 218 THIẾT KẾ TRANG WEB 5) Danh sách: chọn text cần tạo danh sách + Sử dụng thanh Properties: Unordered List (Bullet List) Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 5) Danh sách: chọn text cần tạo danh sách + Có thể định nghĩa danh sách riêng theo yêu cầu: Menu Text List Properties… Ordered List (Numbering List) + Sử dụng menu Text: Menu Text List Unordered List/Ordered List 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 219 8/9/2017 THIẾT KẾ TRANG WEB 6) Hình ảnh: Kết quả: Hộp thoại Select Image Source: chọn đường dẫn nơi lưu file hình ảnh chọn hình cần chèn click OK Bộ mơn CNTT - Khoa HTTT Kinh tế TMĐT Bài giảng Thiết kế triển khai Website 220 THIẾT KẾ TRANG WEB 6) Hình ảnh: đặt con trỏ tại vị trí cần chèn + Thanh cơng cụ Insert: Chọn tab Common Image 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 221 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 222 37 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 8/9/2017 THIẾT KẾ TRANG WEB THIẾT KẾ TRANG WEB 6) Hình ảnh: Thuộc tính: Số khoảng trắng dọc ngang so với text trang Web 8/9/2017 7) Liên kết: Lưu ý: + URL (Uniform Resource Locator): địa đối tượng thường gõ vào vùng Address Web Browser Browser + Địa chỉ tuyệt đối Địa chỉ tương đối: Độ dày khung bao Canh biên quanh hình ảnh so với text Canh biên so với IE Baseline (Default) Chuỗi Tooltip thể hình ảnh Top = TextTop Middle = Absolute Middle Bottom = Absolute Bottom Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 223 Địa chỉ tuyệt đối: là địa chỉ đầy đủ Vd: http://www.hcmuns.edu.vn/forum/index.htm Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 8/9/2017 224 MỘT SỐ KỸ THUẬT THIẾT KẾ TRANG WEB 1) Phân vùng liên kết trên một ảnh: 7) Liên kết: Các hình thức liên kết: + Mở liên kết bằng một cửa sổ mới + Chọn hình ảnh cần phân vùng liên kết + Chọn loại cơng cụ dùng để phân vùng + Mở liên kết trên cùng một cửa sổ Phân vùng hình chữ nhật + Mở liên kết là một địa chỉ mail Phân vùng hình elip Phân vùng hình đa giác + Tạo phân vùng trên ảnh 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 225 8/9/2017 MỘT SỐ KỸ THUẬT Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 226 MỘT SỐ KỸ THUẬT 2) Bảng: 2) Bảng: Tạo bảng: Số dịng Thuộc tính: Số cột Số dịng Chiều cao Độ dày khung Số cột Chiều rộng Canh biên Độ rộng cột Độ dày khung 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT Bài giảng Thiết kế triển khai Website 227 Convert Table Heights/Widths to Percents Màu Convert Table Heights/Widths to Pixels Ảnh Clear Row Heights/Column 8/9/2017 Bộ môn CNTT - Widths Khoa HTTT Kinh tế TMĐT Màu khung 228 38 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 8/9/2017 MỘT SỐ KỸ THUẬT MỘT SỐ KỸ THUẬT 3) Layout: 3) Layout: Chế độ Layout View: + Ở chế độ này, bảng giống như bảng ở chế độ Standard + Cell pading, Cell spacing và Border = 0 + Mỗi ô của bảng sẽ chứa 1 khoảng trắng + Kích thước các ơ/bảng sẽ dễ dàng chỉnh sửa so với bảng ở chế độ Stadard, giúp đáp ứng được u cầu của thiết kế Bảng ở chế độ Layout View gọi là: Layout Table 8/9/2017 Bộ mơn CNTT - Khoa HTTT Kinh tế TMĐT 229 Tạo Layout Table: + Chọn tab Layout trên thanh công cụ Insert + Click nút Layout, chọn công cụ Layout Table + Tạo tùy ý trên cửa sổ thiết kế + Tạo các ô bên trong Layout Table vừa tạo (sử dụng công cụ Draw Layout Cell) 8/9/2017 MỘT SỐ KỸ THUẬT Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 230 MỘT SỐ KỸ THUẬT 4) Flash: 3) Layer: Ví dụ: Tạo hiệu ứng nổi cho hình/text trên trang Web Chèn file Flash đã có vào trang Web: + Thanh công cụ Insert: tab Common Flash Tạo layer chứa text Copy thành layer 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT Định dạng màu cho text Kết 231 + Menu Insert: chọn Media Flash + Ấn tổ hợp phím: Ctrl + Alt + F 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 232 MỘT SỐ KỸ THUẬT MỘT SỐ KỸ THUẬT 5) Rollover Image: 8) CSS (Cascade Style Sheet): Text: Thao tác chung: + Chọn text cần định dạng theo mẫu + Chọn định dạng đã được tạo + Hộp thoại Insert Rollover Image: Kết 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT Bài giảng Thiết kế triển khai Website 233 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 234 39 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 8/9/2017 4.1.1. Xuất bản website lên mạng Internet Chương 4. Triển khai Website • • • • Bước 1: Đăng ký tên miền cho Web site 4.1. Qui trình chung triển khai website 4.2. Đưa website lên Internet 4.3. Quảng bá website 4.4. Cập nhật và bảo trì website • Thơng qua nhà cung cấp dịch vụ ISP (hoặc công ty trung gian có liên kết với ISP), doanh nghiệp cá nhân đăng ký tên miền (Domain name), tên xác định vị trí Internet – tên miền quốc tế www.tencongty.com – tên miền Việt Nam www.tencongty.com.vn • Nhà cung cấp dịch vụ Internet ISP (hoặc cơng ty trung gian) có nhiệm vụ giúp doanh nghiệp hoặc cá nhân trong việc quản lý tên miền đó Bộ mơn CNTT - Khoa HTTT Kinh tế TMĐT 8/9/2017 235 4.1.1. Xuất bản website lên mạng Internet 8/9/2017 Bước 3: Thiết kế nội dung và upload Website • Nhà cung cấp dịch vụ cho th khơng gian trên máy chủ cung cấp cho doanh nghiệp hoặc cá nhân địa chỉ máy chủ để điền vào phần địa chỉ máy chủ trong mục quản lý tên miền ả ề • Nhà cung cấp dịch vụ cho th khơng gian trên máy chủ cung cấp cho doanh nghiệp hoặc cá nhân một tài khoản FTP (địa chỉ FTP, usename, password) để doanh nghiệp đưa nội dung (upload) Website của mình lên máy chủ Web đó Bộ mơn CNTT ‐ Khoa HTTT Kinh tế và TMĐT 237/13 Đăng ký Website với cơng cụ tìm kiếm • Thiết lập liên kết đến trang web • Chiến lược lan truyền (viral marketing) • Quan hệ đại chúng (Public Relations – PR) • Các phương tiện thơng tin truyền thống • Email • Trả tiền cho quảng cáo 8/9/2017 • Doanh nghiệp cá nhân sử dụng phần mềm FTP ở máy khách tài khoản FTP đã có để đưa nội dung trang Web lên không gian thuê máy chủ Web • Doanh nghiệp cá nhân đăng ký cho nhiều tên miền cần sử dụng thiết kế nội dung Web site máy chủ Web Tất tên miền doanh nghiệp dẫn tới nội dung nhờ dịch vụ URL Forwarding 8/9/2017 Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT 238/13 4.1.3. Cập nhật và bảo trì website 4.1.2. Quảng bá website • 236/13 4.1.1. Xuất bản website lên mạng Internet Bước 2: Th một khơng gian lưu trữ Website trên một máy chủ Web 8/9/2017 Bộ mơn CNTT ‐ Khoa HTTT Kinh tế và TMĐT • Các cơng việc nâng cấp và bảo trì website – Sao lưu thơng tin liên quan đến website • • • • Cơ sở dữ liệu Các mẫu mà người dùng tùy chỉnh Các mẫu mà người dùng tùy chỉnh IMG/ thư mục Thư mục Plugin nếu sử dụng plugin – Nâng cấp các phiên bản hỗ trợ website của bạn Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT Bài giảng Thiết kế triển khai Website • Nâng cấp chức năng • Nâng cấp bảo mật 239/13 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 240 40 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 8/9/2017 4.2. Đưa website lên Internet 4.2.1. Domain ‐ Host • Host nơi chứa trang web, vùng ổ cứng máy chủ Khi tìm host miễn phí, bạn nên xem host có dung lượng bao nhiêu, 100M, 200M, , băng thông (lượng truy cập tối đa cho phép), có hỗ trợ PHP MySQL hay khơng (nếu bạn muốn làm web động) • Domain name hiểu địa dẫn đến trang web bạn, URL • 4.2.1. Domain ‐ Host • 4.2.2. Upload file và kiểm thử – Ví dụ trang web có domain name tmu.edu.vn, gõ domain name vào address trình duyệt đến trang web 8/9/2017 Bộ mơn CNTT - Khoa HTTT Kinh tế TMĐT 241 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 8/9/2017 Cài đặt FTP Client 4.2.2. Upload file và kiểm thử • Để sử dụng dịch vụ FTP bắt buộc phải sử dụng FTP client có hỗ trợ TLS. • Sử dụng FileZilla FTP Client. Đây là một FTP client miễn phí và dễ sử dụng • Cài đặt FTP Client • Thiết lập kết nối FTP server • Download Upload tài liệu 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 242 – Truy Truy cập vào địa chỉ : cập vào địa : http://sourceforge.net/projects/filezilla/files/FileZilla_ Client/ – Tìm và download phiên bản FileZilla_X_win32.zip mới – Sau khi giải nén, double click file filezilla.exe để chạy ứng dụng 243 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 8/9/2017 Thiết lập kết nối FTP server 244 Thiết lập kết nối FTP server • Thiết lập kết nối đến FTP Server sau: • Vào Menu File > Site Manager – – – – – – – – 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT Bài giảng Thiết kế triển khai Website 245 8/9/2017 - Click New Site (chỉ làm lần đầu) - Nhập tên site (tùy ý) - Nhập địa Host: ftp.agu.edu.vn ftp agu edu - Chọn chế độ mã hóa “Require explicit FTP over TLS” - Kiểu login: Normal - User: nhập tên account (UserId) - Nhập mật - Click Connect Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 246 41 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 8/9/2017 Ví dụ thiết lập kết nối 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT Download Upload tài liệu 247 4.3. Quảng bá website 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 248 4.3.1. Quảng bá website cá nhân • 4.3.1. Quảng bá website cá nhân • 4.3.2. Quảng bá website của tổ chức Thiết lập liên kết đến trang web Chiến lược lan truyền (viral marketing) Quan hệ ệ đại chúng g ((Public Relations – PR)) Email 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 249 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 250 4.4. Cập nhật và bảo trì website 4.3.2. Quảng bá website của tổ chức • 4.4.1. Cập nhật thơng tin và lưu trữ dữ liệu • 4.4.2. Bảo trì website Đăng ký Website với cơng cụ tìm kiếm Thiết lập liên kết đến trang web Chiến lược ợ lan truyền y ((viral marketing) g) Quan hệ đại chúng (Public Relations – PR) Các phương tiện thông tin truyền thống Email Trả tiền cho quảng cáo 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT Bài giảng Thiết kế triển khai Website 251 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 252 42 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 8/9/2017 4.4.1. Cập nhật thơng tin và lưu trữ dữ liệu • Sao lưu thơng tin liên quan đến website 4.4.2. Bảo trì website • Nâng cấp các phiên bản hỗ trợ website của bạn – Cơ sở dữ liệu – Các mẫu mà người dùng tùy chỉnh – IMG/ thư mục IMG/ thư mục – Thư mục Plugin nếu sử dụng plugin – Nâng cấp chức năng – Nâng cấp bảo mật • Lưu ý: Lư ý – Nên có kế hoạch bảo trì • Lưu ý: • • • • – Thực hiện việc sao lưu dữ liệu trước khi thực hiện bất cứ một hành động nào 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 253 8/9/2017 Hàng năm Mỗi ba tháng Hàng tháng Hàng tuần Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 254 Câu hỏi tập 8/9/2017 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT Bài giảng Thiết kế triển khai Website 255 43 ... Khoa HTTT Kinh tế? ?và? ?TMĐT Bài giảng Thiết kế triển khai Website 53 8/9/2017 Bộ môn CNTT ‐ Khoa HTTT Kinh tế? ?và? ?TMĐT 54 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 8/9/2017 1.2.2 Quy trình chung thiết kế Website. .. 8/9/2017 Bộ mơn CNTT - Khoa HTTT Kinh tế TMĐT • Đưa? ?website? ?lên Internet • Quảng bá? ?website • Cập nhật? ?và? ?bảo trì? ?website 63 8/9/2017 Bài giảng Thiết kế triển khai Website Bộ môn CNTT - Khoa HTTT Kinh... trình triển khai Website Thiết kế? ?nội dung • Nội dung cơ số website? ? TMĐT: – – – – – – – – 8/9/2017 • 1.3.1. Các nguyên tắc trong? ?triển? ?khai? ?Website • 1.3.2. Quy trình chung? ?triển? ?khai? ?Website