1. Trang chủ
  2. » Công Nghệ Thông Tin

Báo-Cáo-TTSX-TÌM HIỂU VÀ XÂY DỰNG WEBSITE HỌC LẬP TRÌNH MIỄN PHÍ

32 11 0

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 32
Dung lượng 594,19 KB

Nội dung

KHOA CÔNG NGHỆ THÔNG TIN BỘ MÔN KHOA HỌC MÁY TÍNH BÁO CÁO THỰC TẬP SẢN XUẤT ĐỀ TÀI TÌM HIỂU VÀ XÂY DỰNG WEBSITE HỌC LẬP TRÌNH MIỄN PHÍ SINH VIÊN THỰC HIỆN CÁN BỘ HƯỚNG DẪN HÀ NỘI - 2021 MỤC LỤC DANH MỤC HÌNH VẼ LỜI CẢM ƠN Trước tiên với tình cảm sâu sắc chân thành nhất, cho phép em bày tỏ lòng biết ơn đến tất cá nhân tổ chức tạo điều kiện hỗ trợ, giúp đỡ em suốt trình học tập nghiên cứu đề tài Trong suốt thời gian từ bắt đầu học tập trường đến nay, em nhận nhiều quan tâm, giúp đỡ q Thầy Cơ bạn bè Với lịng biết ơn sâu sắc nhất, em xin gửi đến quý Thầy Cô mơn Khoa Học Máy Tính truyền đạt vốn kiến thức quý báu cho chúng em suốt thời gian học tập trường Nhờ có lời hướng dẫn, dạy bảo thầy cô nên đề tài nghiên cứu em hồn thiện tốt đẹp Một lần nữa, em xin chân thành cảm ơn cô Nguyễn Thuỳ Dương – người trực tiếp giúp đỡ, quan tâm, hướng dẫn em hoàn thành tốt báo cáo thời gian qua Bài báo cáo thực tập thực khoảng thời gian gần tuần Bước đầu vào thực tế em cịn hạn chế cịn nhiều bỡ ngỡ nên khơng tránh khỏi thiếu sót, em mong nhận ý kiến đóng góp quý báu quý Thầy Cô để kiến thức em lĩnh vực hồn thiện đồng thời có điều kiện bổ sung, nâng cao ý thức Em xin chân thành cảm ơn! CHƯƠNG I TỔNG QUAN VỀ WEBSITE I.1 Giới thiệu chung website I.1.1 Khái niệm World Wide Web (www), gọi tắt web, không gian thơng tin tồn cầu mà người truy nhập (gửi nhận thông tin) qua máy tính nối với mạng Internet Thuật ngữ thường hiểu nhầm từ đồng nghĩa với thuật ngữ Internet Nhưng web thực dịch vụ chạy Internet Các tài liệu web lưu trữ hệ thống siêu văn (hypertext) đặt máy Webserver nối mạng Internet Người dùng phải sử dụng chương trình gọi trình duyệt web (web browser) để xem siêu văn Chương trình nhận thơng tin ô địa URL người sử dụng yêu cầu, sau trình duyệt tự động gửi thơng tin đến máy webserver hiển thị hình máy tính người xem Người dùng theo liên kết siêu văn (hyperlink) trang web để nối với tài liệu khác gửi thông tin phản hồi lên máy chủ trình tương tác Hoạt động truy tìm thơng tin theo siêu liên kết thường gọi duyệt web Quá trình cho phép người dùng lướt trang web để lấy thơng tin Tuy nhiên độ xác chứng thực thông tin tùy thuộc vào uy tín website đưa thơng tin Đặc điểm tiện lợi web: 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 (muốn đăng thông tin được, khơng giới hạn số lượng thơng tin, hình ảnh…) không giới hạn phạm vi khu vực sử dụng (tồn giới truy cập) I.1.2 Hoạt động web Thơng qua trình duyệt, người dùng cuối kết nối đến máy Webserver địa URL Tại đây, máy Webserver xử lý kết nối gửi yêu cầu đến ứng dụng web Tùy theo yêu cầu, ứng dụng web truy vấn đến sở liệu nhận kết trả về, sau gửi phản hồi máy Webserver Cuối máy Webserver gửi liệu trình duyệt dạng siêu văn người dùng cuối nhận thông tin hiển thị trình duyệt I.1.3 Trình duyệt web Trình duyệt web (web browser) phần mềm ứng dụng cho phép người sử dụng xem tương tác với văn bản, hình ảnh, đoạn phim, nhạc, trị chơi thơng tin khác trang web địa web mạng toàn cầu mạng nội Trình duyệt web cho phép người sử dụng truy cập thông tin trang web cách nhanh chóng dễ dàng, đọc định dạng HTML, CSS, XML,… để hiển thị, trang web hiển thị khác trình duyệt khác Một số trình duyệt web phổ biến bao gồm Internet Explorer(Edge), Mozilla Firefox, Safari, Google Chrome, Cốc Cốc, Opera,… I.1.4 Địa URL Địa URL (Uniform Resource Locator) dùng để tham chiếu tới tài nguyên Internet URL mang lại khả siêu liên kết cho trang mạng, tài nguyên khác Ví dụ: http://humg.edu.vn/gioi-thieu/co-cau-to-chuc/ Một URL gồm thành phần sau: • Giao thức (ví dụ: http, https, ftp) • Tên miền (ví dụ: humg.edu.vn) • Cổng (ví dụ: 80, 443), nhiên thành phần khơng bắt buộc mặc định sử dụng port 80 • Đường dẫn tuyệt đối máy phục vụ tài nguyên (ví dụ: gioi-thieu/co-cauto-chuc/) I.1.5 Giao thức HTTP HTTPS HTTP (Hypertext Transfer Protocol), giao thức thuộc lớp ứng dụng mơ hình OSI Hoạt động thơng thường cổng (port) 80 giao thức hướng kết nối Các phương thức hoạt động HTTP: • GET: Phương thức lấy đối tượng tài ngun máy chủ (server) • POST: Phương thức mà máy trạm (Client) sử dụng để gửi thông tin đến Server • PUT: Phương thức dùng để máy trạm (Client) đẩy (upload) liệu lên Server • DELETE: Phương thức giúp Client xoá đối tượng, tài nguyên từ máy Webserver • HEAD: Phương thức xác minh đối tượng có tồn hay khơng • TRACE: Phương thức sử dụng để gọi từ xa lớp ứng dụng trở lại HTTPS (HTTP over SSL/TLS), kết hợp giao thức HTTP giao thức bảo mật SSL hay TLS cho phép trao đổi thông tin cách bảo mật Internet Các kết nối HTTPS thường sử dụng cho giao dịch toán Web cho giao dịch nhạy cảm hệ thống thông tin, liệu cần phải bảo vệ an toàn Khi HTTPS thiết lập giúp bảo mật thơng tin truyền hai máy tính Vậy, thơng tin cần bảo mật web sử dụng Nhưng kèm với q trình bảo mật có nghĩa hệ thống phải xử lý nhiều Hình I.1 Top SSL Certificate Authorities sử dụng phở biến I.1.6 Tên miền Mục đích tên miền để cung cấp hình thức đại diện, hay nói cách khác, dùng tên dễ nhận biết, thay cho tài nguyên Internet mà đa số đánh số địa IP khó nhớ Việc ánh xạ từ tên miền sang địa IP ngược lại hệ thống DNS toàn cầu thực Tên miền gồm hai dạng tên miền Quốc gia tên miền Quốc tế • Tên miền Quốc gia quy định theo Quốc gia bạn, ví dụ: Việt Nam vn; Nhật Bản jp; Anh uk; Mỹ us … • Tên miền Quốc tế: dùng khắp giới như: com; net; org; edu Ý nghĩa số tên miền mở rộng thơng dụng: • com: Dành cho cơng ty thương mại • net: Dành cho cơng ty mạng (network) hay cung cấp dịch vụ mạng • org: Dành cho tổ chức, nhóm • gov: Dành cho tổ chức phủ • edu: Dành cho tổ chức giáo dục, trường học • biz: Dành cho cơng ty thương mại trực tuyến Hình I.2 Top các tên miền phổ biến Ngôn ngữ dùng để viết Website Để xây dựng website ta có nhiều Ngơn ngữ lựa chọn để phát triển như; PHP, ASP.NET, Java, … Hình I.3 Top các ngơn ngữ phở biến Hoặc ta chọn Content Management Systems có sẵn để xây dựng website Hình I.1.4 WordPress Content Management Systems phổ biến I.2 Lịch sử đời website Ngày 21/12/1990, sở CERN nằm dãy núi Alps Thụy Sĩ, nhà vật lý học, chuyên gia phần mềm người Anh Tim Berners-Lee khởi chạy thành công trang web giới, với tên miền info.cern.ch, chạy máy chủ NeXT CERN Hiện trang web tồn ngày Vào thời điểm đó, có Berners-Lee đồng nghiệp CERN truy cập vào trang web lý đơn giản: có máy tính họ có trình duyệt web Phải đến tận năm 1993, trình duyệt Mosaic dành cho tảng Unix Windows đời, lúc website bắt đầu dần trở nên phổ biến Nội dung trang web cung cấp thông tin world wide web, tảng Internet, nơi văn trang Internet truy cập URL (Uniform Resource Locator – Định vị Tài nguyên thống nhất) kết nối với thông qua siêu liên kết Khi Berners-Lee sáng tạo trang web đầu tiên, mạng “Internet” nhóm tài liệu tĩnh, sử dụng gần độc quyền tổ chức quốc phòng tổ chức nghiên cứu mang tính học thuật Ý tưởng khởi tạo website Berners-Lee nhằm giúp cho phép tài liệu điện tử Internet dẽ dàng tìm kiếm chia sẻ “Khi liên kết thông tin web, khám phá thật, tạo ý tưởng, mua bán thứ tạo nên mối quan hệ với tốc độ quy mô tưởng tượng vào thời đại đó”, Berners-Lee, “cha đẻ” trang web chia sẻ Mặc dù trang web đời vào ngày 21/12/1990, nhiên đến ngày 6/8/1991, Berners-Lee đăng tải cơng khai tóm tắt dự án xây dựng trang web số nhóm hoạt động Internet Đây động thái đánh dấu mắt công khai trang web giới với cộng đồng Internet Năm 1994, Berners-Lee thành lập Tổ chức World Wide Web (thường biết đến với tên gọi W3C) học viện công nghệ MIT (Bang Massachusetts, Mỹ) Tổ chức W3C chịu trách nhiệm để tạo tiêu chuẩn cho trang web để đảm bảo trang web khác hoạt động theo cách tương tự Hiện Berners-Lee tiếp tục giữ vai trò lãnh đạo W3C Mặc dù có vài khác biệt trang web trình duyệt, khơng có định hướng W3C, hẳn giới web trở thành “mớ hỗn độn” khơng biết ngày hơm Hình I.4 Tim Berners-Lee, “cha đẻ” website Berners-Lee kêu gọi tiêu chuẩn riêng tư web, nơi người dùng có quyền sở hữu hợp pháp liệu họ web mà không sử dụng khơng có cho phép người dùng Có thể nói, đời web đời có vai trị quan trọng phát triển Internet Thậm chí, nhiều người cho khơng có xuất website, chưa Internet trở nên phổ biến rộng rãi đóng vai trị quan trọng sống ngày 10 Visual Studio Code hỗ trợ nhiều ứng dụng web Ngồi ra, có trình soạn thảo thiết kế website • Lưu trữ liệu dạng phân cấp Phần lớn tệp lưu trữ đoạn mã đặt thư mục tương tự Ngồi ra, Visual Studio Code cịn cung cấp thư mục cho số tệp đặc biệt quan trọng • Hỗ trợ viết Code Một số đoạn code thay đổi chút để thuận tiện cho người dùng Visual Studio Code đề xuất cho lập trình viên tùy chọn thay có • Hỗ trợ thiết bị đầu cuối Visual Studio Code có tích hợp thiết bị đầu cuối, giúp người dùng khỏi phải chuyển đổi hai hình trở thư mục gốc thực thao tác • Màn hình đa nhiệm Người dùng Visual Studio Code mở lúc nhiều tệp tin thư mục – chúng khơng liên quan với • Intellisense Hình III.3 Intellisense 18 Hầu hết trình viết mã có tính nhắc mã Intellisense, chương trình chun nghiệp Visual Studio Code Nó phát đoạn mã không đầy đủ Thậm chí, lập trình viên qn khơng khai báo biến, Intellisense tự động giúp họ bổ sung cú pháp cịn thiếu • Hỗ trợ Git Visual Studio Code hỗ trợ kéo chép mã trực tiếp từ GitHub Mã sau thay đổi lưu lại phần mềm • Bình luận Việc để lại nhận xét giúp người dùng dễ dàng nhớ cơng việc cần hồn thành III.1.3 Ưu điểm Visual Studio Code • Hỗ trợ đa tảng: Windows, Linux, Mac • Hỗ trợ đa ngơn ngữ: C/C++, C#, F#, Visual Basic, HTML, CSS, JavaScript, JSON • Ít dung lượng • Tính mạnh mẽ • Intellisense chun nghiệp • Giao diện thân thiện III.2 Ngơn ngữ sử dụng III.2.1 HTML(Hyper Text Markup Language) III.2.1.1 HTML gì? HTML chữ viết tắt HyperText Markup Language, có nghĩa ngơn ngữ đánh dấu siêu văn Nó dùng để định dạng bố cục, thuộc tính liên quan đến cách hiển thị đoạn text hiển thị chương trình đặc biệc ta gọi Browser Hiện có nhiều Browser Firefox, Chrome, Cốc Cốc, Tất Browser có điểm chung giúp người dùng thao tác với website có khả biên dịch đoạn mã HTML, CSS JavaScript III.2.1.2 Cấu trúc HTML 19 Cấu trúc trang HTML/XHTML có dạng sau, thường gồm phần: : Phần khai báo chuẩn html hay xhtml : Phần khai báo ban đầu, khai báo meta, title, css, javascript… : Phần chứa nội dung trang web, nơi hiển thị nội dung Hình III.4 Cấu trúc HTML III.2.2 CSS (Cascading Style Sheets) III.2.2.1 CSS gì? CSS chữ viết tắt Cascading Style Sheets, ngơn ngữ sử dụng để tìm định dạng lại phần tử tạo ngơn ngữ đánh dấu (ví dụ HTML) Bạn hiểu đơn giản rằng, HTML đóng vai trò định dạng phần tử website việc tạo đoạn văn bản, tiêu đề, bảng,…thì CSS giúp thêm chút “phong cách” vào phần tử HTML đổi màu sắc trang, đổi màu chữ, thay đổi cấu trúc,…rất nhiều 20 Hình III.5 Vai trị CSS Phương thức hoạt động CSS tìm dựa vào vùng chọn, vùng chọn tên thẻ HTML, tên ID, class hay nhiều kiểu khác Sau áp dụng thuộc tính cần thay đổi lên vùng chọn III.2.2.1 Cấu trúc CSS Hình III.6 Cấu trúc CSS Một đoạn CSS bao gồm phần: vùng chọn { thuộc tính : giá trị; thuộc tính: giá trị; } 21 Nghĩa khai báo vùng chọn, sau thuộc tính giá trị nằm bên cặp dấu ngoặc nhọn {} Mỗi thuộc tính ln có giá trị riêng, giá trị dạng số, tên giá trị danh sách có sẵn CSS Phần giá trị thuộc tính phải cách dấu hai chấm, dịng khai báo thuộc tính ln có dấu chấm phẩy cuối Một vùng chọn sử dụng khơng giới hạn thuộc tính III.2.3 JavaScript III.2.3.1 JavaScript gì? JavaScript ngơn ngữ kịch (scripting language) dùng để tạo script máy client (client-side script) máy server (server-side script) Các script máy client thực thi trình duyệt, script máy server thực server Chương giới thiệu cho ngôn ngữ Javascript, cách chèn script vào tài liệu HTML HTML lúc đầu phát triển định dạng tài liệu chuyển liệu Internet Tuy nhiên, khơng lâu sau đó, trọng tâm HTML nặng tính hàn lâm khoa học dần chuyển hướng sang người dùng thường nhật ngày người dùng xem Internet nguồn thông tin giải trí Các trang Web ngày mang tính sáng tạo đẹp mắt nhằm thu hút nhiều người dùng Nhưng thực chất kiểu dáng nội dung bên không thay đổi Và người dùng điều khiển trang Web hiển thị Javascript phát triển giải pháp cho vấn đề nêu Javascript ngôn ngữ kịch Sun Microsystems Netscape phát triển Nó dùng để tạo trang Web động tương tác Internet Đối với người phát triển HTML, Javascript hữu ích việc xây dựng hệ thống HTML tương tác với người dùng Sun Microsystems viết ngôn ngữ phức tạp mạnh mẽ mà biết ngơn ngữ Java Mặc dù Java có tính khả dụng cao lại phù hợp nhà lập trình có kinh nghiệm cho công việc phức tạp Netscape Communications nhận thấy nhu cầu cần ngơn ngữ thiết kế web có khả tương tác vớI ngườI sử dụng hay vớI Java Applet, dễ sử dụng vớI ngườI lập trình kinh nghiệm 22 LiveScript ngôn ngữ dạng phác thảo, nhiên hấp dẫn ngườI sử dụng hứa hẹn đáp ứng tốt yêu cầu LiveScript thiết kế theo tinh thần nhiều ngôn ngữ script đơn giản lại có tính khả dụng cao thiết kế đặc biệt để xây dựng trang Web (chẳng hạn HTML form tương tác) Để giúp “bán chạy” ngôn ngữ này, Netscape hợp tác với Sun cho đời ngôn ngữ Javascript Trên thực tế, Microsoft người tiên phong triển khai phiên Javascript (cịn có tên Jscript), họ khơng sử dụng các đặc tả thức Javascript Mục tiêu JavaScript nhằm cung cấp cho nhà phát triển Web số khả quyền điều khiển chức cho trang Web Mã Javascript có khả nhúng tài liệu HTML để điều khiển nội dung trang Web kiểm tra hợp lệ liệu mà người dùng nhập vào Khi trang hiển thị trình duyệt, câu lệnh trình duyệt thơng dịch thực thi JavaScript ngôn ngữ kịch dựa đối tượng nhằm phát triển ứng dụng Internet chạy phía client phía server Các ứng dụng client chạy trình duyệt Netscape Navigator Internet Explorer, ứng dụng server chạy Web server Microsoft’s Internet Information Server Netscape Enterprise Server III.2.3.2 Hiệu ứng quy tắc JavaScript JavaScript ngôn ngữ lập trình nhúng trang HTML JavaScript nâng cao tính động khả tương tác cho web-site cách sử dụng hiệu ứng thực phép tính, kiểm tra form, viết trò chơi, bổ sung hiệu ứng đặc biệt, tuỳ biến chọn lựa đồ hoạ, tạo mật khẩu bảo mật Chúng ta sử dụng JavaScript để: • Tương tác với người dùng.Chúng ta viết mã để đáp lạI kiện Các phát sinh người dùng - - nhấp chuột hay phát sinh từ hệ thống - - định lại kích thước trang v.v • Thay đổi nội dung động Mã JavaScript dùng để thay đổi nội dung vị trí phần tử cách động trang nhằm đáp lại tương tác với người dùng 23 • Kiểm tra tính hợp lệ liệu Chúng ta viết mã nhằm kiểm tra tính hợp lệ liệu người dùng nhập vào trước gửi lên Web server để xử lý Giống ngôn ngữ khác, JavaScript tuân thủ số quy tắc ngữ pháp Việc nắm vững quy tắc ngữ pháp giúp ta đọc script tự viết script không bị lỗi Một số luật bao gồm: • Dùng Caps JavaScript phân biệt chữ hoa chữ thường • Dùng Pairs Trong JavaScript, ln ln có cặp ký hiệu mở đóng Lỗi xuất bỏ sót đặt sai hai ký hiệu • Dùng Spaces (các ký tự trắng).Như HTML, JavaScript thường bỏ qua ký tự trắng Trong JavaScript, ta thêm vào ký tự trắng tab giúp cho ta dễ dàng đọc hay sửa file script • Dùng Chú thích (Comments).Các thích giúp ta ghi chức đoạn script, thờI gian ngườI tạo đoạn script Mặc dù client-side JavaScript server-side JavaScript dựa ngôn ngữ tảng nhau, mỗI loạI cịn có thêm tính chun biệt phù hợp với mơi trường mà chạy Nghĩa là, client-side JavaScript bao gồm đối tượng định nghĩa sẵn sử dụng trình duyêt, Server-side JavaScript bao gồm đối tượng hàm định nghĩa sẵn sử dùng ứng dụng phía server (server-side applications) III.2.3.2 Các công cụ JavaScript IDE, môi trường thực thi Các công cụ sinh mã JavaScript IDE giúp tạo mã JavaScript hữu hiệu Các cơng cụ cịn giúp ta nhanh chóng phát triển website Một vài cơng cụ JavaScript IDE đề cập đây: • Dialog Box.Cơng cụ tự động tạo mã để sinh hộp thoại tuỳ biến trình duyệt khác (alert, confirm, prompt, v.v.) mang lại kiểu dáng chuyên nghiệp cho website • Pop-up Menu builder Chỉ cần đưa vào lựa chọn, công cụ tự động tạo pop-up menu trình duyệt khác • Remotes Tự động sinh mã để mở cửa sổ popup 24 Như biết, JavaScript chạy máy khách (client) máy chủ (server) Bên phía máy khách, trình duyệt thực thi mã lệnh javascript trang web mở Bên phía máy chủ, mã javascript thực thi máy chủ máy chủ thực • Client-side Java Script Khi máy client yêu cầu trang HTML, server kiểm tra xem trang có chứa script hay khơng Nếu chứa client-side script, server chuyển toàn tài liệu bao gồm mã lệnh JavaScript nội dung HTML cho trình duyệt Khi trình duyệt nhận tài liệu đó, thực thi mã lệnh HTML JavaScript mà không cần tương tác với server • JavaScript Web Server Chúng ta nhúng lệnh JavaScript chạy server (server-side script) vào tài liệu HTML Quá trình tạo ứng dụng server-side q trình gồm hai giai đọan Các trang HTML có chứa câu lệnh JavaScript client-side serverside tạo với file JavaScript Tất file biên dịch thành dạng mã thực thi bytecode Khi trình duyệt yêu cầu trang HTML, run-time engine thực thi mã lệnh server-side JavaScript trả trang HTML cho trình duyệt Một số công dụng script server-side bao gồm: o Kết nối vào sở liệu o Chia sẻ thông tin cho người dùng ứng dụng o Truy cập vào hệ thống file server III.2.3.2 Nhúng JavaScript vào trang web Chúng ta có thẻ chèn lệnh JavaScritp vào tài liệu HTML theo cách sau đây: • Nhúng câu lệnh trực tiếp vào tài liệu cách sử dụng thẻ • Liên kết file nguồn JavaScript với tài liệu HTML 25 • Đặt biểu thức JavaScript làm giá trị cho thuộc tính thẻ HTML • Dùng trình xử lý kiện thẻ HTML Chúng ta có xem chi tiết số ví dụ sau đây: Dùng thẻ SCRIPT Mã JavaScript cụ thể nhúng vào tài liệu HTML thẻ SCRIPT Chúng ta nhúng nhiều script vào tài liệu, script nằm thẻ SCRIPT Khi trình duyệt gặp phải thẻ đó, đọc dịng gặp thẻ đóng Tiếp đến kiểm tra lỗi câu lệnh JavaScript Nếu gặp phải lỗi, cho hiển thị lỗi chuỗi hộp cảnh báo (alert boxes) lên hình Nếu khơng có lỗi, câu lệnh biên dịch cho máy tính hiểu lệnh Cú pháp sau: Thuộc tính language thẻ script ngơn ngữ mà trình duyệt dùng để biên dịch script Chúng ta rõ phiên JavaScript trình duyệt sử dụng thẻ thích Những thẻ dùng để báo cho trình duyệt bỏ qua câu lệnh chứa < ! thẻ mở thẻ thích, //- -> thẻ đóng Các thẻ khơng bắt buộc phải có, ta nên đưa chúng vào đoạn script Chỉ có Netscape 2.0 phiên sau hỗ trợ JavaScript Các thẻ thích đảm bảo phiên cũ trình duyệt khơng hỗ trợ JavaScript bỏ qua câu lệnh nhúng tài liệu HTML Các câu lệnh JavaScript phải kết thúc dấu chấm phẩy ( ;) 26 Trong ví dụ sau đây, ngôn ngữ script đặt JavaScript Các thẻ thích dùng để phiên cũ trình duyệt bỏ qua script nằm thẻ thích Các phiên trình duyệt thực thi câu lệnh JavaScript document.write("Welcome to the world of JavaScript"); // Script hiding ends here >

Enjoy the learning experience!!! Kết quả: Hình III.7 Dùng JavaScript Trên lý thuyết câu lệnh JavaScript đặt nơi tài liệu HTML Tuy nhiên, nên đặt câu lệnh script phần Điều đảm bảo tất câu lệnh đọc biên dịch trước gọi từ phần BODY Dùng file bên 27 Thường câu lệnh JavaScript nhúng tài liệu HTML Tuy nhiên, tạo file riêng chứa mã JavaScript File liên kết với tài liệu HTML Thuộc tính SRC (source) thẻ SCRIPT dùng để file chứa JavaScript mà cần sử dụng Khi xác định file nguồn, ta dùng tên đường dẫn tương đối tuyệt đối thuộc tính SRC Đó file văn chứa mã lệnh JavaScript, tên file có phần mở rộng “.js” Nó chứa câu lệnh hàm JavaScript Ta đưa thẻ HTML vào Trong ví dụ sau đây, có hai file tạo File thứ - “test.htm” file tài liệu HTML File thứ hai - “test.js” file văn có chứa mã JavaScript File liên kết với file tài liệu HTML File HTML: (test.htm)

Enjoy the learning experience!!! File nguồn JavaScript: (test.js) document.write("Hi! How are you?") Kết quả: 28 Hình III.8 Dùng JavaScript – File ngồi Lưu file test.htm test.js thư mục Đây ví dụ đơn giản mơ tả tính liên kết file riêng chứa mã lệnh JavaScript Tuy nhiên, việc thực chức liên kết file có lợi ta muốn chia sẻ hàm cho nhiều tài liệu HTML Trong trường hợp này, tạo file js với hàm thông thường File liên kết với tài liệu cần Nếu ta muốn điều chỉnh thêm vào vài hàm, ta cần thực thay đổi file mà thay phải nhiều tài liệu HTML Đi js phải server ánh xạ đến kiểu MINE application/x-javascript Server lúc gởi phần đầu (header) giao thức HTTP Để ánh xạ đuôi js với kiểu MIME ta thêm dòng code sau vào file chứa kiểu MIME thư mục config server Sau ta khởi động lại server type=application/x-javascript exts=js Nếu server khơng ánh xạ js đến application/x-javascript MIME trình duyệt không tải file JavaScript xác định thuộc tính SRC Đặt biểu thức JavaScript giá trị cho thuộc tính thẻ HTML Chúng ta dùng biểu thức JavaScript làm giá trị cho thuộc tính thẻ HTML Các giá trị thực cách động trang trình duyệt tải vào Cú pháp sau: & {expression}; Trong expression biểu thức JavaScript thực 29 Chẳng hạn ta định nghĩa biến chứa độ rộng Chúng ta dùng biến để xác định độ rộng đường kẻ ngang trang Web Trong ví dụ sau đây, giá trị độ rộng đặt 10: var linewidth = 10; Using entities Khi mã thực thi, phần tử HR dùng giá trị cuả biến linewidth minh họa hình Hình III.9 Dùng các biểu thức JavaScript Một biểu thức JavaScript sử dụng bên phía phải phần tên/giá trị (name/value pair) thẻ HTML Chẳng hạn dùng HR WIDTH="&{linewidth};%" câu lệnh dịch là: 30 Nếu sử dụng &{myTitle};, chuỗi &myTitle; hiển thị thay giá trị biến myTitle Dùng JavaScript trình xử lý kiện Chúng ta tạo trình xử lý kiện cho thẻ HTML dùng mã JavaScript Một kiện hành động hỗ trợ đối tượng Một trình xử lý kiện đoạn mã đuợc thực thi nhằm đáp trả sư kiện Cú pháp là: TAG thẻ HTML Event handler tên trình xử lý kiện, JavaScript code loạt câu lệnh JavaScript thực thi kiện kích hoạt Trong ví dụ sau đây, kiện onClick đựơc kích hoạt người dùng nhấp chuột vào phần tử BUTTON Trình xử lý kiện gọi để đáp trả kiện Trình xử lý kiện có chứa mã JavaScript thực thi trình duyệt function greeting () { alert ("Hi There !!"); } Kết quả: 31 Hình III.10 Dùng JavaScript - Alert III.2.4 NodeJS III.2.5 ExpressJS III.2.6 MongoDB 32 ... Nhược điểm website động • Chi phí xây dựng cao: So với tảng web khác chi phí dùng để xây dựng website động cao tốn nhiều Vì thế, định việc xây dựng web động bạn phải xác định chi phí bỏ lớn cần... tảng web khác Nhờ vào việc tạo nên từ công nghệ phổ biến việc sở hữu ngơn ngữ lập trình hệ quản trị liệu sở tối ưu mà web động cho phép lập trình viên dễ dàng để xây dựng, thiết lập trang web mà... từ máy chủ xuống, trình duyệt biên dịch mã hiển thị nội dung trang web, người dùng tương tác với trang web II.1.2 Các ngơn ngữ để lập trình website tĩnh Website tĩnh xây dựng chủ yếu từ ngơn

Ngày đăng: 10/08/2021, 00:02

TỪ KHÓA LIÊN QUAN

TÀI LIỆU CÙNG NGƯỜI DÙNG

TÀI LIỆU LIÊN QUAN

w