Đề cương bài giảng môn học Lập trình mạng pdf

TRƯỜNG ĐẠI HOC SƯ PHẠM KỸ THUẬT VINH KHOA CÔNG NGHỆ THÔNG TIN ĐỀ CƯƠNG BÀI GIẢNG MÔN HỌC LẬP TRÌNH MẠNG NĂM 2009 1 1. SOẠN THẢO SIÊU VĂN BẢN 7 Download PHP 114 Download MySQL Database 114 Download Apache Server 114 2 CHƯƠNG I- MỞ ĐẦU I. Mục tiêu của môn học • Nắm vững các khái niệm căn bản của quá trình thiết kế, cài đặt và triển khai một ứng dụng web • Sinh viên nắm được những kiến thức cơ bản nhất về thiết kế trang web tĩnh, như ngôn ngữ HTML VBScript, JavaScript, • Lập trình web động với công nghệ ASP, PHP • Thực hành xây dựng ứng dụng web hoàn chỉnh có khả năng tương tác với CSDL (MS Access, MS SQL, MySQL…) II. Yêu cầu về kiến thức • Visual Basic 6.0, VBA • Căn bản về CSDL • Kiến thức về MS Access và MS SQL Server / My SQL, MySQL III. Tài liệu tham khảo • Công nghệ Internet/Intranet, T.Quang Thanh, Khoa CNTT – ĐHSPKT Vinh • Slice Bài giảng Lập trình Mạng • Trang web tham khảo • http://www.w3schools.com • http://msdn.microsoft.com/library/ • http://www.w3c.org • http://www.hscripts.com IV. Mở đầu về thiết kế web • Nhắc lại một số khái niệm • Phân loại trang web • Một số bước chính trong phát triển website • Công bố website trên internet • Một số nguyên tắc quan trọng trong thiết kế web • Cấu trúc website và bố cục trang web • Tiếng Việt trong trang web IV.1. Nhắc lại một số khái niệm 4.1.1. Mạng, giao thức mạng  Mạng máy tính: Computer Network: Hệ thống các máy tính được kết nối với nhau nhằm trao đổi dữ liệu.  Giao thức: Protocol: – Tập hợp các quy tắc được thống nhất giữa các máy tính trong mạng nhằm thực hiện trao đổi dữ liệu được chính xác – Ví dụ: TCP/IP, HTTP, FTP,… 4.1.2. Địa chỉ IP 3 • Xác định một máy tính trong mạng dựa trên giao thức TCP/IP. Hai máy tính trong mạng có 2 địa chỉ IP khác nhau • Có dạng x.y.z.t (0 ≤ x, y, z, t ≤ 255) • Ví dụ: 203.162.01.11 • Đặc biệt: địa chỉ: 127.0.0.1 (địa chỉ loopback) là địa chỉ của chính máy tính đang sử dụng dùng để thử mạng 4.1.3. Tên miền (domain) • Là tên được “gắn” với 1 địa chỉ IP. • Máy chủ DNS thực hiện việc “gắn” (ánh xạ) • Ở dạng văn bản nên thân thiện với con người • Được chia thành nhiều cấp, phân biệt bởi dấu chấm (.). • Cấp lớn hơn là con của cấp nhỏ hơn • Ví dụ: cntt.spktvinh.edu.vn gắn với 203.162.01.11 trong đó: • vn: Nước Việt Nam (Cấp 1) • edu: Tổ chức giáo dục (Cấp 2) • Spktvinh : Tên cơ quan (Cấp 3) • cntt: đơn vị nhỏ trong cơ quan (Cấp 4) • Đặc biệt: Tên localhost được gắn với 127.0.0.1 4.1.4. Máy chủ (SERVER) • Là máy tính chuyên cung cấp tài nguyên, dịch vụ cho máy tính khác. • Thường được cài các phần mềm chuyên dụng để có khả năng cung cấp • Một máy chủ có thể dùng cho một hay nhiều mục đích. Tên máy chủ thường gắn với mục đích sử dụng. Ví dụ: • File server • Application server • Mail server • Web server • Thực tế: các máy chủ có cấu hình cao, khả năng hoạt động ổn định 4.1.5. Máy khách (client) • Máy khai thác dịch vụ của máy chủ • Với mỗi dịch vụ, thường có các phần mềm chuyên biệt để khai thác • Một máy tính có thể vừa là client vừa là server • Một máy tính có thể khai thác dịch vụ của chính nó. 4.1.6. Cổng dịch vụ (Service Port) • Là số ∈ [0; 65535] xác định dịch vụ của máy chủ • 2 dịch vụ khác nhau chiếm các cổng khác nhau • Mỗi dịch vụ thường chiếm các cổng xác định, ví dụ: • Web: 80 • FTP: 21 … 4.1.7. Chuỗi định vị tài nguyên (địa chỉ): URL (Uniform Resource Location) 4 • Tài nguyên: file trên mạng • URL: (Uniform Resource Location) Bộ định vị tài nguyên thống nhất • Cấu trúc: • giao_thức://địa_chỉ_máy:cổng/đường_dẫn/tên_file • Ví dụ: http://www.spktvinh.edu.vn:8080/html/test.htm • Trong trường hợp mặc định, nhiều thành phần có thể bỏ qua: • Giao thức, cổng: Được trình duyệt đặt mặc định • Tên file: được máy chủ đặt mặc định 4.1.8.Trang web, web site, World Wide Web • Trang web: Web page: Là một trang nội dung Có thể được viết bằng nhiều ngôn ngữ khác nhau nhưng kết quả trả về client là HTML • Web site: Tập hợp các trang web có nội dung thống nhất phục vụ cho một mục đích nào đó • World Wide Web (WWW): Tập hợp các web site trên mạng internet. 4.1.9. Web server, Web browser • Web server: là phần mềm chạy trên máy chủ để phục vụ • Một số phần mềm web server chuyên dụng: o Apache: mã nguồn mở o Internet Information Services (IIS): Sản phẩm của Microsoft • Web Browser: Phần mềm chạy trên client để khai thác dịch vụ web • Một số Web browser: o Nescape o Mozilla Firefox o Internet Explorer (IE): tích hợp sẵn trong windows o 4.2. Phân loại web • Dựa vào công nghệ phát triển, có 2 loại: • Web tĩnh: là các trang web được xây dựng sẵn trên Server có hình dáng nguyên thuỷ như thế nào thì khi thể hiện trên browser nó thể hiện nguyên si như vậy o Dễ phát triển o Tương tác yếu o Sử dụng HTML o Người làm web tĩnh thường dùng các công cụ trực quan để tạo ra trang web • Web động:có khả năng tương tác với cơ sở dữ liệu đặt trên Server o Khó phát triển hơn o Tương tác mạnh o Sử dụng nhiều ngôn ngữ khác nhau o Thường phải viết nhiều mã lệnh 5 4.3. Các bước phát triển trang web • Tương tự với phân tích và thiết kế hệ thống. o Đặc tả o Phân tích o Thiết kế o Lập trình o Kiểm thử • Đặc tả: o Web để làm gì? o Ai dùng? o Trình độ người dùng? o Nội dung, hình ảnh? • Phân tích o Mối liên quan giữa các nội dung? o Thứ tự các nội dung? o • Thiết kế o Sơ đồ cấu trúc website o Giao diện o Tĩnh hay động o CSDL o Nội dung từng trang o Liên kết giữa các trang • Xây dựng o Cấu trúc thư mục o Các modul dùng chung o … • Kiểm thử o Kiểm tra trên nhiều trình duyệt o Kiểm tra trên nhiều loại mạng o Kiểm tra tốc độ o Kiểm tra các liên kết o Thử các lỗi bảo mật o … 6 CHƯƠNG 2 NGÔN NGỮ ĐÁNH DẤU SIÊU VĂN BẢN HTML (HYPERTEXT MARKUP LANGUAGE) 1. SOẠN THẢO SIÊU VĂN BẢN 1.1. Trang mã nguồn HTML và trang Web Trang mã nguồn HTML là một tệp văn bản bình thường gồm các kí tự ASCII, có thể được tạo ra bằng bất cứ bộ soạn thảo văn bản nào. Theo qui ước, tất cả các tệp mã nguồn của siêu văn bản phải có đuôi là .html hoặc .htm. Khi dùng trình duyệt (brower) đọc nội dung trang mã nguồn và hiển trị nó lên màn hình máy tính thì ta thường gọi là trang Web. Vậy trang Web không tồn tại trên đĩa cứng của máy tính. Nó là cái thể hiện của trang mã nguồn qua xử lý của trình duyệt Hiện nay có nhiều công cụ soạn thảo siêu văn bản mạnh như MicroSoft Word 97, FrontPage 2000 , Visual InterDev 6.0 . . . với giao diện trực quan và tự động sinh mã HTML, cho phép soạn thảo siêu văn bản không khác gì so với soạn thảo thông thường. Tuy nhiên, việc tìm hiểu cú pháp của HTML, nắm vững ý nghĩa các thẻ khác nhau vẫn rất cần thiết để có thể tạo ra các trang Web sinh động, tương tác với các ứng dụng cơ sở dữ liệu sau này. 1.2. Các thẻ HTML là gì? Các thẻ (Tag) dùng để báo cho trình duyệt cách thức trình bày văn bản trên màn hình hoặc dùng để chèn một mối liên kết đến các trang khác, một đoạn chương trình khác . . . Mỗi thẻ gồm từ khoá (KEYWORD) bao bọc bởi 2 dấu “<” và “>” . Hầu hết các lệnh được thể hiện bằng một cặp hai thẻ: thẻ mở (<KEYWORD>) và thẻ đóng (</KEYWORD>). <KEYWORD> Đoạn văn chịu sự tác động của lệnh </KEYWORD> Nhiều thẻ có kèm các thuộc tính bắt buộc hay không bắt buộc, cung cấp thêm các tham số chi tiết hơn cho việc thực hiện lệnh. 1.3. Vài qui tắc chung a/ Nhiều dấu cách liền nhau cũng chỉ có tác dụng như một dấu. Bạn phải sử dụng thẻ để thể hiện nhiều dấu dãn cách liền nhau. b/ Các từ khoá không phân biệt chữ hoa và chữ thường 7 c/ Qui tắc viết các kí tự đặc biệt trong HTML là tên_qui_định của kí tự nằm giữa dấu & và dấu nháy kép “. Các viết: & tên_qui_định “ d/ Có thể chèn các dòng chú thích vào trang mã nguồn bằng cách đặt giữa cặp dấu chú thích <! và >. Trình duyệt sẽ bỏ qua không xem xét đến phần mã nằm giữa cặp dấu đó. <! - - dòng chú thích > 1.4. Cấu trúc của một tài liệu HTML Mọi tài liệu HTML đều có khung cấu trúc như sau: Giữa cặp thẻ tiêu đề <TITLE> . . . </TITLE> là dòng chữ sẽ hiện lên trên thanh tiêu đề của cửa sổ khi trình duyệt đọc tài liệu. Nếu bỏ trống thì trình duyệt sẽ cho hiện tên tệp thay vào đó. Toàn bộ nội dung của tài liệu nằm giữa hai thẻ xác định thân của trang <BODY> . . . </BODY>. Các dòng văn bản, hình ảnh , âm thanh , video , các mối liên kết . . . tạo nên trang Web đều phải nằm ở đây. Ví dụ: trang web hiển thị lên màn hình trình duyệt dòng “Hello World !!!” Nội dung chương trình: <HTML> <HEAD> <TITLE>Vi dụ về trang Hello World</TITLE> </HEAD> <BODY> Hello World !!! <Hr> </BODY> </HTML> 2. TRÌNH BÀY TRANG TRONG HTML 2.1. Các mức đầu đề trong HTML 8 <HTML> <HEAD><TITLE> . . .</TITLE></HEAD> <BODY> . . . . . </BODY> </HTML> Mở đầu trang văn bản là đầu đề cần làm nổi bật. Các phần của văn bản như chương, tiết , mục . . . Các thẻ định nghĩa đầu đề là <Hn> và </Hn> (Tag Header). Trong bộ thẻ này có thêm tính chất "Align" dùng để căn lề các mức đầu đề, có các giá trị: _ "Left": dùng căn lề trái cho dòng tiêu đề. _ "Right": dùng căn lề phải cho dòng tiêu đề. _ "Center": dùng để đưa dòng tiêu đề vào giữa. _"Justify": dùng để sắp xếp đầu đề trên một dòng văn bản. Đầu đề này có sáu cỡ văn bản: Từ H1 đến H6, kiểu H1 là kiểu to nhất và giảm dần đến H6 là kiểu nhỏ nhất. Ví dụ: để có dòng tiêu đề với cỡ chữ là to nhất ta dùng cú pháp: <H1 align=”center”>Truong CDSPKT Vinh </H1>. 2.2. Các thẻ trình bày trang trong HTML • Thẻ <P> và </P> (paragraph): dùng để phân các khối văn bản bằng một dòng trống trước khi nó tiếp tục, kèm theo bộ thẻ này nó có tính chất "Align" với 4 giá trị _ "Left": Browser sẽ đặt đoạn văn bản tiếp theo về phía bên trái. _"Right": Browser sẽ đặt đoạn văn bản tiếp theo về phía bên phải. _"Center": Browser sẽ đặt đoạn văn bản tiếp theo vào giữa trang. _"Justify": Browser sẽ đặt đoạn văn bản tiếp theo trên một hàng. Thuộc tính ngầm định là "Left". Ví dụ: <P align=”Justify> nội dung của đoạn văn </P> Các thẻ của khối văn bản: Để thêm vào một vài kiểu định dạng theo ý tác giả, HTML đã đưa vào một số thẻ sau: • Thẻ <Blockquote> và </Blockquote>: hoặc viết ngắn gọn <BQ> và </BQ>, bộ thẻ này giống như bộ thẻ paragraph. Thay vì bộ thẻ paragraph thêm vào dòng trống trước đoạn văn bản, thì bộ thẻ Blockquote này nó thêm vào cả trước, sau, trái, phải của tài liệu và có thể hiển thị một dạng font khác. • Thẻ <ADDRESS> và </ADDRESS>: Đây là thẻ địa chỉ nó cho khối văn bản nằm trong thẻ này có một dạng định dạng khác. Thường bộ thẻ này nằm cuối của tài liệu, dùng để ghi lại địa chỉ của E_mail hoặc các biệt hiệu 9 của tác giả. • Thẻ <BR> và </BR>: Thường được dùng trong các trường hợp giống như khối địa chỉ khi cần ghi trên những dòng khác nhau, thẻ này có thể được dùng để ngắt trong một dòng văn bản mà không cần chèn các dòng trống. • Thẻ <PRE> và </PRE>: Đây là thẻ định dạng cho đoạn văn bản. Trong thẻ này kèm theo thuộc tính "Width=n". Giá trị mặc định là 80 kí tự. Trong đoạn thẻ này có thể sử dụng các kí tự ASCII nghệ thuật. Như vậy ta có thể sử dụng <PRE> để lập các bảng. • Thẻ <hr> : (hr_horizontal Rule) sẽ cho đường kẻ ngang chạy suốt cửa sổ màn hình. Thẻ này có tính chất là: - Width=n%: thay đổi độ dài đường kẻ , chiếm n% độ rộng màn hình - Size=n: thay đổi độ đậm hay mảnh của đường kẻ. N là số pixel - Align=”Left | Center | Right” căn trái, căn giữa hay căn phải đường kẻ Ví dụ: <HR Width=80% align=”left” size=2> 3. TRÌNH BÀY KIỂU CHỮ 3.1. Các thẻ trình bày chữ • Thẻ <Strong> và </Strong> hoặc <B> và </B>: In chữ đậm • Thẻ <EM> và </EM> hoặc <I> và </I>: in chữ nghiêng • Thẻ <U> và </U>: in chữ gạch chân • Thẻ <Sup> và </Sup>: in chỉ số trên • Thẻ <Sub> và </Sub>: in chỉ số dưới 3.2. Các thuộc tính của Font chữ Cặp thẻ <FONT> . . . </FONT> cho phép thay đổi kiểu, màu và kích thước của chữ. • Thuộc tính SIZE: thay đổi kích thước của chữ, bạn có thể chọn tập kích thước từ 1 đến 7 hoặc dùng SIZE=+/-n , trong đó +/-n chỉ ra mức thay đổi bạn muốn. Ví dụ: <FONT size=+1> . . . </FONT> • Thuộc tính COLOR: thuộc tính này xác định màu chữ đè lên màu chữ được đặt bởi thẻ <BODY> Ví dụ: <FONT Color=”#rrggbb”> . . . </FONT> • Thuộc tính FACE: cho phép xác định kiểu chữ Ví dụ: <FONT face=”.VnTime”> . . . </FONT> • Phối hợp các thuộc tính: 10 [...]... để chia màn hình trình duyệt thành các phần riêng biệt Viết đoạn mã để chia màn hình trình duyệt thành các Frame có dạng sau: Head-win (150 pixel) 19 Menu1-win (200 pixel) Body-win Menu2-win (150 pixel) 2.11 Xây dựng trang Web tĩnh tạo danh sách lớp học của bạn 2.12 Xây dựng trang Web giới thiệu về bản thân CHƯƠNG 3 NGÔN NGỮ LẬP TRÌNH VBSCRIPT 1.GIỚI THIỆU VỀ NGÔN NGỮ LẬP TRÌNH VBSCRIPT Microsoft... BÀI TẬP CHƯƠNG 3 3.1 Trình bày các kiểu dữ liệu trong VBScript 3.2 Nêu các sự kiện xẩy ra khi thực hiện các đoạn chương trình VBScript trong một trang Web 3.3 Viết một trang Web trong đó có một đoạn chương trình VBSCRIPT tính ước số chung lớn nhất của 2 số a, b được nhập từ bàn phím 3.3 Viết một trang Web trong đó có một đoạn chương trình VBSCRIPT giải phương trình bậc hai 3.4 Viết... tuỳ theo chương trình áp dụng Ví dụ: giả sử đã có một chương trình “Helloworld.java” ta đã biên dịch thành tệp “Helloworld.class”, muốn nhúng vào trang web ta có đoạn chương trình sau: BÀI TẬP CHƯƠNG 2 2.1Thế nào là trang mã nguồn và trang Web? 2.2 Cấu trúc của một tài liệu HTML Các thẻ HTML là gì? 2.3 Ý nghĩa của các thẻ trình bày trang... NGỮ JAVA: Thẻ và : Dùng để gói một chương trình áp dụng chạy trên Java Thông thường bộ thẻ này được sử dụng cho các chương trình hình ảnh sống động và kết hợp âm thanh Ưu điểm lớn nhất của bộ thẻ này là có thể tạo ra các chương trình áp dụng chạy với tốc độ nhanh Những chương trình này được điều khiển bằng các thông số thiết lập trên ngôn ngữ HTML Nó có thể kết hợp các âm thanh, hình... này có các tính chất sau: _ Code: Dùng để gọi tên chương trình Java áp dụng _ Width và Height: Là độ rộng và độ cao của cửa sổ chương trình _ Codebase: Là thư mục chứa chương trình mà ta sẽ chạy _ Align: Là thuộc tính điều khiển vị trí của sổ chương trình _ Vspace và Hspace: Là khoảng không theo chiều đứng và theo chiều ngang bao lấy cửa sổ chương trình áp dụng Thẻ : Được sử dụng trong bộ Tag ,... trang Web trong đó có một đoạn chương trình VBSCRIPT liệt kê các số nguyên tố từ 1 đến n, với n được nhập từ bàn phím 3.5 Viết một trang Web trong đó có một đoạn chương trình VBSCRIPT liệt kê dãy các số fibonacy của các số 1 đến n, với n được nhập từ bàn phím 3.6 Viết một trang Web trong đó có một đoạn chương trình VBSCRIPT khi thực hiện, hiện trên màn hình của trình duyệt các thông số sau đây: o Cho... hiện trên màn hình của trình duyệt các thông số sau đây: o Cho mã tên của Browser o Cho biết tên của trình duyệt o Cho biết thông tin về version của trình duyệt 32 3.7 Viết một trang Web trong đó có một đoạn chương trình VBSCRIPT khi thực hiện, cập nhật từ bàn phím một mảng số nguyên, in ra màn hình của trình duyệt các thông tin sau: o Giá trị lớn nhất o Giá trị bé nhất o Tổng của dãy đã nhập vào o Các... có thể thay bằng một xâu chỉ URL muốn tham chiếu tới • Đối tượng Navigator Đối tượng này chứa thông tin về trình duyệt Web đang dùng Navigator có những thuộc tính sau: o AppCodename: Cho mã tên của Browser o AppName: Cho biết tên của trình duyệt o AppVersion: Cho biết thông tin về version của trình duyệt Ví dụ: Sử dụng thuộc tính write để liệt kê dãy các số nguyên tố từ 1 đến 100 . TIN ĐỀ CƯƠNG BÀI GIẢNG MÔN HỌC LẬP TRÌNH MẠNG NĂM 2009 1 1. SOẠN THẢO SIÊU VĂN BẢN 7 Download PHP 114 Download MySQL Database 114 Download Apache Server 114 2 CHƯƠNG I- MỞ ĐẦU I. Mục tiêu của môn. tham khảo • Công nghệ Internet/Intranet, T.Quang Thanh, Khoa CNTT – ĐHSPKT Vinh • Slice Bài giảng Lập trình Mạng • Trang web tham khảo • http://www.w3schools.com • http://msdn.microsoft.com/library/ •. trang Web tĩnh tạo danh sách lớp học của bạn. 2.12 Xây dựng trang Web giới thiệu về bản thân. CHƯƠNG 3 NGÔN NGỮ LẬP TRÌNH VBSCRIPT 1.GIỚI THIỆU VỀ NGÔN NGỮ LẬP TRÌNH VBSCRIPT Microsoft Visual