Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống
1
/ 137 trang
THÔNG TIN TÀI LIỆU
Thông tin cơ bản
Định dạng
Số trang
137
Dung lượng
1,04 MB
Nội dung
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 CHƯƠNG I- MỞ ĐẦU I Mục tiêu mơn học • Nắm vững khái niệm q trình thiết kế, cài đặt triển khai ứng dụng web • Sinh viên nắm kiến thức thiết kế trang web tĩ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 hồn chỉnh có khả tương tác với CSDL (MS Access, MS SQL, MySQL…) II u cầu kiến thức • Visual Basic 6.0, VBA • Căn CSDL • Kiến thức MS Access 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 thiết kế web • Nhắc lại số khái niệm • Phân loại trang web • Một số bước phát triển website • Cơng bố website internet • Một số ngun tắc quan trọng thiết kế web • Cấu trúc website bố cục trang web • Tiếng Việt trang web IV.1 Nhắc lại 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 máy tính kết nối với nhằm trao đổi liệu Giao thức: Protocol: – Tập hợp quy tắc thống máy tính mạng nhằm thực trao đổi liệu xác – Ví dụ: TCP/IP, HTTP, FTP,… 4.1.2 Địa IP • Xác định máy tính mạng dựa giao thức TCP/IP Hai máy tính mạng có địa IP khác • 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 loopback) địa máy tính sử dụng dùng để thử mạng 4.1.3 Tên miền (domain) • Là tên “gắn” với địa IP • Máy chủ DNS thực việc “gắn” (ánh xạ) • Ở dạng văn nên thân thiện với người • Được chia thành nhiều cấp, phân biệt dấu chấm (.) • Cấp lớn cấp nhỏ • Ví dụ: cntt.spktvinh.edu.vn gắn với 203.162.01.11 đó: • vn: Nước Việt Nam (Cấp 1) • edu: Tổ chức giáo dục (Cấp 2) • Spktvinh : Tên quan (Cấp 3) • cntt: đơn vị nhỏ quan (Cấp 4) • Đặc biệt: Tên localhost gắn với 127.0.0.1 4.1.4 Máy chủ (SERVER) • Là máy tính chun cung cấp tài ngun, dịch vụ cho máy tính khác • Thường cài phần mềm chun dụng để có khả cung cấp • Một máy chủ dùng cho 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ế: máy chủ có cấu hình cao, khả hoạt động ổn định 4.1.5 Máy khách (client) • Máy khai thác dịch vụ máy chủ • Với dịch vụ, thường có phần mềm chun biệt để khai thác • Một máy tính vừa client vừa server • Một máy tính khai thác dịch vụ 4.1.6 Cổng dịch vụ (Service Port) • Là số ∈ [0; 65535] xác định dịch vụ máy chủ • dịch vụ khác chiếm cổng khác • Mỗi dịch vụ thường chiếm cổng xác định, ví dụ: • Web: 80 • FTP: 21 … 4.1.7 Chuỗi định vị tài ngun (địa chỉ): URL (Uniform Resource Location) • Tài ngun: file mạng • URL: (Uniform Resource Location) Bộ định vị tài ngun thống • 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 bỏ qua: • Giao thức, cổng: Được trình duyệt đặt mặc định • Tên file: máy chủ đặt mặc định 4.1.8.Trang web, web site, World Wide Web • Trang web: Web page: 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 4.1.9 Web server, Web browser • Web server: phần mềm chạy máy chủ để phục vụ • Một số phần mềm web server chun dụng: o Apache: mã nguồn mở o Internet Information Services (IIS): Sản phẩm Microsoft • Web Browser: Phần mềm chạy 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 windows o 4.2 Phân loại web • Dựa vào cơng nghệ phát triển, có loại: • Web tĩnh: trang web xây dựng sẵn Server có hình dáng ngun thuỷ thể browser thể ngun si 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ơng cụ trực quan để tạo trang web • Web động:có khả tương tác với sở liệu đặt Server o Khó phát triển o Tương tác mạnh o Sử dụng nhiều ngơn ngữ khác o Thường phải viết nhiều mã lệnh 4.3 Các bước phát triển trang web • Tương tự với phân tích 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 nội dung? o Thứ tự 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 trang o Liên kết 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 nhiều trình duyệt o Kiểm tra nhiều loại mạng o Kiểm tra tốc độ o Kiểm tra liên kết o Thử lỗi bảo mật o … CHƯƠNG NGƠN NGỮ ĐÁNH DẤU SIÊU VĂN BẢN HTML (HYPERTEXT MARKUP LANGUAGE) SOẠN THẢO SIÊU VĂN BẢN 1.1 Trang mã nguồn HTML trang Web Trang mã nguồn HTML tệp văn bình thường gồm kí tự ASCII, tạo soạn thảo văn Theo qui ước, tất tệp mã nguồn siêu văn phải có html htm Khi dùng trình duyệt (brower) đọc nội dung trang mã nguồn hiển trị lên hình máy tính ta thường gọi trang Web Vậy trang Web khơng tồn đĩa cứng máy tính Nó thể trang mã nguồn qua xử lý trình duyệt Hiện có nhiều cơng cụ soạn thảo siêu văn mạnh MicroSoft Word 97, FrontPage 2000 , Visual InterDev 6.0 với giao diện trực quan tự động sinh mã HTML, cho phép soạn thảo siêu văn khơng khác so với soạn thảo thơng thường Tuy nhiên, việc tìm hiểu cú pháp HTML, nắm vững ý nghĩa thẻ khác cần thiết để tạo trang Web sinh động, tương tác với ứng dụng sở liệu sau 1.2 Các thẻ HTML gì? Các thẻ (Tag) dùng để báo cho trình duyệt cách thức trình bày văn hình dùng để chèn mối liên kết đến trang khác, đoạn chương trình khác Mỗi thẻ gồm từ khố (KEYWORD) bao bọc dấu “” Hầu hết lệnh thể cặp hai thẻ: thẻ mở () thẻ đóng () Đoạn văn chịu tác động lệnh Nhiều thẻ có kèm thuộc tính bắt buộc hay khơng bắt buộc, cung cấp thêm tham số chi tiết cho việc thực lệnh 1.3 Vài qui tắc chung a/ Nhiều dấu cách liền có tác dụng dấu Bạn phải sử dụng thẻ để thể nhiều dấu dãn cách liền b/ Các từ khố khơng phân biệt chữ hoa chữ thường c/ Qui tắc viết kí tự đặc biệt HTML tên_qui_định kí tự nằm dấu & dấu nháy kép “ Các viết: & tên_qui_định “ d/ Có thể chèn dòng thích vào trang mã nguồn cách đặt cặp dấu thích Trình duyệt bỏ qua khơng xem xét đến phần mã nằm cặp dấu 1.4 Cấu trúc tài liệu HTML Mọi tài liệu HTML có khung cấu trúc sau: Giữa cặp thẻ tiêu đề dòng chữ lên tiêu đề cửa sổ trình duyệt đọc tài liệu Nếu bỏ trống trình duyệt cho tên tệp thay vào Tồn nội dung tài liệu nằm hai thẻ xác định thân trang Các dòng văn bản, hình ảnh , âm , video , mối liên kết tạo nên trang Web phải nằm Ví dụ: trang web hiển thị lên hình trình duyệt dòng “Hello World !!!” Nội dung chương trình: Vi dụ trang Hello World Hello World !!! TRÌNH BÀY TRANG TRONG HTML 2.1 Các mức đầu đề HTML Mở đầu trang văn đầu đề cần làm bật Các phần văn chương, tiết , mục Các thẻ định nghĩa đầu đề (Tag Header) Trong thẻ có thêm tính chất "Align" dùng để lề mức đầu đề, có giá trị: _ "Left": dùng lề trái cho dòng tiêu đề _ "Right": dùng lề phải cho dòng tiêu đề _ "Center": dùng để đưa dòng tiêu đề vào _"Justify": dùng để xếp đầu đề dòng văn Đầu đề có sáu cỡ văn bản: Từ H1 đến H6, kiểu H1 kiểu to giảm dần đến H6 kiểu nhỏ Ví dụ: để có dòng tiêu đề với cỡ chữ to ta dùng cú pháp: Truong CDSPKT Vinh 2.2 Các thẻ trình bày trang HTML • Thẻ (paragraph): dùng để phân khối văn dòng trống trước tiếp tục, kèm theo thẻ có tính chất "Align" với giá trị _ "Left": Browser đặt đoạn văn phía bên trái _"Right": Browser đặt đoạn văn phía bên phải _"Center": Browser đặt đoạn văn vào trang _"Justify": Browser đặt đoạn văn hàng Thuộc tính ngầm định "Left" Ví dụ: nội dung đoạn văn Các thẻ khối văn bản: Để thêm vào vài kiểu định dạng theo ý tác giả, HTML đưa vào số thẻ sau: • Thẻ : viết ngắn gọn , thẻ giống thẻ paragraph Thay thẻ paragraph thêm vào dòng trống trước đoạn văn bản, thẻ Blockquote thêm vào trước, sau, trái, phải tài liệu hiển thị dạng font khác • Thẻ : Đây thẻ địa cho khối văn nằm thẻ có dạng định dạng khác Thường thẻ nằm cuối tài liệu, dùng để ghi lại địa E_mail biệt hiệu tác giả • Thẻ : Thường dùng trường hợp giống khối địa cần ghi dòng khác nhau, thẻ dùng để ngắt dòng văn mà khơng cần chèn dòng trống • Thẻ : Đây thẻ định dạng cho đoạn văn Trong thẻ kèm theo thuộc tính "Width=n" Giá trị mặc định 80 kí tự Trong đoạn thẻ sử dụng kí tự ASCII nghệ thuật Như ta sử dụng để lập bảng • Thẻ : (hr_horizontal Rule) cho đường kẻ ngang chạy suốt cửa sổ hình Thẻ có tính chất là: - Width=n%: thay đổi độ dài đường kẻ , chiếm n% độ rộng hình - Size=n: thay đổi độ đậm hay mảnh đường kẻ N số pixel - Align=”Left | Center | Right” trái, hay phải đường kẻ Ví dụ: TRÌNH BÀY KIỂU CHỮ 3.1 Các thẻ trình bày chữ • • • • • Thẻ : In chữ đậm Thẻ : in chữ nghiêng Thẻ : in chữ gạch chân Thẻ : in số Thẻ : in số 3.2 Các thuộc tính Font chữ Cặp thẻ cho phép thay đổi kiểu, màu kích thước chữ • Thuộc tính SIZE: thay đổi kích thước chữ, bạn chọn tập kích thước từ đến dùng SIZE=+/-n , +/-n mức thay đổi bạn muốn Ví dụ: • Thuộc tính COLOR: thuộc tính xác định màu chữ đè lên màu chữ đặt thẻ Ví dụ: • Thuộc tính FACE: cho phép xác định kiểu chữ Ví dụ: • Phối hợp thuộc tính: Ví dụ: DANH SÁCH VÀ BẢNG TRONG HTML 4.1 Danh sách a Thẻ (Unordered List): thẻ danh sách khơng thứ tự, có dạng: first list Item second list Item Trong có thuộc tính sau, xác định kiểu hạt đậu đầu dòng: “disc”, “square” “circle” Ví dụ: Phần Phần hai Phần ba b Thẻ (Ordered List): thẻ chứa danh sách thứ tự Phần nhiều giống danh sách khơng thứ tự, thay nút đầu số sử dụng cách tự động tăng dần với phần tử Trong đầu danh sách Ví dụ: Danh sách Phần Phần hai Phần ba 4.2 Trình bày bảng HTML Bạn tạo bảng biểu sử dụng thẻ sau đây: TAG/Attribute Kiểu liệu mảng Mảng PHP tập hợp biến nhớ có tên phân biệt với qua số a) Mảng chiều Ta khai báo mảng chiều sau: $=array(“Phần tử 1”,”Phần tử 2”,…,”Phần tử n”); Hoặc $[]=array(n); Trong đó: n – số phần tử mảng Số thứ tự mảng bắt đầu 0; Ví dụ 1: Ví dụ 2: 123 Ví dụ 3: b) Mảng nhiều chiều (2 chiều) Khai báo mảng chiều $[][]=array(m,n) Trong m, n số ngun Ví dụ : 10 FORM FORM thành phần quan trọng trọng HTML để người dùng cập nhật thơng tin gửi đến SERVER Chương trình xử lý thơng tin FORM thường chường trình viết ASP (đối với IIS), PHP máy chạy Apache Ví dụ FORM 124 Name: Age: File "welcome.php" xử lý thơng tin FORM Welcome . You are years old Biến $_GET Biến $_GET trả lại giá trị theo tên từ FORM gửi theo phương thức GET Ví dụ: Name: Age: Để lấy lại giá trị tên "name" "age" ta viết: Welcome . You are years old! Biến $_REQUEST Trong PHP biến $_REQUEST chứa nội dung $_GET, $_POST, $_COOKIE gửi theo phương thức GET POST Ví dụ: Welcome . 125 You are years old! Biến $_POST Biến $_GET trả lại giá trị theo tên từ FORM gửi theo phương thức POST Ví dụ: Name: Age: Để lấy lại giá trị tên "name" "age" ta viết: Welcome . You are years old! 11 Hàm PHP Khai báo hàm: Hàm PHP có cấu trúc sau: function () { Thân hàm ; } Trong đó: tên hàm dãy ký tự phải bắt đầu chữ dấu gạch nối (_) Sử dụng hàm: muốn sử dụng hàm nơi ta cần gọi ( < Danh sách tham số thực có>) Ví dụ: Cũng giống hàm C, tham số hình thức khai báo phần dấu ngợc ( ) sau tên hàm Các tham số thực chuyền vào giá trị biến Ví dụ: Hàm trả lại giá trị thơng qua tên hàm Ví dụ: Một số hàm thường dùng: 127 Hàm Date() PHP Cú pháp: date(format) Trong đó: Tham số Format: định dạng ngày • d - Ngày tháng (01-31) • m - Tháng (01-12) • Y - Năm Các ký hiệu "/", ".", "-" để ngăn cách giứa ngày, tháng, năm Ví dụ: Hàm include() Hàm include() để chèn nội dung file vào file PHP trước SERVER thực Giả sử ta có fie header.php ta muốn chèn vào file PHP ta thực sau: Ví dụ : Welcome to my home page Some text Hàm require(); tương tự hàm include Mở file 128 Hàm fopen() đượca sử dụng để mở file PHP Cú pháp: Fopen(,) Ví dụ: Các modes xác định sau: Modes Mơ tả r Read only r+ Read/Write w Write only w+ Read/Write Mở xóa nội dung file; tạo lập file file chưa tồn tại.t a Append Mở ghi vào cuối file tạo file file chưa tồn a+ Read/Append x Write only Tạo lập file Trả lại FALSE lỗi file tồn x+ Read/Write Tạo file Trả lại FALSE lỗi file tồn Đóng file Hàm fclose() dùng để đóng file mở Kiểm tra cuối file 129 Hàm feof() kiểm tra cuối file hay chưa if (feof($file)) echo "End of file"; Đọc dòng file Hàm fgets() sử dụng để đọc đọc dòng từ file Ví dụ: Đọc ký tự từ file: Hàm fgetc() sử dụng để đọc ký tự từ file Ví dụ: Tham chiếu hệ thống file a) Tạo form Upload-File Để tạo FORM upload-file ta dùng thuộc tính enctype: enctype="multipart/form-data" Thuộc tính type thành phần Type="file" 130 Ví dụ: Filename: b) Tạo lập Upload Script File "upload_file.php" cho biết thơng tin file Upload: 12 PHP VÀ DATABASE Để kết nối sở liệu mySQL PHP, có nhiều cách ứng với nhiều phương thức kết nối sở liệu, phần tập trung tìm hiểu cách kết nối sở liệu mySQL từ PHP gói Những vấn đề đề cập học Khai báo kết nối sở liệu Thêm mẩu tin Cập nhật mẩu tin Xố mẩu tin 131 Truy vấn liệu Kết nối sở liệu Để kết nối sở liệu mySQL bạn sử dụng khai báp sau: Trong khai báo sau kết nối sở liệu mySQL với tên server/ip với username vá password: mysql_connect ("localhost", "root", "") Và mysql_select_db("TestDB", $link); với TestDB tên sở liệu, để chọn tên sở liệu sau mở kết nối sở liệu, biến $link có giá trị false kết nối sở liệu khơng thành cơng Sau mở kết nối sở liệu mà khơng sử dụng bạn đóng kết nối sở liệu với cú pháp sau: mysql_close($link); Chẳng hạn, bạn khai báo trang connection.php để kết nối sở liệu đóng kết nối sau mở thành cơng ::Welcome to PHP and mySQL Mo va dong ket noi CSDL MySQL [...]... để 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) Menu1-win Body-win Menu2-win (200 pixel) (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 19 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 31 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... 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 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 30 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 ... sách lớp học bạn 2.12 Xây dựng trang Web giới thiệu thân CHƯƠNG NGÔN NGỮ LẬP TRÌNH VBSCRIPT 19 1.GIỚI THIỆU VỀ NGÔN NGỮ LẬP TRÌNH VBSCRIPT Microsoft Visual Basic Script phần họ ngôn ngữ lập trình. .. 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/... "Left": dùng lề trái cho dòng tiêu đề _ "Right": dùng lề phải cho dòng tiêu đề _ "Center": dùng để đưa dòng tiêu đề vào _"Justify": dùng để xếp đầu đề dòng văn Đầu đề có sáu cỡ văn bản: Từ H1 đến