Quản trị mạng Microsoft Windows - Giới thiệu ngôn ngữ HTML

Tài liệu hướng dẫn giảng dạy Học phần 3 - Quản trị mạng Microsoft Windows Trang 134/555 Quản lý nhiều người dùng trong Outlook: đôi lúc nhiều người dùng chung một chương trình Outlook để gởi nhận mail và họ muốn mail của họ được bảo mật có nghĩa là mail của riêng người nào thì người đó mới được đọc. Lúc đó ta sử dụng tính năng Identity của Outlook, trước hết ta tạo ra Identity cho từng người bằng cách vào menu File/Identities/Manager Identities, sau đó click vào New và nhập tên của các thành viên. Nếu muốn bảo mật tuyệt đối thì check vào mục sử dụng password. Hình 7.66 – Hộp thoại Manage Identities. Ta chuyển vào Identity bằng cách vào menu File/Switch Indentity và chọn người cần chuyển vào, sau đó bạn cấu hình từ đầu cho riêng bạn xem như là bạn sở hữu riêng một chương trình Outlook Express. Chú ý là sau khi sử dụng xong bạn phải chọn chức năng Log off để thoát khỏi Identity của mình tránh tình trạng người khác đọc được mail của mình. Hình 7.67 – Hộp thoại Switch Identities. Tài liệu hướng dẫn giảng dạy Học phần 3 - Quản trị mạng Microsoft Windows Trang 135/555 VIII. XÂY DỰNG TRANG WEB. VIII.1. Giới thiệu ngôn ngữ HTML. Ngôn ngữ HTML (HyperText Markup Language) là một ngôn ngữ mô tả, bao gồm tập hợp các thẻ (tag) dùng để mô tả các trang Web. Mỗi thẻ thông thường là một cặp chỉ vị trí bắt đầu thẻ và vị trí kết thúc thẻ. VIII.2. Các thẻ (Tag) trong HTML. - :thẻ nhận dạng tài liệu, đặt ở vị trí bắt đầu và kết thúc tập tin. - : chỉ ra nội dung tiêu để của trang Web, nội dung này sẽ được hiển thị trên thanh tiêu đề của chương trình Browser. Thẻ này chỉ đặt trong phần Header. - : chỉ ra phần header của trang Web, thẻ này có thể bỏ qua. - : thẻ này chỉ ra phần nội dung của trang Web. - : định dạng văn bản theo heading, giá trị này từ 1 đến 6, giá trị càng nhỏ chữ càng lớn. - : định dạng canh lề cho văn bản. - : hiển thị văn bản ở dạng nghiêng theo logical type. - : hiển thị văn bản ở dạng in đậm theo logical type. - : chọn kích thước font lớn. - : chọn kích thước font nhỏ. - :hiển thị văn bản ở dạng in đậm theo physical type. - : hiển thị văn bản ở dạng nghiêng theo physical type. - : hiển thị văn bản ở dạng gạch dưới theo physical type. - : hiển thị văn bản ở dạng strikeout theo logical type. - : hiển thị văn bản ở dạng strikeout theo physical type. - :hiển thị văn bản ở dạng Subscript theo logical type. - : hiển thị văn bản ở dạng superscript theo logical type. - : định dạng canh giữa cho văn bản và hình. - : hiển thị văn bản dạng nhấp nháy. - : chọn kích thước font có giá trị từ 1 đến 7. - : chỉ định kích thước font dạng văn bản, có giá trị từ 1-7. Mặc định là 3. - : chỉ định màu của văn bản, giá trị dưới dạng hexa. - : chọn font cho văn bản - : tạo văn bản có nhiều cột. - : tạo một link đến một đối tượng URL. - : tạo một link đến một đối tượng URL được chỉ định. - : tạo một link đến một đối tượng URL chỉ định cửa sổ hiển thị. - : hiển thị ảnh. - : canh lề trái phải của ảnh Tài liệu hướng dẫn giảng dạy Học phần 3 - Quản trị mạng Microsoft Windows Trang 136/555 - : canh phía trên và phía dưới của ảnh. - : Tạo hàng ngang - : canh lề - : độ dày tính theo pixel. - : độ rộng tính theo pixel. - : tạo danh sách không sắp xếp, đặt trước mỗi đối tượng của danh sách. - : tạo nền của trang Web. - : đặt màu nền cho trang Web, giá trị này hệ hexa theo thứ tự red/green/blue. - : màu chữ. - : màu link. - : màu các trang link đã duyệt qua. - : màu link đang được chọn. - : định nghĩa một form và phương thức hoạt động của form. - <INPUT TYPE="TEXT | PASSWORD | CHECKBOX | RADIO | IMAGE | HIDDEN | SUBMIT | RESET "> : đưa các đối tượng vào form. - : tên của trường trong form. - :giá trị của trường trong form. - : kích thước của field tính bằng characters. - : tạo list lựa chọn. - : tên của list. - : tạo một hộp nhập liệu. - : định nghĩa một bảng. - : kích thước border. - : độ rộng của bảng tính theo pixel. - : tạo dòng của bảng. - <TR ALIGN=LEFT | RIGHT | CENTER | MIDDLE | BOTTOM VALIGN=TOP | BOTTOM | MIDDLE>: canh lề trong dòng của bảng. - : tạo ô trong bảng - : canh lề trong ô củabảng. - : định màu trong ô của bảng. - : khai báo frame. - : độ rộng của hàng tính theo pixel hoặc %. - : độ rộng của cột tính theo pixel hoặc %. - : độ rộng của border. - : màu của border. - : hiển thị nội dung của tài liệu trong Frame. Tài liệu hướng dẫn giảng dạy Học phần 3 - Quản trị mạng Microsoft Windows Trang 137/555 - : đặt thuộc tính Scrollbar cho frame. VIII.3. Các ví dụ về HTML. Cấu trúc cơ bản của một trang html gồm hai phần chính: phần header (nằm giữa tag và tag ) chứa thông tin chung về trang Web, phần nội dung chính của trang Web (đặt giữa hai tag và chứa nội dung sẽ được hiển thị trên trang web. Noi dung trang Web Đặt màu nền cho trang Web: Noi dung trang Web Đặt picture làm nền: Noi dung trang Web Đặt chế độ nghiêng, đậm, gạch dưới: Noi dung trang Web Chọn font : font chu Các thuộc tính của text: Noi dung <FONT COLOR="#FF0000" FACE="ARIAL" SIZE="7">trang Web Xuống dòng: Hey! What's going on Tài liệu hướng dẫn giảng dạy Học phần 3 - Quản trị mạng Microsoft Windows Trang 138/555 here?? Canh text: Something really cool Chèn hình vào trang Web: Cấp thư mục: SRC="../../copper.gif" Liên kết: Go to Netscape! hoặc : Click here to be magically Gởi mail: Send me Mail! Liên kết bằng hình: Go to <IMG SRC="copper.gif" WIDTH=82 HEIGHT=68 BORDER=0> Danh sách trang trí kiểu (‘.’) What I want for Christmas a big red truck a real fast speedboat a drum set a BB gun a Melanie Griffith Danh sách trang trí kiểu số:(1,2,3..) Tài liệu hướng dẫn giảng dạy Học phần 3 - Quản trị mạng Microsoft Windows Trang 139/555 What I want for Christmas a big red truck a real fast speedboat a drum set a BB gun a Melanie Griffith Đường kẻ ngang: hoặc: Frame Frame chia theo cột: Frame chia theo dòng: Frame chia tự động: Frame chia frame: Tài liệu hướng dẫn giảng dạy Học phần 3 - Quản trị mạng Microsoft Windows Trang 140/555 Độ rộng của line, màu line của frame: <FRAME SRC="world.gif" WIDTH=146 HEIGHT=162 SCROLLING=NO MARGINWIDTH=1 MARGINHEIGHT=1> Form Gởi mail: <FORM METHOD=POST ACTION="mailto:xxx@xxx.xxx" ENCTYPE="application/x-www-form-urlencoded"> Các đối tượng trong form: Radio button: Ed Holleran Rick Weinberg Tom Studd Check Box: Ed Holleran Rick Weinberg ComboBox: Ed Rick Tom Guido Tài liệu hướng dẫn giảng dạy Học phần 3 - Quản trị mạng Microsoft Windows Trang 141/555 List Box: Ed Rick Tom Guido Horace Reggie Myron Text Area: Nút Submit, Reset: Table Chia dòng, cột:         VIII.4. Giới thiệu công cụ tạo web FrontPage. Giới thiệu về FrontPage. FrontPage là chương trình giúp ta soạn thảo nhanh các trang Web là không cần thuộc các tag html. Đồng thời công cụ này cũng giúp ta kiểm tra các liên kết của các trang Web và duyệt trước nội dung các trang web giống như khi duyệt bằng trình duyệt Web. FrontPage là một trong các chương trình ứng dụng trong bộ Office của Microsoft, nên cách sử dụng của chương trình này cũng tương tự như Word hay Excel, do đó người dùng rất dễ làm quen. Khởi động chương trình FrontPage: chọn Start/Programs/Microsoft FrontPage Tài liệu hướng dẫn giảng dạy Học phần 3 - Quản trị mạng Microsoft Windows Trang 142/555 Hình 7.68 – Giao diện chương trình FrontPage. Tạo một trang Web mới: trong FrontPage vào menu File/New/Page or Web hoặc click chuột vào icon “New” trên thanh công cụ. Sau đó vào menu File chọn Save và nhập tên trang Web cần lưu trữ. Thông thường phần mở rộng của tập tin Web là htm hoặc html. Trong cửa sổ làm việc của ProntPage có ba chế độ hiển thị là “Normal”, “HTML”, “Preview”. Normal là chế độ soạn thảo Web. HTML là chế độ hiển thị nội dung source html của trang Web. Preview là chế độ duyệt Web giống như trình duyệt web dùng để kiểm tra trước khi đưa trang Web lên mạng. Tài liệu hướng dẫn giảng dạy Học phần 3 - Quản trị mạng Microsoft Windows Trang 143/555 Hình 7.69 – Giao diện khi chọn chế độ xem là HTML. Thanh công cụ định dạng văn bản với các tính năng thông dụng sau: Hình 7.70 – Thanh công cụ định dạng văn bản. - Chọn kiểu văn bản - Chọn loại font thích hợp - Chọn kích thước chữ - Định dạng in đậm, in nghiêng, gạch dưới - Canh lề trái, phải, giữa, đều hai bên lề - Tăng giảm kích thước chữ - Định dạng danh sách sắp xếp dạng number, bullet - Định dạng Tab sang trái hay sang phải - Chọn đường viền khung - Chọn màu văn bản, màu nền Tạo trang Web mới theo các mẫu định sẵn: ta chọn “Page Templates” để tạo các trang Web theo các mẫu định sẵn. Tài liệu hướng dẫn giảng dạy Học phần 3 - Quản trị mạng Microsoft Windows Trang 144/555 Hình 7.71 – Các cách tạo một trang mới. Sao đó ta chọn mẫu phù hợp như hình sau và chọn OK. Hình 7.72 – Các Page Templates định sẵn. Chèn hình ảnh: ta chọn vị trí chèn ảnh bằng cách đặt con trỏ tại vị trí này, sau đó vào menu Insert/Picture/From File… Hộp thoại Picture xuất hiện, ta chọn tên tập tin ảnh cần chèn. Hình 7.73 – Hộp thoại Picture. Kết quả được hiển thị trên trang Web như sau: