(Paragraph) dùng kèm thuộc tính để ấn định cách trình bày đoạn văn Ví dụ:
Đoạn văn 1
Đoạn văn 2
Để lề văn bản, dùng thuộc tính chỉnh lề nằm thẻ p sau:Đoạn văn bản
1.5 Thẻ xuống dòng: Khi dùng thẻ p, đoạn văn tự xuống dòng để phân thành đoạn Nếu cần xuống dịng vị trí bất kỳ, dùng thẻ , dùng thẻ tồn văn phía sau nhảy xuống dịng, dùng nhiều nhảy xuống nhiều dịng Ví dụ:Đoạn văn bản 1
→ có kết là: Đoạn văn 1.6 Đường kẻ ngang: Thẻ cho đường kẻ ngang hình, đường kẻ chỉnh chiều dài cách thay đổi thuộc tính chiều rộng thẻ Ví dụ: → đường kẻ ngang hình → đường kẻ ngang hình có độ rộng 50% hình → đường kẻ ngang hình có độ rộng 50px 1.7 Thẻ định dạng văn thông dụng: Để định dạng văn in đậm, in nghiêng, gạch sử dụng thẻ , , Ví dụ:
Đoạn văn bản
→ Đoạn vănĐoạn văn bản
→ Đoạn văn 1.8 Thẻ giữ nguyên định dạng văn bản: Thông thường dùng thẻ p để tạo đoạn văn bản, xuống nhiều dịng đoạn khơng tính, hiển thị hiển thị đoạn Để hiển thị với thực soạn thảo, dùng thẻ thay cho p Khi dùng thẻ pre, văn chuyển thành font chữ Courier 1.9 Thẻ cấp khối: Một thẻ cấp khối ln bắt đầu dịng Một thẻ cấp khối ln chiếm tồn chiều rộng có sẵn (trải dài sang trái phải hết mức có thể) Thẻ cấp khối có lề lề dưới, thẻ nội tuyến khơng Thẻ ,thẻ cấp khối Một số thẻ cấp khối: -
- 1.10 Thẻ nội tuyến: Một thẻ nội tuyến khơng bắt đầu dịng Một thẻ nội tuyến chiếm nhiều chiều rộng cần thiết Thẻ , , , thẻ nội tuyến Một số thẻ nội tuyến: 1.11 Thẻ DIV Thẻ thường sử dụng làm vùng chứa cho phần tử HTML khác Thẻ khơng có thuộc tính bắt buộc, style, class id thường dùng Khi sử dụng với CSS, phần tử sử dụng để tạo kiểu cho khối nội dung, xây dựng bố cục trang web Ví dụ: DIV
Thẻ div thường sử dụng làm vùng chứa cho phần tử HTML khác
1.12 Thẻ SPAN Thẻ vùng chứa nội tuyến sử dụng để đánh dấu phần văn phần tài liệu Thẻ khơng có thuộc tính bắt buộc, style, class id thường dùng Khi sử dụng với CSS, phần tử sử dụng để tạo kiểu cho phần văn Ví dụ:Thẻ span vùng chứa nội tuyến sử dụng để đánh dấu phần văn phần tài liệu
1.13 Thẻ Link: Các liên kết tìm thấy hầu hết trang web Liên kết cho phép người dùng nhấp theo cách họ từ trang sang trang khác Các liên kết HTML siêu liên kết Có thể nhấp vào liên kết chuyển đến tài liệu khác Khi di chuyển chuột qua liên kết, mũi tên chuột biến thành bàn tay nhỏ Lưu ý: Một liên kết không thiết phải văn Một liên kết hình ảnh phần tử HTML khác! Thẻ HTML xác định siêu liên kết Cú pháp: Liên kết Thuộc tính quan trọng href, điểm đến liên kết Các văn liên kết phần mà hiển thị cho người đọc Nhấp vào văn liên kết, đưa người đọc đến địa URL định Ví dụ: Cùng học HTML Theo mặc định, trang liên kết hiển thị cửa sổ trình duyệt Để thay đổi điều này, bạn phải định target - mục tiêu khác cho liên kết Các target quy định cụ thể thuộc tính nơi để mở tài liệu liên kết Các target có giá trị sau: _self: Mở tài liệu cửa sổ / tab nhấp vào _blank: Mở tài liệu cửa sổ tab _parent: Mở tài liệu khung _top: Mở tài liệu tồn phần thân cửa sổ Ví dụ: Cùng học HTML 1.14 Thẻ hình ảnh: Hình ảnh cải thiện thiết kế giao diện trang web thẻ HTML sử dụng để nhúng hình ảnh vào trang web Hình ảnh không chèn vào trang web mặt kỹ thuật; hình ảnh liên kết với trang web Các thẻ trống, chứa thuộc tính, khơng có thẻ đóng Các thẻ có hai thuộc tính cần thiết: src - Chỉ định đường dẫn đến hình ảnh alt - Chỉ định văn thay cho hình ảnh hình ảnh bị lỗi không hiển thị Cú pháp: Ví dụ: → hinhnen.png nằm thư mục với tập tin html → https://ibb.co/qF1NZqY/ đường dẫn chứa hình ảnh internet Có thể đặt kích thước hiển thị cho hình ảnh theo tỉ lệ % hay px Đặt kích thước hình ảnh cách dùng thuộc tính width hay height đặt theo css với thuộc tính style Ví dụ: Có thể đặt link cho hình ảnh để tạo hình ảnh có dạng liên kết, cách đặt thẻ img bên thẻ a Ví dụ: Các định dạng hình ảnh chung: Dưới loại tệp hình ảnh phổ biến nhất, hỗ trợ tất trình duyệt (Chrome, Edge, Firefox, Safari, Opera): Loại tập tin Mơ tả Đi tập tin APNG Hình động dùng cho mạng apng GIF Hình ảnh chuyển động gif ICO Hình dạng ICON Microsoft ico, cur 10 if($b>$a) echo $b “>” $a; else echo $a “>” $b; 2.2.5.2 switch Công dụng: thực công việc theo trường hợp Cú pháp: switch() { case : //thực công việc có giá trị break; case : //thực cơng việc có giá trị break; [ case : //thực cơng việc có giá trị break; ] [ default: //thực công việc có gí trị khác ] } Ví dụ: $t=2; switch ($t) 28 { case 1: echo “Một”; break; case 2: echo “Hai”; break; case 3: echo “Ba”; break; default: echo “Khơng hợp lệ”; } 2.2.5.3 for, foreach - Vịng lặp for Cú pháp: for (bt1; bt2; bt3) bt1: biểu thức khởi tạo biến đếm bt2: biểu thức điều kiện bt3: biểu thức thay đổi giá trị biến đếm Ví dụ: - Vịng lặp foreach Cú pháp: foreach (array_expression as $value) statement foreach (array_expression as $key => $value) statement Ví dụ: 29 2.2.5.4 while, … while Cú pháp: while (expr) statement Ví dụ: 30 2.2.5.5 Các lệnh break, continue Cơng dụng: khỏi vịng lặp Ví dụ: 2.2.6 Sử dụng include require: 2.2.6.1 include, include_once Công dụng chung: đặt lệnh từ tin thư viện vào vị trí lệnh include (include_once) Khác nhau: include_once kiểm tra chưa sử dụng tập tin thư viện đặt lệnh vào Ví dụ 1: 31 Ví dụ 2: 2.2.6.2 require, require_once require: tương tự include require_once: tương tự include_once 32 Thiết kế website động dùng ASP.NET & SQL Server 3.1 SQL Server: SQL server hay gọi Microsoft SQL Server, từ viết tắt MS SQL Server Đây loại phần mềm phát triển Microsoft sử dụng để dễ dàng lưu trữ cho liệu dựa theo tiêu chuẩn RDBMS 3.2 ASP.NET ASP.Net tảng dành cho phát triển web, Microsoft phát hành cung cấp lần vào năm 2002 Nền tảng sử dụng để tạo ứng dụng web-based Phiên ASP.Net triển khai 1.0 phiên ASP.Net phiên 4.6 ASP.Net thiết kế để tương thích với giao thức HTTP HTTP giao thức chuẩn sử dụng tất ứng dụng web 3.3 Kiến trúc ADO.NET Kiến trúc ADO.NET chia làm phần chính: - Managed Provider Component: bao gồm đối tượng DataAdapter, DataReader,… giữ nhiệm vụ làm việc trực tiếp với liệu database, file,… - Content Component: bao gồm đối tượng DataSet, DataTable,… đại diện cho liệu thực cần làm việc DataReader đối tượng mới, giúp truy cập liệu nhanh chóng forward-only read-only giống ADO RecordSet sử dụng Server cursor, OpenFowardOnly - DataSet đối tượng mới, khơng liệu, DataSet coi gọn nhẹ CSDL nhớ với nhiều bảng mối quan hệ DataAdapter đối tượng kết nối DataSet CSDL, bao gồm đối tượng Connection Command để cung cấp liệu cho DataSet cập nhật liệu từ DataSet xuống CSDL 33 3.3.1 Các namespace ADO.NET Data provider Namsepace Mô tả NET Framework Data Provider dành cho Microsoft SQL Server System.Data.SqlClient Cung cấp kết nối thao tác tới phiên Microsoft SQL Server từ 7.0 trở lên NET Framework Data Provider dành cho OLE DB System.Data.OleDb Cung cấp kết nối tao tác tới hệ quản trị liệu dựa OLE DB .NET Framework Data Provider dành cho ODBC System.Data.Odbc Cung cấp kết nối tao tác tới hệ quản trị liệu dựa ODBC .NET Framework Data Provider dành cho Oracle System.Data.OracleClient Cung cấp kết nối thao tác tới phiên Oracle client software từ 8.1.7 trở lên EntityClient Provider System.Data.EntityClient Cung cấp kết nối thao tác dành cho ứng dụng Entity Data Model (EDM) NET Framework Data Provider for Microsoft SQL Server Tối ưu kết nối với SQL Server (từ phiên 7.0) Kết nối trực tiếp không thông qua ODBC OLE DB Các lớp cung cấp thuộc System.Data.SqlClient NET Framework Data Provider for OLE DB Sử dụng native OLE DB SQLOLEDB provider MSDAORA provider Microsoft.Jet.OLEDB.4.0 provider Các lớp cung cấp thuộc System.Data.OleDb NET Framework Data Provider for ODBC Sử dụng native ODBC Driver Manager 34 SQL Server driver Microsoft ODBC for Oracle driver Microsoft Access driver Các lớp cung cấp thuộc System.Data.Odbc NET Framework Data Provider for Oracle Kết nối Oracle Data Source thông qua Oracle client connectivity software (từ phiên 8.1.7) SQL Server driver Microsoft ODBC for Oracle driver Microsoft Access driver Các lớp cung cấp thuộc System.Data.OracleClient Các lớp Data Provider IDbConnection Interface Dùng để tạo kết nối (connection) đến CSDL Được cài đặt cho lớp Data Provider Ví dụ: với Data Provider for SQL Server sử dụng lớp SqlConnection IDbCommand Interface Dùng để thực câu lệnh, truyền tham số, nhận kết trả Được cài đặt cho lớp Data Provider Ví dụ: với Data Provider for SQL Server sử dụng lớp SqlCommand IDataReader Interface Dùng để đọc liệu theo cách forward-only read-only IDataAdapter Interface Dùng để đọc liệu từ CSDL lưu DataSet DataSet CSDL thu nhỏ đặt nhớ máy client Người dùng thao tác DataSet ghi lại thay đổi trở lại CSDL Dữ liệu đọc lưu DataSet liệu XML 3.3.2 Cơ chế kết nối ADO.NET qua Connected Layer Chuỗi kết nối sở liệu 35 Chuỗi chứa thông tin kết nối tới sở liệu địa chứa CSDL, tên CSDL, thông tin tài khoản kết nối tới CSDL Cấu trúc chuỗi kết nối CSDL sau: keyword1=value1; keyword2=value2; Trong keywork khơng phân biệt chữ hoa, chữ thường; value tùy thuộc vào giá trị mà có phân biệt Mình liệt kê số keyword hay sử dụng bảng Keyword Mô tả Thời gian timeout thực kết nối Giá trị mặc định 15 (giây) Connect Timeout / Timeout / Connection Lưu ý: không nên thay đổi giá trị Nếu Timeout bạn để nhỏ dễ xảy timeout Nếu để lớn connection giữ lại ảnh hưởng tới connection phía sau Data Source / Server / Address/Addr Địa CSDL Trong trường hợp bạn sử dụng cổng khác với cổng mặc định thêm ",port" phía sau giá trị Initial Catalog/Database Tên CSDL User ID/UID Tên tài khoản đăng nhập Password/PWD Mật đăng nhập Thiết lập tên ứng dụng kết nối tới CSDL Mặc định khơng có ".Net SqlClient Data Provider" Application Name Lưu ý: nên sử dụng giá trị để dễ dàng xác định thực truy vấn log Bạn thấy hữu ích sử dụng phần mềm SQL Server Profiler MultipleActiveResultSets Thiết lập thao tác tới CSDL connection Giá trị True False (giá trị mặc định) Pooling Thiết lập chế tái sử dụng connection Min Pool Size Số connection tối thiểu có pool (có thể dịch tập hợp connection) 36 Max Pool Size Số connection tối đa có pool Ví dụ chuỗi kết nối sau: var connectionString = "Server=127.0.0.1; Initial Catalog=ADONETEXAMPLE; User ID=testado; Password=testado.net; Application Name=Test ADP.NET"; Ngoài cách thiết lập chuỗi kết nối trên, tạo chuỗi kết nối cách sử dụng class SqlConnectionStringBuilder (System.Data.SqlClient) var connectionStringBuilder = new SqlConnectionStringBuilder(); connectionStringBuilder["Server"] = "127.0.0.1"; connectionStringBuilder["Initial Catalog"] = "ADONETEXAMPLE"; connectionStringBuilder["User ID"] = "testado"; connectionStringBuilder["Password"] = "testado.net"; connectionStringBuilder["Application Name"] = "Test ADP.NET"; var connectionString = connectionStringBuilder.ToString(); Kết nối Để kết nối tới CSDL, dùng class SqlConnection đoạn code public class AdoNetCSharp { public void Run() { var connectionString = "Server=127.0.0.1; Initial Catalog=ADONETEXAMPLE; User ID=testado; Password=testado.net; Application Name=Test ADP.NET"; using (var connection = new SqlConnection(connectionString)) { connection.Open(); // TODO: } } } 37 Bất kể muốn làm CSDL, cần thực Open trước Sau dùng xong, phải nhớ Close connection lại Trong ví dụ trên, bạn khơng thấy hàm Close sử dụng using, Net làm giúp bạn điều 38 BÀI 2: NỘI DUNG CÔNG VIỆC THỰC HÀNH Mã bài: MĐ 33 - 02 Giới thiệu: Trong nêu tiêu chí cơng việc cần thực để tạo nên website hoàn chỉnh theo yêu cầu doanh nghiệp Mục tiêu bài: Trình bày loại website thông dụng Hiểu tiêu chí cần thực để hồn thành website Tạo website hoàn chỉnh theo yếu cầu Thực thao tác an tồn với máy tính Nội dung chính: Các tiêu chí thực cơng việc Tên công việc: Thiết kế trang web theo hướng quảng bá cho doanh nghiệp Mô tả công việc: Thu thập yêu cầu doanh nghiệp, mục thu thập gồm: Các thông tin cần hiển thị Dạng giao diện hiển thị Framework sử dụng Back-end Front-end Chuẩn bị Framework Chuẩn bị giao diện mẫu Chuẩn bị hệ quản trị sở liệu Báo giá phần mềm có Tạo giao diện website Tạo sở liệu Hoàn thành việc kết nối hiển thị liệu lên website Tiêu chí thực hiện: Tổng hợp yêu cầu doanh nghiệp Đưa phương án cho doanh nghiệp lựa chọn Chuẩn bị dụng cụ cần thiết để hoàn thành website 39 Hồn thiện website đưa vào sử dụng Tên cơng việc: Thiết kế trang web theo hướng bán hàng cho doanh nghiệp Mô tả công việc: Thu thập yêu cầu doanh nghiệp, mục thu thập gồm: Các thông tin cần hiển thị Dạng giao diện hiển thị Framework sử dụng Back-end Front-end Sản phẩm Hình thứ tốn Hình thức vận chuyển Chuẩn bị Framework Chuẩn bị giao diện mẫu Chuẩn bị hệ quản trị sở liệu Báo giá phần mềm có Tạo giao diện website Tạo sở liệu Hoàn thành việc kết nối hiển thị liệu lên website Tiêu chí thực hiện: Tổng hợp yêu cầu doanh nghiệp Đưa phương án cho doanh nghiệp lựa chọn Chuẩn bị dụng cụ cần thiết để hoàn thành website Hoàn thiện website đưa vào sử dụng Nội dung thực hành Nhận công việc giao từ người hướng dẫn thực quy định doanh nghiệp Tìm hiểu doanh nghiệp khía cạnh loại hình kinh doanh, lịch sử hình thành Thu thập liệu hoàn thiện sở liệu Hoàn thành giao diện website theo yêu cầu doanh nghiệp Đưa website vào sử dụng thử 40 Xin ý kiến tham khảo người hướng dẫn tiến hành hoàn thiện website Những trọng tâm cần ý chương - Tên công việc, loại website cần thực - Các tiêu chí thực Bài mở rộng nâng cao Sinh viên tìm hiểu thêm ghi nhận công việc doanh nghiệp Yêu cầu đánh giá kết học tập chương Nội dung: + Về kiến thức: Tìm hiểu website thực tế + Về kỹ năng: Vận dụng kiến thức thiết kế webiste để áp dụng tạo website cho doanh nghiệp + Năng lực tự chủ trách nhiệm: Rèn luyện tính tỷ mỉ, xác, an tồn vệ sinh công nghiệp Phương pháp: + Về kiến thức: Được đánh giá phương pháp viết, trắc nghiệm + Về kỹ năng: Kỹ vận dụng kiến thức thiết kế webiste để áp dụng tạo website cho doanh nghiệp + Năng lực tự chủ trách nhiệm: Thực an toàn lao động, an toàn điện vệ sinh công nghiệp 41 TÀI LIỆU THAM KHẢO [1] https://www.w3school.com 42