Giáo trình Lập trình web (Nghề Lập trình máy tính CĐ)

1 BỘ NÔNG NGHIỆP VÀ PHÁT TRIỂN NÔNG THÔN TRƯỜNG CAO ĐẲNG CƠ GIỚI NINH BÌNH GIÁO TRÌNH MƠ ĐUN: LẬP TRÌNH WEB NGHỀ: LẬP TRÌNH MÁY TÍNH TRÌNH ĐỘ: CAO ĐẲNG Ban hành kèm theo Quyết định số: /QĐ-TCGNB ngày…….tháng….năm Trường cao đẳng Cơ giới Ninh Bình 1 Ninh Bình 2 TUYÊN BỐ BẢN QUYỀN Tài liệu thuộc loại sách giáo trình nên nguồn thơng tin phép dùng ngun trích dùng cho mục đích đào tạo tham khảo Mọi mục đích khác mang tính lệch lạc sử dụng với mục đích kinh doanh thiếu lành mạnh bị nghiêm cấm 3 LỜI GIỚI THIỆU Trong hệ thống kiến thức chuyên ngành trang bị cho sinh viên nghề Lập trình máy tính, mơ đun góp phần cung cấp nội dung liên quan đến việc xây dựng ứng dụng sở liệu Các nội dung trình bày tài liệu gồm bài: - Tổng quan asp.net - Web server control - Cơ lập trình c# lập trình trang asp.net - Sql server - Truy cập xử lý sở liệu với.net - Các điều khiển liên kết liệu Mặc dù có nhiều cố gắng, khơng tránh khỏi khiếm khuyết, mong nhận đóng góp ý kiến độc giả để giáo trình hồn thiện Ninh Bình, ngày tháng năm Tham gia biên soạn Chủ biên Nguyễn Anh Văn Nguyễn Trung Cương Nguyễn Xuân Khôi 4 MỤC LỤC TRANG GIÁO TRÌNH MƠN HỌC/MƠ ĐUN Tên mơ đun: Lập trình Web Mã mơ đun: MĐ 26 Vị trí, tính chất, ý nghĩa vai trị mơn học/mơ đun: - Vị trí: Đây mơ đun lập trình mơi trường web chương trình đào tạo nghề Cao đẳng lập trình máy tính, sử dụng môi trường Microsoft Visual Studio.NET làm tảng phát triển web - Tính chất: Để học tốt mơ đun cần học qua môn học Tin học bản, Lập trình bản, sở tốn cho tin học, cấu trúc liệu giải thuật, lập trình hướng đối tượng - Ý nghĩa vai trị mơn học/mơ đun: mơ đun trình bày cấu trúc điều khiển ngơn ngữ ASP.NET đại thay sử dụng ngôn ngữ ASP cổ điển Mục tiêu mơn học/mơ đun: - Về kiến thức: + Trình bày kiến trúc hạ tầng NET + Vận dụng cú pháp ngơn ngữ lập trình ASP.NET - Về kỹ năng: + Sử dụng phương pháp lập trình hướng đối tượng ngơn ngữ lập trình ASP.NET + Khai thác tính tiên tiến ASP.NET + Tạo ứng dụng web kết nối với sở liệu + Sử dụng ứng dụng thiết kế web theo yêu cầu - Về lực tự chủ trách nhiệm: + Có thái độ nghiêm túc tích cực học tập đảm bảo an toàn cho người thiết bị Nội dung môn học/mô đun: 5 BÀI TỔNG QUAN VỀ ASP.NET Mã bài: MĐ26-B01 Mục tiêu - Trình bày định nghĩa, cú pháp thành phần HTML; - Sử dụng thành phần HTML Nội dung chính: Tổng quan lập trình ứng dụng Web 1.1 HTTP HTML Nền móng Kỹ thuật lập trình web Kỹ thuật lập trình ứng dụng web khởi đầu HyperText Transfer Protocol (HTTP), giao thức cho phép máy tính trao đổi thơng tin với qua mạng máy tính HTTP xác định qua URLs (Uniform Resource Locators), với cấu truc chuỗi có định dạng sau: Sau tiền tố http://, chuỗi URL chứa tên host hay địa IP máy server (có thể có số cổng kèm), la đường dẫn dẫn đến tập tin server yêu cầu Tuy chọn sau cung tham số, gọi query string (chuỗi tham số/chuỗi truy vấn) Vi dụ: Phân tích địa http://www.comersus.com/comersus6/store/index.asp Trang web index.asp lưu trữ thư mục /comersus6/store Web Server với host www.comersus.com Một số thuật ngữ: 6 Internet: hệ thống gồm nhiều máy tính khắp nơi giới nối lại với nhau; WWW: World Wide Web (mạng toan cầu), thường dung noi Internet; Web Server: Máy tính lưu trữ cac trang web; Web Client: Máy tính dung để truy cập cac trang web; Web Browser: Phần mềm dung để truy cập web; Một số web browser phổ biến: Internet Explorer, Netscape Navigator, Avant Browser, Opera, 1.2 Cơ HTML a.Tag cấu trúc HTML bao gồm tag để xác định cấu trúc trang web bao gồm: b.Tag định dạng văn Mặc dù có nhiều tag để định dạng văn bản, tag sau tag mà gần trang web phải sử dụng:

