Bài giảng Xây dựng website thương mại điện tử: Phần 2

Nối tiếp phần 1, "Bài giảng Xây dựng website thương mại điện tử: Phần 2" tiếp tục cung cấp cho học viên những kiến thức về một số ngôn ngữ lập trình web: ngôn ngữ HTML, CSS, JavaScript, ngôn ngữ lập trình Backend; quản trị website; mô hình Client/Server; mô hình quản trị nội dung; xuất bản website; an toàn và bảo mật cho website thương mại điện tử; thực hành cài đặt và quản trị website thương mại điện tử;... Mời các bạn cùng tham khảo chi tiết nội dung bài giảng!
Nội dung trích xuất từ tài liệu:
Bài giảng Xây dựng website thương mại điện tử: Phần 2 BỘ THÔNG TIN VÀ TRUYỀN THÔNG HỌC VIỆN CÔNG NGHỆ BƯU CHÍNH VIỄN THÔNG Bài giảng: XÂY DỰNG WEBSITE THƯƠNG MẠI ĐIỆN TỬ Biên soạn: Th.S.Ao Thu Hoài Hiệu chỉnh TS. Trần Thị Thập Th.S.Nguyễn Hoàng Anh 2018 CHƯƠNG 4: MỘT SỐ NGÔN NGỮ LẬP TRÌNH WEB 4.1. NGÔN NGỮ HTML 4.1.1. Khái niêm â HTML HTML là viết tắt của Hyper Text Markup Language (Ngôn ngữ đánh dấu siêu văn bản). Một tài liệu HTML thường có đuôi mở rộng là .html hoặc .htm và tất nhiên đó là 1 trang web. Các trang HTML nói riêng và các trang web nói chung (.php, .asp, ...) có tình chất của một văn bản như các file txt hay .doc chỉ có điều nó phức tạp và đa dạng hơn. Các trang web HTML có thể đọc được bằng các trình duyệt web (Web Browse) khác nhau và phổ biến nhất là Internet Explorer (IE). Ngôn ngữ HTML có ưu điểm là rất đơn giản và có thể chạy tốt với nhiều hệ điều hành và nhiều trình duyệt web khác nhau. Tuy mỗi trình duyệt do 1 hãng khác nhau sản xuất và có 1 cách biên dịch trang web khác nhau nhưng nói chung đều cho 1 kết quả tương tự nhau. Ngòai ra HTML được sọan thảo rất đơn giản, không cần chương trình chuyên dụng, chỉ cần notepad hoặc bất kỳ chương trình sọan thảo văn bản nào để viết và sau đó save lại dưới dạng file .html hoă Ăc .htm. 4.1.2. Cấu trúc cơ bản của HTML Thành phần chính và cũng là thông dụng nhất của 1 HTML là các thẻ (tag), các tag này qui định hầu như tất cả mọi thứ trong trang web. 1 tag có cấu trúc như sau: .... nội dung .... Chú ý tag luôn có phần mở đầu là tên tag bao trong cặp dấu và kết thúc tag bằng cách thêm dấu / vào trước tên tag. Nếu thiếu xem như sai và tag này không có tác dụng. Nó cũng giống các tag trong forum nhưng tag trong forum dùng cặp [] để phân biệt với HTML. Không phải tất cả tag đều có đóng, một số tag đặc biệt không cần đóng mà sau này chúng ta sẽ tìm hiểu thêm. Ví dụ: Trang chủ Đây là tag title và nội dung của nó làn hàng chữ 'Trang chủ'. Một điều nữa là thứ tự mở và đóng tag. Khi chúng ta làm 1 trang web sẽ dùng rất nhiều tag và chuyện tag nằm trong tag là chuyện thường vì vậy phải chú ý thứ tự mở đóng tag để tránh đóng nhầm gây ra sai. Thứ tự là tag mở trước sẽ đóng sau, tức là tag mở đầu tiên sẽ đóng sau cùng. Ví dụ: Trang chủ Có thể thấy tag mở đầu tiên và đóng sau cùng, nói bao tất cả tag khác trong 55 lòng của nó. Nhỏ hơn là tag cũng thế, nó bao tag trong lòng của nó và cứ thế theo thứ tự từ lớn tới nhỏ. 4.1.3. Cấu trúc chính của một file HTML Cấu trúc của 1 file HTML là gồm nhiều tag kết hợp với nhau tạo thành và nó phân làm 2 phần riêng biệt. Đây là cấu trúc chính: Nội dung head nội dung body Trong đó ý nghĩa các tag như sau:  : Thông báo cho trình duyệt web đây là định dạng html và bắt đầu đọc file. : Chứa các thông số load cho trang web như tên trang web hiển thị trên taskbar, bộ font sử dụng, các giá trị gán vào và nếu có dùng javascript thì nó cũng dùng để chứa các hàm hay khai báo các file javascript (.js) viết sẵn.  : Đây là phần chính chứa nội dung sẽ hiển thị trên trình duyệt web. 4.1.4. Các thẻ thông dụng Sau đây là một số tag thông dụng trong html. Đầu tiên là các tag trong tag :  : Dây là tag thông dụng nhất dùng để khia báo tên của trang sẽ được hiển thị trên phần tên cửa sổ trình duyệt và thanh taskbar.  Thẻ : Các thông tin được nhúng vào trang web như bộ font, các thông số, ... Chú ý thẻ này không có tag đóng. Ví dụ: mở notepad hoă Ăc Microsoft Office sọan nội dung html như sau: Học viê Ăn bưu chính viễn thông Sau đó save lại thành file html rồi mở ra và có thể thấy tác dụng trên thanh hiển thị tên trình duyệt và dười taskbar. Thẻ qui định bộ font sử dụng là Unicode (UTF-8) nên có thể hiển thị tiếng Việt. Nếu không có thể này chữ có dấu sẽ biến thành mã. Kế đến là các tag trong tag : 56 Đến đây xin lưu ý mộ điều là trong các tag còn có những thông số phụ để chỉ chi tiết hơn các thuộc tính mà tag qui định, các thông số này thường được gán với dấu = và theo sau là chỉ số được bao bỡi cặp dấu ''. Sau đây các chúng ta sẽ gặp những thông số phụ này:  : Đây là tag chứa tòan bộ nội dung chính được hiển thị của trang web. - bgcolor: qui định màu nền cho trang. - Background: Qui định hình nền cho trang. Ví dụ: Đọan mã '#00CCFF' là đọan mã chỉ màu theo bảng 3 màu cơ bản RGB. Theo nguyên tắc pha màu thì tất cả các màu đều do 3 màu cơ bản là đỏ (R=red), xanh dương (B=blue) và xanh lá (G=green) pha trộn tùy theo mức độ mà tạo thành. Đầu đọan mã phải có ký hiệu # để trình duyệt hiểu đây là mã màu. 6 số sau đó lần lượt là RRBBGG mỗi màu sẽ có 2 số cho mỗi màu và là số thập lục phân nên đến F là coa nhất. Tòan bộ dãy 6 chữ số biểu thị cho 64 bit màu trên máy tính. Chúng ta có thể gặp mã màu này trong nhiều chương trình vẽ chuyên dụng như photoshop, corel, Flash, ... (Hãy thử bằng cách viết 1 trang HTML rồi lần lượt đổi số màu xem chúng pha màu ra sao).  : Đây là thẻ qui định in đậm, nội dung được bao trong tag này sẽ được hiển thị là đậm.  Tương tự tag là in nghiêng, là gạch dưới, là gạch ngang chữ. : Qui định font chữ mặc định cho tòan trang.  : Xuống dòng, do chế độ sọan thảo không phân biệt xuống dòng nên muốn nội dung khi hiện thị được xuống dòng thì ta dùng tag này đánh dấu như một dấu chấm xuống dòng. Tag này không có đóng.  : Canh giữa nội dung được nó bao bọc. Tương tự tag canh trái và tag canh phải.  : Đánh dấu ...