Link xem tivi trực tuyến nhanh nhất xem tivi trực tuyến nhanh nhất xem phim mới 2023 hay nhất xem phim chiếu rạp mới nhất phim chiếu rạp mới xem phim chiếu rạp xem phim lẻ hay 2022, 2023 xem phim lẻ hay xem phim hay nhất trang xem phim hay xem phim hay nhất phim mới hay xem phim mới link phim mới

Link xem tivi trực tuyến nhanh nhất xem tivi trực tuyến nhanh nhất xem phim mới 2023 hay nhất xem phim chiếu rạp mới nhất phim chiếu rạp mới xem phim chiếu rạp xem phim lẻ hay 2022, 2023 xem phim lẻ hay xem phim hay nhất trang xem phim hay xem phim hay nhất phim mới hay xem phim mới link phim mới

intTypePromotion=1
ADSENSE

Giáo trình Thiết kế và quản trị Website (Nghề: Quản trị mạng máy tính - Trình độ: Trung cấp) - Trường TCN Quang Trung

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

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

(NB) Giáo trình “Thiết kế và quản trị Website” được tóm gọn lý thuyết căn bản, các bài thực hành mẫu thiết thực, trang bị các kiến thức bản nhất làm nền tảng cho chuyên ngành CNTT về xây dựng ứng dụng Website. Công nghệ xây dựng ứng dụng Web phổ biến hiện nay như ASP.NET (C#, VB.NET), PHP, JSP (Java)… Việc chọn một công nghệ để phát triển ứng dụng đóng vai trò quan trọng nhằm tiết kiệm thời gian, các thế mạnh của bạn, chất lượng sản phẩm đáp ứng nhu cầu khách hàng. Giáo trình này trình bày căn bản về thiết kế và quản trị Website với các chủ điểm như thiết kế trang web tĩnh, sử dụng Bootstrap, xuất bản trang Web và quản trị Website… Mời các bạn cùng tham khảo.

Chủ đề:
Lưu

Nội dung Text: Giáo trình Thiết kế và quản trị Website (Nghề: Quản trị mạng máy tính - Trình độ: Trung cấp) - Trường TCN Quang Trung

  1. ỦY BAN NHÂN DÂN QUẬN GÒ VẤP TRƯỜNG TRUNG CẤP NGHỀ QUANG TRUNG -----  ----- GIÁO TRÌNH MÔ ĐUN: THIẾT KẾ VÀ QUẢN TRỊ WEBSITE NGHỀ: QUẢN TRỊ MẠNG MÁY TÍNH TRÌNH ĐỘ: TRUNG CẤP (Lưu hành nội bộ) (Ban hành theo Quyết định số:342/QĐ-QT ngày 28 tháng 10 năm 2021 của Trường Trung cấp nghề Quang Trung) Tp.HCM, năm 2021 1
  2. Giáo trình Thiết kế và quản trị Website TUYÊN BỐ BẢN QUYỀN: Tài liệu học tập này phục vụ cho việc dạy và học tại khoa Công nghệ Thông tin, Trường Trung cấp nghề Quang Trung, Q. Gò Vấp, TP.HCM. Nhằm tôn trọng bản quyền, chúng tôi nghiêm cấm các hình thức sao chép, chuyển đổi, ghi âm, ghi hình… khi chưa có sư cho phép của tác giả và đơn vị sở hữu tài liệu này. Khoa Công nghệ thông tin – TCN Quang Trung Trang 2
  3. Giáo trình Thiết kế và quản trị Website LỜI GIỚI THIỆU Giáo trình “Thiết kế và quản trị Website” được tóm gọn lý thuyết căn bản, các bài thực hành mẫu thiết thực, trang bị các kiến thức bản nhất làm nền tảng cho chuyên ngành CNTT về xây dựng ứng dụng Website. Công nghệ xây dựng ứng dụng Web phổ biến hiện nay như ASP.NET (C#, VB.NET), PHP, JSP (Java)… Việc chọn một công nghệ để phát triển ứng dụng đóng vai trò quan trọng nhằm tiết kiệm thời gian, các thế mạnh của bạn, chất lượng sản phẩm đáp ứng nhu cầu khách hàng. Giáo trình này trình bày căn bản về thiết kế và quản trị Website với các chủ điểm như thiết kế trang web tĩnh, sử dụng Bootstrap, xuất bản trang Web và quản trị Website… Mặc dù cố gắng biên soạn, tuyển chọn các bài thực hành thiết thưc, dễ sử dụng … nhưng không thể tránh khỏi các thiếu sót ngoài mong muốn. Rất mong bạn đọc gần xa góp ý để giáo trình được tốt hơn. Tp. Hồ Chí Minh, 2021 Tham gia biên soạn: Khoa Công Nghệ Thông Tin Trường Trung cấp nghề Quang Trung Địa Chỉ: 689 Quang Trung, Phường 8, quận Gò Vấp, Tp.Hồ Chí Minh Tel: 028. 35892025 Mọi góp ý vui lòng liên hệ: Nguyễn Văn Lân Email: nguyenlangroup@gmail.com – nguyenlan@live.com Website: www.ThuVienHocTap.Net Điện thoại: 098 560 1838 Trân trọng giới thiệu đến bạn. Khoa Công nghệ thông tin – TCN Quang Trung Trang 3
  4. Giáo trình Thiết kế và quản trị Website MỤC LỤC LỜI GIỚI THIỆU ..................................................................................................... 3 GIÁO TRÌNH MÔ ĐUN .......................................................................................... 6 TÊN MÔ ĐUN: THIẾT KẾ VÀ QUẢN TRỊ WEBSITE ...................................... 6 BÀI 01: TỔNG QUAN VỀ THIẾT KẾ WEBSITE ............................................... 7 1. Lịch sử của Internet ............................................................................................ 7 2. Các trình duyệt web điển hình ........................................................................... 9 3. ISP là gì? ............................................................................................................... 9 4. Thiết kế Web ...................................................................................................... 10 5. Giao thức HTTP ................................................................................................ 10 6. Lập trình Web .................................................................................................... 10 7. Lập trình Client – Side ...................................................................................... 11 8. Lập trình Server – Side ..................................................................................... 11 9. Website tĩnh ........................................................................................................ 11 10. Website động ...................................................................................................... 12 11. Triển khai trang web ......................................................................................... 12 12. Công nghệ xây dựng Website thông dụng ....................................................... 13 13. Môi trường thiết kế Website ............................................................................. 13 14. Nguyên tắc hoạt động của Website .................................................................. 13 15. Ngôn ngữ HTML ............................................................................................... 15 16. Các thẻ HTML ................................................................................................... 16 17. Trang và văn bản trên trang ............................................................................ 19 18. Trang và văn bản trên trang với CSS .............................................................. 22 19. Bảng biểu(Table) và trang khung(Frame) ...................................................... 44 20. Multimedia trên trang Web .............................................................................. 46 21. Câu hỏi ôn tập .................................................................................................... 48 BÀI 02: THIẾT KẾ TRANG WEB TĨNH ............................................................ 50 1. Trang web tĩnh là gì?......................................................................................... 50 2. Các đối tượng Form........................................................................................... 51 Khoa Công nghệ thông tin – TCN Quang Trung Trang 4
  5. Giáo trình Thiết kế và quản trị Website 3. Liên kết giữ các trang ........................................................................................ 57 4. Hoàn thiện trang web tĩnh ................................................................................ 59 5. Website bằng công nghệ mã nguồn mở ........................................................... 61 6. Website bằng công nghệ ASP.NET .................................................................. 61 7. Phân tích thực tiễn các ứng dụng Web thực tiễn............................................ 63 8. Thực hành........................................................................................................... 63 BÀI 03: KHAI THÁC ỨNG DỤNG BOOTSTRAP ............................................ 66 1. Bootstrap là gì .................................................................................................... 66 2. khai báo và sử dụng bootstrap ......................................................................... 68 3. các thành phần của boostrap ............................................................................ 70 4. Áp dụng các đối tượng vào trang Web ............................................................ 72 BÀI 04: TRIỂN KHAI WEBSITE LÊN INTERNET ......................................... 79 1. Giới thiệu ............................................................................................................ 79 2. Tạo tài nguyên triển khai .................................................................................. 79 3. Triển khai cục bộ ............................................................................................... 83 4. Triển khai trên Internet .................................................................................... 85 5. Cài đặt IIS .......................................................................................................... 89 6. Đưa website vào IIS ........................................................................................... 91 7. Thiết lập cấu hình và truy cập Website ........................................................... 96 BÀI 05: QUẢN TRỊ WEBSITE ........................................................................... 105 1. Tổng quan quản trị website ............................................................................ 105 2. Phân tích các yêu cầu của quản trị viên ........................................................ 107 3. Công việc quản trị viên ................................................................................... 108 4. Quản trị Hosting .............................................................................................. 109 5. Quản trị tên miền ............................................................................................. 113 6. Quảng bá Website và tối ưu SEO................................................................... 119 TÀI LIỆU THAM KHẢO .................................................................................... 123 Khoa Công nghệ thông tin – TCN Quang Trung Trang 5
  6. Giáo trình Thiết kế và quản trị Website GIÁO TRÌNH MÔ ĐUN TÊN MÔ ĐUN: THIẾT KẾ VÀ QUẢN TRỊ WEBSITE Mã mô đun: MĐ 20 I.VỊ TRÍ, TÍNH CHẤT MÔ ĐUN - Vị trí: Mô đun được bố trí sau khi sau khi học sinh học xong các mô đun hệ quản trị Cơ sở dữ liệu, tin học căn bản, các môn cơ sở chuyên ngành. - Tính chất: Là mô đun đào tạo nghề bắt buộc. II. MỤC TIÊU MÔ ĐUN Về kiến thức: - Trình bày được tổng quan về hệ thống Web; - Định hướng được kết cách thiết kế Web site; - Hiểu được bố cục trang Web thông dụng ; - Phân biệt web tĩnh và web động; - Có khả năng sử dụng dụng các thẻ HTML; - Giải thích được các khái niệm cơ bản về Web - Nắm được các bước để triển khai Website ra mạng toàn cầu; - Nắm được các thành phần, đối tượng để xây dựng Web tĩnh, Web động; - Giải thích được các ứng dụng Website thực tiễn. - Hiểu được quy trình các bước để quản trị được Website Về kỹ năng: - Biết cách tổ chức thông tin trên trang chủ; - Sử dụng các công cụ thiết kế Web thông dụng; - Thiết kế trang web căn bản theo chủ đề; - Cài đặt, cấu hình được dịch vụ IIS; - Có khả năng kết hợp với cơ sở dữ liệu để tạo ra các trang Web động. - Phân tích thực tiễn giao diện phía người dùng và phía quản trị - Các công việc quá trình quản trị được Website; - Kỹ năng khai thác các Website thực tiễn, tham khảo mã nguồn mẫu; - Các bước để xuất bản Website ra mạng toàn cầu; - Phân tích,trang bị kỹ năng để quản trị một Website thực tiễn - Tham khảo thao tác Website thực tiễn của doanh nghiệp, công ty, cá nhân… - Các kỹ thuật hỗ trợ Website như SEO, tương tác mạng xã hội, từ khóa… - Khai thác các gói mã nguồn mở như Boostrap, Joomla… Về năng lực tự chủ và trách nhiệm: - Rèn luyện lòng yêu nghề, tư thế tác phong công nghiệp , tính kiên trì, sáng tạo trong công việc, trao đổi học hỏi bạn bè, làm việc nhóm, trách nhiệm với mô đun, nội quy thực hành, khả năng tự tìm hiểu. Khoa Công nghệ thông tin – TCN Quang Trung Trang 6
  7. Giáo trình Thiết kế và quản trị Website - Rèn luyện trách nhiệm tự học, tự tìm hiểu thêm về mô đun. - Thực hiện an toàn sử dụng máy tính, điện, trách nhiệm với trang thiết bị phòng học. - Bố trí làm việc khoa học đảm bảo an toàn cho người và phương tiện học tập. - Giáo viên gợi ý các chủ đề mô đun ở thực tiễn, minh họa qua ứng dụng thực tiễn để học sinh tự tìm hiểu, tự học. - Tự đưa ra các bước căn bản để xử lí các yêu cầu của một người quản trị Website thực tiễn. - Bố trí làm việc khoa học đảm bảo an toàn cho người và phương tiện học tập. NỘI DUNG MÔ ĐUN BÀI 1: TỔNG QUAN VỀ THIẾT KẾ WEBSITE Mã bài: MĐ20-01 ❖ Giới thiệu: Bài này chúng ta cùng tìm hiểu các khái niệm về thiết kế Website, môi trường phát triển ứng dụng Web, các loại ứng dụng Web ở Internet. Nguyên tắc hoạt động của ứng dụng Web và tầm quan trọng của ứng dụng Website đối với thời đại công nghệ phát triển nhanh chóng. ❖ Mục tiêu: - Hiểu được lịch sử của WWW; - Hiểu được cấu trúc của một trang HTML; - Có khả năng thiết kế được giao diện; - Biết cách tổ chức được thông tin trong trang chủ; - Các khái niệm cơ bản về trang web, thiết kế trang Web; - Thực hiện các thao tác an toàn với máy tính. ❖ Nội dung chính: 1. Lịch sử của Internet Mạng Internet ban đầu có tên là ARPANET. Cơ quan quản lý dự án nghiên cứu phát triển ARPA thuộc bộ quốc phòng Mỹ liên kết 4 địa điểm đầu tiên vào tháng 7 năm 1969 bao gồm: Viện nghiên cứu Stanford, Đại học California, Los Khoa Công nghệ thông tin – TCN Quang Trung Trang 7
  8. Giáo trình Thiết kế và quản trị Website Angeles, Đại học Utah và Đại học California, Santa Barbara. Đó chính là mạng liên khu vực (Wide Area Network - WAN) đầu tiên được xây dựng. Thuật ngữ "Internet" xuất hiện lần đầu vào khoảng năm 1974. Lúc đó mạng vẫn được gọi là ARPANET. Năm 1983, giao thức TCP/IP chính thức được coi như một chuẩn đối với ngành quân sự Mỹ và tất cả các máy tính nối với ARPANET phải sử dụng chuẩn mới này. Năm 1984, ARPANET được chia ra thành hai phần: phần thứ nhất vẫn được gọi là ARPANET, dành cho việc nghiên cứu và phát triển; phần thứ hai được gọi là MILNET, là mạng dùng cho các mục đích quân sự. Giao thức TCP/IP ngày càng thể hien rõ các điểm mạnh của nó, quan trọng nhất là khả năng liên kết các mạng khác với nhau một cách dễ dàng. Chính điều này cùng với các chính sách mở cửa đã cho phép các mạng dùng cho nghiên cứu và thương mại kết nối được với ARPANET, thúc đẩy việc tạo ra một siêu mạng (SuperNetwork). Năm 1980, ARPANET được đánh giá là mạng trụ cột của Internet. Mốc lịch sử quan trọng của Internet được xác lập vào giữa thập niên 1980 khi tổ chức khoa học quốc gia Mỹ NSF thành lập mạng liên kết các trung tâm máy tính lớn với nhau gọi là NSFNET. Nhiều doanh nghiệp đã chuyển từ ARPANET sang NSFNET và do đó sau gần 20 năm hoạt động, ARPANET không còn hiệu quả đã ngừng hoạt động vào khoảng năm 1990. Sự hình thành mạng xương sống của NSFNET và những mạng vùng khác đã tạo ra một môi trường thuận lợi cho sự phát triển của Internet. Tới năm 1995, NSFNET thu lại thành một mạng nghiên cứu còn Internet thì vẫn tiếp tục phát triển. Với khả năng kết nối mở như vậy, Internet đã trở thành một mạng lớn nhất trên thế giới, mạng của các mạng, xuất hiện trong mọi lĩnh vực thương mại, chính trị, quân sự, nghiên cứu, giáo dục, văn hoá, xã hội... Cũng từ đó, các dịch vụ trên Internet không ngừng phát triển tạo ra cho nhân loại một thời kỳ mới: kỷ nguyên thương mại điện tử trên Internet. Internet là gì Internet là hệ thống thông tin toàn cầu gồm nhiều máy tính liên kết lại với nhau. Hệ thống này truyền dữ liệu thông theo kiểu chuyển gói dữ liệu theo một giao thức mạng đã được chuẩn hoá. Lợi ích từ Internet Internet mang lại nhiều lợi ích cho người sử dụng, góp phần to lớn cho xã hội điện tử. Qua Internet bạn gởi thư, xem thông tin toàn thế giới, trao đổi, xem Khoa Công nghệ thông tin – TCN Quang Trung Trang 8
  9. Giáo trình Thiết kế và quản trị Website truyền hình, nghe nhạc, học tập, chơi game, đi chợ trực tuyến, thực hiện giao dịch… Sự xuất hiện của www Năm 1991, Tim Berners Lee ơ Trung tâm nghiên cứu nguyên tử châu Âu (CERN) phát minh ra World Wide Web (WWW) dựa theo một ý tưởng về siêu văn bản được Ted Nelson đưa ra từ năm 1985. Có thể nói đây là một cuộc cách mạng trên Internet vì người ta có the truy cập, trao đổi thông tin một cách dễ dàng. Năm 1994 là năm kỉ niệm lần thứ 25 ra đời ARPANET, NIST đề nghị thống nhất dùng giao thức TCP/IP. WWW đã trở thành dịch vụ phổ biến thứ 2 sau dịch vụ FTP. Những hình ảnh video đầu tiên được truyền đi trên mạng Internet. 2. Các trình duyệt web điển hình Các chương trình duyệt Web thông dụng nhất hiện nay là: ✓ Internet Explorer có sẵn trong Microsoft Windows. ✓ Mozilla Firefox của Tập đoàn Mozilla. ✓ Netscape Navigator của Netscape. ✓ Opera của Opera Software. ✓ Safari trong Mac OS X, của Apple Computer. Một số Web server điển hình ✓ IIS (Internet Information Services). ✓ Apache – TomCat. ✓ GWS (Google) 3. ISP là gì? ISP (Internet Service Provider) là nhà cung cấp dịch vụ Internet. Các ISP phải thuê đường và cổng của một IAP. Các ISP có quyền kinh doanh thông qua các hợp đồng cung cấp dịch vụ Internet cho các tổ chức và các cá nhân. Các loại ISP dùng riêng được quyền cung cấp đầy đủ các dịch vụ Internet. Điều khác nhau duy nhất giữa ISP và ISP riêng là ko cung cấp dịch vụ Internet vời mục đích kinh doanh. Người dùng chỉ cần thoả thuận với một ISP hay ISP riêng nào đó về các dịch vụ được sử dụng và thủ tuc thanh toán được gọi là thuê bao Internet. Một số nhà cung cấp ISP ở Việt Nam: ✓ VNPT. ✓ Tổng Công ty Viễn thông Quân đội – Viettel. ✓ Công ty FPT thuộc bộ khoa học và công nghệ. Khoa Công nghệ thông tin – TCN Quang Trung Trang 9
  10. Giáo trình Thiết kế và quản trị Website ✓ NetNam thuộc Công nghệ thông tin - Viện Khoa học và công nghệ Việt Nam. ✓ Công ty Thông tin Viễn thông Điện lực. Một số khái niệm khác Ngoài một số khái niệm trên, chúng ta tìm hiểu thêm một số khái niệm sau. 4. Thiết kế Web Bạn sử dụng các công cụ hỗ trợ để thiết kế trang web như FrontPage, Dreamweaver, Visual Studio, PhotoShop… để thiết kế giao diện. Thông thường xây dựng website tĩnh thì sử dụng cách thiết kế này. 5. Giao thức HTTP HTTP (HyperText Transfer Protocal) là giao thức chuyển đổi siêu văn bản. Giao thức này dùng để trao đổi dữ liệu giữa Web Server và trình duyệt web (Web Browser). Ví dụ: http://www.quangtrungtech.edu.vn/ URL URL (Uniform Resource Locator) địa chỉ cụ thể một trang web. Cú pháp tổng quát: scheme:// [:port] [ [?] Trong đó: ➢ scheme: Dịch vụ Internet như http, ftp,… ➢ host: Máy chủ chạy dịch vụ ứng dụng. ➢ port: Cổng chạy dịch vụ của máy chú. ➢ path: Đường dẫn tài nguyên trên máy chủ chạy dịch vụ. ➢ querystring: Chuỗi truy vấn để chạy tài nguyên ứng dụng. Ví dụ: http://quangtrungtech.edu.vn/content/tintuc_thongbao_chitiet.php?catid=62& subcatid=0&newsid=620&langid=0 6. Lập trình Web Lập trình web là sử dụng các ngôn ngữ lập trình để xây dựng nên ứng dụng cho trang Web. Một số ngôn ngữ lập trình phổ biến nhất hiện nay là PHP, Java(JSP), ASP.NET (C#, VB.NET)… Sử dụng ngôn ngữ lập trình kết hợp với các hệ CSDL để tạo trang web động chuyên nghiệp đáp ứng dụng nghiệp vụ chức năng của người dùng. Khoa Công nghệ thông tin – TCN Quang Trung Trang 10
  11. Giáo trình Thiết kế và quản trị Website Môi trường Windows, Web Server thường được sử dụng là IIS (Internet Information Server). IIS sử dụng cho cả các Server Script như : ASP (Active Server Page), JSP (Java Server Page), Servlet, PHP, Perl, ASP.NET. Môi trường Linux, Web Server thường sử dụng bao gồm Apache, JRUN, Web Logic, ... 7. Lập trình Client – Side Ngôn ngữ được sử dụng để xử lí ở máy khách. Một số ngôn ngữ thông dụng như VBScript, JavaScript,… Kỹ thuật lập trình này được thực hiện nhanh chóng ơ phía Client, không chuyển về Server xử lí và thực tế được sử dụng rộng rãi. Hiện nay có nhiều trình duyệt hỗ trợ thực thi kiểu lập trình này. Dẫn chứng: Bạn tạo giao diện trang web để khách hàng gởi phản hồi gồm các trường nhập liệu như tiêu đề, địa chỉ email, nội dung phản hồi… Khi đó, bạn có thể viết mã ở phía Client để kiểm tra tính hợp lệ ở phía người dùng như các vùng nhập liệu bắt buộc phải nhập vào, địa chỉ email phải hợp lệ. Sau khi đảm bảo các yêu cầu ở các trường nhập liệu thì người dùng gởi phản hồi. 8. Lập trình Server – Side Ngôn ngữ lập trình được sử dụng để lập trình xử lí ở phía Server như JSP, PHP, ASP.NET… Mã lệnh được thực thi ở Web Server va kết quả trả về cho Client ở dạng HTML, JavaScript, CSS, hình ảnh, âm thanh… Khi lập trình theo phương pháp này thì để ứng dụng chạy được, bạn cần cài đặt Web Server, các yêu cầu cần thiết để chạy được ứng dụng của bạn. Phương pháp lập trình ứng dụng này là xu thế của ứng dụng Web, được sử dụng ở những trang Web có yêu cầu xử lí phức tạp, đáp ứng các nghiệp vụ của người dùng. 9. Website tĩnh Được xây dựng bằng các ngôn ngữ HTML, DHTML dùng để thiết kế các trang web có nội dung ít cần thay đổi và cập nhật. Thích hợp với cá nhân, tổ chức, doanh nghiệp vừa và nhỏ mới làm quen với môi trường Internet. Ưu điểm: Thiết kế đồ hoạ đẹp: Trình bày ấn tượng vì về phần mỹ thuật chúng ta có thể hoàn toàn tự do trình bày các ý tưởng trên toàn diện tích trang. Khoa Công nghệ thông tin – TCN Quang Trung Trang 11
  12. Giáo trình Thiết kế và quản trị Website Tốc độ truy cập nhanh vì không mất thời gian trong việc truy vấn cơ sở dữ liệu như các trang web động. Chi phí đầu tư thấp: Chi phí xây dựng website tĩnh thấp vì không phải xây dựng các cơ sở dữ liệu, lập trình và chi phí cho việc thuê Hosting. . . Nhược điểm cơ bản: Khó khăn trong việc thay đổi và cập nhật thông tin: Muốn thay đổi và cập nhật nội dung thông tin phải biết về ngôn ngữ html, sử dụng được các chương trình thiết kế đồ hoạ, thiết kế web, cập nhật file lên server. Thông tin không có tính linh hoạt: Do nội dung được thiết kế cố định nên khi nhu cầu về thông tin tăng cao thì sẽ không đáp ứng được. Khó tích hợp, nâng cấp, mở rộng: Khi muốn mở rộng, nâng cấp một website tĩnh hầu như là phải làm mới lại website. 10.Website động Web động là thuật ngữ được dùng để chỉ những website có cơ sở dữ liệu và được hỗ trợ bởi các phần mềm phát triển web. Với web động, thông tin hiển thị được gọi ra từ 1 cơ sở dữ liệu khi người dùng truy vấn tới một trang web. Chẳng hạn ứng dụng thương mại điện tử (một cửa hàng trực tuyến) trưng bày catalogue sản phẩm trên website hay theo dõi kho hàng, khi một mặt hàng được giao, ngay lập tức những trang có liên quan đến sản phẩm đó phản ánh sự thay đổi này. Web động thường được phát triển bằng các ngôn ngữ lập trình tiên tiến như PHP, ASP, ASP.NET, Java, CGI, Perl, và sử dụng các cơ sở dữ liệu quan hệ mạnh như Access, My SQL, MS SQL, Oracle… Thông tin trên web động luôn mới vì nó dễ dàng được thường xuyên cập nhật thông qua việc sử dụng các công cụ cập nhật của các phần mềm quản trị web . Vì vậy website được hỗ trợ bởi cơ sở dữ liệu là phương tiện trao đổi thông tin nhanh nhất với người dùng Internet. Điều dễ nhận thấy là những website thường xuyên được cập nhật sẽ thu hút nhiều khách hàng tới thăm hơn. Tất cả các website Thương mại điện tử, các mạng thông tin lớn, các website của các tổ chức, doanh nghiệp hoạt động chuyên nghiệp trên Net đều sử dụng công nghệ web động. Có thể nói web động là website của giới chuyên nghiệp hoạt động trên môi trường Internet. 11.Triển khai trang web Một sản phẩm web cần phải triển khai ra mạng Internet hoặc mạng cục bộ. Do đó, cần phải có tên miền và không gian lưu trữ tài nguyên của ứng dụng. Khoa Công nghệ thông tin – TCN Quang Trung Trang 12
  13. Giáo trình Thiết kế và quản trị Website 12.Công nghệ xây dựng Website thông dụng Ở Việt Nam trong những năm qua ứng dụng web phát triển nhanh chóng, đáp ứng nhiều khía cạnh từ thực tiễn. Điểm chung lại một số giải pháp công nghệ để xây dựng ứng dụng ở Việt Nam. ✓ Website sử dụng ASP.NET – SQL Server. ✓ Website sử dụng PHP – MySQL. ✓ Website sử dụng JSP – MySQL (SQL Server). Một số giải pháp khác. Ngoài ra, sử dụng một số ứng dụng mã nguồn mở như DotNetNuke, PHP, Joomla, Ruby… 13.Môi trường thiết kế Website Dreamweaver dùng để thiết kế trang web, các Script hỗ trợ như PHP, JSP, ASP.NET… Để lập trình với các ngôn ngữ nay bạn cần cài đặt các phiên bản phù hợp, các trình chủ chạy web, các hệ cơ sở dữ liệu tương ứng như MS Access, MySQL, SQL Server, Oracle… Visual Studio (VS 2019) là môi trường phát triển ứng dụng chuyên nghiệpvà hiện đại nhất hiện nay dùng để xây dựng các ứng dụng WindowsForm, WebForm, Mobile…ở môi trường .NET. Môi trường này chúng ta sử dụng các ngôn ngữ lập trình để lập trình web như C #, Visual Basic.Net… Ngoài ra, môi trường này hỗ trợ rất nhiều khi thiết kế, lập trình, viết mã định dạng css, viết JavaScript và nhiều công nghệ mới được tích hợp như lập trình cơ sở dữ liệu, AJAX, thiết kế CSDL… Ngoài ra, còn một số môi trường phát triển khác như FrontPage, Web Matrix, Jbuilder… 14.Nguyên tắc hoạt động của Website ➢ Từ máy client gõ địa chỉ URL của trang web vào thanh địa chỉ của web browser, khi đó web browser sẽ dựa vào tên domain để tìm kiếm IP của web server (bằng cách dò trên DNS Server) ➢ Khi có IP, web browser sẽ gửi yêu cầu đến web server để lấy nội dung trang web ➢ Web server sẽ xử lý yêu cầu của client: lấy nội dung của website mà client yêu cầu để gửi client. ➢ Khi nhận được nội dung trang web thì web browser sẽ hiển thị lên cho người dùng. Khoa Công nghệ thông tin – TCN Quang Trung Trang 13
  14. Giáo trình Thiết kế và quản trị Website ➢ Trình duyệt web sẽ tách địa chỉ website ra làm ba phần: ➢ Giao thức (http) ➢ Máy chủ tên miền (www.webname.com) ➢ Tên tệp (file.htm) ➢ Trình duyệt web liên hệ với máy chủ tên miền (DNS server) để phân giải tên miền “www.webname.com” thành địa chỉ IP của web server ➢ Trình duyệt sẽ gửi tiếp 1 kết nối tới máy chủ địa chỉ IP tương ứng cổng 80. ➢ Dựa trên giao thức HTTP, trình duyệt gửi yêu cầu đến máy chủ, yêu cầu tệp: http://webname.com/file.htm ➢ Máy chủ sẽ gửi đoạn text dạng html đến trình duyệt của web client. Trình duyệt đọc các thẻ html, định dạng trang web và kết xuất ra màn hình Khoa Công nghệ thông tin – TCN Quang Trung Trang 14
  15. Giáo trình Thiết kế và quản trị Website 15.Ngôn ngữ HTML Nguồn gốc ra đời Năm 1990, Tim Berners – Lee tại CERN (tổ chức khoa học quốc tế trụ sở ở Geneva, Switzerland) đã tạo ra HTML. HTML là ngôn ngữ được định nghĩa gồm các thẻ và một chuẩn để trình bày dữ liệu ở Internet. HTML được quản lí bởi tổ chức W3C (World Wide Web Consortium). Phần mở rộng của file HTML là .html hoặc .htm. Phiên bản mới nhất hiện nay là HTML 5.0. Chúng ta có thể sử dụng soạn thảo file HTML bằng Notepad, MS FontPage, Dreamweaver, Expression Web, Visual Studio… Cấu trúc một trang HTML Trang HTML luôn bắt đầu bằng thẻ và kết thúc bằng thẻ đóng . Cấu truc của trang HTML: Xay dung ung dung Web. Chao mung ban ghe tham http://www.quangtrungtech.edu.vn. Ví dụ: Khoa Công nghệ thông tin – TCN Quang Trung Trang 15
  16. Giáo trình Thiết kế và quản trị Website http://www.quangtrungtech.edu.vn Cho mừng bạn đến với Giáo trình thiết kế Website. Tc giả: Nguyễn Văn Lân Webiste: http://www.quangtrungtech.edu.vn Email: lanit_itec@yahoo.com 16.Các thẻ HTML Thẻ … Thẻ và : Bắt buộc ở phần mở đầu và kết thúc trang HTML. Thẻ … Chứa các thông tin sau : : Tiêu đề trang web. : Chứa các thông tin về trang web như từ khoá, tác giả… : Chứa các liên kết đến các tệp tin khác như file .css (CSS), file .js (JavaScript).. : Chứa các thuộc tính định dạng để định dạng các phần tử trong trang web. : Định nghĩa ngôn ngữ kịch bản như JavaScript… : Chứa các địa chỉ URL. Thẻ Phần thân của trang web. Phần này được hiển thị ở trình duyệt web. Thẻ headings Thẻ định dạng cỡ chữ lớn đến nhỏ dần gồm có 6 thẻ , , , , , . Ví dụ: Khoa Công nghệ thông tin – TCN Quang Trung Trang 16
  17. Giáo trình Thiết kế và quản trị Website WWW.NGUYENLAN.NET Ngơn ngữ C# Ngơnn ngữ Visual Basic.NET Ngơn ngữ C++.NET Ngơn ngữ Java Ngơn ngữ C- C++ Ngơn ngữ Pascal Paragraphs - Để phân đoạn giữa các đoạn văn bạn sử dụng thẻ . Thẻ không cần thẻ đóng. Ví dụ: WWW.NGUYENLAN.COM Cho mừng bạn đến với gio trình “Kỹ thuật xy dựng ứng dụng ASP.NET” Tập 3, một gio trình khm ph cơng nghệ AJAX (Asynchronous JavaScript And XML) trên môi trường ASP.NET. Như tên gọi, AJAX l cơng nghệ kết hợp giữa kỹ thuật gọi hm bất đồng bộ trong JavaScript v xử lý dữ liệu XML. AJAX mang lại hiệu qủa to lớn trong thế hệ lập trình Web 2.0 mới. Phin bản ASP.NET 2.0 v ASP.NET 3.5 hỗ trợ mạnh mẽ cc thnh phần cơng cụ AJAX. Trong gio trình ny, tc giả trình by v minh họa từng bước cụ thể để bạn tiếp cận cơng nghệ AJAX dễ dng thơng qua ứng dụng thực tiễn – Rao vặt trực tuyến. Kết thc gio trình bạn cĩ thể tự triển khai, hồn thiện ứng dụng theo yu cầu ring hoặc mở rộng, bổ sung sản phẩm theo phong cch của mình. Kết quả trên trình duyệt IE: Thẻ Thẻ này dùng để ngắt dòng, chuyển sang dòng mới. Ví dụ: WWW.NGUYENLAN.NET Khoa Công nghệ thông tin – TCN Quang Trung Trang 17
  18. Giáo trình Thiết kế và quản trị Website Cho mừng bạn đến với gio trình "HTML - Script" . Bin soạn: Nguyễn Văn Lân - www.nguyenlan.net Kết quả: Thẻ Thẻ dùng để tạo đường kẻ ngang. Bạn có thể sử dụng các thuộc tính của thẻ này như kích cỡ (size), độ dài (width). Ví dụ: WWW.NGUYENLAN.NET Cho mừng bạn đến với gio trình "HTML - Script" . Bin soạn: Nguyễn Văn Lân - www.nguyenlan.net Kết quả: Thẻ chú thích Để chú thích bạn sử dụng thẻ . Ví dụ: WWW.NGUYENLAN.NET Cho mừng bạn đến với gio trình "HTML - Script" . Khoa Công nghệ thông tin – TCN Quang Trung Trang 18
  19. Giáo trình Thiết kế và quản trị Website 17.Trang và văn bản trên trang Định dạng trang html Mục này chúng ta tìm hiểu cách định dạng, màu nền, màu chữ, hình nền cho trang HTML. Màu nền và màu chữ Ví dụ: WWW.NGUYENLAN.NET BGCOLOR Đặt màu nền Cho mừng bạn đến với gio trình TEXT Đặt màu các con chữ, trừ các mối nối. "HTML - Script" . LINK Đặt màu ban đầu của đầu mối liên kết khi chưa kích hoạt Bin soạn: Nguyễn Văn Lân - VLINK Đặt màu đầu mối liên kết khi đã thăm đích www.nguyenlan.net ALINK Đặt màu đầu mối liên kết khi kích hoạt Bạn có thể sử dụng mã màu ở dạng Hexa như bgcolor="#999999" Một số thuộc tính và mã màu Một số thuộc tính và mã màu thông dụng. Mã màu: Tên màu Mã màu black #000000 white #FFFFFF pale grey #DBDDE5 dark green #306020 green #405060 pale blue/green #00FFFF pale blue #A5D6F7 navy blue #000020 burgundy #800040 Khoa Công nghệ thông tin – TCN Quang Trung Trang 19
  20. Giáo trình Thiết kế và quản trị Website yellow #FFFF00 purple #601050 red #FF0000 orange red #FF2400 orange #FF7F00 neon blue #4D4DFF pale purple/orchid #9370DB maroon #8E236B scarlet #8C1717 pale purple #6B238E firebirch #8E2323 Hình nền Ví dụ: Chèn hình nền. WWW.NGUYENLAN.NET Cho mừng bạn đến với gio trình "HTML - Script" . Bin soạn: Nguyễn Văn Lân - www.nguyenlan.net Nếu hình ảnh chứa ở thư mục Images thì khai báo như sau: WWW.NGUYENLAN.NET Cho mừng bạn đến với gio trình "HTML - Script" . Bin soạn: Nguyễn Văn Lân - www.nguyenlan.net Thuộc tính backgroud có nhiều thuộc tính như : background-image: url(New_Aurora.jpg); background-position:center; background-repeat:repeat-x; background-attachment:scroll; Chú ý: Môi trường phát triển như FrontPage, Dreamweaver, Visual Studio…hỗ trợ công cụ trực quan nhanh chóng để chọn màu nền, màu chữ… Khoa Công nghệ thông tin – TCN Quang Trung Trang 20
ADSENSE

CÓ THỂ BẠN MUỐN DOWNLOAD

 

Đồng bộ tài khoản
2=>2