: bắt đầu đoạn văn : xuống dòng , ,…: đặt dòng văn nằm cặp tag tiêu đề (heading) c.Tag ghi Cũng ngơn ngữ lập trình, phép người viết trang web đặt ghi dành riêng cho vào trang web, HTML cung cấp tag ghi Đây tag đặc biệt so với tag khác: d.Định dạng kiểu chữ Trong tài liệu, văn thường sử dụng kiểu chữ đậm, nghiêng, gạch dưới,…ví dụ sau minh hoạ tag dùng định dạng kiểu chữ: In đậm 7 In đậm chữ lớn nhấn mạnh in nghiêng e Font chữ, màu sắc canh lề …

Ví dụ:

Computer Joke

Kỹ thuật viên: Máy tính anh có ổ đĩa mềm ?

Khách: Tơi khơng nhìn thấy bên Có chữ " Intel PentiumInside "

Thuộc tính tag Một thơng tin định dạng gồm nhiều chi tiết, ví dụ trên, font chữ hiển thị cho chuỗi văn định qua tag nhiên, font chữ lại gồm nhiều chi tiết như: tên font, kích thước, màu sắc,… Các thông tin chi tiết gọi thuộc tính tag Một tag có nhiều thuộc tính Bạn nên đặt giá trị thuộc tính dấu ngoặc kép Định dạng trước nội dung văn Web browser khơng quan tâm đến cách bạn trình bày đoạn code HTML file html mà dựa vào tag để trình bày nội dung trang web Tag dùng bạn muốn yêu cầu web browser "tơn trọng" khoảng trắng xuống dịng đoạn code HTML 1.3 Cơ CSS 1.3.1 Giới thiệu CSS 8 a CSS CSS: Cascading Style Sheets Các Style định nghĩa cách trình duyệt hiển thị đối tượng HTML Các Style lưu Style Sheet Các Style Sheet độc lập lưu file CSS riêng biệt Các Style Sheet độc lập tiết kiệm nhiều thời gian cho bạn Nhiều định nghĩa Style cho loại đối tượng sử dụng theo lớp b Style giúp bạn giải nhiều vấn đề HTML tag thiết kế để định dạng cách hiển thị nội dung trang Web cách định nghĩa "đây phần header", "đây đoạn", "đây bảng",… Mỗi trình duyệt hiển thị nội dung trang Web theo cách riêng dựa định nghĩa Các trình duyệt thơng dụng Internet Explorer hay Netscape liên tục thêm thắt tag HTML riêng vào danh sách HTML tag chuẩn W3C làm cho việc tạo lập văn Web để hiển thị độc lập trình duyệt ngày khó khăn Để giải vấn đề này, W3C (World Wide Web consortium- tổ chức chịu trách nhiệm tạo lập chuẩn Web) tạo STYLE cho HTML 4.0 Cả Netscape 4.0 Internet Explorer 4.0 hỗ trợ Cascading Style Sheets Style Sheet tiết kiệm nhiều công sức thiết kế Các Style HTML 4.0 định nghĩa cách mà thành phần HTML hiển thị Các Style thường lưu file độc lập với trang Web bạn Các file CSS độc lập cho phép bạn thay đổi hình thức thể khuôn dạng tất trang Website thống mà phải thực thay đổi lần Style dùng? Ta nói rằng, Style sử dụng theo "lớp" (cascade) ưu tiên nhiều Style định nghĩa thành phần HTML tham chiếu file HTML Thứ tự ưu tiên xếp từ cao xuống thấp: Style cho thành phần HTML cụ thể 9 10 Style phần HEAD Style file CSS Mặc nhiên theo trình duyệt 1.3.2 Cú pháp CSS Lý thuyết liên quan: Cú pháp CSS gồm phần: đối tượng, thuộc tính giá trị: Đối tượng {thuộc tính: giá trị} Đối tượng thường tag HTML mà bạn muốn định nghĩa cách hiển thị Thuộc tính thuộc tính hiển thị đối tượng Giá trị cách mà bạn muốn thuộc tính hiển thị Cặp {thuộc tính: giá trị} đặt dấu {} Body {color: black} Nếu giá trị gồm nhiều từ, đặt chúng dấu nháy đôi: p {font-family: "sans serif"} Nếu bạn muốn định nghĩa nhiều thuộc tính đối tượng, phân cách cặp thuộc tính: giá trị dấu (;) p {text-align: center; color: red} Để định nghĩa Style dễ đọc hơn: P{ text-align: center; color: black; font-family: arial } 1.1 Nhóm nhiều đối tượng Bạn định nghĩa Style cho nhiều đối tượng lúc: h1, h2, h3, h4, h5, h6 { color: green } 1.2 Thuộc tính Class Với thuộc tính Class, bạn định nghĩa nhiều Style khác cho đối tượng Ví dụ, bạn muốn có hai Style cho tag

, 10 10 ... thường dung noi Internet; Web Server: Máy tính lưu trữ cac trang web; Web Client: Máy tính dung để truy cập cac trang web; Web Browser: Phần mềm dung để truy cập web; Một số web browser phổ biến:... tiêu - Trình bày định nghĩa, cú pháp thành phần HTML; - Sử dụng thành phần HTML Nội dung chính: Tổng quan lập trình ứng dụng Web 1.1 HTTP HTML Nền móng Kỹ thuật lập trình web Kỹ thuật lập trình. .. Web Mã mơ đun: MĐ 26 Vị trí, tính chất, ý nghĩa vai trị mơn học/mơ đun: - Vị trí: Đây mơ đun lập trình mơi trường web chương trình đào tạo nghề Cao đẳng lập trình máy tính, sử dụng mơi trường Microsoft