Bài giảng Thiết kế web: Chương 1 - Trường ĐH Thủ Dầu Một

Chia sẻ: _ _ | Ngày: | Loại File: PDF | Số trang:5

Thêm vào BST

Báo xấu

22
lượt xem 5
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

Bài giảng Thiết kế web: Chương 1 cung cấp cho người học những kiến thức như: Giới thiệu; Khái niệm và thuật ngữ liên quan; Phân loại trang web; Một số điều cần chú ý. Mời các bạn cùng tham khảo!

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: Bài giảng Thiết kế web: Chương 1 - Trường ĐH Thủ Dầu Một

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