Chapter 1 Gioi thieu Tong quan 1 TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT KHOA KỸ THUẬT CÔNG NGHỆ Phone 0274 3834930 Website http //et tdmu edu vn Chương 1 GIỚI THIỆU TỔNG QUAN THIẾT KẾ WEB NỘI DUNG 1 Giới thiệu 2[.]
TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT NỘI DUNG KHOA KỸ THUẬT - CÔNG NGHỆ Giới thiệu Khái niệm thuật ngữ liên quan THIẾT KẾ WEB Phân loại trang web Một số điều cần ý Chương GIỚI THIỆU TỔNG QUAN Phone: 0274 3834930 Website: http://et.tdmu.edu.vn 18/01/2019 Bài giảng Thiết kế Web Giới thiệu Giới thiệu Website: văn phòng ảo tổ chức, công ty, doanh nghiệp… mạng Internet bao gồm tồn thơng tin, liệu, hình ảnh sản phẩm, dịch vụ hoạt động sản xuất kinh doanh mà tổ chức muốn truyền đạt tới người truy cập Internet Website không đơn nơi cung cấp thông tin cho người xem, cho khách hàng đối tác kinh doanh doanh nghiệp, cịn phải phản ánh nét đặc trưng doanh nghiệp, đảm bảo tính thẩm mỹ cao, tiện lợi, dễ sử dụng đặc biệt phải có sức lơi người sử dụng để thuyết phục họ trở thành khách hàng doanh nghiệp Đặc điểm tiện lợi website: 18/01/2019 Bài giảng Thiết kế Web Giới thiệu Thông tin dễ dàng cập nhật, thay đổi, khách hàng xem thông tin tức khắc, nơi nào, tiết kiệm chi phí in ấn, gửi bưu điện, fax, thông tin không giới hạn (đăng tải thông tin không hạn chế, khơng giới hạn số trang, diện tích bảng in ) không giới hạn phạm vi địa lý 18/01/2019 Bài giảng Thiết kế Web Giới thiệu Những phần nội dung thiết yếu website: Trang chủ: Trang lên người ta truy cập website Trang chủ nơi liệt kê liên kết Trang chủ thường dùng để trưng bày thông tin mà DN muốn giới thiệu đến người xem Trang liên hệ: trưng bày thông tin liên hệ với doanh nghiệp thường có form liên hệ để người xem gõ câu hỏi trang web Trang thông tin giới thiệu doanh nghiệp (About us): người xem xem website muốn tìm hiểu nhà cung cấp, DN cần có trang giới thiệu mình, nêu mạnh so với nhà cung cấp khác Trang giới thiệu sản phẩm hay dịch vụ: giới thiệu sản phẩm, dịch vụ với thơng tin hình ảnh minh họa 18/01/2019 Bài giảng Thiết kế Web Các yếu tố mang lại hiệu Website: Chất lượng website: yếu tố để giữ chân tạo ấn tượng tốt cho người xem họ vào xem website doanh nghiệp Chất lượng website đánh giá thông qua yếu tố sau: trình bày trang nhã, ấn tượng, bố cục rõ ràng, đơn giản, khơng bề bộn, khơng có q nhiều thông tin trang Thông tin: thơng tin phải xác, đầy đủ, súc tích, cập nhật thường xuyên Quan trọng thông tin phải hữu dụng cho người xem Tốc độ hiển thị: tốc độ hiển thị trang web phải nhanh, không người xem chán bỏ qua Các chức tiện ích phục vụ người xem như: form liên hệ, chức tìm kiếm, chức chọn hàng, đặt hàng v.v để tránh làm thời gian, gây phiền phức cho người xem 18/01/2019 Bài giảng Thiết kế Web 1 Giới thiệu Khái niệm thuật ngữ liên quan Các yếu tố mang lại hiệu Website: Trang web: Web page: Marketing website: khâu quan trọng để thu hút người vào xem website Nếu không marketing, khơng biết đến địa website này, từ đó, hàng năm có số người vào xem, làm cho website trở nên vô dụng Hỗ trợ khách hàng: Chất lượng dịch vụ hỗ trợ người xem (khách hàng), độ phục vụ trả lời email, xử lý đơn hàng, cung cấp thông tin theo yêu cầu người Nếu người quan tâm gửi câu hỏi từ trang liên hệ website mà phải chờ vài ngày không thấy câu trả lời, nhận câu trả lời không rõ ràng, không đầy đủ, với văn phong cẩu thả chắn doanh nghiệp bị nhiều khách hàng tiềm 18/01/2019 Bài giảng Thiết kế Web Là trang nội dung Có thể viết nhiều ngôn ngữ khác kết trả client HTML Web site: Tập hợp trang web có nội dung thống phục vụ cho mục đích World Wide Web (WWW): Tập hợp web site mạng internet 18/01/2019 Bài giảng Thiết kế Web Khái niệm … Khái niệm … HTML gì? Web browser (Trình duyệt web): HTML (Hypertext Markup Language-Ngơn ngữ đánh dấu siêu văn bản) ngôn ngữ đánh dấu chuẩn dùng soạn thảo tài liệu World Wide Web, rõ trang Web hiển thị trình duyệt Ngơn ngữ HTML dùng tag đoạn mã lệnh trình duyệt (Web browsers) cách hiển thị thành phần trang text graphics Dynamic HTML (DHTML-HTML động) Phần mền phiên dịch đánh dấu file HTML, định dạng chúng sang trang Web, thể chúng cho người dùng Vài browser cho phép người dùng gởi nhận e-mail, đọc newsgroups, thực file sound video nhúng vào tài liệu Web Các trình duyệt web phổ biến nay: Microsoft Internet Explorer, Mozilla Firefox Google Chrome Là ngôn ngữ HTML mở rộng làm tăng hiệu ứng trình bày văn đối tượng khác 18/01/2019 Bài giảng Thiết kế Web 18/01/2019 Bài giảng Thiết kế Web Khái niệm … Khái niệm … Hosting (hay lưu trữ web) gì? Dung lượng Web Hosting? Web Hosting nơi lưu trữ tất trang Web, thông tin, tư liệu, hình ảnh Website máy chủ Internet, Web Hosting đồng thời nơi diễn tất hoạt động giao dịch, trao đổi thông tin Website với người sử dụng Internet hỗ trợ phần mềm Internet hoạt động Nói cách đơn giản, Web Hosting tương đương với trụ sở làm việc hay phòng giao dịch doanh nghiệp đời thường Khi bạn thuê Web Hosting, điều giống bạn th phịng cao ốc để làm văn phòng hay trụ sở làm việc Giá hosting thấp, từ vài chục nghìn đến hai trăm nghìn đồng tháng, tùy theo cấu hình host, ngơn ngữ lập trình sở liệu mà host hỗ trợ 18/01/2019 Bài giảng Thiết kế Web 11 10 Dung lượng web hosting khoảng không gian bạn phép lưu trữ liệu ổ cứng máy chủ Như nói trên, bạn thuê web hosting giống bạn thuê văn phòng nhà cao ốc Vậy đây, dung lượng web hosting giống diện tích văn phịng bạn Băng thơng Web Hosting? Băng thơng web hosting lượng liệu (tính MBytes) trao đổi website bạn với người sử dụng tháng Ví dụ bạn tải lên website tệp tài liệu có kích thước 1MB có 100 khách hàng tải tệp tài liệu bạn tiêu tốn tổng cộng 100MB băng thông 18/01/2019 Bài giảng Thiết kế Web 12 2 Khái niệm … Khái niệm … Domain (Tên miền): URL (Uniform Resource Locator) Tên miền địa website Website bắt buộc phải có tên miền Tên miền có nhiều dạng www.abc.com, www.abc.net hay www.abc.com.vn Có website khơng mua tên miền riêng mà dùng tên miền (subdomain) dạng www.abc.com/xyz hay www.xzy.abc.com (xzy tên miền tên miền abc.com) Dạng tên miền tốn tiền mua mà nguyên tắc website “mẹ” (tức www.abc.com) “mở” hàng trăm, hàng nghìn tên miền Chi phí trả cho tên miền dạng www.abc.com mua mạng khoảng 10 USD/năm Bài giảng Thiết kế Web 18/01/2019 13 Khái niệm … 18/01/2019 Bài giảng Thiết kế Web 14 Khái niệm … Internet Bookmark: vị trí trang web đích hyperlink bookmark áp dụng cho chuỗi ký tự tồn trang Bookmarks cho phép tác giả link đến phần định trang Trong URL, bookmark đánh dấu phía trước dấu thăng(#) Cũng gọi neo (anchor) Bài giảng Thiết kế Web 18/01/2019 Địa tới trạm Internet hay mạng nội bộ, chuỗi cung cấp địa Internet Web site tài nguyên World Wide Web, theo sau nghi thức URL thường dùng http://, để định địa Web site Internet Những URL khác gopher://, ftp://, mailto:// 15 Một hệ thống gồm mạng máy tính liên kết với phạm vi toàn giới, tạo điều kiện thuận lợi cho dịch vụ truyền thông liệu, đăng nhập từ xa, truyền tệp tin, thư tín điện tử, nhóm thơng tin Mỗi máy tính hệ thống có khả "nói chuyện" với máy tính thành viên khác 18/01/2019 Bài giảng Thiết kế Web Phân loại trang web Một số điều cần ý Dựa vào công nghệ phát triển, có loại: Đặc tả: 16 Web để làm gì? Web tĩnh: Ai dùng? Dễ phát triển Trình độ người dùng? Tương tác yếu Nội dung, hình ảnh? Sử dụng HTML Người làm web tĩnh thường dùng công cụ trực quan để tạo trang web Web động: Phân tích Mối liên quan nội dung? Thứ tự nội dung? Khó phát triển Tương tác mạnh Sử dụng nhiều ngôn ngữ khác Thường phải viết nhiều mã lệnh 18/01/2019 Bài giảng Thiết kế Web 17 18/01/2019 Bài giảng Thiết kế Web 18 Một số điều cần ý … Một số điều cần ý … Thiết kế Kiểm thử Sơ đồ cấu trúc website Kiểm tra nhiều trình Giao diện duyệt Tĩnh hay động Kiểm tra nhiều loại CSDL mạng Nội dung trang Kiểm tra tốc độ Liên kết trang Kiểm tra liên kết Xây dựng Cấu trúc thư mục Thử lỗi bảo mật Các modul dùng chung … … 18/01/2019 Bài giảng Thiết kế Web 19 Tổ chức lưu trữ Website Website bao gồm nhiều trang Khi lưu trữ phải tổ chức có cấu trúc để thuận tiện quản lý, điều chỉnh sau Khi đưa Website lên WebServer cấp địa (Domain Name) thư mục Trang chủ Website Trang chủ (Home page) nạp truy cập mà không rõ tập tin (Chỉ nhập URL Website) Thường qui định là: index.htm, default.htm, home.htm VD: Truy cập: http://www.tuoitre.com.vn Nghĩa là: http://www.tuoitre.com.vn/Index.htm Bài giảng Thiết kế Web Bài giảng Thiết kế Web 20 Tổ chức lưu trữ Website Các tập tin HTML Website 18/01/2019 18/01/2019 21 Tổ chức Site thư mục: Tất tập tin HTML tập tin khác đặt thư mục Tổ chức Site thư mục theo chức năng: Bên thư mục chính, tổ chức thư mục chứa tập tin có nội dung liên quan với Tổ chức Site thư mục theo kiểu tập tin: Bên thư mục chính, tổ chức thư mục chứa tập tin kiểu Thư mục chứa trang chủ thư mục thư mục chứa trang HTML, thư mục chứa tập tin hình ảnh Thuận lợi sử dụng chung tập tin, dễ thay bổ sung Tổ chức Site hỗn hợp: Kết hợp cách tổ chức theo chức theo kiểu tập tin 18/01/2019 Bài giảng Thiết kế Web 22 Tổ chức lưu trữ Website Địa tuyệt đối Khi tham chiếu đến tập tin phải ghi đầy đủ địa URL http://ServerName/Đường dẫn/ Tên tập tin VD: http://vietnamnet.vn/Tinkinhte/quocte/tin07.html Địa tương đối Khi tham chiếu đến tập tin thư mục tập tin chính: Tên tập tin Khi tham chiếu đến tập tin khác thư mục tập tin chính: Đường dẫn/Tên tập tin Ghi chú: Sử dụng / để thư mục cấp thư mục chứa tập tin 18/01/2019 Bài giảng Thiết kế Web 23 Phone: 0274 3834930 Website: http://et.tdmu.edu.vn ... viết nhiều mã lệnh 18 / 01/ 2 019 Bài giảng Thiết kế Web 17 18 / 01/ 2 019 Bài giảng Thiết kế Web 18 Một số điều cần ý … Một số điều cần ý … Thiết kế Kiểm thử Sơ đồ cấu trúc website Kiểm tra... khác 18 / 01/ 2 019 Bài giảng Thiết kế Web 18 / 01/ 2 019 Bài giảng Thiết kế Web Khái niệm … Khái niệm … Hosting (hay lưu trữ web) gì? Dung lượng Web Hosting? Web Hosting nơi lưu trữ tất trang Web, ... http://www.tuoitre.com.vn/Index.htm Bài giảng Thiết kế Web Bài giảng Thiết kế Web 20 Tổ chức lưu trữ Website Các tập tin HTML Website 18 / 01/ 2 019 18 / 01/ 2 019 21 Tổ chức Site thư mục: Tất tập