Tao Website bang Fontpage

- Bạn cũng có thể mở bất kì file HTML nào trong FrontPage Editor và toànbộ tag của chúng sẽ được dịch và hiển thị trên màn hình của FrontPage hoặc mở các file với nhiều khuôn dạng khác n[r]

N gày nay, Internet và đặc biệt là World Wide Web đã trở thành dịch vụ thông tin gắn chặt với đời sống kinh tế-xã hội Trong giáo dục, việc truy cập thông tin và tạo thông tin trở thành công việc thường xuyên thầy giao và học sinh Ngoài các chương trình MS Office Word, Excel, chương trình Frontpage cho phép người dễ dàng tạo các trang Web sinh động đầy màu sắc, đồng thời chuyển tải các trang đó lên mạng Internet cách thuận tiện nhanh chóng TÀI LIỆU GIẢNG DẠY CHO SINH VIÊN Mục lục Mục lục Bắt đầu với FrontPage Không gian làm việc FrontPage Các lệnh đơn giản FrontPage Ngôn ngữ HTML và tổng quan trang Web Tạo trang 11 Cất nội dung trang thời vào file 11 Cất nội dung trang FrontPage web thời 12 Tạo trang mẫu 12 Mở trang FrontPage Editor 12 Thuộc tính trang 13 Làm việc với trang Web 15 Sự khác tài liệu Word và tài liệu HTML 15 Cấu trúc trang Web 16 Địa trang Web 16 Tạo màu nền, màu text và ảnh cho trang 17 Định dạng text và đoạn .19 Định dạng text 19 Đặt text lui vào so với lề đoạn thời (To indent text) 20 Đặt lề text lùi so với lề đoạn thời (To outdent text) 21 Làm việc với Paragraphs 21 Làm việc với danh sách 24 Tạo danh sách bullet 25 Tạo danh sách definition 25 Tạo danh sách directory 25 Tạo danh sách menu 26 Tạo danh sách lồng 26 Tạo danh sách có thứ tự 26 Thay đổi thông số danh sách 26 Bookmark và HyperLink 27 Tạo các Text Link 28 Tạo Picture Link 30 Thay đổi HyperText và Hypermedia 31 Xoá và thay đổi các Hyperlink 32 Bookmark 36 Làm việc với ảnh .38 Các loại ảnh hỗ trợ HTML 38 Chèn hình ảnh 39 Sửa ảnh 41 Tạo ảnh suốt 44 Chuyển đổi ảnh 44 Các chức khác 46 Hospot 49 Tạo Hotspot 50 Thay đổi Hospot 51 Làm việc với Table 52 Tạo Table 52 Tạo bảng bảng khác 53 Thuộc tính table 53 Điều chỉnh bảng 54 Xoá bảng và phần nó 58 Định dạng table 58 Các thao tác khác 61 Làm việc với Frame 63 Tạo trang frame 64 Làm việc với form .68 Tạo Form 69 Thêm trường vào form 69 Thuộc tính form 70 Sử dụng tạo form Wizard 71 Thêm thành phần form .75 Các thao tác với trường 76 Text Boxes 76 Scrolling Text Boxes 80 Check Boxes 80 Radio Buttons 81 Drop-Down Menus 82 Trường Push Buttons và Picture 86 Trường ẩn - Hidden 87 Khái niệm và thuật ngữ 88 Lab1 111 Các tùy chọn cuả Page View 115 Lab2 116 Tăng cường các định dạng cho Web site 116 Tạo Shared Borders và di chuyển (Navigation Bar) upload.123doc.net Chủ đề định dạng (theme) 120 Hiệu chỉnh Theme 121 Xem trước Web site 123 Tổ chức file web site 124 Xuất (publishing) Web site Hsph 125 T  Bắt đầu với FrontPage Bắt đầu với Frontpage Chào mừng các bạn đến với Microsoft FrontPage, công cụ tạo và điều hành web site cách lí tưởng mà người thiết kế không thiết phải biết kiến thức lập trình, FrontPage có thứ mà bạn cần để thiết kế và xây dựng trang Web và Web site cho bạn FrontPage bao gồm FrontPage Explorer, đây, bạn có thể tạo, thiết kế, quản lí toàn Web site và FrontPage Editor, nơi mà bạn có thể tạo và sửa đổi các trang Web mà không cần phải biết ngôn ngữ đánh dấu siêu văn (HTML) FrontPage bao gồm nhiều tính hỗ trợ cho việc tạo Web site cách dễ dàng nhất, chẳng hạn thư viện thiết kế đồ hoạ chuyên nghiệp, tập hợp đầy đủ các các wizard và các mẫu để tạo trang và FrontPage web, phần tử active cung cấp chức và hàm phức tạp mà không cần lập trình, và danh sách các nhiệm vụ dành cho việc kiểm soát và tạo FrontPage web    Trong bài này, bạn học về: Các đặc điểm FrontPage Vùng làm việc FrontPage Một số thành phần màn hình FrontPage  Các thao tác với file  Thuộc tính trang Web Bạn có thể dùng FrontPage Explorer để tạo cấu trúc Web site, áp dụng các bố cục đồ hoạ cho trang, tổ chức các file và folder, nhập và xuất các file, kiểm tra và so sánh các siêu liên kết, quản trị quyền truy nhập, giám sát các nhiệm vụ, và đặc biệt là cho phép tiếp cận với FrontPage Editor để thiết kế và sửa đổi nội dung trang Web Bạn có thể dùng FrontPage Explorer để xuất các trang web trên máy tính mình, trên một tổ chức intranet World Wide Web FrontPage Editor hỗ trợ cho bạn việc tạo, thiết kế và sửa đổi các trang Web Chẳng hạn đưa text, ảnh, bảng, các mẫu biểu và các phần tử khác vào trang web, FrontPage Editor hiển thị chúng chúng xuất trên trình duyệt Mặc dù là công cụ có tính hoàn hảo, FrontPage Editor lại dễ dàng cho việc sử dụng vì nó trở nên thân thiện có giao diện trình xử lí văn Bạn không cần phải học ngôn ngữ HTML để sử dụng FrontPage Editor vì nó có thể tạo thẻ HTML cho bạn, các thẻ mở rộng style-sheet, frame, các điều khiển ActiveX Nếu bạn muốn soạn trực tiếp các mã lệnh HTML, bạn có thể sử dụng chế độ view HTML FrontPage Trong chế độ này, bạn có thể vào text, soạn các thẻ HTML và các mã kịch bản, sử dụng các lệnh chuẩn trình soạn thảo văn cắt, dán, tìm kiếm và thay FrontPage là thành viên họ sản phẩm Microsoft Office và chia sẻ nhiều tính Microsoft Word và Microsoft Excel, chẳng hạn thư viện ClipArt, kiểm tra lỗi chính tả và tạo bảng cách dễ dàng Ngoài ra, FrontPage quản lí các siêu liên kết tạo tài liệu Microsoft Office 2000 Dưới đây là vài đặc điểm FrontPage Editor: - Bạn có thể tạo trang HTML mơi dựa trên các wizard và template FrontPage Editor đưa nhiều lựa chọn định dạng trang, và bạn có thể tạo mẫu thiết kế chính mình - Bạn có thể áp dụng hay nhiều các bố cụ đồ hoạ FrontPage, chúng tạo các nhà thiết kế chuyên nghiệp, tạo cho bạn các trang web sống động và hấp dẫn Bạn có thể đưa vào và thiết kế viền trang, chèn các định hướng liên kết, giúp người sử dụng lướt trên Web site bạn - Bạn có thể mở bất kì file HTML nào FrontPage Editor và toànbộ tag chúng dịch và hiển thị trên màn hình FrontPage mở các file với nhiều khuôn dạng khác và FrontPage Editor tự động chuyển đổi chúng thành HTML, chẳng hạn Microsoft Word, Microsoft Excel, WordPerfect, FrontPage Editor tự động nhận các siêu liên kết từ tài liệu Microsoft Office 2000 - Bạn có thể chèn text style HTML, tạo các danh sách đa cấp, thay đổi kích thước và màu sắc text, áp dụng các khuôn dạng cho text Sử dụng style sheet, bạn có thể điều khiển lề, khoảng cách các dòng, màu sắc, font và kích thước chữ - Bạn có thể đưa các ảnh với bất kì định dạng nào, và FrontPage Editor tự động chuyển đổi chúng sang dạng GIF JPEG Kích đúp vào ảnh, bạn có thể sử dụng chương trình tạo ảnh tương ứng Bạn có thể tạo ánh xạ ảnh cách thêm các Hotspot trên ảnh chứa siêu liên kết Sử dụng các lệnh sửa đổi ảnh, bạn có thể cắt xén, quay, thay đổi kích thước, tạo ảnh đen trắng, tạo độ sáng tối cho ảnh FrontPage hỗ trợ thư viện phong phú ClipArt, các ảnh, và các video clip Bạn có thể tạo form chứa các trường text, check box, radio button, thực đơn drop-down, và push button Khi bạn tạo form, điều khiển form mặc định tự động cất thông tin trên form vào file gửi chúng tới địa e-mail Bạn có thể chọn điều khiển từ tập các điều khiển form FrontPage thêm điều khiển mình cho form Sử dụng các lệnh tạo bảng, bạn có thể tạo, chèn hàng và cột, dóng lề cho chúng, tạo màu nền, Bạn có thể thêm các chức mạnh vào trang cách chèn các cấu thành FrontPage Chúng thêm các khả tương tác chẳng hạn định hướng, nhóm thảo luận, tìm kiếm, và điều khiển form Ví dụ, cấu thành mục lục (Table of Contents) tự động tạo outline FrontPage web với các siêu liên kết đến trang Bạn có thể tạo trang frame mới, thay đổi hiển thị chúng và gán trang khởi tạo cho frame FrontPage hiển thị trang frame bạn dạng gì bạn nhìn thấy là gì bạn có (WYSIWYG) Bạn có thể chèn các điều khiển ActiveX, plug-ins, và các Java applet trên FrontPage Editor Bạn có thể tiếp cận tới phiên soạn các kịch bản, tạo và chèn các kịch JavaScript và VBScript Không gian làm việc FrontPage Không gian làm việc FrontPage bao gồm hai phần chính trên màn hình giao diện nó, FrontPage Explorer và FrontPage Editor Cả hai bao gồm: - Thực đơn - Thanh công cụ - Màn hình soạn thảo - Các vùng điều khiển FrontPage Explorer cho bạn các chế độ hiển thị khác FrontPage web: - Folders View - All Files View - Navigation View - Hyperlinks View - Hyperlink Status View - Themes View - Tasks View Màn hình làm việc FrontPage Editor:  Menu (Thực đơn) Các thực đơn FrontPage bao gồm: - File: các lệnh làm việc với file và tổng thể trên trang Web - Edit: Các lệnh soạn thảo thông dụng (tương tự các lệnh hệ soạn thảo văn khác ngoại trừ vài lệnh đặc thù) - View: Hiển thị các công cụ - Go: Các lệnh xếp các đối tượng đồ họa tương - Insert: Chèn các đối tượng vào trang Web - Format: Các lệnh tạo khuôn - Tools: Các công cụ và lựa chọn - Table: Các lệnh tạo bảng trên trang - Frame: Các lệnh làm việc với Frame - Windows, Help: Các thực đơn truyền thống Windows  Thanh ToolBar FrontPage có số ToolBar có thể ẩn trên màn hình Các lệnh thực đơn View dùng để làm ẩn các Toolbar này Một hình ảnh đầy đủ các ToolBar  Màn hình soạn thảo Màn hình soạn thảo nằm trung tâm FrontPage có hai chế độ soạn thảo cho trang (file) Web: Normal và HTML Chế độ Normal là chuẩn và là mặc định FrontPage Trong chế độ HTML, FrontPage cho phép làm việc trực tiếp với các Tag theo chuẩn HTML Kết hợp hài hòa hai chế độ soạn thảo này tạo các trang Web vừa ý Chế độ Preview cho phép xem trực tiếp kết trang Web trên các browser mà không cần phải có thêm các phần mềm này  Các vùng điều khiển Bao gồm các nút điều khiển cửa sổ, và dòng trạng thái Các thành phấn Mô tả Page Tab Dùng để chọn trang làm việc Title Bar Hiển thị tên cuả trang Web và vị trí cuả trang Web site Menu Bar Chứa các thực đơn lệnh Ask a Question Box Hổ trợ người sử dụng cần hướng dẫn thực các thao tác Close Page Đóng trang hành Scroll Bars Dùng để di chuyển trên trang hành Status Bar Thanh trạng thái, thường dùng để quan sát đích cuả các liên kết Page View Panes Các khung hiển thị trang: Gồm chế độ normal, html và preview Progress Indicator Chỉ thị cuả tiến trình Estimated Download Time Thời gian tải trang ước lượng Task Pane Khung tác vụ Thanh công cụ Standard và Formatting Các công cụ thường sử dụng Views bar Thanh chuyển đổi chế độ views Các lệnh đơn giản FrontPage Các nhóm lệnh sau trên trang soạn thảo FrontPage có ý nghĩa và kết tương tự các phần mềm soạn thảo khác (ví dụ WinWord, Lotus WordPro, )  Các lệnh làm việc với tệp (file) Các lệnh trên thực đơn File trên Standard Toolbar: New, Open, Close, Save, Save As, Page Setup, PrintPreview, Print  Các lệnh soạn thảo Các lệnh soạn thảo trên thực đơn Edit: Copy, Cut, Paste, Clear (delete), Select All, Find, Replace Ngôn ngữ HTML và tổng quan trang Web Thông tin chính mà chúng ta truy nhập trên dịch vụ World Wide Web là các trang Web Trang là tài liệu trên dịch vụ World Wide Web Chúng viết theo ngôn ngữ gọi là ngôn ngữ đánh dấu siêu văn Hypertext Markup Language –HTML Một trang HTML bao gồm text và các tag HTML nhúng tài liệu, các tag này cung cấp thông tin cấu trúc trang, hình thức hiển thị và nội dung nó Thực chất, tài liệu HTML là file lưu dạng htm html mà nội dung nó tuân theo nguyên tắc ngôn ngữ HTML Ngôn ngữ HTML (Hyper Text Markup Language) là tập hợp các nguyên tắc và qui định dùng để mô tả và thể các trang Web Các qui tắc này thể thành "Tag" chèn vào các vị trí thích hợp trang Web Các tag này qui định cách mà liệu hiển thị trên trình duyệt Một tag HTML bao gồm hai phần: phần mở và phần đóng tag (phần này là tuỳ chọn) Dữ liệu nằm sau phần mở chịu ảnh hưởng tag, có nghĩa là nó xuất với hiệu ứng phụ thuộc vào các thuộc tính kèm với tag Một vài tag HTML xây dựng đặc tả cấu trúc các phần tử trang, chẳng hạn bảng và mẫu biểu, phần tử này tạo từ nhiều phần tử Trình duyệt Web (chương trình hiển thị các trang Web) sử dụng thông tin này để nhận cách mà liệu hiển thị dựa trên mối liên hệ các phần tử này Ví dụ, tag HTML đặc tả bảng miêu tả số dòng, số cell trên dòng, Các tag miêu tả hàng, cột bảng Hiển thị tag bảng trên trình duyệt Các tag HTML cung cấp các thuộc tính kèm với giá trị Ví dụ, tag dùng để chèn ảnh trang có thuộc tính tên file ảnh cần chèn Một vài thuộc tính cung cấp các giá trị tham chiếu hiển thị phần tử trên trang Ví dụ, bảng có thuộc tính mô tả độ dày và khoảng cách các ô Để trợ giúp bạn thiết kế trang nhanh chóng, FrontPage hỗ trợ 50 bài trí thiết kế chuyên nghiệp, chúng giúp bạn trang trí trang Web mình phần tử có sẵn bullet, font, ảnh, định hướng Tạo trang Tại FrontPage Editor, thực lệnh File/New Hiển thị hộp hội thoại New Chọn Page, chọn template wizard để tạo trang mới, mẫu thu nhỏ chúng xuât trên vùng Preview Mẫu tương ứng xuất trên Preview Kích OK Cất nội dung trang thời vào file Tại FrontPage Editor, thực lệnh File/Save As Kích nút File Tại hộp hội thoại Save As, chọn ổ đĩa và thư mục để cất trang Chọn vị trí để cất nội dung trên trang Gõ tên file hộp File Name và kích OK Kích OK xuất hộp hội thoại với danh sách các phần tử tranh ảnh, âm thanh, các điều khiển ActiveX và phần tử khác chứa trang Cất nội dung trang FrontPage web thời Nếu trang mở từ web thời từ World Wide Web, FrontPage Editor, thực lệnh File/Save Nếu trang mở từ file, để cất tên khác, thực lệnh File/Save As Nếu là lần đầu cất trang FrontPage web, gõ tiêu đề trang Title Gõ URL tương đối tới gốc FrontPage web mở thời, chấp nhận URL mặc định FrontPage Ví dụ, bạn gõ URL là music/index.htm, trang cất folder Music là trực tiếp folder gốc FrontPage web thời và kích OK Vào tiêu đề và URL tương đối trang Kích OK xuất hộp hội thoại với danh sách các phần tử tranh ảnh, âm thanh, các điều khiển ActiveX và phần tử khác chứa trang Tạo trang mẫu Trong FrontPage Editor, bạn có thể cất trang dạng mẫu Sau đó, mẫu này hiển thị cùng với mẫu trang FrontPage chuẩn hộp hội thoại New Thực lệnh File/Save As Chọn As Template Tại hộp hội thoại Save As Template, gõ tiêu đề trang Title, tên trang Name, đặc tả ngắn cho trang Description Kích OK Mở trang FrontPage Editor Thực lệnh File/Open 10.Tại hộp hội thoại Open, thực các bước đây: - Mở trang trên FrontPage web tại, kích chọn trang Để xem nội dung folder, kích đúp vào folder này và chọn trang đó Kích OK - Mở trang từ hệ thống file bạn, kích nút File, và chọn file mà bạn muốn từ hộp hội thoại Select File - Mở file từ World Wide Web, chọn nút World Wide Web FrontPage khởi tạo trình duyệt Web, chuyển đến trang mà bạn muốn mở và trở lại ứng dụng FrontPage Vị trí trang mà bạn đã xem hiển thị URL hộp hội thoại Open Kích OK để mở trang Thuộc tính trang Thực lệnh File/Page Properties Xuất hộp hội thoại Các tuỳ chọn hộp hội thoại Page Properties: Tại General: - Location: URL đầy đủ trang Nếu trang mở từ file, URL bắt đầu “File://” Nếu trang chưa cất, URL là “FrontPage:///Editor/New Page n.htm.” - Title: Tiêu đề trang - Base Location: URL sở trang - Default Target Frame: Nếu bạn muốn đích liên kết trang hiển thị trên frame khác trang frame, gõ tên đích frame mặc định, kích vào nút Target Frame để chọn frame đích - Nếu siêu liên kết không đặc tả tới frame đích khác, trang đích siêu liên kết hiển thị frame đích mặc định Background Sound: - Location: Gõ tên file âm cho trang Trình duyệt Web chạy file này trang hiển thị Bạn có thể đặc tả file trên FrontPage web từ hệ thống file bạn - Browse: Kích nút này để duyệt file FrontPage web tại hệ thống file - Loop: Gõ số lần lặp lại file âm này - Forever: Chọn để đặt chế độ chạy file âm trang không hiển thị - Style: Kích nút này để thay đổi thuộc tính style sheet cho phần tử chọn Khuôn dạng Style-sheet cho phép điều khiển khoảng cách, lề, font, màu sắc mà với thuộc tính HTML bản, bạn không thể điều khiển  Lựa chọn trên Margin Đặc tả các thuộc tính để điều khiển lề trang Nếu trang thời sử dụng chung đường viền, lề thiết lập áp dụng cho cạnh chung đường viền (thay cho cạnh trang) Specify Top Margin: Chọn lề trên và lề cho trang điểm Specify Left Margin: Chọn lề trái và lề phải cho trang điểm  Lựa chọn Custom Tại đây thiết lập các tag meta (biến hệ thống và biến định nghĩa người sử dụng), chúng có ảnh hưởng tới trang thời System Variables (HTTP-EQUIV): Phần này liệt kê các tag meta dùng thuộc tính HTTPEQUIV phần cặp tên và giá trị Những tag này cung cấp giới thiệu đặc biệt tới trình duyệt, chẳng hạn thời hạn hiển thị nạp lại trang - Name: Tên tag - Value: Giá trị tương ứng với tag - Add: Kích nút này để thêm tag - Modify: Kích nút để sửa thuộc tính tag chọn - Remove: Kích nút này để bỏ tag chọn - User Variables: Phần này liệt kê các tag meta người sử dụng định nghĩa T Làm việc với trang Web Làm việc với trang web FrontPage Editor là công cụ giúp cho việc tạo các trang Web cách dễ dàng mà không đòi hỏi bạn kiến thức ngôn ngữ HTML Trang Web là đơn vị thông tin mà người dùng truy cập trên dịch vụ WWW, chúng tạo dựa theo ngôn ngữ đánh dấu siêu văn HTML Chính vì vậy, để tạo giao diện thuận tiện cho người thiết kế tạo trang Web, FrontPage Editor cung cấp các chế độ hiển thị khác nhau, bao gồm:   Normal: Đây là chế độ hiển thị nội dung trang Web bạn tạo và chỉnh sửa nó  HTML: Chế độ hiển thị trang Web các mã tag HTML  Preview: Xem trước nội dung trang Web ứng dụng FrontPage mà không nhờ trình duyệt     Trong bài này, bạn học về: Các chế độ hiển thị Front-Page Editor Sự khác Word page và HTML page Thay đổi số thuộc tính trang Để chuyển các chế độ hiển thị Kích chuột vào nút tương ứng phía màn hình FrontPage Editor Sự khác tài liệu Word và tài liệu HTML Việc tạo các trang Web chế độ hiển thị Normal trở nên thân thiện bạn đã sử dụng họ sản phẩm soạn thảo Office Microsoft Thuật ngữ “WYSIWYG” chứng tỏ phần nào việc dễ sử dụng các công cụ FrontPage Editor việc thiết kế các trang Web Với giao diện không khác gì màn hình soạn thảo thông thường (với ứng dụng kiểu Microsoft Word), bạn hoàn toàn có thể tạo các trang HTML dễ dàng việc tạo trang soạn thảo Tuy việc hiển thị nội dung trang HTML và trang soạn thảo Word hai ứng dụng tương ứng là Word và FrontPage Editor không khác lắm, thực chất thì thông tin chứa đựng chúng là khác hẳn Những trang tài liệu tạo Word bao gồm thực thông tin mà tài liệu đó hiển thị Chúng lưu khuôn dạng riêng, phân biệt với các tài liệu ứng dụng khác, đó, thông tin lưu có cấu trúc liên quan với cách định Chẳng hạn, trang tài liệu Word hiển thị ảnh (không có liên kết) cùng với text kèm, tài liệu đó cất file, file này, ngoài thông tin đặc trưng cho khuôn dạng file Word (thường nằm phần đầu file) còn có thông tin text và ảnh đã nói trên Và vậy, dung lượng file Word phụ thuộc vào độ lớn các thông tin mà chúng hiển thị Với tài liệu HTML thì khác Thực chất, tài liệu HTML là file dạng text, bạn có thể xem nội dung nó các ứng dụng soạn thảo thông thường Nội dung nó đọc các trình soạn thảo dạng này bao gồm các tag HTML kèm với nó là text (sẽ hiển thị) và các thông số cùng các giá trị kèm Những cặp thuộc tính và giá trị này bổ sung cho tag, và toàn thông tin này trình duyệt giải mã để hiển thị liệu theo cách mà tài liệu HTML định Vậy, khác biệt lớn tài liệu Word và tài liệu HTML là chỗ, trang Word thực chứa thông tin mà nó hiển thị, còn trang HTML chứa thông tin dạng text và cách mà liệu hiển thị trên trình duyệt Và vì vậy, trình duyệt hiểu khuôn dạng tài liệu HTML mà thôi Cấu trúc trang Web Trang Web bao gồm phần sau: Phần đầu trang: Thường nằm cặp tag <HEAD> và </HEAD> Phần này thông thường tự động tạo thiết kế trang Tuy nhiên, bạn có thể thay đổi các thông số trang phần này cách dùng lệnh File/Page Properties và chọn General, Language, Custom để vào các thông số, các tag cần thiết (mà FrontPage chưa hỗ trợ) Phần thân: Nằm cặp tag <BODY> và </BODY> HTML Tương ứng với phần này tài liệu HTML, chúng hiển thị chế độ Normal gần giống cách mà chúng hiển thị trên trình duyệt Phần không có HTML chuẩn: Đây là chương trình, kịch bản, plugin nhúng tài liệu HTML Chúng hỗ trợ cho việc tạo các trang Web động và tất nhiên không nhắc đến kĩ tài liệu này Địa trang Web Một trang Web là tài nguyên trên dịch vụ WWW Internet, chính vì vậy, để truy cập đến nó, bạn phải biết: - Vị trí máy chủ chứa trang Web này, thực chất đây chính là địa IP Web site - Đường dẫn đến trang web máy chủ này - Tên giao thức dịch vụ mà bạn truy nhập: http Khuôn dạng tổng quát địa trang Web sau: http://địa IP máy chủ/tên thư mục/ /tên tài liệu HTML Chẳng hạn: http://www.fpt.vn/product/ttvn.htm Tạo màu nền, màu text và ảnh cho trang Thực các bước sau: 11.Thực lệnh Format/Background - Specify Background and Colors: Phần này chứa các thông tin điều khiển màu cho trang - Background picture: Chọn check box này để sử dụng ảnh ảnh trải theo dạng lát gạch trên trang Gõ tên đường dẫn đến file ảnh kích nút Browse để tìm file này - Watermark: Chọn để hiển thị ảnh “watermark” - Properties: Kích nút này để mở hộp hội thoại Picture Properties để xem sửa thuộc tính ảnh Bạn có thể xem thuộc tính ảnh FrontPage web mà thôi - Background: Đặc tả màu trang cách chọn màu từ danh sách Để chọn màu chưa xuất trên danh sách, kích Custom và chọn màu hộp hội thoại Color Chú ý: Bạn có thể kết hợp ảnh với màu Nếu ảnh có màu trong, màu hiển thị qua ảnh - Text: Đặc tả màu text trên trang cách chọn màu từ danh sách - Hyperlink: Đặc tả màu siêu liên kết trên trang - Visited Hyperlink: Đặc tả màu liên kết đã tham chiếu đến - Active Hyperlink: Đặc tả màu siêu liên kết kích hoạt - Get Background and Colors From Page: Chọn và màu từ trang khác cách gõ đường dẫn đến trang đây kích nút Browse để tìm trang T  Định dạng text và đoạn Định dạng text và đoạn FrontPage Editor cung cấp giao diện soạn thảo text đầy đủ Sử dụng các lệnh trên thực đơn, các nút trên công cụ, các phím nóng, bạn có thể định dạng cho text, cắt, chép và dán text, nhúng các đoạn, tạo danh sách và số công việc tương tự trình soạn thảo văn khác FrontPage Editor hiển thị trang web giống trang hiển thị trên trình duyệt cấu trúc thẻ HTML  Trong bài này, bạn học về: Sử dụng Font trang HTML  Định dạng text  Định dạng đoạn  Bỏ định dạng Nếu bố cục áp dụng cho trang, thuộc tính kiểu đoạn, chẳng hạn font, kích thước, màu sắc, kiểu danh sách bullet và number, lề thiết lập bố cục đó Bạn có thể áp dụng kiểu đoạn, chẳng hạn Heading Body Text từ danh sách style đã có Nếu trang không dùng bố cục có sẵn, bạn có thể thiết lập kiểu paragraph bạn tạo và thay đổi nó Ký tự thường có thuộc tính mặc định dựa trên khuôn dạng đoạn chứa chúng Bạn có thể thiết lập thuộc tính cho kí tự mà bạn muốn điều khiển màu, kích thước, độ đậm, số trên, số và thuộc tính khác Định dạng text Tại FrontPage Editor, chọn text, sau đó thực lệnh Format/Font Vào các lựa chọn sau: - Chọn Font, xuất hộp hội thoại Font: Chọn Font Chọn các thuộc tính kiểu kí tự (Font Style), kích thước (Size), màu (Color) Chọn các hiệu ứng cho kí tự Thiết lập các thuộc tính Style cho kí tự - Sample (<samp>): Định dạng cho text là kí tự chữ Definition (<dfn>): Định dạng cho các định nghĩa, thường hiển thị là chữ nghiêng Blink (<blnk>): Định dạng text nhấp nháy Code (<code>): Định dạng text là mã lệnh máy tính Variable (<var>): Định dạng text là tên biến, thường hiển thị là chữ nghiêng - Bold (<b>): Định dạng chữ đậm Italic (<i>): Định dạng chữ nghiêng Keyboard (<kbd>): Định dạng text là liệu cần nhập từ bàn phím người sử dụng Vertical Position: Chọn Superscript để text có dạng số trên Subscript để text có dạng số Kích OK để áp dụng định dạng vừa thiết lập cho text Đặt text lui vào so với lề đoạn thời (To indent text) Tại FrontPage Editor, chọn text muốn indent Kích nút Increase Indent Kích nút Increase Indent Đặt lề text lùi so với lề đoạn thời (To outdent text) Tại FrontPage Editor, chọn text muốn outdent Kích nút Decrease Indent button Click nút này Làm việc với Paragraphs  Tạo dòng mà không có khoảng trắng với dòng trên đó Nhấn Shift + Enter  Tạo đoạn - Để tạo đoạn với cùng kiểu với đoạn tại, đặt điểm chèn tới cuối đoạn trên và nhấn Enter - Để chia nhỏ đoạn tại, đặt điểm chèn vị trí muốn chia đoạn và nhấn Enter  Dóng lề cho đoạn -  Tại FrontPage Editor, đặt trỏ text vị trí trên đoạn Thực các bước sau: Để dóng lề trái, kích nút Align Left Để dóng lề phải, kích nút Align Right Để lề giữa, kích nút Align Left Thay đổi style cho đoạn Tại FrontPage Editor, thực các bước đây: - Để áp dụng bất kì style có nào, đặt trỏ text vị trí trên đoạn và chọn style hộp Change Style - Để áp dụng nhanh kiểu danh sách bullet, đặt trỏ text vị trí trên đoạn, nhấn nút Bulleted List - Để áp dụng nhanh kiểu danh sách có số thứ tự, đặt trỏ text bất kì vị trí nào đoạn, kích nút Numbered List  Chèn ngắt dòng - Tại FrontPage Editor, thực lệnh Insert/ Line Break Tại hộp hội thoại Break Properties, chọn kiểu ngắt dòng Không xóa lề phải trái, chọn Normal Line Break Để xóa lề trái, chọn Cleart Left Margin Để xóa lề phải, chọn Clear Right Margin - Xoá lề phải và trái, chọn Clear Both Margins Kích OK Chèn kí tự đặc biệt Tại FrontPage Editor, thực lệnh Insert/ Symbol Chọn kí tự muốn chèn, nhấn Insert, kích nút Close Kí tự muốn chèn T Làm việc với danh sách Làm việc với danh sách FrontPage cho phép bạn định dạng text với các dạng danh sách đây:  Danh sách bullet tượng trưng cho danh sách không có thứ tự các phần tử Thực chất, danh sách bullet hiển thị việc phân chia các đoạn với các khoảng trắng và đầu đoạn là bullet     Trong bài này, bạn học về: Danh sách là gì? Tạo danh sách trang HTML Danh sách bullet  Danh sách number là danh sách các phần tử có thứ tự Danh sách này hiển thị kí hiệu thứ tự đứng đầu các đoạn danh sách  Danh sách dicrectory tượng trưng cho danh sách ngắn liên tiếp các phần tử  Danh sách menu tương tự danh sách không có thứ tự  Danh sách definition tượng trưng cho các chủ đề và các đặc tả chúng Thực chất, chủ đề hiển thị lùi ngoài phía trái, còn các đặc tả lùi vào Định dạng chính xác danh sách phụ thuộc vào trình duyệt Web hiển thị chúng nào Một vài trình duyệt không hiển thị đúng kiểu danh sách directory và menu Nếu bố cục trang trí áp dụng cho trang, danh sách xuất các paragraph đặc tả bài trí này Bạn có thể dùng bullet chuẩn, bullet ảnh từ bài trí, định nghĩa lấy bullet mình Bạn có thể tạo các danh sách lồng cách dễ dàng cách chèn danh sách làm thành phần tử danh sách khác Để kết thúc danh sách, nhấn Enter hai lần Ctrl+End Tạo danh sách bullet Tại FrontPage Editor, kích nút Bulleted List trên công cụ Format Vào phần tử danh sách, nhấn Enter để tiếp tục Nhấn Enter hai lần để kết thúc danh sách Tạo danh sách definition Tại FrontPage Editor, đặt điểm chèn dòng bắt đầu trên danh sách Gõ chủ đề đầu mà bạn muốn định nghĩa Tại Format, chọn Defined Term từ hộp Change Style và nhấn Enter FrontPage Editor đẩy lùi lề dòng vào so với dòng chủ đề vừa tạo Gõ nội dung chủ đề Để thêm chủ đề danh sách, nhấn phím Enter và lặp lại bước 2-4 Nhấn Enter hai lần để kết thúc danh sách Tạo danh sách directory Tại FrontPage Editor, đặt điểm chèn dòng bắt đầu danh sách, công cụ Format, chọn Directory List từ hộp Change Style Gõ phần tử đầu tiên danh sách, nhấn Enter để tiếp tục Nhấn Enter hai lần để kết thúc danh sách Tạo danh sách menu Tại FrontPage Editor, đặt điểm chèn dòng bắt đầu danh sách, công cụ Format, chọn Menu List từ hộp Change Style Gõ phần tử đầu tiên danh sách, nhấn Enter để tiếp tục Nhấn Enter hai lần để kết thúc danh sách Tạo danh sách lồng Tại FrontPage Editor, đặt trỏ cuối phần tử danh sách chính nơi mà dòng bắt đầu danh sách là dòng Nhấn Enter để tạo dòng Kích nút Increase Indent Gõ phần tử đầu tiên danh sách trong, kích nút Numbered List Bulleted List để tạo danh sách lồng Nhấn Enter cho dòng phần tử mà bạn muốn thêm vào danh sách Để kết thúc hai danh sách, đặt trỏ cuối phần tử sau cùng và nhấn Ctrl + Enter Tạo danh sách có thứ tự Tại FrontPage Editor, kích nút Numbered List trên công cụ Vào nội dung phần tử, nhấn Enter để tiếp tục Nhấn Enter hai lần để kết thúc danh sách Thay đổi thông số danh sách Chọn danh sách, thực lệnh Format/ Bullets and Numbering Xuất hộp hội thoại với bốn lựa chọn sau: - Chọn Picture Bullets để chọn kiểu danh sách bullet từ theme áp dụng từ file ảnh - Chọn Plain Bullets để chọn kiểu bullet truyền thống - Chọn Numbers để chọn kiểu danh sách có thứ tự và thay đổi số bắt đầu danh sách - Chọn Other để áp dụng kiểu danh sách khác, chẳng hạn danh sách definition danh sách menu T Bookmark và HyperLink Bookmark và siêu liên kết Hyperlink là kết nối từ trang Web tới vị trí khác trên World Wide Web Đích hyperlink thường là trang Web khác nó có thể là hình ảnh, địa e-mail, file multimedia, chí là chương trình     Trong bài này, bạn học về: Tổng quan Siêu liên kết Các loại siêu liên kết Tạo các liên kết  Các loại siêu liên kết  Siêu liên kết thường chia làm hai loại: siêu text (Hypertext) và siêu thông tin đa phương tiện (HyperMedia)  Trên Web browsers, Hypertext thường thể Thay đổi Hypertext và Hypermedia Bookmark và cách tạo dạng chuỗi kí tự gạch chân và có màu đặc biệt (thường có màu xanh lục) Hypermedia thường là các hình ảnh đoạn phim Trông hình thức các Hypermedia không có gì đặc biệt so với các ảnh khác người sử dụng đưa trỏ chuột lên các Hypermedia này, trỏ chuột bị biến dạng (thường có hình bàn tay trỏ) Khi người sử dụng kích vào siêu liên kết tới trang Web khác, Web browser tìm địa trang Web này trên server và hiển thị trên màn hình Khi người sử dụng kích vào hyperlink tới file khác, Web browser tìm file trên server và mở nó cửa sổ ứng dụng tương thích Ví dụ, hầu hết các browsers mở các file WAV ứng dụng sound-playback Khi hyperlink đặt trang Web, đích hyperlink mã hoá (encoded) Uniform Resource Locator (URL) URL cho địa file trên World Wide Web Các dịch vụ Internet, ví dụ FTP World Wide Web, điều khiển file này Bất kì URL có thể là tuyệt đối tương đối Một URL tuyệt đối là địa Internet đầy đủ trang Web file bao gồm protocol, network location, đường dẫn và tên file Ví dụ http:// www.microsoft.com/news.htm là URL tuyệt đối Một URL tương đối tính từ trang Web thời chứa URL Ví dụ như, địa không rõ protocol, trình duyệt Web sử dụng protocol trang thời và địa không rõ network location, trình duyệt Web sử dụng network location trang thời Hầu hết các loại URL tương đối là phần đường dẫn và tên file không chứa network location Nếu trên trang Web sử dụng URL tương đối để hyperlink với trang khác và hai trang cùng di chuyển đến server khác, thì hyperlink làm việc vị trí tương đối các trang giữ nguyên trên server Ví dụ, URL tương đối products.htm tới trang cùng folder với trang chứa hyperlink Nếu hai trang cùng di chuyển đến folder trên server khác, thì URL đúng Khi có hyperlinks tới địa e-mail, sau người sử dụng kích vào e-mail hyperlink, Web browser nhắc nhở người dùng tạo thông điệp và gửi thông điệp tới địa e-mail xác định Dùng FrontPage cho phép tạo hyperlinks mà không cần biết URL trang Web file đích Bạn có thể cần tìm FrontPage web thời World Wide Web, trang Web file đích và FrontPage Editor điền URL đúng FrontPage thực các URL tương đối bạn tạo hyperlinks các trang FrontPage web mình Nếu bạn đổi tên di chuyển trang, FrontPage cập nhật tất các URLs tương đối FrontPage bạn tới trang đó Bằng cách đó, FrontPage tiết kiệm thời gian cho bạn và đảm bảo Web site bạn động Tạo các Text Link  Tạo text hyperlink từ FrontPage Explorer Có thể tạo text hyperlink từ trang mở FrontPage Editor tới trang khác FrontPage web cách sử dụng FrontPage Explorer Trong FrontPage Explorer, Folders, All Files, Navigation, Hyperlinks, chọn trang file mà bạn muốn tạo hyperlink tới nó cách nhấn và giữ nút trái chuột Dùng chuột rê trang file từ FrontPage Explorer tới FrontPage Editor Nếu cửa sổ FrontPage Editor trạng thái cực tiểu, hãy rê tới tiêu đề FrontPage Editor trên Windows task bar, dừng phút và FrontPage Editor kích hoạt Chuyển trỏ chuột tới dòng bạn muốn tạo hyperlink và thả nút trái chuột FrontPage tạo hyperlink tới trang file  Tạo text hyperlink tới trang 12 Có thể tạo text hyperlink tới trang Đầu tiên FrontPage tạo trang mới, sau đó tạo hyperlink tới nó 13 Trong FrontPage Editor, chọn text làm hyperlink 14 Chọn Insert/Hyperlink kích nút Create or Edit Hyperlink hộp hội thoại Create Link Xuất 15 Trong hộp hội thoại Create Hyperlink, bạn muốn trang đích hyperlink xuất frame frameset, hãy chọn frame trường Target Frame 16 Kích nút New Page Xuất hộp hội thoại New - Trong mục Page hộp hội thoại New, chọn template để tạo trang - Để tạo trang và bổ sung các tác vụ (task) vào Task view FrontPage Explorer hãy kích vào Just add web task - Kích OK  Tạo text hyperlink tới trang trên World Wide Web Trong FrontPage Editor, chọn text làm hyperlink Chọn Insert/Hyperlink, kích nút Create or Edit Hyperlink Trong hộp hội thoại Create Hyperlink, kích nút World Wide Web trên máy bạn xuất Trình duyệt Web Trong trình duyệt Web, chuyển tới trang file bạn muốn làm đích hyperlink và nhấn tổ hợp phím ALT+TAB để chuyển cửa sổ FrontPage Editor Vị trí trang đích bạn xuất trường URL Nếu bạn muốn trang đích hyperlink xuất frame frameset, chọn frame trường Target Frame Kích OK  Tạo text hyperlink tới trang file FrontPage web thời Trong FrontPage Editor, chọn text làm hyperlink Chọn Insert/Hyperlink, kích nút Create or Edit Hyperlink Trong hộp hội thoại Create Hyperlink, kích trang file để tạo đích cho hyperlink Để xem nội dung folder, kích đúp vào nó Để kết nối với bookmark trên trang bạn chọn, gõ tên bookmark trường Bookmark Có thể tạo hyperlink tới bookmark trên trang mở cách chọn trang và sau đó chọn bookmark nó từ danh sách hộp hội thoại Create Hyperlink Nếu muốn trang đích hyperlink xuất frame Frameset, chọn frame trường Target Frame Kích OK Tạo Picture Link  Tạo picture hyperlink tới trang Có thể tạo picture hyperlink tới trang Lúc đầu FrontPage tạo trang và sau đó tạo hyperlink với nó Trong FrontPage Editor, kích ảnh để kích hoạt picture toolbar Để tạo hotspot, làm các việc sau:  Để tạo hotspot hình chữ nhật, kích nút Rectangle  Để tạo hotspot hình tròn, kích nút Circle  Để tạo hotspot hình đa giác, kích nút Polygon Xuất hộp hội thoại Create Hyperlink Trong hộp hội thoại Create Hyperlink, muốn trang đích hyperlink xuất frame trang các frame (frames page), chọn frame trường Target Frame Kích nút New Page Xuất hộp hội thoại New Trong mục Page hộp hội thoại New, chọn template wizard để tạo trang Để tạo trang và bổ sung tác vụ vào Task view FrontPage Explorer, kích vào Just add web task Kích OK Nếu trang vừa tạo dựa theo wizard, làm theo các bước hướng dẫn wizard  Tạo picture hyperlink tới trang trên World Wide Web Trong FrontPage Editor, kích ảnh để picture toolbar Tạo hotspot tương tự trên Xuất hộp hội thoại Create Hyperlink Trong hộp hội thoại Create Hyperlink, kích nút World Wide Web Trình duyệt Web xuất Trong trình duyệt Web, chuyển tới trang file bạn muốn làm đích cho hyperlink mình và nhấn tổ hợp phím ALT+TAB để chuyển tới FrontPage Editor Vị trí trang đích xuất trường URL Nếu muốn trang đích xuất frame trang frames, chọn frame trường Target Frame Kích OK  Tạo picture hyperlink tới trang file FrontPage web thời Trong FrontPage Editor, kích ảnh để picture toolbar Tạo hotspot tương tự trên Xuất hộp hội thoại Create Hyperlink Trong hộp hội thoại Create Hyperlink, kích trang file làm đích cho hyperlink Nếu muốn xem nội dung folder, kích đúp vào nó Để kết nối với bookmark trên trang bạn chọn, gõ tên bookmark trường Bookmark Có thể tạo hyperlink tới bookmark trên trang mở cách chọn trang và sau đó chọn bookmark nó từ danh sách hộp hội thoại Create Hyperlink Nếu muốn trang đích hyperlink xuất frame trang frames, chọn frame trường Target Frame Kích OK Thay đổi HyperText và Hypermedia  Lần theo follow text hyperlink trở sau (forward) Giữ phím CTRL và kích vào hyperlink, kích vào hyperlink và chọn Follow Hyperlink từ shortcut menu FrontPage Editor mở trang đích để sửa và kích hoạt nó Nếu hyperlink tới bookmark, FrontPage Editor cuộn tới bookmark này Nếu trang đích không nằm trên FrontPage web thời, FrontPage mở copy trang đó Bạn có thể lưu này bao gồm tất các ảnh và các objects khác trên trang vào FrontPage web thời vào file  Lần theo picture hyperlink sau (forward) Trong FrontPage Editor, chọn hotspot picture chứa hyperlink Giữ CTRL và kích vào hotspot chọn Go/Follow Hyperlink Kết tương tự trên  Lần theo hyperlink ngược phía trước (backward) Sau lần theo hyperlink từ trang này tới trang khác tới bookmark, bạn có thể lần theo hyperlink ngược trang đầu Khi bạn làm điều đó, FrontPage Editor cuộn tới trang để hiển thị nguồn bất kì hyperlinks nào trên trang Muốn làm việc đó, FrontPage Editor, kích nút Back Xoá và thay đổi các Hyperlink  Thay đổi text hyperlink Trong FrontPage Editor, đặt trỏ chuột vào bất kì chỗ nào trên text chứa hyperlink chọn bất kì phần nào hyperlink Để thay đổi text hyperlink, sửa text trực tiếp Để thay đổi đích hyperlink, chọn Edit/Hyperlink, kích nào nút Create or Edit Hyperlink Xuất hộp hội thoại Edit Hyperlink Sửa hyperlink hộp hội thoại Edit Hyperlink  Thay đổi picture hyperlink Trong FrontPage Editor, chọn hotspot ảnh chứa hyperlink Chọn Edit/Hyperlink (CTRL + K) kích nút Create or Edit Hyperlink Sửa hyperlink hộp hội thoại Edit Hyperlink  Xoá text hyperlink Trong FrontPage Editor, đặt trỏ text lên hyperlink Để xoá phần text text hyperlink, chọn các kí tự muốn xoá Chọn Edit/Unlink FrontPage Editor xoá hyperlink, không xoá text gắn với hyperlink  Xoá picture hyperlink Trong FrontPage Editor, chọn hotspot chứa hyperlink Nhấn phím DELETE  Kiểm tra các hyperlinks Trong cửa sổ FrontPage Explorer, chọn View/Hyperlink Status Hyperlink Status view kích hoạt và trạng thái hyperlink: - OK có nghĩa là hyperlink tốt - Broken có nghĩa là hyperlink bị hỏng - Unknown có nghĩa là hyperlink ngoài và chưa kiểm tra Để kiểm tra hyperlink, chọn nó và chọn Verify trên shortcut menu - Added task có nghĩa là hyperlink bị hỏng chưa kiểm tra, và task liên quan đã bổ sung vào danh sách trên Tasks view Sau các Hyperlinks kiểm tra, chúng giữ nguyên trạng thái FrontPage web bị đóng chúng kiểm tra lần web mở Trong Hyperlink Status view FrontPage Editor, chọn Tools/Verify Hyperlinks để kiểm tra Để dừng kiểm tra, kích Stop  Sửa hyperlink hỏng Một cách ngầm định, có các hyperlinks hỏng và tất các hyperlinks bên ngoài hiển thị Hyperlinks Status view Để tất cả, chọn View/Show All Hyperlinks Kích hyperlink hỏng để chọn nó Trên shortcut menu, chọn Edit Hyperlink Trên trường Replace Hyperlink With , gõ URL đúng cho hyperlink Đối với hyperlinks ngoài, kích Browse để mở trình duyệt Web và chuyển tới web site cho URL đúng Nhấn tổ hợp phím ALT+TAB để quay FrontPage Explorer URL đúng bổ sung trường Replace Hyperlink With Chọn các lựa chọn sau: - Để sửa hyperlink hỏng FrontPage web thời, chọn Change In All Pages - Để sửa hyperlink tập hợp các trang chọn, chọn Change in Selected Pages, kích Replace Trạng thái hyperlink biến thành Unknown hyperlink với web bên ngoài, biến thành OK hyperlink tới file FrontPage Web thời Chú ý: để đảm bảo hyperlink là tốt, hãy kiểm tra tất các hyperlinks lần cách kích Verify trên shortcut menu  Sắp đặt lại (recalculate) các hyperlinks Sắp đặt lại các hyperlinks để cập nhật cách hiển thị FrontPage Explorer FrontPage web thời Trong môi trường nhiều tác giả, nó cho phép bạn xem thay đổi gần tới FrontPage web các tác giả khác Sắp đặt lại các hyperlinks cập nhật text index FrontPage Explorer trì Trong bất kì view nào FrontPage Explorer, chọn Tools/Recalculate Hyperlinks Xuất thông báo: Kích nút Yes Chọn màu cho hyperlink Có thể chọn màu cho tất các hyperlinks và active Hyperlink trên trang Chú ý: lệnh Background thực đơn Format không phép sử dụng có khúc nhạc hiệu (theme) áp dụng cho trang Khi sử dụng các themes, màu các hyperlinks đặt tự động Trong FrontPage Editor, chọn Format/Background - Màu các hyperlinks trang tuỳ chọn Hyperlink - Màu các active hyperlinks tuỳ chọn Active Hyperlink - Màu visited hyperlinks tuỳ chọn Visited Hyperlink Để đổi màu hyperlink, chọn màu từ danh sách thả xuống (drop-down list) Hyperlink chọn Custom để định nghĩa màu Để đổi màu của active Hyperlinks, chọn màu từ danh sách thả xuống (drop-down list) Active Hyperlink chọn Custom để định nghĩa màu Để đổi màu của Visited Hyperlinks, chọn màu từ danh sách thả xuống (drop-down list) Visited Hyperlink chọn Custom để định nghĩa màu Kích OK  Tạo e-mail hyperlink Trong FrontPage Editor, chọn text làm hyperlink Nếu bạn không chọn text, URL chèn trên trang bạn tạo hyperlink Chọn Insert/Hyperlink, kích nút Create or Edit Hyperlink Trong hộp hội thoại Create Hyperlink, kích nút E-mail Trong hộp hội thoại Create E-mail Hyperlink, gõ địa e-mail bạn muốn sử dụng để gửi thư tới, sau đó kích OK Kích OK để đóng hộp hội thoại Create Hyperlink Chú ý: không phải tất các trình duyệt hỗ trợ cho e- mail hyperlink  Tạo hyperlink tới file Microsoft Word, Excel, PowerPoint Import file Microsoft Word, Excel, PowerPoint vào FrontPage web bạn cách sử dụng File/Import cửa sổ FrontPage Explorer Trong FrontPage Editor, tạo hyperlink tới file cách sử dụng Insert/Hyperlink Khi người sử dụng lần theo (follows) hyperlink tới file Microsoft Word, Excel, PowerPoint, trình duyệt Web mở ứng dụng viewer tương thích và file Trong số trình duyệt Web, file cửa sổ trìng duyệt, còn các trình duyệt web khác, nó cửa sổ riêng biệt Khi hợp file PowerPoint Animation (.PPZ) vào FrontPage web bạn, bạn phải có điều khiển Microsoft PowerPoint Animation ActiveX cài đặt trên máy tính mình Chèn Microsoft PowerPoint Animation ActiveX control vào trang cách chọn Insert/Advanced/ActiveX Control Sau gõ tên control trường Pick A Control , kích Properties, và sau đó kích Add hộp hội thoại Object Parameter Bổ sung "file" trường Name, chọn Page làm Value, và sau đó gõ tên file PowerPoint Animation trường Page kích Browse để chọn file PowerPoint Animation Bookmark  Tạo Bookmark Trong FrontPage Editor, chọn nhiều kí tự text Chọn Edit/Bookmark Xuất hộp hội thoại: Trong trường Bookmark Name, gõ tên bookmark chấp nhận tên FrontPage gợi ý Trong tên bookmark cho phép gõ dấu cách Kích OK  Tạo link với BookMark Có thể tạo hyperlink tới bookmark trang mở, trang FrontPage web thời trang trên World Wide Web Trong FrontPage Editor, chọn Insert/Hyperlink Trong hộp hội thoại Create Hyperlink, làm các việc sau: - Để link với bookmark trên trang mở thời, chọn tên bookmark từ danh sách thả xuống trường Bookmark - Để link với bookmark FrontPage web thời, gõ tên bookmark trường Bookmark - Để link với bookmark trên World Wide Web, gõ tên bookmark trường Bookmark Kích OK Chú ý: Nếu bạn chuyển tới URL với bookmark trình duyệt Web mình, sau đó quay hộp hội thoại Create Hyperlink, bookmark ghi nhớ lại  Xoá Bookmark Trong FrontPage Editor, làm các việc sau: - Đặt trỏ text lên bất kì chỗ nào text chứa bookmark - Chọn bất kì phần nào bookmark - Chọn Edit/Bookmark - Kích Clear  Chuyển tới bookmark Bookmark bạn Bạn có thể chuyển tới bookmark trên trang thời mà không cần tạo hyperlink tới nó Bạn có thể chuyển tới bookmark trên trang khác có hyperlink tới bookmark từ trang thời Để chuyển tới bookmark trên trang thời, cửa sổ FrontPage Editor, chọn Edit/Bookmark Trong Other Bookmarks trên trường Page, chọn bookmark cần chuyển tới Kích Goto FrontPage Editor nội dung trang vị trí chọn Đóng hộp hội thoại Bookmark cách kích OK Cancel Để chuyển tới bookmark trên trang khác, FrontPage Editor, đặt trỏ text lên bất kì chỗ nào hyperlink tới bookmark và chọn Follow Hyperlink trên shortcut menu FrontPage Editor trang bookmark   Làm việc với ảnh Làm việc T với ảnh Để trang Web thêm sống động, các nhà thiết kế thường đưa vào tài liệu HTML mình hình ảnh mang tính chất quảng cáo, trang trí, thông tin mà họ cần cung cấp cho người sử dụng Hiện nay, hai loại ảnh hỗ trợ và đọc trình duyệt là GIF và JPEG Các bạn tìm hiểu rõ đặc điểm hai khuôn dạng ảnh này phần đây Tuy vậy, FrontPage cho phép bạn đưa vào trang các file ảnh với khuôn dạng khác và việc chuyển đổi chính FrontPage thực cho bạn trang này cất giữ      Trong bài này, bạn học về: Loại ảnh hỗ trợ Chèn ảnh Thay đổi thông số hiển thị ảnh Thay đổi kích thước file ảnh Chuyển đổi ảnh FrontPage có giao diện đầy đủ cho phép làm việc với các ảnh trên web cách dễ dàng Bạn có thể chèn chúng trang, dóng hàng cho ảnh cùng với text, tạo và thay đổi ánh xạ ảnh Bạn có thể quét ảnh từ máy quét, camera, và thiết bị khác và đưa chúng trực tiếp lên trang Cùng với tập hợp các lệnh xử lí ảnh, FrontPage cung cấp thư viện Clipart đầy đủ: nút ảnh thường dùng, biểu tượng, các mẫu nền, video clip và các tranh ảnh đa dạng khác FrontPage cho phép tạo các ánh xạ ảnh cách dễ dàng và tiện lợi ánh xạ ảnh là ảnh chứa các siêu liên kết Mỗi vùng trên ảnh ứng với trang Web URL nào đó Chỉ cần kích chuột trên vùng này, người sử dụng có thể tham chiếu tới địa Internet Như vậy, ảnh không liên kết tới mà liên kết tới nhiều trang Web Điều này thực hữu dụng bạn thiết kế các trang với hình ảnh vừa mang tính chất trang trí, vừa mang tính định hướng liên kết và tất cần nằm trên ảnh mà thôi Các loại ảnh hỗ trợ HTML Các ảnh trên các trang Web phải có định dạng là Graphics Interchange Format (GIF) là Joint Photographic Expert Group format (JPEG) FrontPage cho phép import các ảnh theo các định dạng sau: GIF, JPEG (standard and progressive), BMP (Windows and OS/2), TIFF, TGA, RAS, EPS, PCX, và WMF Khi đó, FrontPage chuyển đổi các ảnh imported thành ảnh GIF (cho các ảnh chứa tới 256 màu) ảnh JPEG (cho các ảnh chứa trên 256 màu) trang lưu trữ FrontPage web thời Chèn hình ảnh  Chèn ảnh từ file Có thể chèn các loại ảnh: GIF, JPEG, BMP (Windows and OS/2), TIFF, TGA, RAS, EPS, PCX, và WMF Khi chèn ảnh không thuộc định dạng GIF JPEG, nó tự động chuyển thành ảnh GIF (đối với ảnh màu bits ít hơn) ảnh JPEG (đối với các ảnh màu lớn bits)  Trong FrontPage Editor, chọn trang muốn chèn ảnh Chọn Insert/Picture Xuất hộp hội thoại Picture: Kích nút From File Trong hộp hội thoại Select File sử dụng hộp Look In và hộp liệt kê các files và các folders để tìm tới các file và folder chứa ảnh Chọn loại file từ hộp Files of Type Chọn ảnh muốn chèn và kích OK Chèn ảnh từ FrontPage web thời Các loại ảnh phép chèn: GIF, JPEG, BMP (Windows and OS/2), TIFF, TGA, RAS, EPS, PCX, và WMF Khi chèn ảnh không thuộc loại GIF JPEG, nó tự động chuyển thành ảnh GIF (đối với ảnh với bits màu nhỏ hơn) ảnh JPEG (đối với ảnh lớn bits màu) Trong Editor, kích trang muốn chèn ảnh Chọn Insert/Picture Trong hộp hội thoại Picture, chọn ảnh muốn chèn Kích OK  Chèn ảnh từ World Wide Web Khi chèn ảnh từ World Wide Web, ảnh luôn luôn lấy từ vị trí xác định nó Chú ý: Nếu máy tính bạn đặt sau firewall, đầu tiên bạn phải xác định proxy server mình mục Proxies hộp hội thoại Options cửa sổ FrontPage Explorer trước bạn có thể chèn ảnh trực tiếp từ World Wide Web Trong FrontPage Editor, đặt trỏ text nơi muốn chèn ảnh Chọn Insert/Picture Kích nút World Wide Web Trình duyệt Web mở Trong trình duyệt Web, gõ vị trí và tên ảnh bạn muốn chèn (ví dụ như, http://www.microsoft.com/sample.gif) và ấn ENTER để ảnh Quay hộp hội thoại Picture và kích OK để chèn ảnh  Chèn clip art FrontPage có Microsoft Clip Gallery, là công cụ để xem, chèn clip art, pictures, sounds, video clips, và ảnh động (animations) Trong FrontPage Editor, kích trang bạn muốn chèn clip art Chọn Insert/Clipart để mở Microsoft Clip Gallery Trong Clip Gallery chọn ảnh, picture, sound file, video, và kích Insert  Chèn video clip FrontPage có hai phương pháp để chèn video clip vào trang thời Ghi chú: Nếu bạn đã cài đặt Microsoft Internet Explorer, bạn có thể xem trước video clip cách chọn mục Preview FrontPage Editor Trong FrontPage Editor, chọn Insert/Active Elements/Video Trong hộp hội thoại Video, định vị video bạn muốn chèn từ FrontPage web thời, từ World Wide Web, hệ thống file bạn Nếu bạn đã cài Microsoft Office 2000, kích Clip Art để chèn video clip từ Microsoft Clip Gallery Kích OK  Cách chèn video clip từ Microsoft Clip Gallery Microsoft Office 2000 Trong FrontPage Editor, chọn Insert/Clip Art Chọn mục Videos Chọn video clip muốn chèn Kích Insert Sửa ảnh Làm các cách sau: - Từ FrontPage Editor Explorer, kích đúp ảnh cần sửa - Trong FrontPage Editor, chọn ảnh và sử dụng bất kì lệnh sửa ảnh nào trên công cụ picture  Cách sử dụng các nút trên công cụ Picture - Nút Bevel : đặt góc nghiêng cho ảnh không gian ba chiều - Nút Text : chèn text cho ảnh Nếu là ảnh JPEG, FrontPage Editor nhắc bạn chuyển thành ảnh GIF, vì text không hỗ trợ trên ảnh JPEG Nếu FrontPage chuyển kiểu ảnh, số màu ảnh có thể bị giảm và kích thước file có thể lớn Sau đó, gõ text hình chữ nhật trên ảnh Có thể thay đổi kích thước miền text và di chuyển nó tới các vị trí khác các đối tượng đồ hoạ thông dụng Việc chèn text vào ảnh không làm thay đổi file ảnh FrontPage web bạn - Nút More Contrast : tăng độ tương phản ảnh - Nút Less Contrast : giảm độ tương phản ảnh - Nút More Brightness : tăng độ sáng ảnh - Nút Less Brightness : giảm độ sáng ảnh - Nút Black and White : chuyển thành ảnh đen trắng - Nút Crop : dùng để cắt xén ảnh FrontPage hình chữ nhật bao quanh phần ảnh Có thể thay đổi kích thước hình chữ nhật và ấn Enter - Nút Flip : để lật dọc ảnh : quay ảnh 90 ngược chiều kim đồng hồ - Nút Rotate Left - Nút Rotate Right - Nút Reverse : quay ảnh 900 theo chiều kim đồng hồ : để lật ngược ảnh - Nút Washout : để giảm độ tương phản và độ sáng ảnh Thường dùng tạo ảnh cho trang - Nút Restore  : để phục hồi lại ảnh cũ Thay đổi cách đặt ảnh Trong FrontPage Editor, chọn ảnh trên trang, sau đó chọn Edit (hoặc shortcut menu)/Picture Properties (Alt+Enter) Xuất hộp hội thoại Chọn mục Appearance hộp hội thoại Picture Properties và chọn các lựa chọn sau: - Alignment: điều chỉnh cách dóng hàng - Border Thickness: điều chỉnh độ dày khung - Horizontal Spacing: điều chỉnh khoảng cách ngang so với lề trái và phải trang - Vertical Spacing: khoảng cách dọc điều chỉnh so với lề trên và trang Kích OK  Tạo thumbnail picture Thumbnail picture là phiên nhỏ ảnh trên trang, chứa hyperlink với kích thước thật ảnh - Trong FrontPage Editor, chọn ảnh - Chọn Tools/AutoThumbnail (Ctrl+T)  Tuỳ biến video clip Dùng thủ tục này để tuỳ biến video clip trên trang kích hoạt xem trên trình duyệt Web Ghi chú: để sửa nội dung video, kích đúp để mở nó video editor cài máy tính bạn Nếu máy tính không cài video editor, thì không thể sửa video Trong FrontPage Editor, chọn video clip muốn tuỳ biến và chọn Edit/Picture Properties Trong hộp hội thoại Picture Properties, kích mục Video và chọn các tuỳ chọn: - Nếu muốn video chạy với nút VCR cho phép người sử dụng điều khiển playback, chọn check box Show Controls in Browser - Chỉ định số lần video lặp lại cách gõ số trường Loop chọn check box Forever để tiếp tục chơi - Chọn tuỳ chọn mục Start: On File Open khởi tạo video trang gọi trình duyệt Web người sử dụng; On Mouse Over khởi tạo video người sử dụng di chuyển chuột trên video Ghi chú: Nếu bạn đã cài đặt Microsoft Internet Explorer, bạn có thể xem video clip trên trang kích hoạt cách chọn mục Preview trên FrontPage Editor  Thay đổi kích thước (Resample) file ảnh Resample ảnh là thay đổi kích thước file ảnh cho hợp với kích thước thời nó Bạn có thể thay đổi kích thước file lớn nhỏ Trong FrontPage Editor, chọn ảnh Chọn các nút điều khiển kích thước và dãn rộng co hẹp ảnh Kích nút Resample  trên picture toolbar Thay đổi kích thước ảnh Trong FrontPage Editor, kích ảnh để chọn nó Xuất nút điều chỉnh ảnh Để thay đổi kích thước ảnh làm các việc sau: - Đưa trỏ chuột vào các nút điều khiển và rê chuột để làm thay đổi kích thước - Chọn Edit/Picture Properties Trong mục Appearance, chọn Specify Size phần Size Có thể điều chỉnh kích thước ảnh theo các điểm (pixels) theo tỉ lệ phần trăm Để thay đổi kích thước ảnh tỉ lệ với kích thước cũ, chọn nút Keep Aspect trước thay đổi các giá trị Height và Width Tạo ảnh suốt Tạo màu ảnh suốt thường áp dụng cho ảnh trang Trong FrontPage Editor, chọn ảnh Kích nút Make Transparent Con trỏ chuột biến thành dạng Make Transparent 10 Trong ảnh, kích màu muốn làm cho suốt 11 Nếu là ảnh JPEG, FrontPage nhắc bạn chuyển thành ảnh GIF format,vì chuyển thành màu suốt không hỗ trợ cho ảnh JPEG Chuyển đổi ảnh  Chuyển thành ảnh GIF 12 Trong FrontPage Editor, chọn ảnh muốn chuyển 13 Chọn Edit/Picture Properties Chọn mục General: 14 Trong hộp hội thoại picture Properties chọn GIF phần Type Nếu chọn Interlaced, ảnh chuyển thành định dạng interlaced GIF 15 Kích OK  Chuyển thành ảnh JPEG 16 Trong FrontPage Editor, chọn ảnh muốn chuyển đổi 17 Chọn Edit/Picture Properties 18 Trong hộp hội thoại Picture Properties, chọn JPEG phần Type 19 Quality là Integer khoảng - 100 Quality càng tăng, độ nén ảnh càng giảm làm cho file ảnh lớn chất lượng cao Quality giảm, độ nén tăng làm giảm kích thước file chất lượng kém Giá trị Quality ngầm định là 75 Để thay chất lượng ảnh JPEG , thay đổi giá trị trường Quality 20 Trong tuỳ chọn Progressive Passes chọn (zero) để định JPEG chuẩn Nếu chọn số cao hơn, ảnh chọn chuyển thành dạng JPEG cao (progressive) 21 Kích OK Các chức khác  Import ảnh vào FrontPage web Khi import ảnh tức là bạn đặt copy nó vào FrontPage web mình Để import nhanh nhiều ảnh vào FrontPage web thời, kéo chúng từ desktop bạn vào Folders, All Files, Navigation, Hyperlinks view FrontPage Explorer Để import các ảnh vào danh sách import, mà từ đó bạn có thể đổi tên và import chúng vào FrontPage web Trong FrontPage Explorer, chọn File/Import Xuất hộp hội thoại: - Để bổ sung ảnh vào danh sách import, kích Add File Trong hộp hội thoại Add File to Import List, sử dụng hộp Look In và hộp liệt kê các file và các folders để tìm nơi lưu trữ ảnh Chọn ảnh và kích Open - Để bổ sung toàn nội dung folder vào danh sách import, kích Add Folder Trong hộp hội thoại Browse For Folder, tìm và chọn folder, kích OK - Để thay đổi URL bất kì ảnh nào trước import nó, đổi tên, thay đổi thư mục chứa ảnh trên FrontPage web, kích Edit URL để mở hộp hội thoại Edit URL Trong File location bên trường FrontPage web, gõ URL tương đối tới gốc (root) FrontPage web thời Ví dụ, Nếu bạn gõ URL pictures/picture.gif, ảnh lưu trữ vào folder ảnh folder gốc FrontPage web thời Sau thay đổi URL, kích OK - Để import ảnh và các files khác trên danh sách import vào FrontPage web, kích OK Trong các files imported, bạn có thể dừng lại cách kích Stop  Chỉ định độ ảnh có độ phân giải thấp Bạn có thể ảnh có độ phân giải thấp download ảnh đẹp từ Web server Điều đó tiết kiệm thời gian kết nối với Internet 22 Trong FrontPage Editor, chọn ảnh 23 Chọn Edit/Picture Properties Chọn mục General 24 Trong vùng Alternate Representations hộp hội thoại Picture Properties, kích Browse bên cạnh trường Low-Res và làm các việc sau: - Trong hộp hội thoại Select Alternate Picture, chọn low-resolution picture file to be used, và kích OK - Kích nút World Wide Web để chuyển tới trình duyệt Web ngầm định bạn Tìm vị trí file ảnh có độ phân giải thấp trên World Wide Web, sau đó quay FrontPage cách nhấn tổ hợp phím ALT+TAB - Kích nút File để chọn file ảnh có độ phân giải thấp từ ổ đĩa cục từ mạng Nếu biết đường dẫn đầy đủ và tên file file text, hãy gõ nó trường File Name 25 Kích OK để đóng hộp hội thoại Picture Properties Ghi chú: đầu tiên bạn phải tạo phiên phân giải thấp ảnh trên trang web mình trước sử dụng chúng Để làm điều đó, hãy mở ảnh phần mềm picture editing ví dụ Microsoft Picture Composer và giảm màu trên ảnh Bạn định số màu ít cho phiên phân giải thấp ảnh, nó trên trình duyệt Web nhanh Vì ảnh có độ phân giải thấp dùng để giữ chỗ (placeholder) cho ảnh có độ phân giải cao, bạn không cần thay đổi độ rộng và độ cao ảnh  Đặt hyperlink ngầm định cho ảnh Hyperlink ngầm định ảnh là đích hyperlink bất kì diện tích nào không chứa hotspot 26 Kích ảnh để chọn nó 27 Chọn Edit/Picture Properties 28 Trong mục General, chọn đích hyperlink ngầm định URL trường Location kích Browse để định đích hyperlink ngầm định hộp hội thoại Create Hyperlink 29 Sau tạo hyperlink, kích OK để đóng hộp hội thoại Picture Properties  Tạo text thay cho ảnh Tạo text thay cho ảnh để vị trí ảnh ảnh bị mờ không thể trên trình duyệt Web Một số trình duyệt Web text thay gọi ảnh 30 Trong FrontPage Editor, chọn ảnh 31 Chọn Edit/Picture Properties Chọn mục General 32 Trong vùng Alternate Representations hộp hội thoại Picture Properties, gõ text thay trường Text Trong bài này, bạn học về:  T Hotspot  Hospot Để trang Web thêm sống động, bạn có thể chèn thêm các hình ảnh cần thiết vào đó Một ảnh có thể là siêu thông tin đa phương tiện liên kết đến URL nào đó Tuy nhiên, bạn hoàn toàn có thể tạo nhiều mối liên kết từ ảnh, có nghĩa là thay vì việc liên kết đến trang Web, ảnh có thể liên kết đến nhiều trang Web khác Việc liên kết đến các URL này hoàn toàn phụ thuộc vào hai yếu tố: vị trí trỏ chuột kích ảnh và khai báo địa URL tương ứng với vùng chứa điểm kích chuột kể trên Những ảnh kèm với nó là ánh xạ ảnh, ánh xạ này vùng nào ảnh thì liên kết đến URL nào Những vùng gọi là Hotspot Hotspot là vùng trên ảnh chứa siêu liên kết ảnh chứa hospot gọi là picture map Trong trình duyệt Web, hospot không Người sử dụng có thể nhận biết vị trí hospot cách nhận diện thay đổi hình dạng trỏ chuột trên hospot (có dạng ngón trỏ) Paul.htm John.htm Chẳng hạn, ảnh các ca sĩ nhóm Beatles trên đây có chứa các Hotspot Một là hình tròn, liên kết đến trang John.htm, hai là hình vuông liên kết đến trang Paul.htm Khi dịch chuyển trỏ chuột trên Hotspot hình tròn, trỏ chuột có dạng ngón tay trỏ là liên kết và tài liệu liên kết đến có đường dẫn nằm trạng thái trình duyệt  Khái niệm Hotspot Cách tạo Hotspot Tạo Hotspot  Tạo Circular Hospot Trong FrontPage Editor, chọn ảnh Kích nút Circle Đặt trỏ bên ảnh, trỏ biến thành hình bút chì Đặt trỏ vị trí tâm circular hotspot bạn muốn tạo Rê chuột để tạo circular hotspot kích thước vừa ý Khi thả chuột, hộp hội thoại Create Hyperlink Trong hộp hội thoại Create Hyperlink định đích hyperlink  Tạo Polygon Hospot 33 Trong FrontPage Editor, chọn ảnh 34 Kích nút Polygon 35 Đặt trỏ vào bên ảnh, trỏ biến thành hình bút chì 36 Kích chuột vào vị trí muốn làm góc đầu tiên đa giác, sau đó kích vào vị trí các góc còn lại polygon 37 Kích đúp để khép kín đa giác Hộp hội thoại Create Hyperlink 38 Trong hộp hội thoại Create Hyperlink, định đích hyperlink  Tạo Rectangle Hospot 39 Trong FrontPage Editor, chọn ảnh 40 Kích nút Rectangle 41 Đặt trỏ vào ảnh 42 Đặt trỏ vào vị trí xác định góc đầu tiên hình chữ nhật và kích chuột 43 Rê chuột để tạo hình chữ nhật kích thước bạn muốn Khi thả chuột, hộp hội thoại Create Hyperlink 44 Trong hộp hội thoại Create Hyperlink, định đích hyperlink  Tạo Text Hospot Trong FrontPage Editor, chọn ảnh Kích nút Text trên Picture toolbar Xuất hình chữ nhật chứa trỏ text Gõ text bạn muốn (chỉ phép gõ dòng) Để cuộn text, thay đổi kích thước vùng text Có thể dùng chuột để di chuyển text hospot tới vị trí khác Kích đúp chuột góc hình chữ nhật Hộp hội thoại Hyperlink mở Trong hộp hội thoại Create Hyperlink, định đích hyperlink Thay đổi Hospot  Chọn hotspot Trong FrontPage Editor, kích ảnh Hotspots kích hoạt Kích hotspot để chọn nó rê chuột trên ảnh để chọn nhiều hotspot Sử dụng TAB và SHIFT+TAB để di chuyển các hotspots  Highlight hotspot Highlighting hotspots thường dùng khó nhìn đường bao nó trên ảnh Trong FrontPage Editor, kích ảnh để kích hoạt picture toolbar Để chuyển đổi cách hospot và cách ảnh cùng hospot, kích nút Highlight Hotspots  Di chuyển hotspot Trong FrontPage Editor, kích ảnh chứa hotspot muốn di chuyển Chọn hotspot Khi hotspot chọn xuất nút điều khiển kích thước Để di chuyển hotspot, làm các việc sau: - Dùng chuột rê hotspot tới vị trí - Sử dụng các phím mũi tên để di chuyển tới vị trí T Làm việc với Table Trong bài này, bạn học về:  Làm việc với Bảng Bảng là tập hợp các hàng và các cột trên trang có thể chứa text, ảnh, forms, ActiveX controls, các phần tử FrontPage Có thể dùng các tables đê đặt liệu cách có hệ thống tổ chức cách trình bày liệu trên trang Table cho phép trình bày text theo paragraphs đặt text bên cạnh đồ hoạ Có thể tạo nhanh table lệnh Draw Table Sau tạo xong table, có thể tuỳ biến nó cách chèn thêm hàng, cột, thay đổi kích thước ô và chèn thêm lời chú thích Bạn có thể chuyển text thành table và ngược lại  Cách tạo bảng  Bố cục Frame  Tạo tập Frame   Thay đổi tập Frame Nạp trang vào Frame Khi gõ text ô chèn text, các ảnh, các forms, v.v , ô tự động mở rộng theo chiều ngang và chiều dọc để thích hợp với nội dung gõ chèn nó Bạn có thể sửa, định dạng và định các thuộc tính cho text các phần tử chèn ô Bạn có thể dễ dàng thay đổi kích thước ô, cột, hàng bảng cách dùng chuột rê các đường viền Tạo Table - Trong FrontPage Editor, chuyển trỏ text tới vị trí cần tạo bảng - Kích nút Insert Table trên standard toolbar, sau đó rê chuột FrontPage số hàng và cột bạn muốn - Để tạo nhanh table với các hàng và cột không nhau, hãy làm theo các bước sau: Trong FrontPage Editor, di chuyển trỏ text tới vị trí muốn tạo bảng Chọn Table/Draw Table kích nút Draw Table trên table toolbar Rê chuột để vẽ viền xung quang bảng Vẽ các đường dọc và ngang bảng Kích nút Eraser trên table toolbar để xoá bất kì đường nào bạn muốn Tạo bảng bảng khác - Trong FrontPage Editor, di chuyển trỏ text tới vị trí muốn tạo bảng - Chọn Table/Insert Table Xuất hộp hội thoại: - Chọn kích thước (size), cách đặt (layout) và độ rộng (width) bảng, sau đó kích OK Thuộc tính table Để đặt thuộc tính bảng tạo nó hãy làm theo các bước sau: Chú ý: lúc nào bạn định thuộc tính bảng mới, nó trở thành thuộc tính ngầm định và xuất bạn tạo bảng sau đó Trong FrontPage Editor, di chuyển trỏ text tới vị trí muốn tạo bảng Chọn Table/Insert Table Vào số hàng trường Rows Vào số cột trường Columns Trong trường Alignment, chọn vị trí bảng Trong trường Border Size, vào độ rộng cho đường viền theo đơn vị điểm (pixels) Để thay đổi phần đệm ô (cell padding), vào số trường Cell Padding 10 Để thay đổi khoảng cách các ô, vào số trường Cell Spacing 11 Để thay đổi độ rộng bảng, làm các việc sau: - Chọn Pixels, gõ độ rộng bảng theo pixels - Chọn Percent, gõ số phần trăm so với độ rộng màn hình 12 Kích OK Điều chỉnh bảng  Chọn bảng phần nó - Chọn ô: nhấn ALT và kích chuột ô kích đúp chuột phần đệm trái ô đặt trỏ text ô và chọn Table/Select Cell - Chọn nhiều ô liên tục: nhấn SHIFT và kích chuột - Chọn nhiều ô rời rạc: nhấn CTRL và kích chuột - Chọn hàng: di chuyển trỏ chuột tới bên trái hàng và kích chuột Để chọn nhiều hàng, rê chuột qua các hàng Hoặc đặt trỏ text hàng và chọn Table/Select Row - Chọn cột: di chuyển trỏ chuột tới đỉnh cột và kích chuột Để chọn nhiều cột, rê chuột dọc theo đỉnh các cột Hoặc đặt trỏ text cột và chọn Table => Select Column - Chọn bảng: di chuyển trỏ chuột tới chọn và kích đúp chuột Hoặc đặt trỏ text ô và chọn Table/Select Table - Chọn chú giải (caption) bảng: chuyển trỏ chuột tới bên trái caption bảng và kích chuột  Chèn ô Sau tạo bảng, có thể chèn thêm các ô cần FrontPage chèn các ô theo các quy tắc sau: - Khi trỏ text đặt ô trống, ô chèn nằm bên trái ô chứa trỏ text - Khi trỏ text nằm đầu ô chứa text, ảnh form, ô chèn nằm bên trái ô chứa trỏ text - Khi trỏ text nằm bên phải bất kì text, ảnh form, ô chèn nằm bên phải text, ảnh form đó - Trong FrontPage Editor, chuyển trỏ text vào ô theo quy tắc trên - Chọn Table/Insert Cell  Chèn hàng cột Sau tạo bảng, có thể chèn thêm hàng cột cần Để chèn hàng và cột nhanh, hãy làm sau: 13 Trong FrontPage Editor, chọn số hàng số cột cần chèn 14 Để chèn hàng nằm trên hàng chọn, kích trên table toolbar chọn Insert Rows từ shortcut menu Để chèn cột bên trái cột chọn, kích trên table toolbar chọn Insert Columns trên shortcut menu Để linh hoạt việc chèn thêm hàng, cột, hãy làm sau: 15 Trong FrontPage Editor, chọn hàng cột 16 Chọn Table/Insert Rows Columns 17 Chọn Columns Rows 18 Vào số hàng số cột muốn chèn 19 Vào vị trí muốn chèn hàng cột 20 Kích OK  Phân tách ô Có thể phân tách các ô thành cột hàng 21 Trong FrontPage Editor, chuyển trỏ text vào ô muốn phân tách chọn nhóm ô bất kì 22 Kích trên table toolbar chọn Split Cells từ shortcut menu 23 Chọn Split into Columns Split into Rows 24 Trong trường Number of Columns Number of Rows, vào số cột số hàng cần thiết 25 Kích OK  Trộn các ô Lệnh này thực chọn hai ô trở lên và chọn các ô theo hình chữ nhật 26 Trong FrontPage Editor, chọn hàng, cột các ô 27 Kích trên table toolbar chọn Merge Cells từ shortcut menu  Dãn ô 28 Trong FrontPage Editor, chuyển trỏ text vào ô chọn hàng chọn cột Sau đó chọn Table/Cell Properties Xuất hộp hội thoại: 29 Trong trường Number of Rows Spanned, vào số hàng bạn dãn ô (span) 30 Trong trường Number of Columns Spanned, vào số cột bạn muốn dãn (span) 31 Kích OK  Thay đổi kích thước bảng - Có thể thay đổi nhanh kích thước bảng cách dùng chuột rê các đường viền đáy và phải tới kích thước cần thiết - Trong hộp hội thoại Table Properties có thể thay đổi kích thước cách chọn độ rộng, độ cao hai Kích thước bảng có thể thay đổi theo pixels theo tỉ lệ phần trăm so với kích thước cửa sổ Nếu bảng thay đổi kích thước theo pixels, kích thước nó giữ nguyên không đổi so với kích thước cửa sổ chứa nó Ngược lại, Nếu kích thước bảng thay đổi theo tỉ lệ phần trăm so với kích thước cửa sổ chứa nó, phụ thuộc vào kích thước cửa sổ thời Nếu bảng không có độ rộng xác định, các trình duyệt Web thay đổi kích thước bảng cho vừa khít với nội dung các ô bảng Trong FrontPage Editor, chuyển trỏ text vào bảng Chọn Table (hoặc shortcut menu)/Table Properties Xuất hộp hội thoại  Để xác định độ rộng: Chọn Select Specify Width Vào số cho độ rộng Chọn In Pixels In Percent Để xác định độ cao: Chọn Specify Height Vào số cho độ cao Chọn In Pixels In Percent Kích OK Thay đổi kích thước ô Có thể thay đổi nhanh kích thước ô cách dùng chuột rê các đường viền ô tới kích thước cần thiết Trong hộp hội thoại Cell Properties có thể thay đổi độ rộng ô cách xác định độ rộng, độ cao hai 32 Trong FrontPage Editor, chuyển trỏ text vào ô muốn thay đổi kích thước 33 Chọn Table/Cell Properties 34 Để định độ rộng, phần Minimum Size: - Chọn check box Specify Width - Gõ giá trị độ rộng cho ô chọn - Chọn In Pixels In Percent 35 Để định độ cao, phần Minimum Size: - Chọn check box Specify Height - Gõ giá trị độ cao cho ô chọn - Chọn In Pixels In Percent 36 Kích OK  Phân bố các hàng và cột Nếu có bảng với độ cao các hàng và độ rộng các cột khác nhau, có thể dùng các lệnh Distribute Rows Evenly và Distribute Columns Evenly để làm cho các hàng cột có độ cao và độ rộng 37 Chọn các hàng cột muốn có cùng độ cao và độ rộng 38 Chọn Table/Distribute Rows Evenly Distribute Columns Evenly, kích các nút Distribute Rows Evenly Distribute Columns Evenly trên table toolbar Xoá bảng và phần nó  Xoá ô, hàng, cột 39 Trong FrontPage Editor, chọn số ô số hàng số cột muốn xoá 40 Kích  trên table toolbar Xoá bảng Trong FrontPage Editor, chọn bảng muốn xoá Nhấn phím DELETE  Xoá caption bảng Trong FrontPage Editor, chuyển trỏ tới bên trái caption, kích đúp để chọn nó Nhấn phím DELETE Định dạng table  Thay đổi màu nhiều ô Trong FrontPage Editor, chọn các ô muốn thay đổi màu Kích trên table toolbar Trong hộp hội thoại Color chọn màu Kích Define Custom Colors để định nghĩa màu Kích OK  Thay đổi màu bảng Trong FrontPage Editor, chuyển trỏ text vào bảng Chọn Table / Select Table Kích trên table toolbar Trong hộp hội thoại Color chọn màu Kích Define Custom Colors để định nghĩa màu Kích OK  Bổ sung ảnh cho ô Một ô có thể chứa ảnh khác ảnh bảng và trang Khi chọn ảnh nền, bất kì màu nào đã chọn danh sách Background Color bị che lấp trừ ảnh chọn có màu suốt Trong FrontPage Editor, di chuyển trỏ text tới ô muốn chèn ảnh Chọn Table/Cell Properties Chọn check box Use Background Picture và sau đó kích Browse để mở hộp hội thoại Select Background Picture Chọn các thông số sau: - Nếu ảnh trên FrontPage web thời, tìm folder chứa ảnh, chọn ảnh và kích OK - Nếu ảnh là file mạng cục bộ, kích nút File Xuất hộp hội thoại Select File Tìm ảnh và kích OK - Nếu ảnh trên World Wide Web, kích nút World Wide Web  Bổ sung ảnh cho toàn bảng Một bảng có thể có ảnh khác với trang Khi định ảnh cho bảng bất kì màu nào chọn danh sách Background Color bị che lấp, ảnh chọn có màu suốt Trong FrontPage Editor, chuyển trỏ text vào bảng Chọn Table/Table Properties Chọn check box Use Background Picture và sau đó kích Browse để mở hộp hội thoại Select Background Picture Làm các việc sau: - Nếu ảnh trên FrontPage web thời, tìm folder chứa ảnh, chọn ảnh và kích OK - Nếu ảnh là file trên mạng cục bộ, kích nút File Xuất hộp hội thoại Select File Tìm ảnh và kích OK - Nếu ảnh trên World Wide Web, kích nút World Wide Web Trình duyệt Web xuất Tìm ảnh cần thiết, quay trở FrontPage Editor Vị trí trang chứa ảnh trường URL - Nếu ảnh là clip art, kích nút Clip Art để Microsoft Clip Gallery và chọn ảnh Nếu muốn định thuộc tính cho ảnh, ví dụ tạo ảnh suốt, kích nút Properties và đặt thuộc tính hộp hội thoại Picture Properties Kích OK để đóng hộp hội thoại Table Properties  Thay đổi màu các đường viền ô Đường viền ô có thể có hai màu Khi chọn hai màu, đường viền ô thể dạng ba chiều 17.Trong FrontPage Editor, chuyển trỏ text vào ô muốn đặt màu đường viền Bảo đảm kích thước đường viền đã xác định hộp hội thoại Table Properties 18.Chọn Table (hoặc shortcut menu)/Cell Properties Làm các việc sau: - Để có đường viền màu, chọn màu từ danh sách thả xuống Border Để định nghĩa màu mới, chọn Custom từ danh sách này - Để có đường viền hai màu, chọn các màu từ các danh sách thả xuống Light Border và Dark Border Có thể định nghĩa màu cách chọn Custom từ danh sách này Chú ý: Khi bạn chọn Light Border Dark Border, màu thứ hai sử dụng cho đường viền ô là màu chọn từ danh sách thả xuống Normal 19 Kích OK  Thay đổi màu đường viền bảng 20 Trong FrontPage Editor, chuyển trỏ text vào bảng 21.Chọn Table (hoặc shortcut menu)/Table Properties 22 Làm các việc sau: - Để có đường viền màu, chọn màu từ danh sách thả xuống Border Để định nghĩa màu mới, chọn Custom từ danh sách này - Để có đường viền hai màu, chọn các màu từ các danh sách thả xuống Light Border và Dark Border Có thể định nghĩa màu cách chọn Custom từ danh sách này Chú ý: Khi bạn chọn Light Border Dark Border, màu thứ hai sử dụng cho đường viền ô là màu chọn từ danh sách thả xuống Normal 23.Kích OK  Thay đổi hình dạng ô 24.Trong FrontPage Editor, chuyển trỏ text vào bảng, sau đó chọn Table/ Cell Properties 25.Trong trường Horizontal Alignment, chọn cách dóng hàng cho nội dung ô từ danh sách thả xuống 26.Trong trường Vertical Alignment chọn cách dóng hàng cho nội dung ô từ danh sách thả xuống 27.Để sử dụng text làm các tiêu đề, chọn Header Cell 28.Chọn No Wrap để text các ô không bị cuộn trình duyệt Web 29.Kích OK  Thay đổi layout bảng 30.Trong FrontPage Editor, chuyển trỏ text vào bảng và chọn Table (hoặc shortcut menu)/Table Properties 31.Trong trường Alignment, chọn cách dóng hàng bạn muốn từ danh sách thả xuống 32.Trong trường Float, chọn nơi nào bạn muốn text bao quanh bên trái bên phải bảng Khi chọn Default, text không bao quanh bảng 33.Trong trường Border Size, gõ độ rộng cho đường viền bảng theo điểm 34.Trong trường Cell Padding, vào khoảng cách bạn muốn nội dung và các mép các ô theo điểm 35.Trong trường Cell Spacing, vào khoảng cách các ô bảng theo điểm 36.Kích OK Các thao tác khác  Bổ sung caption cho bảng Bạn có thể bổ sung tiêu đề cho bảng để tóm tắt nội dung nó 37 Trong FrontPage Editor, chuyển trỏ text vào bảng choặc chọn bất kì phần nào bảng 38.Chọn Table/Insert Caption FrontPage chèn caption trên hàng đầu tiên bảng  Sửa caption bảng Bạn có thể sửa caption bảng sau chèn nó Trong FrontPage Editor, chuyển trỏ text tới vị trí cần sửa caption và gõ thông tin  Bổ sung tiêu đề ô Có thể tạo text ô đậm để làm tiêu đề ô 39.Trong FrontPage Editor, chuyển trỏ text vào ô, sau đó chọn Table/Cell Properties Bạn có thể chọn hàng, cột nhiều ô 40.Chọn tuỳ chọn Header Cell phần Layout hộp hội thoại 41.Kích OK  Chuyển bảng thành text Khi chuyển bảng thành text, FrontPage tách ô bảng thành paragraph 42 Chọn bảng muốn chuyển thành text 43.Chọn Table/Convert Table To Text 44 Chuyển text thành bảng Trước thực việc chuyển text thành bảng, hãy xác định bạn muốn chia text thành bao nhiêu cột và hàng cách chèn thêm các kí tự phân cách Ví dụ, sử dụng dấu phảy để chia các cột và sử dụng dấu đoạn (paragraph marks) để đánh dấu hết hàng Ghi chú: vì HTML không hỗ trợ trực tiếp cho các kí tự Tab nên bạn hãy dùng dấu phảy các kí tự khác để tách cột - Chọn text muốn chuyển thành bảng - Chọn Table/Convert Text To Table Hộp hội thoại Convert Text to Table xuất - Trong miền Separate Text At, chọn kí tự dùng để phân tách cột, ví dụ như, dấu phảy, và kích OK T Trong bài này, bạn học về:  Làm việc với Frame Làm việc với Frame Tập các Frame chia màn hình trình duyệt Web thành vùng riêng biệt, vùng đó có thể hiển thị trang Web nào đó và gọi là frame Một nhóm các frame gọi là trang frame Trang frame là trang Web đặc biệt định nghĩa kích thước và vị trí frame trên đó Chẳng hạn, ta có thể có trang frame đơn giản chứa hai frame: hiển thị trang chứa các liên kết, và frame còn lại hiển thị trang mà liên kết đến Mỗi người sử dụng kích chuột vào liên kết frame thứ nhất, trang này tới trang liên kết và nó hiển thị frame thứ hai Trang frame không thực chứa nội dung nào trang, nó chứa các liên kết đến các trang xuất các frame mà thôi Trang chứa liên Tạo trang frame kết  Tổng quan Frame  Bố cục Frame  Tạo tập Frame  Thay đổi tập Frame  Nạp trang vào Frame Trang hiển thị liên kết đến Tại FrontPage Editor, thực lệnh File/New Tại hộp hội thoại New, chọn Frames, chọn mẫu trang Frame mà bạn muốn Nhấn Frames và chọn mẫu Frame có sẵn Mẫu frame hiển thị hộp Preview và đặc tả mẫu hiển thị Description Kích nút OK Trang frame tạo đây: Viền bao xung quanh Frame thời (đang kích hoạt) - Set Initial Page: Kích vào nút này để chọn trang đã có xuất trên frame hộp hội thoại Create HyperLink - New Page: Kích vào đây để tạo trang xuất trên frame thời  Đặc tả trang khởi tạo cho frame - Nếu trang khởi tạo frame chưa tạo, kích nút Set Initial Page đã nói trên - Nếu trang khởi tạo đã có, thực lệnh Frame/Set Initial Page để chọn trang là trang khởi tạo  Cất trang frame Dấu hiệu trang thuộc frame này cần ghi lại: frame có màu xanh - Tại màn hình trang frame, thực lệnh File/Save - Với trang nằm frame chưa cất, FrontPage yêu cầu bạn ghi lại nội dung nó với dấu hiệu: trang cất nằm frame nào cần phải ghi thì frame đó đánh dấu màu xanh - Sau đó, bạn yêu cầu ghi trang frame dấu hiệu chuyển sang dạng viền toàn màn hình frame (được mô tả hộp hội thoại) Đường viền xung quanh – dấu hiệu cần ghi trang frame  Thay đổi bố cục frame – Chia nhỏ frame – Xóa frame Từ mẫu frame đã có, bạn có thể tự thiết kế lấy cho mình bố cục trang frame cách ngăn các frame thành các frame đó, xoá bớt frame không cần thiết Để ngăn frame, thực các bước sau - Tại frame muốn ngăn, thực lệnh Frame/Split Frame Chia frame thời theo hàng cột - Split into columns: Chia frame theo cột - Split into rows: Chia frame theo hàng - Kích OK Để xóa frame Tại FrontPage Editor, chọn frame muốn xoá và thực lệnh Frame/Delete Frame  Thuộc tính frame Tại frame muốn thay đổi thuộc tính, thực lệnh Frame/Frame Properties Xuất hộp hội thoại Frame Properties - Name: Tên frame, dùng để thiết lập đích liên kết Ban đầu, hộp Name gán tên mặc định FrontPage Editor - Options: Phần này thiết lập frame có thay đổi kích thước và có hay không có cuộn frame hay không Resizable in Browser: Cho phép người sử dụng thay đổi kích thước Show Scrollbars: Lựa chọn khả xuất cuộn frame:  If Needed: Hiển thị cuộn liệu trang lớn vùng hiển thị frame  Never: Không xuất cuộn  Always: Luôn xuất cuộn - Frame Size: Đặc tả chiều cao và chiều rộng frame Width và Row Height Tuy nhiên, bạn có thể thay đổi kích thước frame cách rê chuột trên đường viền frame chế độ view Normal FrontPage Editor Kiểu giá trị đặc tả này gồm loại: Relative: Tính tương các frame cùng cạnh theo chiều cao chiều rộng Percent: Tính tương đối % theo chiều cao và chiều rộng màn hình trình duyệt Web Pixels: Tính chính xác đơn vị điểm - Margins: Đặc tả lề frame tính điểm, với Width là lề trái và lề phải, Height là lề trên và - Initial Page: Đặc tả trang khởi tạo frame thời Gõ URL trang kích vào nút Browse để chọn trang khởi tạo  Thay đổi khoảng cách các frame Thực lệnh Frame/Frame Page Properties Chọn Frames, vào giá trị khoảng cách các frame Frames Spacing Khoảng cách này tính điểm, giá trị ngầm định là pixels  Tạo viền cho frame Thực lệnh Frame/Frame Page Properties Chọn Frames, kích Show Borders  Tạo liên kết từ frame và hiển thị đích liên kết trên frame khác 45.Tại frame chứa liên kết, thực lệnh Insert/Hyperlink 46.Tại hộp hội thoại Create Hyperlink, chọn trang muốn liên kết đến 47.Kích vào nút Target Name để chọn đích cho liên kết Kích đồ frame để chọn đích muốn hiển thị liên kết Current Frames Page: Đây là vùng hiển thị đồ trang frame Để gán đích frame cho liên kết, kích vào frame trên đồ Tên frame hiển thị trên hộp Target Setting Common Targets: Đây là đích frame đã định nghĩa trước và trình duyệt hiểu Bạn có thể chọn các đích frame sau: - Page Default: Đích mặc định cho trang thời - Whole Page: Thiết lập frame đích liên kết tới toàn cửa sổ Web - Same Frame: Thiết lập đích frame liên kết tới cùng frame chứa liên kết - New Window: Đặc tả đích liên kết là cửa sổ trình duyệt Web - Parent Frame: Đặc tả đích liên kết là trang chứa tập frame thời - Target Setting: Nếu bạn chọn frame đích Current Frames Page Common Target, trường này hiển thị tên đích frame chọn Bạn có thể gõ tên đích trực tiếp vào đây - Make Default for Hyperlinks on the Page: Kích vào lựa chọn này bạn muốn tạo frame đích chọn là mặc định cho liên kết trang kích hoạt  Làm việc với form Làm việc với Form Trong bài này, bạn học cách:  “Form” là mẫu biểu thông qua đó để người sử dụng nhập liệu theo mẫu đã thiết kế Thực chất, form là tập hợp các trường và các điều khiển form (được hiểu chương trình trên máy chủ thực đăng kí form nghĩa là phương pháp tổng hợp liệu từ form) Form là chìa khoá để tạo tương tác người sử dụng và liệu trên Web Thông qua các trường này, người sử dụng có thể vào liệu và đăng kí form Khi đó, trình duyệt gửi yêu cầu đến server thông qua địa trang Web chứa form Máy chủ dựa trên các điều khiển form gửi trả trình duyệt trang Web tạo chương trình (điều khiển form) Form có thể chứa phần tử trang, chẳng hạn như: các trường, liệu text các đoạn, bảng biểu, tranh ảnh, và các phần tử khác Người sử dụng nhập liệu trên form cách gõ liệu vào trường text, kích các nút radio check box, chọn các tuỳ chọn từ thực đơn Sau đó, họ đăng kí form cách kích chuột vào nút có kiểu là “Submit” Khi đó, FrontPage đưa nội dung form vào file trên FrontPage web Đây là file chứa các thông tin cập nhật từ form Bạn có thể cấu hình form để gửi liệu trên đó tới địa e-mail Người sử dụng không nhìn thấy điều khiển form Nó bắt đầu tiến trình mình họ đăng kí form FrontPage tự động gán các điều khiển form mặc định form tạo Tuy nhiên, bạn có thể thiết lập các điều khiển form mình cho form     Tạo Form Thay đổi thuộc tính Form Nhập liệu trên Form Thêm trường vào Form Sử dụng tạo Form Wizard Trình duyệt đăng kí form Tạo Form Trong FrontPage Editor, bạn có thể tạo form bất kì vị trí nào trên trang, phía ngoài form - Tại vị trí muốn bắt đầu form trên trang, thực lệnh Insert/Form Field và chọn kiểu trường tương ứng - FrontPage tạo form chứa trường mà bạn chọn và hai trường nút nhấn, bao gồm nút đăng kí form (Submit) và nút nhập lại form (Reset) Form gán tới điều khiển mặc định Thêm trường vào form Tại FrontPage Editor, kích vào form muốn thêm trường Tại điểm chèn, tạo trường cách thực lệnh Insert/Form Field và chọn kiểu trường muốn tạo Thuộc tính form Tại Form muốn thay đổi thuộc tính, kích nút phải chuột và chọn lệnh Form Properties, xuất hộp hội thoại dùng để đặc tả việc cần thực với kết form chọn Bạn có thể gửi kết tới file FrontPage web thời, tới root web tới file hệ thống có thể gửi kết tới địa e-mail, điều khiển form FrontPage form tự tạo Chú ý: Toàn tuỳ chọn gửi kết form tới ISAPI tự tạo, NSAPIT, CGI, ASP script đòi hỏi máy chủ chạy FrontPage Server Extensions Dưới đây là các tuỳ chọn hộp hội thoại:  What to with form results? Dùng tuỳ chọn này để đặc tả hành động mà FrontPage thực với kết trên form - Send To: Sử dụng điều khiển form mặc định để gửi kết form tới file trên FrontPage web tại, root web, trên hệ thống file bạn tới địa e-mail - File Name: Ban đầu, trường này hiển thị file chứa các thông tin cất giữ trên form điều khiển form mặc định File này đặt folder _private FrontPage web - Để gửi kết form tới file khác trên web thời, gõ URL tương đối tới file đó, kích nút Browse để định file - Để gửi kết form tới file trên root web, bạn phải dùng folder đặc biệt _vti_log trên root web Gõ URL tương đối tới file folder này, chẳng hạn như: /_vti_log/myresults.txt - Để gửi kết form tới file trên hệ thống bạn, gõ đường dẫn đầy đủ đến file, chẳng hạn như: c:\my_results\results.txt - Browse: Hiển thị hộp hội thoại Current Web, bạn có thể duyệt các folders FrontPage web để chọn file cất kết form - E-mail Address: Gõ địa e-mail bạn muốn gửi kết form đến - Send To Other: Nếu muốn gửi kết form tới điều khiển FrontPage điều khiển tự tạo, chọn điều khiển bạn muốn dùng: - Custom ISAPI, NSAPI, CGI or ASP Script: Gửi kết form tới điều khiển form tự tạo sử dụng các phương thức này - Discussion Form Handler: Lưu trữ kết form từ nhóm thảo luận - Registration Form Handler: Cất kết form đăng kí người sử dụng có thể truy nhập dịch vụ Web bạn - Options: Cấu hình điều khiển form chọn - Form Name: Tên form - Target Frame: Trường Target liệt kê các frame để hiển thị kết form Lưu ý không có trang frame nào tải, trình duyệt Web có thể tạo cửa sổ để hiển thị kết form Gõ tên frame chọn nút Target Frame để chọn frame: Chọn tên Target - Advanced: Hiển thị hộp hội thoại Advanced Form Properties, bạn có thể tạo và sửa tuỳ chọn các trường ẩn đây Sử dụng tạo form Wizard FrontPage hỗ trợ chương trình giúp bạn tạo form dựa trên loại thông tin mà bạn cần tổng hợp, gọi là Form Wizard - Thực lệnh File/New, chọn Form Page Wizard - Kích nút OK, chọn Next Vào các thông số: Page Title: Tiêu đề trang Page URL: Địa trang - Chọn Next Kích nút Add để thêm thông tin cần tổng hợp - Select type of input to collect for select this question: Chọn các kiểu thông tin - Edit the promt for this question: Gõ lời nhắc cho thông tin cần yêu cầu Chọn kiểu thông tin và gõ lời nhắc tương ứng Dưới đây là các loại thông tin cần tập hợp và các thông số tương ứng chúng:  Contact Information: Thông tin để liên hệ với người sử dụng Lần lượt chọn các thông số cho thông tin cần liên hệ: - Name: Full: Tên đầy đủ First, Last: Họ và tên  First, Last, Middle: Họ, tên, đệm Title: Bí danh Organization: Tổ chức Postal Address: Địa theo đường bưu điện Work phone: Điện thoại nơi làm việc Home phone: Điện thoại nhà FAX: Số máy fax cần liên hệ E-mail Address: Địa e-mail Web Address: Địa trang Web cá nhân Enter the base name for this group of variables: Vào tên biến cho nhóm Account Information: Thông tin tài khoản người sử dụng Chọn User name là trường hay hai trường họ và tên Yêu cầu vào lại mật không yêu cầu Tên biến  Product Information: Thông tin sản phẩm Chọn thông tin muốn tập hợp mặt hàng Mẫu mã Số hiệu Chọn tên sản phẩm từ danh sách gõ tên Vào tên sở cho nhóm biến  Ordering Information: Thông tin yêu cầu Chọn hình thức toán là thẻ tín dụng tiền mặt Địa điểm giao hàng  Personal Information: Thông tin cá nhân  One of several options: Lựa chọn tuỳ chọn Số lượng tối đa danh sách mặt hàng Vào tên sở nhóm biến Vào các nhãn danh sách tuỳ chọn Vào tên biến chọn  Any of several option: Một vài lựa chọn tuỳ chọn  Boolean: Lựa chọn Có Không Chọn kiểu xuất tuỳ chọn Chọn kiểu xuất Có/Không Vào tên biến  Date: Kiểu liệu nhập vào là ngày  Range: Kiểu liệu trên form là miền các giá trị để chọn lựa  Number: Dữ liệu nhập trên form là số  String: Dữ liệu nhập trên form là dòng text  Paragraph: Dữ liệu nhập là text nhiều dòng Trong bài này, bạn học về:  Thêm thành phần form Thêm thành phần Form  orm Trường là khối xây dựng trên form Người sử dụng cung cấp thông tin thông qua các trường Việc nhập liệu này xử lí điều khiển form nằm trên máy chủ Web người sử dụng đăng kí form Bạn tạo các trường FrontPage Editor cách dùng lệnh Form Field trên thực đơn Insert, kích nút trên công cụ form Bạn có thể tạo các trường sau đây FrontPage:   Hộp text có dòng để người sử dụng gõ liệu text đó Một hộp text cuộn nhiều dòng để người sử dụng có thể nhập các dòng text đó  Một nút là radio cho phép người sử dụng chọn cách kích chuột vào nút này  Nút là check box cho phép người sử dụng chọn nhiều tuỳ chọn cách kích chuột vào nhiều nút check box  Một thực đơn cuộn xuống cho phép người sử dụng có thể chọn từ hay nhiều dòng thực đơn cùng thời điểm  Một nút nhấn cho phép người sử dụng đăng kí form khởi tạo lại trạng thái ban đầu form  Một trường ảnh hiển thị ảnh trên form Bằng cách kích chuột vào ảnh này, người sử dụng có thể đăng kí form Thêm và sửa các trường trên Form  Check Boxes  Radio Buttons  Pull-down Menus  One-line Text Boxes  Scrolling Text Boxes  Push Buttons  Picture Field Các trường form tạo cùng dòng với text trang kích hoạt trên FrontPage Editor Mỗi chèn trường vào trang, FrontPage Editor coi nó kí tự Ví dụ, bạn kích chuột nút trái trường và bắt đầu gõ nhãn cho nó, trường dịch chuyển phía phải để tạo chỗ cho text vừa gõ xuất Nếu bạn nhấn Enter phía trái trường, trường chuyển xuống đầu dòng Bạn có thể cắt, chép trường vào vùng đệm và dán chúng vào form (dùng các lệnh trên thực đơn Edit như: Copy, Cut, Paste Các thao tác với trường  Sao chép trường Tại FrontPage Editor, kích trường muốn chép Thực lệnh Edit/Copy Kích chuột nơi muốn dán trường đã chép Thực lệnh Edit/Paste Xóa trường trên form Tại FrontPage Editor, chọn trường cần xóa Nhấn phím Delete để xóa Kích nút phải chọn lệnh Cut để cắt trường  Hiển thị trường xác nhận Bạn hiển thị trường xác nhận cách chèn trang xác nhận form điều khiển điều khiển form Save Results Form Handler, Discussion Form Handler, Registration Form Handler Tại FrontPage Editor, mở trang xác nhận Thực lệnh Insert/FrontPage Component Tại hộp hội thoại Insert FrontPage Component, chọn Confirmation Field và kích OK, xuất hộp hội thoại Confirmation Field Properties Tại hộp Name of Form Field To Confirm, gõ tên trường form Kích OK Text Boxes  Tạo trường Text Box Thực lệnh Insert/Form Field và chọn One-Line Text Box Nếu muốn tạo trường Text Box form thời, đặt vị trí trỏ text trên form, tạo trường này với form mới, đặt trỏ text ngoài các form đã định nghĩa Gõ nhãn trực tiếp cho trường trên form Chú ý: FrontPage Editor tạo trường text box với thuộc tính mặc định Kích đúp trường để thiết lập các thuộc tính cho nó  Tạo trường mật Một trường mật chính là trường text box, khác chỗ, liệu text người sử dụng nhập trường này trên form không hiển thị trên màn hình Khi form chứa trường mật đăng kí từ trình duyệt Web, tên và nội dung trường text box gửi tới điều khiển form Tại FrontPage Editor, vị trí trỏ text, thực lệnh Insert/Form Field/One-Line Text Box Kích chọn trường text box này Thực lệnh Edit/Form Field Properties Tại trường Password Field, kích Yes Kích OK  Thay đổi thuộc tính trường text box Bạn có thể thay đổi các thông số sau trường: - Tên - Giá trị khởi tạo - Độ rộng trường theo số kí tự Kích nút phải chuột trường, chọn Form Field Properties Kích Validate để hạn chế kiểu liệu nhập vào Name: Gõ tên trường Khi form đăng kí, tên trường gửi tới điều khiển form cùng với giá trị nó Dĩ nhiên là tên này không hiển thị trên trang Initial value: Vào giá trị khởi tạo cho trường, giá trị này xuất trang lần đầu đọc trình duyệt Web Width in characters: Vào độ rộng trường (tính số kí tự) Tab order: Vào giá trị để điều khiển thứ tự mà người sử dụng có thể dịch chuyển từ trường này tới trường khác cách nhấn phím Tab Chỉ có Internet Explorer 4.0 các phiên sau đó là hỗ trợ thuộc tính này Nếu để trống, Internet Explorer 4.0 dùng thứ tự mặc định, giống phiên trước nó Giá trị có thể chấp nhận đây từ đến 999 Nếu hai trường có cùng Tab order, trường định nghĩa trước có ảnh hưởng giá trị này Giá trị –1 huỷ điều khiển Tab order Password field: Kích Yes là trường mật Validate: Kích vào nút này để mở hộp hội thoại Text Box Validation Bạn hạn chế các giá trị có thể nhập vào cho trường trên form hộp hội thoại này Các tuỳ chọn hộp thoại: - Display Name: Đặc tả tên dùng để hiển thị trên thông điệp cảnh báo có giá trị - Data Type: Chọn kiểu liệu trường:  No Constraints  Text: Dữ liệu dạng text  Interger: Dữ liệu dạng số nguyên  Number: Dữ liệu dạng số Text Format: Phần này chứa thiết lập giá trị chấp thuận trường dạng text - Letters: Cho phép trường chứa kí tự chữ cái - Digits: Cho phép trường chứa kí tự chữ số - Whitespace: Cho phép trường chứa khoảng trắng, bao gồm dấu cách, tab, dấu xuống dòng và dấu kết thúc dòng - Other: Cho phép trường chứa các kí tự khác cách gõ các kí tự này hộp Other Numeric Format: Phần này chứa thiết lập cho liệu dạng số nguyên và số Grouping: Chọn kí tự để dùng hiển thị số số nguyên - None: Trường dạng số không chứa các kí tự khác ngoài kí tự chữ số để hiển thị, chẳng hạn 123456789 - Comma: Trường chứa dấu phẩy, chẳng hạn 123,456,789 - Period: Trường chứa dấu chấm, chẳng hạn 123.456.789 Decimal: Nếu kiểu liệu trường là Number, bạn có thể đặc tả kí tự dùng dấu chấm thập phân: - Comma: Chỉ định dấu phẩy hiển thị dấu chấm thập phân, chẳng hạn 123.456,789 - Period: Chỉ định dấu chấm làm dấu ngăn cách phần nguyên và thập phân, chẳng hạn 123,456.789 Chú ý: Bạn không thể dùng cùng kí tự để hiển thị dấu chấm thập phân và dấu ngăn cách phần nghìn trường số Data Length: Phần này chứa thiết lập độ dài trường liệu Required: Chọn check box để đặc tả liệu yêu cầu trường - Min Length: Đặc tả độ dài ngắn liệu trên trường - Max Length: Đặc tả độ dài lớn liệu trên trường Data Value: Phần này chứa giá trị thiết lập cho bất kì kiểu liệu nào Field Must Be: Chọn các kiểu điều kiện để giới hạn liệu sau: - Less Than: Nhỏ - Greater Than: Lớn - Less Than Or Equal To: Nhỏ - Greater Than Or Equal To: Lớn - Equal To: Bằng - Not Equal To: Không Value: Gõ giá trị giới hạn liệu tương ứng với điều kiện trên Ví dụ, kiểu liệu là Interger, và Field Must Be là Greater Than, gõ 100 hộp Value có nghĩa là liệu trường phải lớn 100 Dữ liệu nhập vào tuân theo điều kiện DataValue And Must Be: Chọn giá trị tương tự trên, và giá trị nhập vào trường là kết hợp hai điều kiện Field Must Be và And Must Be Style: Kích vào nút này để mở hộp hội thoại Style, bạn có thể thay đổi các thuộc tính stylesheet Khuôn dạng style-sheet cho phép điều khiển khoảng cách, lề, phông và màu sắc text Scrolling Text Boxes  Tạo trường scrolling text box Nếu muốn tạo scrolling text box form, đặt trỏ text vị trí trên form Nếu muốn tạo trường này form mới, kích chuột ngoài bất kì form nào đã định nghĩa Tại FrontPage Editor, thực lệnh Insert/Form Field/One-Line Text Box Gõ nhãn cho trường trực tiếp trên form Gõ nhãn cho trường Chú ý: FrontPage Editor tạo scrolling text box với thuộc tính mặc định Kích đúp chuột trường để vào các thiết lập cho thuộc tính nó  Thay đổi thuộc tính trường scrolling text box Kích nút phải chuột trường, chọn lệnh Form Field Properties Thay đổi các thuộc tính sau: Kích vào nút để hạn chế giá trị nhập vào - Name: Tên trường, dùng cho điều khiển form - Intial Value: Giá trị khởi tạo, xuất lần đầu trang chứa form mở - Width in character: Độ rộng tính số kí tự - Number of Lines: Chiều cao tính số dòng  Hạn chế giá trị nhập trường Tương tự trường text box Check Boxes  Tạo trường check box Mỗi text box ứng với tuỳ chọn trên form Người sử dụng có thể chọn hay nhiều phần tử text box cho cùng nhóm chọn, nghĩa là lựa chọn chấp chận nhiều giá trị Khi form chứa trường đăng kí, tên trường check box cùng với giá trị nó gửi tới điều khiển form - Tại FrontPage Editor, thực lệnh Insert/Form Field/Check Box Nếu muốn tạo trường text box form, đặt điểm chèn đó, không, đặt điểm chèn phía ngoài các form đã định nghĩa Cho phép chọn nhiều lựa chọn cùng nhóm - Gõ nhãn cho trường trên form Chú ý: FrontPage Editor tạo trường text box với thuộc tính ngầm định Chẳng hạn, mặc định trường text box không chọn Kích đúp trường này để thiết lập thuộc tính cho nó  Thiết lập thuộc tính cho trường check box Kích nút phải chuột trường, chọn lệnh Form Field Properties Dưới đây là các tuỳ chọn hộp hội thoại: - Name: Vào tên trường Tên này không thiết phải và nó không hiển thị trên trang - Value: Giá trị tương ứng với trường - Initial state: Chọn Checked muốn trường chọn lúc khởi tạo, ngược lại là Not checked - Tab order: Vào giá trị là số số thứ tự trường trên form nhập giá trị người sử dụng nhấn phím Tab Giá trị khoảng 1-999, -1 huỷ thứ tự tab - Style: Kích nút này để thiết lập các thuộc tính style-sheet cho trường chọn Radio Buttons  Tạo trường radio button Radio button là nút trên form, cho phép người sử dụng kích chuột đó để chọn tuỳ chọn Radio button khác với check box chỗ, chúng cho phép chọn các lựa chọn cùng nhóm Khi form chứa trường radio button đăng kí, tên nhóm trường và giá trị chúng gửi tới điều khiển form Chỉ cho phép chọn tuỳ chọn cùng nhóm Tại FrontPage Editor, thực lệnh Insert/Form Field/Radio Button Nếu muốn tạo trường radio button form mới, đặt điểm chèn vị trí không nằm form nào đã định nghĩa Gõ nhãn cho trường trên form Chú ý: FrontPage Editorr tạo trường radio button với thuộc tính mặc định Radio button đầu tiên bạn tạo trên form có tên là “R1” và mặc định là chọn Mỗi radio button mà bạn tạo có cùng tên nhóm với nút radio trước Kích đúp vào trường radio button để thiết lập thuộc tính cho nó  Thay đổi thuộc tính trường radio-button Tên phân biệt nhóm lựa chọn Name: Vào tên nhóm cho radio button Tên này gửi tới điều khiển form form chứa nút đăng kí Mặt khác, tên này phân biệt các nhóm trường radio button, có nghĩa là, người sử dụng chọn các nút radio nhóm có cùng tên Value: Đây là giá trị trường radio button ứng với nhóm có tên đặt thuộc tính Name Tab Order: Số thứ tự mà người sử dụng có thể nhập trường nhấn phím Tab để chuyển qua lại các trường Initial State: Có hiển thị nút là chọn (Selected) hay không (No selected) Drop-Down Menus Drop-Down Menu là thực đơn mà người sử dụng kích chuột vào thì nó trải xuống danh sách các phần tử, ứng với phần tử là lựa chọn Tạo drop-down menu có nghĩa là xây dựng tập các phần tử hay các lựa chọn trên thực đơn Bạn có thể thêm, thay đổi, dịch chuyển, xóa các phần tử này trên trường drop-down menu nhờ công cụ FrontPage Editor  Tạo trường drop-down menu Thực đơn drop-down đặc trưng cho danh sách chứa hay nhiều phần tử mà chúng có thể chọn từ danh sách này Bạn có thể cấu hình cho drop-down menu phép hay nhiều lựa chọn Khi form chứa drop-down menu đăng kí, tên cùng với danh sách các phần tử chọn trường gửi tới điều khiển form Drop-down menu tạo vị trí điểm chèn Nếu vị trí này form, trường là phần tử form Để tạo trường form mới, đặt điểm chèn ngoài bất kì form đã định nghĩa nào Thực lệnh Insert/Form Field/Drop-Down Menu Kích nút phải trường, chọn lệnh Form Field Properties Vào tên drop-down menu Vào tên drop-down menu Gõ nhãn cho trường trang Vào tên cho trường hộp Name Với lựa chọn cần thêm vào thực đơn, chọn nút Add: - Choice: Vào tên lựa chọn - Specify Value: Gán giá trị cho lựa chọn Nếu không gán, giá trị mặc định là tên lựa chọn - Initial State: Chỉ trạng thái ban đầu trường là chọn Seleted không chọn Not Selected - Kích OK Các phần tử thực đơn hiển thị theo thứ tự mà bạn tạo chúng Để thay đổi thực đơn drop-down: - Xóa lựa chọn: Kích nút Remove - Sửa lựa chọn: Kích Modify và thay đổi thuộc tính lựa chọn - Thay đổi thứ tự các lựa chọn: Lên trên nhấn Move Up, xuống nhấn Move Down Cho phép không cho phép chọn nhiều lựa chọn trên thực đơn thời điểm: Kích Yes Allow Multiple Selection No Thiết lập chiều cao thực đơn: Vào số Height Dựa vào lựa chọn bạn, thực đơn hiển thị sau: Nếu Height lớn 1, trình duyệt hiển thị thực đơn danh sách có thể cuộn nhờ mũi tên cuộn lên và xuống cuộn Nếu Height và Allow Multiple Selections là No, trình duyệt hiển thị thực đơn danh sách cuộn xuống Nếu Height và Allow Multiple Selections là Yes, trình duyệt hiển thị thực đơn danh sách với các mũi tên cuộn (lên trên, xuống dưới) có chiều cao nửa chiều cao đầy đủ Kích nút OK  Qui định việc nhập liệu cho trường drop-down menu Có hai nhóm hạn chế qui định liệu nhập vào cho trường drop-down menu Một là cho phép nhiều lựa chọn, hai là thiết lập áp dụng cho trường cho phép không lựa chọn Kích đúp vào trường drop-down menu, xuất hộp hội thoại Drop-Down Menu Properties Kích nút Validate Nếu bạn tạo trường drop-down menu phép nhiều lựa chọn, bạn có thể thiết lập qui định đặc tả số nhỏ tối đa lựa chọn cách đồng thời - Minimum Items : Đặc tả số tối thiểu lựa chọn - Maximum Items: Đặc tả số tối đa lựa chọn - Data Required: Yêu cầu ít lựa chọn chọn - Disallow First Item: Không lựa chọn phần tử thứ nhất, coi đây phần giới thiệu - Display Name: Tên trường xuất trên thông điệp cảnh báo “Song Name” là Trường Push Display Name và Picture  Tạo button trường Buttons push Trường push button thực chất là các nút cho phép người sử dụng kích chuột vào đó để đăng kí khởi tạo lại form Khi form đăng kí, liệu nó gửi tới điều khiển form Bạn có thể chèn nhiều nút trên form cách gán nút với tên riêng biệt Khi đăng kí form, tên nút chọn cùng với nhãn nó chuyển đến điều khiển form cặp tên và giá trị Tại FrontPage Editor, thực lệnh Insert/Form Field/Push Button Trường push button tạo vị trí điểm chèn Nếu điểm chèn nằm trên form, nút thêm vào thành phần tử form Nếu điểm chèn nằm ngoài form, form tạo bạn chèn trường này Gõ nhãn cho nút trên form Chú ý: FrontPage Editor tạo trường push button với thuộc tính mặc định Kích đúp trường để thiết lập các thuộc tính cho nó  Thay đổi thuộc tính trường push button Kích đúp trường Xuất hộp hội thoại Form Field Properties - Name: Vào tên trường - Value/Label: Vào nhãn giá trị cho trường - Button type: Chọn kiểu trường Submit: Dùng để đăng kí form Reset: Khởi tạo lại form Normal: Tạo generic button mà bạn có thể gán script tới nó Kích nút OK  Tạo trường Picture Sử dụng trường picture tương tự dùng Submit button Một trường picture đăng kí tới điều khiển form người sử dụng kích chuột trên ảnh Khi form đăng kí từ trường ảnh, FrontPage gửi cặp toạ độ x và y điểm kích chuột tới điều khiển form Bạn có thể tạo điều khiển xử lí form dựa trên thông tin cặp toạ độ này Tại FrontPage Editor, thực lệnh Insert/Form Field/Picture Thực bước để chèn ảnh: - Nếu ảnh thuộc FrontPage web thời, mở folder tương ứng, chọn ảnh và kích OK - Nếu không, kích vào nút File , chọn ảnh hộp hội thoại Select File Chú ý: FrontPage Editor tạo trường picture với thuộc tính mặc định Kích đúp vào trường để thiết lập các thuộc tính cho nó Gõ nhãn trường Picture Gõ nhãn cho trường picture trên form Trường ẩn - Hidden  Thay đổi trường ẩn Tại FrontPage Editor, kích nút phải chuột, chọn lệnh Form Propertiess Tại hộp hội thoại Form Properties, kích Advanced Kích Modify để thay đổi tên và giá trị trường Kích Add để thêm trường ẩn Kích Remove để bỏ trường ẩn chọn Khái niệm và thuật ngữ HTML là gì? Dynamic HTML ActiveX Bookmark Web browser(Trình duyệt web) Script URL(Uniform Resource Locator) Structured Query Language - SQL Website Database Hypertext World Wide Web - WWW Internet Password Hypertext Transfer Protocol-HTTP Hyperlink HTTP address Table Multimedia File Transfer Protocol - FTP HTML là gì? HTML (hay Hypertext Markup Language-Ngôn ngữ liên kết siêu văn bản) là ngôn ngữ đánh dấu chuẩn dùng lập trình các tài liệu World Wide Web, tài liệu là các tập tin văn đơn giản Ngôn ngữ HTML dùng các tag các đoạn mã lệnh các trình duyệt(Web browsers) cách hiển thị các thành phần trang text và graghics ,và đáp lại thao tác người dùng các thao tác ấn phím và nhắp chuột Hầu hết các Web browser, đặc biệt là Microsoft Internet Explorer và Netscape Navigator, nhận biết các tag HTML vượt xa chuẩn HTML đặt Microsoft FrontPage dùng để đọc và viết các tập tin HTML mà không hiểu ngôn ngữ HTML yêu cầu phải làm gì Fronpage, InterDev HTML Editor VBScript, JavaScript -> HTML tĩnh -> Internet Explorer DHTML, ASP > (Web)WWW Web SQL, Access, Web động Oracle - Dynamic HTML(DHTML-HTML động): là ngôn ngữ HTML mở rộng làm tăng hiệu ứng trình bày văn và đối tượng khác Trong FrontPage, bạn có thể sử dụng công cụ DHTML Effects để làm tăng cường hiệu ứng cho các thành phần mà không cần lập trình - ActiveX: tập hợp các kỹ thuật cho phép các thành phần phần mềm tương tác với thành phần khác môi trường mạng, bất chấp ngôn ngữ thành phần tạo ActiveX dùng làm chính yếu để phát triển nội dung tương tác World Wide Web, mặc dù nó có thể sử dụng các ứng dụng người-máy và các chương trình khác - URL(Uniform Resource Locator): địa tới trạm Internet hay mạng nội bộ, là chuỗi cung cấp địa Internet Web site tài nguyên trên World Wide Web, theo sau nghi thức URL thường dùng là http://, để định địa Web site trên Internet Những URL khác là gopher://, ftp://, mailto:// - Bookmark: vị trí trên trang web có thể là đích hyperlink bookmark có thể áp dụng cho chuỗi ký tự tồn trên trang ngăn cách ký tự nào Bookmarks cho phép tác giả link đến phần đã định trên trang Trong URL, bookmark đánh dấu phía trước dấu thăng(#) Cũng gọi là neo(anchor) - Web browser(Trình duyệt web): Phần mền phiên dịch đánh dấu các file HTML, định dạng chúng sang các trang Web, và thể chúng cho người dùng Vài browser có thể cho phép người dùng gởi nhận e-mail, đọc newsgroups, và thực các file sound video đã nhúng và tài liệu Web - Script: Một tập các lệnh dùng để báo cho chương trình biết cách thực thủ tục qui định, nhập vào hệ thống thư điện tử chẳng hạn Các khả script cài sẵn số chương trình Bạn phải tìm hiểu cách viết script đó loại ngôn ngữ không khác gì ngôn ngữ lập trình mini Có số chương trình ghi script này cách tự động cách ghi lại lần gõ phím và chọn dùng lệnh bạnh bạn tiến hành thủ tục này Các script giống các macro, trừ điều là thuật ngữ macro dành riêng để script nào mà bạn có thể khởi đầu cách ấn tổ hợp phím bạn tự quy định - Structured Query Language - SQL: Trong các hệ quản lý sở liệu, đây là ngôn ngữ vấn đáp IBM soạn thảo sử dụng rộng rãi máy tính lớn và hệ thống máy tính mini SQL trang bị các mạng khách/chủ là phương pháp làm cho các máy tính cá nhân có khả thâm nhập vào các tài nguyên các sở liệu hợp tác Ðây là loại ngôn ngữ độc lập với liệu; người sử dụng không phải bận tâm đến vấn đề liệu thâm nhập vào cách nào mặt vật lý Theo lý thuyết, SQL độc lập với thiết bị; có thể dùng cùng ngôn ngữ vấn đáp để thâm nhập vào các sở liệu trên máy tính lớn, máy tính mini, và máy tính cá nhân Tuy nhiên, có số phiên SQL bị cạnh tranh SQL là ngôn ngữ vấn đáp lịch và súc tích với 30 lệnh Bốn lệnh ( SELECT, UPDATE, DELETE, và INSERT) đáp ứng cho bốn chức xử lý liệu (phục hồi, cải tiến, xoá, và chèn vào) Các câu hỏi SQL gần giống cấu trúc câu hỏi tiếng Anh tự nhiên Kết câu hỏi biểu liệu bao gồm các cột (tương ứng với các trường liệu) và các hàng (tương ứng với các ghi liệu) - Hypertext Transfer Protocol-HTTP: Giao thức truyền siêu văn - Hyperlink: Siêu liên kết - Web site: chỗ web - HTTP address: địa HTTP, ví dụ http://www.microsoft.com - Database: sở liệu, kho liệu Một sưu tập các thông tin chủ đề, tổ chức hợp lý để thành sở cho các thủ tục công việc truy tìm thông tin, rút các kết luận, và thành lập các định Bất kỳ sưu tập thông tin nào phục vụ cho các mục đích này coi là sở liệu, trường hợp các thông tin đó không lưu trữ máy tính Thực ra, "tổ tiên" các hệ sở liệu doanh thương phức tạp là tệp giữ trên các bìa, có mang mã số, và xếp các phòng lưu trữ trước đây Thông tin thường chia thành nhiều ghi ( record) liệu khác nhau, trên đó có hay nhiều trường liệu Ví dụ ghi phim thiếu nhi cửa hàng video có thể gồm có các thông tin sau: TITLE The Blue Fountain CATEGORY Children RATING G RETAIL PRICE 24 đ RENTED TO 325 - 1234 DUE DATE 12 / / 92 - Table: bảng Trong chương trình quản lý sở liệu liên quan, đây là cấu trúc sở việc lưu trữ và hiển thị liệu, đó các khoản mục liệu liên kết với các quan hệ hình thành việc đặt chúng theo các hàng và các cột Các hàng ứng với các ghi liệu các chương trình quản lý liệu hướng bảng, và các cột thì ứng với các trường liệu Trong chương trình xử lý từ, thường có thể dùng lệnh Table để tạo bảng tính gồm các cột và các hàng có khản tính toán Trong chương trình xử lý, thường có thể dùng lệnh Table để tạo bảng tính gồm các cột và các hàng có khả tính toán Trong vài chương trình xử lý từ, tài liệu liệu tạo tính hòa hợp thư tổ chức liệu hòa hợp đó bảng - Hypertext: văn tài liệu truy tìm không theo Người đọc tự đuổi theo các dấu vết liên quan qua suốt tài liệu đó các mối liên kết xác định sẵn người sử dụng tự lập nên Trong môi trường ứng dụng hypertext thực sự, bạn có thể trỏ vào ( highlight) từ nào tài liệu và tức khắc nhảy đến các tài liệu khác có văn liên quan đến nó Cũng có lệnh cho phép bạn tự tạo cho riêng mình dấu vết kết hợp qua suốt tài liệu Các trình ứng dụng hypertext hữu ích trường hợp phải làm với số lượng văn lớn, các từ điển bách khoa và các sách nhiều tập - Multimedia: đa phương tiện, đa môi trường, đa truyền thông Một phương pháp giới thiệu thông tin máy tính, sử dụng nhiều phương tiện truyền thông tin văn bản, đồ hoạ và âm thanh, cùng với gây ấn tượng tương tác Trong chương trình giới thiệu đa phương tiện gọi là beethoven windowss World ( Thế giới Beethoven) chẳng hạn, bạn có thể nhìn thấy chân dung nhà soạn nhạc, nghe âm nhạc ông, và đoạn văn sống riêng nhạc sĩ Những tiến đạt việc đồng âm và video cho phép bạn có thể hiển thị các hình video động cửa sổ màn hình - World Wide Web - WWW: Trong các máy tính có sở UNIX và nối với mạng Internet Ðây là hệ thống dùng để truy tìm và phục hồi các tài liệu hypertext thực Ðược xây dựng đầu tiên phòng thí nghiệm vật lý, WWW thường xuyên nhận các thông tin bổ sung nhờ người sử dụng đóng góp thêm các tài liệu đã đánh số Khi nhìn vào trình đơn Web, bạn nhìn thấy số các khoản mục gạch (trên các màn hình đồ họa) đánh số thứ tự (trên các màn hình ký tự) đó là các mối liên kết hiển thị tài liệu liên quan làm cho chúng hoạt động lệnh thích hợp - File Transfer Protocol - FTP: định ước truyền tệp, giao thức truyền tệp Trong truyền thông không đồng bộ, đây là tiêu chuẩn nhằm bảo đảm truyền dẫn không bị lỗi cho các tệp chương trình và liệu thông qua hệ thống điện thoại Chương trình FTP dùng để gọi tên cho định ước truyền tệp UNIX, định ước hướng dẫn việc truyền liệu - Internet: Một hệ thống gồm các mạng máy tính liên kết với trên phạm vi toàn giới, tạo điều kiện thuận lợi cho các dịch vụ truyền thông liệu, đăng nhập từ xa, truyền các tệp tin, thư tín điện tử, và các nhóm thông tin Internet là phương pháp ghép nối các mạng máy tính hành, phát triển cách rộng rãi tầm hoạt động hệ thống thành viên Nguồn gốc đầu tiên Internet là hệ thống máy tính cuả Bộ Quốc Phòng Mỹ, gọi là mạng ARPAnet, mạng thí nghiệm thiết kế từ năm 1969 để tạo điều kiện thuận lợi cho việc hợp tác khoa học các công trình nghiên cứu quốc phòng ARPAnet đã nêu cao triết lý truyền thông bình đẳng ( peer-to-peer), đó máy tính hệ thống có khả "nói chuyện" với máy tính thành viên nào khác Bất kỳ mạng máy tính nào dựa trên sở thiết kế ARPAnet mô tả tập hợp các trung tâm điện toán tự quản, mang tính địa phương và tự điều hành, chúng liên kết dạng "vô chính phủ có điều tiết" Sự phát triển thiết kế mạng ARPAnet đơn yêu cầu quân sự: Mạng này phải có khả chống lại công có thể vô hiệu hoá số lớn các trạm thành viên nó Tư tưởng này đã chứng minh là đúng Mỹ và các đồng minh tham gia vào chiến tranh vùng Vịnh Sự huy và mạng kiểm soát Irak, tổ chức mô theo công nghệ ARPAnet, đã chống lại cách thành công các nổ lực lực lượng đồng minh nhằm tiêu diệt nó Ðó là lý công nghệ có nguồn gốc từ ARPAnet xuất cảng cách rộng rãi Mạng Internet nguyên thuỷ thiết kế nhằm mục đích phục vụ việc cung cấp thông tin cho giới khoa học, nên công nghệ nó cho phép hệ thống có thể liên kết với nó thông qua cổng điện tử Theo cách đó, có hàng ngàn hệ máy tính hợp tác, nhiều hệ thống dịch vụ thư điện tử có thu phí, MCI và Compuserve chẳng hạn, đã trở nên thành viên Internet Với hai triệu máy chủ phục vụ chừng 20 triệu người dùng, mạng Internet phát triển với tốc độ bùng nổ, tháng có thêm khoảng triệu người tham gia - Password: mật khẩu, mật lệnh Một công cụ bảo vệ an toàn, dùng để xác định đúng người sử dụng phép chương trình máy tính mạng máy tính, và để xác định các phạm vi quyền hạn họ đọc ra, đọc và ghi, chép các tệp HTML TAGS 1- <! (chú thích) >: Để thêm dòng chú thích file HTML, người ta dùng thẻ nầy Nội dung văn nằm <! và > chương trình Browse bỏ qua Cho phép có khoảnh trắng giửa và >, không có khoảng trắng giửa <! và Thí dụ: <HEAD> <TITLE>The HTML Reference</TITLE> <! Created by Stephen Le Hunte, April 1996 > </HEAD> 2- <!DOCTYPE>: Thẻ nầy dùng ghi thông tin version HTML áp dụng tài liệu Web Thường đây là dòng đầu tiên file HTML Thí dụ: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Draft//EN"> hay <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML Level 1//EN"> 3- <A>: Đây là thẻ xác lập cho việc liên kết Các thuộc tính thẻ nầy sau: HREF: Thuộc tính HREF định địa liên kết, dòng văn sau dấu = là địa đối tượng liên kết (được bao cặp "") Dòng văn giửa dấu <A> và </A> là đối tược chủ mối nối liên kết Khi bạn kích mouse vào đối tượng chủ trình Browse, bạn chuyển đến đối tượng liên kết Thí dụ: <A HREF="http://subnet.virtual-pc.com/~le387818/">The HTMLib site</A> for updated info on the HTMLib Trong thí dụ, bạn kích vào dòng "The HTMLib Site" Bạn chuyển đến địa http://subnet.virtual-pc.com/~le387818/ Bạn có thể thêm "#identifier" để định chuyển đến vị trí quy định sẳn đối tượng liên kết Thí dụ: The <A HREF="document.html#glossary">glossary</A> defines terms used in the document Trong thí dụ, chọn "glossary" chuyển đến tài liệu document.html, vị trí tên glossary tài liệu nầy Thí dụ vài thẻ liên kết sau: <A HREF="http:// "> Liên kết với Web Site <A HREF="ftp:// "> Với Ftp Site <A HREF="gopher:// "> Với Gopher server <A HREF="news: "> Liên kết với nhóm Tin <A HREF="mailto: "> Với địa gởi Mail Liên kết nầy kích hoạt chương trình Mail và tự động điền địa vào mục To dùm bạn Bạn có thể khai báo luôn chủ đề thư (?subject) Thí dụ: <A HREF="mailto:info@123doc.orgect=The HTMLib is fantastic">link text</A> NAME: Thuộc tính NAME cho phép bạn đánh dấu vị trí để làm đích cho các tài liệu khác liên kết qua Thí dụ: <A NAME="coffee">Coffee</A> is an example of An example of this is <A HREF="#coffee">coffee</A> Các tài liệu khác có thể liên kết với tài liệu nầy vị trí đã xác định <A NAME="drinks.html#coffee"> TARGET: Chương trình Browser có thể nạp đối tượng liên kết vào cửa sổ định thẻ nầy Nếu cửa sổ nầy chưa có, trình Browse mở cửa sổ Chủ yếu thẻ nầy dùng cho frames Dạng chung: <A HREF="url.html" TARGET="window_name">Link text</A> window_name: Là tên đặt cho Frame Khi bạn bấm vào dòng "Link text", trang "url.html" nạp vào frame có tên định Ngoài bạn còn có thể chèn thêm các Script sau vào thẻ <A>: OnMouseOver: Khi bạn di chuyển Mouse đến liên kết, có dòng văn mô tả xuất trạng thái trình Browse Thí dụ: <A HREF="index.html" OnMouseOver="self.status=('Back to the main page')">Link text</A> Dòng chữ "Back to the main page" trạng thái dời Mouse đến chữ "Link text" OnMouseOut: Tương tự trên dòng chử nầy lại xuất kéo Mouse khỏi liên kết Thí dụ: <A HREF="index.html" OnMouseOut="alert('Oh please go to this document')">Link text</A> OnClick: Khi bấm Mouse lên liên kết, xuất hộp thoại yêu cầu xác nhận Thí dụ: <A HREF="http://www.netscape.com/" OnClick="confirm('Are you sure you want to go to the Netscape site?')">Link text</A> 4- <ADDRESS>: Dùng cần khai báo địa Thí dụ: <ADDRESS> Mr Cosmic Kumquat<BR>SSL Trusters Inc.<BR>1234 Squeamish Ossifrage Road<BR>NY 12345<BR>U.S.A </ADDRESS> Khi hiển thị trình Browse có dạng: Mr Cosmic Kumquat SSL Trusters Inc 1234 Squeamish Ossifrage Road NY 12345 U.S.A 5- <APPLET>: Chèn Applet Java vào trang Web Có dạng tổng quát sau: <APPLET CODE="Applet.class" WIDTH=200 HEIGHT=150></APPLET> Dòng lịnh nầy thị cho trình Browse nạp Applet có tên Applet.class (trong cùng thư mục với trang Web nầy), và định kích thước là 200 pixels rộng và 150 pixels cao Thí dụ: <APPLET CODEBASE="http://java.sun.com/JDK-prebeta1/applets/ NervousText" CODE="NervousText.class" width=400 height=75 align=center> <PARAM NAME="text" VALUE="This is the Applet Viewer."> <BLOCKQUOTE> <HR> If you were using a Java-enabled browser, you would see dancing text instead of this paragraph <HR> </BLOCKQUOTE> </APPLET> Chỉ thị cho trình Browse nạp Applet địa htttp://java.sun.com/JDKprebeta1/applets/NervousText/NervousText.class" Chỉ định kích thước là 400x75 pixels và canh giửa dòng Nếu trình Browse hiểu Applet, dòng "This is the Applet Viewer." hiển thị và Applet tạo hiệu ứng cho dòng chữ nầy Nếu trình Browse không hiểu Applet, nó bỏ qua nội dung <APPLET> <PARAM> và hiển thị nội dung <BLOCKQUOTE> Applet có thể có các thành phần sau: <APPLET [CODEBASE = URL] [CODE = appletFile] [NAME = appletInstanceName]: [ARCHIVE = compressed file] [ALT = alternateText] [WIDTH = pixels] [HEIGHT = pixels] [ALIGN = alignment] [VSPACE = pixels] [HSPACE = pixels] [ARCHIVE = URL to archive] > [alternateHTML] </APPLET> CODEBASE=URL: Chỉ định điạ tuyệt đối Applet CODE=appletFile: Chỉ định địa tương đối Applet ALT=alternateText: Chỉ định dòng text hiển thị trường hợp trình Browse không hiểu Applet NAME = appletInstanceName: Đặt tên cho Applet để phục vụ cho việc tìm kiếm WIDTH=pixels HEIGHT=pixels: Chỉ định kích thước cho Applet ALIGN=alignment: Dùng canh lề, có các giá trị sau: left, right, top, texttop, middle, absmiddle, baseline, bottom, absbottom VSPACE=pixels HSPACE=pixels: Chỉ định khoảng trống bao chung quanh Applet ARCHIVE=compressed file: Khai báo các file nén cần thiết Applet để trình Browse tải máy cá nhân, phục vụ cho việc đọc lại sau nầy 6- <B>: Thẻ làm đậm (bold) dòng văn nó chi phối Thí dụ: The instructions <B>must be read</B> before continuing Khi hiển thị có dạng sau : The instructions must be read before continuing 7- <BASE>: Thành phần nầy dùng để định địa cho các mối nối liên kết Coi đây là địa gốc để tìm các điạ khác Thẻ <BASE> phải nằm thẻ <HEAD> Thí dụ: <BASE HREF="http://www.myhost.com/"> Chỉ định điạ "www.myhost.com" là điạ gốc cho tất các điạ tương đối khác Ngoài còn có thẻ mở rộng là <Base Target> dùng cho Netscape Navigator 2.0 và Internet Explorer 3.0 trở lên Dùng định Frame mặc nhiên để nạp các đối tượng liên kết Thí dụ: <BASE TARGET="default_target"> 8- <BGSOUND>: Liên kết trang Web với file âm thanh, trình Browse hiển thị trang Web đồng thời phát file âm nầy luôn File âm kèm theo phải thuộc các dạng thức: WAV, AU hay MIDI Các thuộc tính <BGSOUND>: SRC: Chỉ định điạ file âm LOOP=n: Chỉ định số dòng lập lại Nếu n=-1 hay LOOP=INFINITE là cho lập liên tục Thí dụ: <BGSOUND SRC="start.wav"> 9- <BIG>: Tăng kích thước font đoạn văn so với font hành Thí dụ: This is normal text, with <BIG>this bit</BIG> being big text Khi hiển thị là: This is normal text, with this bit being big text 10- <BLOCKQUOTE>: Dùng phân cách khối văn để nhấn mạnh Đoạn văn nầy tách thành paragraph riêng đồng thời chèn thêm khoảng trống phiá trên và đoạn văn nầy Đoạn văn nầy cho thụt vô so với lề trái Thí dụ: In "Hard Drive", a former Microsoft project manager has said, <BLOCKQUOTE>"Imagine an extremely smart, billionaire genius who is 14 years old and subject to temper tantrums"</BLOCKQUOTE> Khi hiển thị thành: In "Hard Drive", a former Microsoft project manager has said, "Imagine an extremely smart, billionaire genius who is 14 years old and subject to temper tantrums" 11- <BODY>: Đây là thẻ chứa nội dung chính file HTML Dạng thức tổng quát sau: <BODY> The rest of the document included here </BODY> Các thuộc tính: BACKGROUND: Dùng định file hình ảnh làm nền: <BODY BACKGROUND="picturename.gif"> Rest of the document goes here </BODY> Hình phải có dạng thức GIF hay JPG Nếu dùng Internet Explorer hổ trợ thêm dạng BMP BGCOLOR: Xác lập màu cho nền: <BODY BGCOLOR="#rrggbb"> Rest of document goes here </BODY> Với "#rrggbb" là giá trị hexadecimal (thập lục) red-green-blue Netscape có thể xác lập 140 màu theo hệ thập lục sau: #F0F8FF-aliceblue, #FAEBD7-antiquewhite, #00FFFF-aqua, #7FFFD4-aquamarine, #F0FFFF-azure, #F5F5DC-beige, #FFE4C4-bisque, #000000-black, #FFEBCD-blanchedalmond, #0000FF-blue, #8A2BE2-blueviolet, #A52A2A-brown, #DEB887-burlywood, #5F9EA0-cadetblue, #7FFF00-chartreuse, #D2691E-chocolate, #FF7F50-coral, #6495ED-cornflowerblue, #FFF8DC-cornsilk, #DC143C-crimson, #00FFFF-cyan, #00008B-darkblue, #008B8B-darkcyan, #B8860B-darkgoldenrod, #A9A9A9-darkgray, #006400-darkgreen, #BDB76B-darkkhaki, #8B008B-darkmagenta, #556B2F-darkolivegreen, #FF8C00darkorange, #9932CC-darkorchid, #8B0000-darkred, #E9967A-darksalmon, #8FBC8F-darkseagreen, #483D8B-darkslateblue, #2F4F4F-darkslategray, #00CED1-darkturquoise, #9400D3-darkviolet, #FF1493-deeppink, #00BFBF-deepskyblue, #696969-dimgray, #1E90FF-dodgerblue, #B22222-firebrick, #FFFAF0-floralwhite, #228B22-forestgreen, #FF00FF-fuchsia, #DCDCDC-gainsboro, #F8F8FFghostwhite, #FFD700-gold, #DAA520-goldenrod, #808080-gray, #008000-green, #ADFF2F-greenyellow, #F0FFF0-honeydew, #FF69B4-hotpink, #CD5C5C-indianred, #4B0082-indigo, #FFFFF0-ivory, #F0E68Ckhaki, #E6E6FA-lavender, #FFF0F5-lavenderblush, #7CFC00-lawngreen, #FFFACD-lemonchiffon, #ADD8E6-lightblue, #F08080-lightcoral, #E0FFFF-lightcyan, #FAFAD2-lightgoldenrodyellow, #90EE90lightgreen, #D3D3D3-lightgrey, #FFB6C1-lightpink, #FFA07A-lightsalmon, #20B2AA-lightseagreen, #87CEFA-lightskyblue, #778899-lightslategrey, #B0C4DE-lightsteelblue, #FFFFE0-lightyellow, #00FF00lime, #32CD32-limegreen, #FAF0E6-linen, #FF00FF-magenta, #800000-maroon, #66CDAAmediumaquamarine, #0000CD-mediumblue, #BA55D3-mediumorchid, #9370DB-mediumpurple, #3CB371-mediumseagreen, #7B68EE-mediumslateblue, #00FA9A-mediumspringgreen, #48D1CCmediumturquoise, #C71585-mediumvioletred, #191970-midnightblue, #F5FFFA-mintcream, #FFE4E1mistyrose, #FFE4B5-moccasin, #FFDEAD-navajowhite, #000080-navy, #FDF5E6-oldlace, #808000-olive, #6B8E23-olivedrab, #FFA500-orange, #FF4500-orangered, #DA70D6-orchid, #EEE8AA-palegoldenrod, #98FB98-palegreen, #AFEEEE-paleturquoise, #DB7093-palevioletred, #FFEFD5-papayawhip, #FFDAB9-peachpuff, #CD853F-peru, #FFC0CB-pink, #DDA0DD-plum, #B0E0E6-powderblue, #800080purple, #FF0000-red, #BC8F8F-rosybrown, #4169E1-royalblue, #8B4513-saddlebrown, #FA8072salmon, #F4A460-sandybrown, #2E8B57-seagreen, #FFF5EE-seashell, #A0522D-sienna, #C0C0C0silver, #87CEEB-skyblue, #6A5ACD-slateblue, #708090-slategray, #FFFAFA-snow, #00FF7Fspringgreen, #4682B4-steelblue, #D2B48C-tan, #008080-teal, #D8BFD8-thistle, #FF6347-tomato, #40E0D0-turquoise, #EE82EE-violet, #F5DEB3-wheat, #FFFFFF-white, #F5F5F5-whitesmoke, #FFFF00yellow, #9ACD32-yellowgreen Internet Explorer có thể xác lập 16 màu theo tên sau: Black, Silver, Gray, White, Maroon, Red, Purple, Fuchsia, Green, Lime, Olive, Yellow, Navy, Blue, Teal, Aqua TEXT: Thuộc tính nầy định màu cho văn bàn thường file <BODY TEXT="#rrggbb"> Rest of document goes here </BODY> Các xác lập màu giống BGCOLOR LINK, VLINK, và ALINK: Dùng định màu cho các dòng văn là đối tượng chủ cho mối nối liên kết Trong đó LINK: Liên kết chưa xem, VLINK: Liên kết đã xem, ALINK: Liên kết xem Mặc nhiên là: LINK=blue (#0000FF), VLINK=purple (#800080), và ALINK=red (#FF0000) Cách xác lập màu giống BGCOLOR và TEXT <BODY LINK="#rrggbb" VLINK="#rrggbb" ALINK="#rrggbb"> Rest of document goes here </BODY> LEFTMARGIN: Canh lề trái Thí dụ: BODY LEFTMARGIN="40"> This document is indented 40 pixels from the left hand edge of the browser window </BODY> TOPMARGIN: Canh lề trên Thí dụ: <BODY TOPMARGIN="40"> This document is indented 40 pixels from the top hand edge of the browser window </BODY> 12- <BR>: Thẻ nầy dùng để ngắt đoạn văn và xuống hàng Thí dụ: <P> Mary had a little lamb<BR> It's fleece was white as snow<BR> Everywhere that Mary went<BR> She was followed by a little lamb 13- <CENTER>: Tất text nằm thẻ nầy canh giửa so với lề trái và phải <CENTER>All this text would be centred in the page</CENTER> 14- <CODE>: Dùng để nhập dòng mã có định dạng ký tự riêng Dòng mã nầy không thực mà hiển thị dạng văn bình thường Điều nầy là cần thiết cần minh hoạ đoạn mã làm thí dụ Thí dụ: The formula is : <CODE>x=(-b+/-(b2-4ac)ẵ)/2a</CODE> Sẽ hiển thị : The formula is : x=(-b+/-(b2-4ac)ẵ)/2a 15- <COMMENT>: Giống thẻ <! và > dùng để nhập dòng ghi chú cho file HTML Đoạn text nằm giửa <COMMENT> và </COMMENT> không hiển thị trình Browse đọc file <COMMENT> This text won't render I can say what I like here, it wont appear </COMMENT> 16- <DIR>: Liệt kê các mục theo dạng cột danh sách có độ rộng 24 ký tự <DIR> phải kèm với <LI> (list item) 17- <DIV>: So hàng Text theo lề Thí dụ: <DIV ALIGN="left">This text will be displayed left aligned in the browser window.</DIV> <DIV ALIGN="center">This text will be centred.</DIV> <DIV ALIGN="right">This text will be displayed aligned to the right of the browser window.</DIV> 18- <EMBED>: Cho phép người soạn thảo chèn liên kết trực tiếp vào trang WEB Dạng tổng quát là: <EMBED SRC="_URL_"> Thí dụ: <EMBED SRC="clouds.mid" WIDTH="145" HEIGHT="61"> 19- <FONT>: Thành phần chính là <FONT SIZE=value> Giá trị values từ 1-7 Mặc nhiên FONT size là Giá trị thay đổi tương đối là '+' hay '-' so với giá trị chuẩn Thí dụ: <FONT SIZE=4>changes the font size to 4</FONT> <FONT SIZE=+2>changes the font size to BASEFONT SIZE +2</FONT> Thuộc tính: COLOR = #rrggbb hay COLOR = color: Xác lập màu giống BGCOLOR Thí dụ: <FONT COLOR="#FF0000">This text is red.</FONT> hay <FONT COLOR="Red">This text is also red.</FONT> FACE=name [,name] [,name]: Chỉ định font chữ hiển thị text Thí dụ: <FONT FACE=".VNTIME, VNARIAL"> This text will be displayed in either VNTIME hay VNARIAL, depending on which fonts are installed on the browsers system </FONT> 20- <FRAME>: Có thuộc tính: SRC, NAME, MARGINWIDTH, MARGINHEIGHT, SCROLLING, NORESIZE, FRAMEBORDER, FRAMESPACING and BORDERCOLOR SRC="url": Chỉ định file hiển thị Frame NAME="frame_name": Đặt tên cho Frame Tên nầy dùng làm đích cần hiển thị file Frame định Thí dụ: <A HREF="URL" TARGET="frame_name"> Theo mặc nhiên các Frame không có tên MARGINWIDTH="value"/ MARGINHEIGHT="value": Chỉ định giá trị tính Pixels cho lề trái, phải (Width) và trên, (Height) SCROLLING="yes/no/auto": Chỉ định cho cuộn cửa sổ trường hợp nội dung vượt quá sức chứa Frame NORESIZE: Theo mặc nhiên, tất Frame có thể điều chỉnh kích thước Thuộc tính nầy không cho điều chỉnh FRAMEBORDER="yes/no/0": Chỉ định việc hiển thị khung viền cho Frame Chọn "yes/0" cho Internet Explorer và "yes/no" cho Netscape FRAMESPACING="value": Chỉ định khoảng cách giửa các Frame Tính theo Pixels Thí dụ: <FRAME FRAMESPACING="40" > 21- <FRAMESET>: Đây là thẻ chính Frame.Các thuộc tính sau: ROWS="row_height_value_list": Chỉ định chiều dọc Frame theo Pixels, phần trăm hay tỷ lệ Thí dụ: Tạo Frame theo chiều dọc, Frame đầu tiên có kích thước 20% cửa sổ, Frame có kích thước 100 pixels và Frame dùng toàn khoảng trống còn lại cửa sổ <FRAMESET ROWS="20%, 100, *"> Thí dụ: Chia Frame có kích thước 1/4 và 3/4 cửa sổ <FRAMESET ROWS="25%, 75%"> Hay <FRAMESET ROWS="*, 3*"> COLS="column_width_list": Giống ROWS tính theo chiều ngang BORDER="pixel value": Kích thước đường viền BORDERCOLOR="#rrggbb hay colour name": Chỉ định màu cho đường viền Thí dụ: <HTML> <HEAD> <TITLE>The HTML Reference Library - HTMLib</TITLE> </HEAD> <FRAMESET COLS="25%,*"> <FRAMESET ROWS="100, *"> <FRAME SRC="buttons.htm" NORESIZE SCROLLING="no" NAME="buttons"> <FRAME SRC="qr.htm" NORESIZE SCROLLING="yes" NAME="QR"> </FRAMESET> <FRAMESET ROWS="75, *"> <FRAME SRC="title.htm" NORESIZE SCROLLING="no" NAME="TITLE"> <FRAME SRC="intro.htm" NORESIZE SCROLLING="auto" NAME="main"> </FRAMESET> 10 </FRAMESET> </HTML> Số thứ tự dòng để phân tích, không có file <FRAMESET COLS="25%,*"> : Chia Frame 1, theo chiều ngang có kích thước 1=25% và 2=75% <FRAMESET ROWS="100,*"> : Trong Frame chia thành Frame 3, theo chiều dọc Có kích thước 3=100 pixels chiều cao, 4=kích thước Frame còn lại <FRAME SRC="buttons.htm" NORESIZE SCROLLING="yes" NAME="buttons"> : Chỉ định file nạp vào Frame là buttons.htm Frame nầy không cho resizing và luôn luôn hiển thị cuộn Tên Frame là BUTTONS <FRAME SRC="qr.htm" NORESIZE SCROLLING="yes" NAME="QR"> : Giống dòng 3, nạp vào Frame file qr.htm Frame nầy có tên là QR </FRAMESET> : Dòng nầy dùng kết thúc FRAMESET dòng <FRAMESET ROWS="75,*"> : Dòng nầy chia Frame còn lại thành Frame 5, có kích thước 5=75 pixels, 6=khoảng trống còn lại <FRAME SRC="title.htm" NORESIZE SCROLLING="no" NAME="TITLE"> : Nạp file vào Frame 5, không Resize, không cuộn Đặt tên cho Frame là TITLE <FRAME SRC="intro.htm" NORESIZE SCROLLING="auto" NAME="main"> : Giống trên có tên là MAIN và cuộn tự động xuất cần thiết </FRAMESET> : Đóng FRAMESET dòng 10 </FRAMESET> : Đóng FRAMESET dòng Khi cần nạp liên kết vào Frame nào bạn cần dùng thuộc tính Target="tên Frame" Thí dụ: <A HREF="qr.htm#QRM" TARGET="QR"> <IMG SRC="pictures/m.gif" BORDER="0" WIDTH="17" HEIGHT="17" ALT="M"> </A> Hiển thị vị trí #QRM file qr.htm Frame có tên QR bấm vào hình M.gif 22- <H1> đến <H6>: HTML có mức chuẩn cho Tiêu đề (heading) Xác lập các thẻ từ <H1> <H6> Thí dụ: <H1>This is a first level heading heading</H1> <H2>This is a second level heading</H2> Bạn có thể sử dụng thuộc tính ALIGN để canh lề cho tiêu đề Thí dụ: <H1 ALIGN=center>This is a centred heading</H1> 23- <HEAD>: Nội dung nằm giửa thẻ nầy là phần tiêu đề trang Web Chúng không hiển thị trình Browse đọc file <HEAD> <TITLE> Introduction to HTML </TITLE> </HEAD> Trong nội dung HEAD có thể chứa các thành phần sau: <BASE>: Khai báo điạ cho file HTML <ISINDEX>: Chỉ định từ khoá cho việc tìm kiếm <TITLE>: Đặt tên tiêu đề cho tài liệu <META>: Các thông tin khác tài liệu 24- <HR>: Đường gạch ngang để phân cách các đoạn trang Web Thuộc tính: <HR SIZE=number>: Chỉ định kích thước <HR WIDTH=number/percent>: Chỉ định độ rộng <HR ALIGN=left/right/center>: So lề <HR NOSHADE>: Không bóng <HR COLOR>=name/#rrggbb: Chỉ định màu giống BGCOLOR Thí dụ: <HR> <HR SIZE="5"> <HR WIDTH="50%"> <HR WIDTH="50%" ALIGN="right"> <HR WIDTH="50%" ALIGN="center" NOSHADE> 25- <HTML>: Thẻ chính yếu file HTML Đánh dấu điểm bắt đầu và chấm dứt nội dung file Thí dụ: <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN"> <HTML> Nội dung file gồm có phần là <HEAD> và <BODY> </HTML> 26- <I>: Chỉ định kiểu chử nghiêng cho văn 27- <IFRAME>: Dùng hiển thị thông báo trình Browse không hiểu Frame Thí dụ : <IFRAME NAME="content_frame" width="488" height="244" SRC="welcome.htm">This site uses floating frames</IFRAME> Đối với trình Browse có hổ trợ Frame, bạn đọc nội dung file Welcome.htm Frame Đối với trình Browse không hiểu Frame, bạn thấy dòng chử "This site uses floating frames" 28- <IMG>: Chèn file hình vào tài liệu HTML Thuộc tính: ALIGN="left/right/top/texttop/middle/absmiddle/baseline/bottom/absbottom": So hàng hình ảnh với Text ALT="Alternative Text": Cho hiển thị dòng text thay cho file hình trường hợp trình Browse chế độ không hiển thị hình ảnh Dòng Text nầy hiển thị theo dạng ToolTip dời Mouse đến hình Thí dụ: <IMG SRC="triangle.gif" ALT="Warning:"> Be sure to read these instructions SRC="URL of picture": Chỉ định điạ file hình chèn vào trang Web <IMG SRC="warning.gif">Be sure to read these instructions WIDTH=value/ HEIGHT=value: Chỉ định khoảng cách dành sẳn cho hình trình Browse nạp toàn hình BORDER=value: Chỉ định cho hiển thị đường viền bao quanh hình ảnh Bạn có thể chọn "0" để hiển thị đường viền màu xanh có liên kết VSPACE=value HSPACE=value: Quy định khoảng trống giửa hình và Text VSPACE cho trên và hình, HSPACE cho trái và phải hình Value tính theo pixel LOWSRC: Thuộc tính nầy cho phép hiển thị hình cùng vị trí Thường dùng để nạp hình nhỏ chờ đợi nạp hình chính có dung lượng file lớn hơn: Thí dụ: <IMG SRC="hiquality.gif" LOWSRC="lowquality.gif"> Đầu tiên trình Browse hiển thị file hình "lowquality.gif" Sau nạp hoàn tất trang, trình Browse nạp file hình chính thức vào thay 29- <INPUT>: Tạo field để nhận tác động người sử dụng Thuộc tính: ALIGN: So hàng cho field, dùng với TYPE=PICTURE HTML level CHECKED: Kiểm tra người dùng đã đánh dấu cho checkbox hay radio button chưa MAXLENGTH: Chỉ định độ dài ký tự có thể nhập vào text field, độ dài nầy có thể lớn kích thước Text field Mặc định là không giới hạn NAME: Tên Field SIZE: Khai báo kích thước hay số lương ký tự cho field Thí dụ: Khai báo field với độ rộng là 24 ký tự: INPUT TYPE=text SIZE="24" TYPE: Chỉ định kiểu Field: BUTTON: Chèn nút bấm vào tài liệu Giá trị VALUE dùng định Text nút nầy Thí dụ: <INPUT TYPE="BUTTON" VALUE="Hello" NAME="btnHello"> CHECKBOX : Chèn chechbox vào tài liệu Thí dụ: <INPUT TYPE="CHECKBOX" NAME="chkbox"> HIDDEN: Với thuộc tính nầy, field không hiển thị nội dung field có giá trị Dùng trao đổi thông tin ngầm giửa client/server PICTURE: Chèn field chứa hình ảnh để người dùng bấm Mouse chọn Thí dụ: <INPUT TYPE="PICTURE" SRC=" /pictures/iexplore.gif" ALIGN="middle"> PASSWORD: Giống Text, ký tự nhập vào không hiển thị Thí dụ: <INPUT TYPE="PASSWORD"> RADIO: Chèn field có dạng Nút Radio Thí dụ: <INPUT TYPE="RADIO"> RESET: Chèn nút bấm dùng phục hồi lại tình trạng cũ cho các field Đặt tên nút nầy qua thuộc tính Values Thí dụ: <INPUT TYPE="RESET"> SUBMIT: dạng nút bấm giống RESET Có tác dụng giống xác nhận đồng ý Thí dụ: Chèn nút có tên "SUBMIT" và hiển thị thông báo "alert This is just an example, nothing will happen" bạn bấm Mouse vào nút nầy <INPUT TYPE="SUBMIT" OnClick="alert 'This is just an example, nothing will happen'"> TEXT: Nhập dòng text vào fields Dùng thuộc tính SIZE và MAXLENGTH để quy định kích thước Trong trường hợp cần nhập nhiều dòng, phải dùng thẻ <TEXTAREA> Thí dụ: <INPUT TYPE="TEXT"> TEXTAREA: Nhập nhiều dòng Text vào field Thí dụ: <TEXTAREA NAME="descr" COLS="30" ROWS="3" OnBlur="count_char(document.egForm.descr.value)">Enter a short description here (max 50 chars) </TEXTAREA> VALUE: Chỉ định Text hiển thị trên các nút bấm 30- <MARQUEE>: Tạo hiệu ứng chạy chử file HTML Dòng văn giửa thẻ nầy chạy theo kiểu đả quy định trước, trình Browse hiển thị trang Web Thẻ nầy dành riêng cho Internet Explorer Thuộc tính: ALIGN="left/right/top/middle/bottom": Canh hàng văn so với khung chứa văn đó BEHAVIOR="scroll/slide/alternate": Chỉ định kiểu chạy chữ SCROLL (mặc nhiên): Dóng chữ chạy theo hướng định và lập lập lại quá trình đó SLIDE: Chớp, tắt ALTERNATE: Dòng chữ chạy đổi hướng đụng đướng biên khung bao văn Thí dụ: <MARQUEE BEHAVIOR=ALTERNATE> Marquee will "bounce" across the screen</MARQUEE> BGCOLOR="#rrggbb|colour name": Chỉ định màu cho khung chứa văn Thí dụ <MARQUEE BGCOLOR="#F0F8FF">Nice Background colour!<MARQUEE> DIRECTION="left/right": Chỉ định hướng chạy dòng văn Mậc định là từ phải qua trái HEIGHT="value/value%": Chỉ định độ cao khung bao văn Tính pixels (HEIGHT=n) hay tỷ lệ so với cửa sổ (HEIGHT=n%) WIDTH="value|value%": Chỉ định độ rộng HSPACE="value"/ VSPACE="value": Chỉ định khoảng trống giửa <MARQUEE> đến Text bao quanh LOOP="value/-1/infinite": LOOP=n: Chỉ định số vòng lập lại Nếu n=-1, hay LOOP=INFINITE là lập lại liên tục SCROLLAMOUNT="value": Chỉ định khoảng cách tính pixels giửa các đoạn text cuộn SCROLLDELAY="value": Chỉ định khoảng thời gian giửa các đoạn text cuộn Có tác dụng điều khiển thời gian Thí dụ : <MARQUEE SCROLLDELAY=1 SCROLLAMOUNT=75>I'm fast</MARQUEE> Chú ý: Bạn có thể xác lập font cho marquee Thí dụ: <FONT FACE="Comic Sans MS"><MARQUEE>Hello</MARQUEE> 31- <MENU>: Dùng tạo dòng văn có xếp theo kiểu liệt kê Thường dùng chung với <LI> (list item): Thí dụ: <MENU> <LI>First item in the list <LI>Second item in the list <LI>Third item in the list </MENU> 32- <MULTICOL>: Tạo nhiều cột để hiển thị trang Web Thuộc tính: COLS="value": Chỉ định số lượng cột GUTTER="value": Chỉ định khoảngphân cách cột tính pixel WIDTH="value": Chỉ định độ rộng cột tính pixel hay % cửa sổ Thí dụ: Tạo cột, cách 25 pixels <MULTICOL COLS="3" GUTTER="25"> <P>Hello and Welcome to the HTML Reference Library To those of you familiar with the previous incarnation of this project (The HTML Reference Library - HTMLib in Windows HLP format) the content and working of these pages will probably be obvious <P>To those of you new to the world of the HTML Reference Library, a little introduction : </MULTICOL> Khi hiển thị thành : Hello and Welcome to the HTML Reference Library To those of you familiar with the previous incarnation of this project (The HTML Reference Library - HTMLib in Windows HLP world of the HTML Reference format) the content and working Library, a little introduction of these pages will probably be obvious To those of you new to the 33- <NOFRAMES>: Dùng để hiển thị dòng văn trường hợp trình Browse không hiểu Frame Một trình Browse không hiểu Frame bỏ qua nội dung nằm <FRAMESET> và <FRAME>, hiển thị nội dung giửa <NOFRAMES> và </NOFRAMES> 34- <NOSCRIPT>: Dùng để hiển thị dòng văn trường hợp trình Browse không hiểu Script hay chức nầy bị người dùng cho vô hiệu lực Thí dụ: <HTML> <HEAD> <TITLE>Welcome to the HTMLib world of JavaScript</TITLE> <SCRIPT LANGUAGE="JavaScript"> <! Nội dung Script nằm phần nầy // > </SCRIPT> </HEAD> <BODY> <NOSCRIPT> Sorry, you need a JavaScript capable browser to get the best from this page </NOSCRIPT> </BODY> </HTML> Trình Browse không hiểu Script hiển thị dòng chử "Sorry, you need a JavaScript capable browser to get the best from this page" 35- <OL>: Sắp xếp văn theo kiểu danh sách Thường chung với <LI> (list item) Thí dụ: <OL> <LI>Click on the desired file to download <LI>In the presented dialog box, enter a name to save the file with <LI>Click 'OK' to download the file to your local drive </OL> Thuộc tính: TYPE: Chỉ định cách đặt ký hiệu đầu dòng: (TYPE=A) - Chữ hoa Thí dụ: A, B, C (TYPE=a) - Chữ thường Thí dụ: a, b, c (TYPE=I) - Số La Mã hoa Thí dụ: I, II, III (TYPE=i) - Số La Mã thường Thí dụ: i, ii, iii (TYPE=1) - Số á Rập (mặc định) Thí dụ: 1, 2, START: Khai báo số dùng làm mặc định và chuyển đổi qua TYPE trước hiển thị Thí dụ: START=5 hiển thị là 'E', 'e', 'V', 'v', hay '5' theo TYPE Thí dụ : <OL TYPE=a START=3> <LI>Click on the desired file to download <LI>In the presented dialog box, enter a name to save the file with <LI>Click 'OK' to download the file to your local drive </OL> Danh sách có ký hiệu đầu dòng là chử thường, 'c' 36- <P>: Định dạng cho paragraph Thí dụ: <H1>The Paragraph element</H1> <P>The paragraph element is used to denote paragraph blocks</P> <P>This would be the second paragraph.</P> Thuộc tính: ALIGN=left/center/right: Thí dụ: <P ALIGN=LEFT> </P> Có nghĩa: Tất text paragraph nầy canh bên trái lề trang Đây là mặc định <P ALIGN=CENTER> </P> Canh <P ALIGN=RIGHT> </P> Canh phải 37- <STRIKE> hay <S>: Làm dấu gạch ngang giửa text Thí dụ: This text would be <STRIKE>struck through</STRIKE> Sẽ hiển thị là: This text would be struck through 38- <SMALL>: Làm chử nhỏ lại so với cở chuẩn Thí dụ: This is normal text, with <SMALL>this bit</SMALL> being small text Sẽ thành: This is normal text, with this bit being small text 39- <SPACER>: Chèn khoảng trắng tính pixel vào đoạn text Thuộc tính: TYPE="horizontal/vertical/block": Horizontal: Chèn khoảng trắng theo chiều ngang Vertical: Theo chiều dọc Block: Bao chung quanh giống hình SIZE="value": Khi <SPACER TYPE="horizontal"> hay <SPACER TYPE="vertical"> giá trị SIZE tính pixels Không có giá trị <SPACER TYPE="block"> WIDTH="value": Chỉ định độ rộng cho khoảng trắng <SPACER TYPE="block"> HEIGHT="value": Chỉ định chiều cao <SPACER TYPE="block"> ALIGN="alignment": So lề cho khoảng trắng <SPACER TYPE="block"> Thí dụ: <P>Hello and Welcome<SPACER TYPE="horizontal" SIZE="25">to the HTML Reference Library 40- <STRONG>: Làm đậm text Thí dụ: The instructions <STRONG>must be read</STRONG> before continuing Sẽ thành: The instructions must be read before continuing 41- <STYLE>: Thẻ nầy phải nằm phần <HEAD> Dùng quy định dạng biểu mẩu chung hiển thị, giúp người soạn thảo đở công lập lập lại cùng quy định Thí dụ: <HTML> <HEAD> <TITLE>Introduction to Style Sheets</TITLE> <STYLE TYPE="text/css" TITLE="Bright Colours"> BODY { color : white} P { color : blue; font-size : 12pt; font-family : Arial} H1 { color : red; font-size : 18pt} </STYLE> </HEAD> <BODY> 42- <SUB>: Tức là Subscript Thí dụ: This is the main text, with <SUB>this bit</SUB> being subscript 43- <SUP>: Tức là Superscript Thí dụ: This is the main text, with <SUP>this bit</SUP> being superscript 44- <TABLE> Tạo bảng trang Web Thuộc tính: BORDER="value": Điều khiển việc hiển thị và kích thước đường viền Nếu giá trị =0 là không có viền CELLSPACING="value": Chỉ định khoảng cách giửa các ô Giá trị mặc định là CELLPADDING="value": Chỉ định khoảng trắng giửa đường viền và ô Giá trị mặc định là WIDTH="value or percent": Chỉ định độ rộng bảng tính theo pixels, hay % cửa sổ hiển thị HEIGHT="value or percent": Chỉ định độ cao bảng ALIGN="left/right": Canh lề trái, phải VALIGN="top/bottom": Canh lề trên, BGCOLOR="#rrggbb|colour name": Chỉ định màu cho bảng BORDERCOLOR="#rrggbb|colour name": Chỉ định màu cho đường viền bảng BORDERCOLORLIGHT="#rrggbb|colour name": Chỉ định màu cho phần chiếu sáng đường viền BORDERCOLORDARK="#rrggbb|colour name": Chỉ định màu cho phần bị tối đường viền BACKGROUND="URL of picture": Chỉ định file hình ảnh dùng làm cho bảng FRAME: Đòi hỏi thuộc tính BORDER phải hiệu lực sử dụng thuộc tính nầy Có các giá trị sau: void Gở bỏ tất viền ngoài Above Chỉ hiển thị đướng viền phiá trên bảng Below Chỉ hiển thị đướng viền phiá bảng Hsides Hiển thị các đường viền ngang bảng, kể đướng trên và bảng Lhs Chỉ hiển thị đường viền bên trái Rhs Chỉ hiển thị đường viền bên phải Vsides Hiển thị các đường viền đứng bảng, kể đướng trái và phải bảng Box Chỉ hiển thị đường viền bao chung quanh bảng 45- <TD>: Định dạng cho liệu bảng (Table data) Chỉ định nầy có giá trị cho ô dử liệu Thuộc tính: ALIGN="left/center/right" VALIGN="top/middle/bottom/baseline": Canh lề cho Text ô (so với ô) WIDTH="value_or_percent"/ HEIGHT="value_or_percent": Chỉ định kích thước cho ô Bạn cần xác lập cho ô chuẩn theo hàng hay cột, các ô khác giống COLSPAN="value": Mở rộng ô theo cột Giá trị mặc nhiên là ROWSPAN="value": Mở rộng ô theo hàng BGCOLOR="#rrggbb|colour name"/ BORDERCOLOR="#rrggbb|colour name"/ BORDERCOLORLIGHT="#rrggbb|colour name"/ BORDERCOLORDARK="#rrggbb|colour name"/ BACKGROUND="URL of picture": Chỉ định màu cho ô, đường viền ô, hình ô Cách xác lập giống bảng 46- <TR>: Xác lập cho hàng (table row) Thuộc tính và cách xác lập giống ô và bảng 47- <TITLE>: Dùng đặt tiêu đề cho tài liệu HTML Tiêu đề nầy không hiển thị phần nội dung tranh Web, mà hiển thị tiêu đề trình Browse, danh sách lưu trử hay tìm kiếm Thẻ nầy phải nằm phần <HEAD> <HEAD> <TITLE>Welcome to the HTML Reference</TITLE> </HEAD> 48- <U>: Gạch dòng văn Thí dụ: The <U>main point</U> of the exercise Self Study Lab1  Tạo trang chủ Trang chủ là cánh cuả để vào web site cuả bạn Nó chưá thông tin nội dung và các vấn đề người đọc có thể quan tâm Trên trang chủ thường có chưá các liên kết đến các trang khác Trên trang trắng chế độ view Page, nhập Welcome to Hanoi School of Public Health! và nhấn ENTER Giống Word nhấn enter có nghĩa là xuống hàng Kế tiếp nhập đoạn sau “Being the first University of Public Health in Vietnam, We all we can to make Community Health the First” (Le Cu Linh ) Nhấn ENTER Giả sử nội dung cuả Web site đã chuẩn bị sẵn, bạn có thể đưa các tài liệu đã có vào các trang Web mà không cần phải gõ lại Có thể chọn font chữ cho tiêu đề và đầu trang mục Heading Kế tiếp ta đưa ảnh vào trang Web Ảnh có thể quét vào máy scanner hình vẽ các chương trình xử lý đồ họa tạo Ngòai các bạn còn có thể lấy nguồn ảnh từ internet Trong ví dụ này ta nhập vào hình sau:  Thực chèn hình vào trang chủ 11 Vào menu Insert, chọn Picture, và bấm From File FrontPage hiển thị hộp thoại Picture Kế hộp Look In, Chọn ổ đĩa và thư mục chứa hình (chú ý chọn thư mục đã chép vào đĩa cứng) Chọn tệp hình có tên frontpage, bấm nút Insert Nhấn ENTER đề xuống hàng Nếu ta chèn hình và chữ vào trang chủ thì người dùng không thề di chuyển đến các trang khác Muốn tạo các đồi tượng có thể bấm chuột vào được, ta phải gán các liên kết vào các đối tượng đó Một liên kết là địa cuả trang khác phạm vi Web site trên Internet Tạo liên kết có nghiã là cho phép người dùng di chuyển đến trang khác cách bấm chuột  Tạo liên kết từ hình ảnh 11 Trên trang chủ, bấm chọn hình thêm vào Vào menu Insert, chọn Hyperlink ( bấm Ctrl+K) FrontPage hiển thị hộp thoại Insert Hyperlink Trong hộp thoaị này ta đưa vào đích cuả liên kết Trong hộp Address, nhập http://www.hsph.edu.vn Chú ý o Frontpage tự động thêm tiếp đầu ngữ http HTTP là tên tắt cuả Hypertext Transfer Protocol Đây chính là giao thức Internet các trình duyệt có thể truy xuất thông tin từ Web server o TRong ví dụ trên người dùng bấm vào hình họ chuyển đến trang chủ cuả trường Đại Học Y Tế Công Cộng 24 Chọn OK để kết thúc tạo liên kết Kế tiếp ta học cách đưa thêm hình vào trang chủ Chèn hình vào trang chủ 11 Nhấn CTRL+HOME để trở đấu trang Trong menu Insert, Chọn Picture, và chọn From File Nhấp đúp vào tên tệp cần chọn FrontPage chèn hình vào vị trí hành Nhấn ENTER để đưa dòng tiêu đề xuống hàng Đế kết thúc taọ trang chủ chúng ta canh văn và hình ảnh  Canh các thành phần trên trang Vào menu Edit, chọn Select All Vào menu Format, chọn Paragraph Trong danh sách Alignment, chọn Center, sau đó nhấn OK Bấm taị vị trí nào trên trang để thối chọn  Lưu trang hành 11 Vào menu File, chọn Save As Trong hộp thoại Save As, chọn My Documents cây thư mục Kế hộp Page title, bấm nút Change title Trong hộp Set Page title, gõ Home Page và bấm OK Trong hộp File name, gõ homepage, và bấm Save Các tùy chọn cuả Page View  Hiển thị các thẻ HTML trên trang hành • Trong Page view , chọn Reveal Tags menu View • FrontPage hiển thị cách biểu diễn các thẻ HTML Điều này có ích người sử dụng biết HTML • Để che giấu các thẻ, bấm Reveal Tags trên menu View lần  Hiển thị mã nguồn HTML trang hành 1• Trong Page view, bấm chọn nút HTML đáy trang Chế độ này dành cho nhà thiết kế đã quen với mã HTML và có thể chỉnh sửa code để thay đổi thiết kế • Chọn nút Normal đáy trang để trở khung Normal Tip Khi làm việc khung HTML , bạn có thể sử dụng các lệnh menu và công cụ giống khung Normal  Chế độ xem trước trang Web (preview) 1• Chọn Preview để có thể xem trước trang Web Chú ý : Bạn cần có Microsoft Internet Explorer để có thể dùng chức này Xem trước trang Web là cách nhanh chóng để hình dung kết thiết kế đến với người đọc nào • Bấm nút Normal đáy trang để trở khung Normal lần Lab2 Mục đích bài thực hành: Sau bài thực hành, sinh viên có thể thực website gồm nhiều trang web và đạt các yêu cầu sau: 1• Tạo liên kết đến các trang khác Web site 2• Tạo lề chung và di chuyển 3• Tạo và hiệu chỉnh theme 4• Xem và thử Web site 5• Tổ chức thư mục và tập tin 6• Xuất lên World Wide Web Tăng cường các định dạng cho Web site  Mở Web site Trong menu File, chọn Recent Webs, và chọn Hsph để mở lại trang web Thanh tiêu đề trở thành Microsoft FrontPage – <drive>:\My Documents\My Webs\Hsph Chú ý chương 1, ta chưa tạo liên kết nào các trang web site  Taọ liên kết đến các trang khác 11 Trên công cụ, bấm Toggle Pane , và sau đó bấm Folder List Nhấp đúp chuột váo trang index.htm danh sách các trang xem Folder List Khi trang chủ hiển thị Page view, nhấn CTRL+END để đưa nháy cuối trang chủ Tìm trang About_Us.htm danh sách Folder List Bây ta kéo About us phía trang chủ FrontPage tạo hyperlink đến About Us trên trang chủ Bấm và giữ chuột trên About_Us.htm Folder List, kéo thả vào trang chủ FrontPage hiển thị liên kết đến trang About Us Lập lại các bước và để tạo các liên kết khác đến Products.htm, Links.htm, và Photo_gallery.htm Đặt các liên kết Nhấn DOWN ARROW để thôi chọn hyperlink Trang bạn có dạng sau : Dĩ nhiên là bạn có thể thực trên với các trang khác Web site, đó là việc nhiều thời gian có nhiều trang Ngoài ra, ta định thêm hay xoá trang khỏi Web site, ta phải cập nhật lại các liên kết cách thủ công trên FrontPage có cách làm hay để khởi tạo, quản lý và tự động cập nhật các liên kết toàn bột Web site Bây giờ, bạn xoá các liên kết vừa tạo trên chức Undo (bấm nút Undo đầu) trên công cụ nhiều lần trả trạng thái ban Tạo Shared Borders và di chuyển (Navigation Bar) Shared borders (biên dùng chung) là các vùng trên trang Web dùng để chứa các nội dung xuất cách ổn định trên tất các trang Web site.Các biên này chứa các banner , quảng cáo các nút di chuyển Banner trang có` thể là tiêu đề trang sinh tạo trang, còn di chuyển là các hàng cột chứa các liên kết chính Web site FrontPage có thể tự động cập nhật shared borders và navigation bars, cho cấu trúc Web site luôn luôn hoạt động tốt, thêm, di chuyển, xoá trang  Tạo shared border Web site Chuyển qua chế độ Navigation view Tắt hiển thị Folder List chế độ làm việc này Trong menu Format, chọn Shared Borders FrontPage hiển thị hộp thoại Shared Borders Chú ý có loại di chuyển có thể gắn vào Trong hộp thoại Shared Borders , tạo các tuỳ chọn cho tất các trang Chắc chắn All pages đã chọn Đánh dấu Top và đánh dấu tiếp Include navigation buttons để định cho hiển thị trên đầu trang Đánh dấu Left và đánh dấu tiếp Include navigation buttons để định cho hiển thị trên bìa trái trang Bỏ trống Right và Bottom , và sau đó bấm OK FrontPage tạo shared borders và di chuyển mặc nhiên cho tất các trang Sau đây, ta học cách sửa đổi hình thức di chuyển cho phù hợp  Thử nghiệm hyperlink trên liên kết Trong chế độ Navigation view, Nhấp đúp chuột vào trang chủ Home Page (index.htm) Tắt hiển thị Folder List chế độ làm việc này Giữ CTRL và sau đó bấm hyperlink có tên About Us trên lề trái FrontPage mở trang đích liên kết Trong trang About Us , shared borders và di chuyển đã chèn thêm vào đó Tuy nhiên, trên trang này, các liên kết tới các trang khác hiển thị lề trên (top) Đó là FrontPage sử dụng cấu trúc site để xác định các cấp (level) trang hành Mặc nhiên, shared border trên tới các trang cùng cấp, còn shared border bên trái tới các trang cấp  Hiệu chỉnh liên kết (link bar) 11 Mở trang index.htm FrontPage mở lại trang chủ Trong phần thân cuả trang chủ nhấp đúp chuột lên dòng chữ màu đỏ Edit properties for this Link Bar to display hyperlinks here Nhấp đúp chuột lên liên kết để mở hộp thoại Link Bar Properties Trong hộp Link Bar Properties , bấm Child level, xoá các hộp kiểm Home page và Parent page, và sau đó bấm OK FrontPage tạo navigation bar đến tất các trang cấp trang chủ Trang bạn có dạng sau : Chú ý lề trái chứa các liên kết tương tự lề trên Ta học cách sửa hình thức và liên kết lề này Trong lề trái trang chủ, bấm đúp navigation bar Trong hộp Link Bar Properties, chọn Same level, đành dấu chọn Home page, và nhấn OK FrontPage hiển thị Edit properties for this link bar to display hyperlinks here Để lưu trang chủ, Chọn Save menu File Trang bạn có dạng sau : Vào menu Window , chọn About_Us.htm FrontPage mở lại trang About Us Chú ý tất thay đổi trên các liên kết đề tự động phản ánh trang này, các trang khác Chủ đề định dạng (theme) Trong Web site chúng ta, các hình ảnh, danh sách, form shared border, liên kết đã có đủ và tạo nên sắc thái đa dạng Tuy nhiên, hình thức các trang cùng Web site trình bày cách quán, Frontpage sử dụng khái niệm theme (tạm gọi là chủ đề định dạng hay mẫu định dạng), giúp nhà thiết kế tiết kiệm nhiều thời gian FrontPage 2002 có 50 theme thiết kế sẵn cách chuyên nghiệp Mỗi theme bao gồm các thành phần trang : danh sách (list), font, ảnh nền, hình trang trí, di chuyển,… làm cho hình thức Web site thêm sống động và quán  Để áp đặt theme Web site Chọn Page tab index.htm Trong menu Format, chọn Theme FrontPage hiển thị hộp thoại Themes Tại đây, bạn có thể chọn theme tuỳ thích Mỗi lần bấm chọn tên theme, hình mẫu để bạn xem trước có ưng không trước định chọn Trong phần Apply theme to,để xác lập cho tất các trang chọn, chắn bạn đã đánh dấu All pages Trong phần cài đặt themes, chọn Blends Bỏ chọn Active graphics, Chọn OK to để xác lập lại theme Chọn Yes để khẳng định xác lập theme Trang bạn có dạng sau : Như bạn thấy, áp đặt định dạng theo chủ đề đã làm thay đổi hoàn toàn hình thức Website Thật đáng ngạc nhiên Hiệu chỉnh Theme Mặc dù tiêu đề trang (page banner) tương đối đẹp, có lẽ chưa phù hợp với nội dung web site Chúng ta tạo banner khác dựa vào việc sửa đổi theme chọn 11 Mở lại trang chủ Trên menu Format, bấm Theme FrontPage hiển thị hộp thoại Themes Trong hộp thoại Themes, đánh dấu All Pages Kế tiếp, bấm Modify Dưới câu hỏi What would you like to modify? bấm Graphics FrontPage hiển thị hộp thoại Modify Theme Tại đây bạn có thể thay đổi hình ảnh và các thành phần đồ hoạ khác Trong Item list, bấm Banner Trên thẻ Picture , bấm Browse tên file hình FrontPage hiển thị hộp thoại Open File và hiển thị hình ảnh Web site Vì các hình ảnh ta muốn dùng chưa phải là phần web site, ta tìm trên cây thư mục Chuyển tới thư mục tên FPTutor2002 Bấm đúp file czbanner FrontPage thay banner hình nhập 10 Bấm OK Modify Theme , và sau đó bấm OK Themes 11 Chọn Yes để tái xác nhận FrontPage hiển thị hộp thoại Save Theme cùng với thông báo This theme is read-only Please enter a new theme title to save as: 12 Nhập Hsph làm tiêu đề theme đã sửa, và chọn OK 13 Chọn Yes để xác lập theme 14 Bấm Save trên menu File Trang bạn có dạng sau : Tip Trong ví dụ này, ta thay đổi hình đơn giản để minh hoạ việc sửa đổi theme Bằng cách đó, ta có thể tạo các theme dễ dàng hình ảnh riêng mình Xem trước Web site  Xem trước Web site Web browser 11 Trong menu File , chọn Preview in Browser FrontPage hiển thị hộp thoại Preview in Browser để bạn lựa chọn trình duyệt đã cài đặt trên máy (Trong WinXP, đã có sẵn IE6) Web site bạn đã sẵn sàng xem thử trên trình duyệt này 102 Bấm các liên kết để kiểm tra các đích nó 113 Trên trang Photo Gallery, bấm các hình thu nhỏ (thumbnail) để kiểm tra các liên kết tới hình thực Dùng nút Back trình duyệt để trở Photo Gallery Đóng cửa sổ Web browser sau đã kiểm tra xong Tổ chức file web site Bây Web site đã chứa nhiều trang và tập tin, bạn dùng chế độ Folders view để quản lý chúng Tương tự Windows Explorer, Folders view cho phép thực các thao tác quản lý tập tin và thư mục phạm vi Web site Bạn có thể thêm, bớt, thay đổi, xếp lại các tài nguyên mà không phá vỡ các liên kết và cấu trúc nó Trong các bước sau, chúng ta thực hành chuyển các tệp ảnh từ Hsph Web site vào thư mục Pictures FrontPage tạo thành phần Web site Chú ý bạn dùng Explorer hay trình quản lý file nào khác để thực các thao tác file, bạn có thể bẻ gẫy các liên kết trang Web  Di chuyển các file hình ảnh vào thư mục Pictures Trên Views bar, bấm Folders FrontPage chuyển qua chế độ Folders view 12 Trong Folder List khung, bấm thư mục trên cùng <drive>:\My Documents\My Webs\Hsph Trong khung Contents , bấm cột Type Danh sách các file bây nhóm theo loại (GIF, JPEG, ) Trong khung Contents, bấm file GIF đầu tiên (czbanner.gif) để chọn nó Giữ SHIFT, bấm file GIF cuối cùng danh sách (frontpage.gif) Kéo thả (nút phải) vào thư mục Pictures Folder List Khi thư mục pictures chọn, thả chuột , bấm Move Here menu tắt FrontPage hiển thị hộp thoại Rename quá trình di chuyển Lặp lại các bước và cho các tệp JPG (FPTutor003.jpg ->FPTutor006.jpg) 10 Trong khung Contents , bấm cột Name để xếp lại theo tên  Tạo thư mục ( folder) Trong danh sách thư mục , chọn thư mục chưá thư mục cần tạo Trong menu File , chọn New và chọn tiếp Folder FrontPage tạo thư mục có tên tạm “new folder” Gõ tên và nhấn ENTER Trong cây thư mục, Nhấp phải chuột vào thư mục vừa tạo Trong menu shortcut, chọn Delete Trong hộp Confirm Delete , chọn Yes FrontPage xoá folder khỏi Web site Xuất (publishing) Web site Hsph Khi xuất Web site lên INternet Intranet, FrontPage tự động kiểm tra các liên kết , các địa trang và đường dẫn các địa đó  Xuất Web site làm việc Đóng tất các trang Page view Trên menu File, bấm Publish Web, bấm nút Publish Web button cụ trên công Nhập địa URL Web server , (ví dụ http://example.microsoft.com/~myweb), sau đó bấm Publish Tip Sau xuất lần đầu, bạn có thể bỏ qua hộp thoại Publish Web cách bấm nút Publish Web trên toolbar Nếu FrontPage phát bạn xuất lên Web server không hỗ trợ FrontPage Server Extensions, nó liền chuyển qua chế độ file transfer protocol (FTP) Tip Khi xuất Web site, tất các trang và hình tải lên mạng Để loại trừ số file không muốn xuất bấm Don’t Publish Khi FrontPage xuất thành công, nó xuất hộp thoại chứa địa URL , qua đó có thể mở Web site trình duyệt Web để xem lại Câu hỏi trắc nghiệm Bấm chuột phải cửa sổ FrontPage: A Xoá đối tượng B Mở menu tắt liệt kê các lệnh liên quan tới đối tượng C Chọn đối tượng D Không làm gì Normal, HTML, và Preview là các cách khác để: A Khởi động FrontPage B Tổ chức các bìa hồ sơ C Xem các phim trên Web D Xem các trang FrontPage Trong FrontPage bạn có thể cho thi hành lệnh cách dùng: (Có thể chọn nhiều câu trả lời.) A Menu B Thanh công cụ C Phím tắt D Bấm chuột phải menu tắt FrontPage là chương trình: (Có thể chọn nhiều câu trả lời.) A Cho phép thiết kế và tạo trang tài liệu Word B Dùng cho các phóng viên tạo các trang tin C C.Dùng cho các nhà thiết kế đồ hoạ và Web masters D Cho phép thiết kế và tạo Web sites và xuất trên Internet Để khởi động FrontPage : A Bấm chuột ba lần, và đọc, “FrontPage ơi, mở ra.” B Bấm Start → Programs → FrontPage C Bấm My Computer → Local Drive (C:) → FrontPage D Gõ “FrontPage” Microsoft Word, và bấm đúp để mở chương trình Một trang Web là: (Có thể chọn nhiều câu trả lời.) A Một kiểu tài liệu Word có thể chia sẻ trên mạng B Một tài liệu tạo Microsoft FrontPage để xuất trên Internet C Một phần Web site D Một thảo Thời gian Download ước lượng là: (Có thể chọn nhiều câu trả lời.) A Thời gian trung bình để tải trang từ Internet B Thời gian xuống phố C Lượng thời gian cần thiết để tải trang máy D Phu thuộc vào kiểu modem Cách tiết kiệm thời gian tạo Web site? (Có thể có nhiểu trả lời.) A Dùng mẫu Web site (Template) B Dùng chức Web site Magician C Dùng chức Web site Wizard D Nhập từ Web site khác Tổ hợp phím nào tạo dòng đoạn văn bản? A <Alt> + <A> B <Shift> + <Enter> C <Ctrl> + <A> D <Ctrl> + <L> 10 Phím Backspace xoá văn phía trái điểm nháy (Đúng/Sai?) 11 Bạn vô tình xoá đoạn văn tạo xong Làm cách nào khôi phục văn bị mất? A Chọn Help và sử dụng Search Companion để tìm văn trên máy tính B Bấm nút Undo trên công cụ chuẩn C Vào chế độ Preview để lấy lại khối văn đã xoá D Không thể làm gì 12 Cách nào sau đây không dùng để cắt văn hay hình ảnh? A Bấm nút Cut trên công cụ chuẩn B Nhấn <Ctrl> + <C> C Nhấn <Ctrl> + <X> D Chọn Edit → Cut từ menu 13 Làm cách nào tạo trang mới? (Có thể chọn nhiều câu trả lời.) A Chọn File → New → Page từ menu, chọn khuôn mẫu từ hộp thoại, A và bấm OK B Nhấn <Ctrl> + <N> C Bấm nút New Page button trên công cụ chuẩn D Chọn toàn trang làm việc và xoá nội dung nó 14 Chế độ HTML view FrontPage khác với Normal và Preview view chỗ: A HTML view thiên văn Normal Preview view B Trang Web có nhiều hình C HTML view hiển thị các mã định dạng theo ngôn ngữ HTML D HTML view là dễ đọc Normal và Preview view 15 Tiêu đề trang chính là tên tập tin HTML (Đúng/Sai?) 16 Bạn thiết kế Web site quan trọng cho công ty, site này xuất trên Internet khoảng thời gian ngắn Bạn cần chú ý điều gì trước tải lên (upload) lên Internet? (Có thể chọn nhiều câu trả lời.) A Xem trước Microsoft Internet Explorer B Xem trước trang các trình duyệt khác C In và hiệu chỉnh D Không phải các câu trên 17 Danh sách thư mục (Folder List) là: A Một danh sách các thư mục trên máy tính B Một tính không hiệu FrontPage tổ chiếm chỗ trên màn hình C Một tính tự động lập sơ đồ Web site D Có thể dễ dàng truy cập trên công cụ chuẩn 18 Di chuyển (Navigating ) các trang Web là tương tự duyệt Internet (Đúng/Sai?) 19 Tiêu đề trang Web xuất hiện: A Trên đầu cửa sổ trình duyệt B Tại phần tên trang Folders View C Tại đầu trang D Tại phía cửa sổ, gần với thời gian tải ước lượng 20 Khi nào thì dùng lệnh Save As menu File thay cho lệnh Save ? A Để lưu tên vị trí B Để gửi email cho đó C Để tiết kiệm thời gian D Để định Frontpage luôn luôn tạo dự phòng 21 Bạn có thể di chuyển hay chép văn các lệnh Copy, Cut, và Paste (Đúng/Sai?) 22 Thủ tục nào sau đây cho phép thay đổi kích cỡ font? A Chọn văn và chọn font size hộp danh sách cỡ Font trên công cụ B Chọn văn bản, Bấm chuột phải , chọn Font từ menu tắt, chọn kích cỡ font và bấm OK C Chọn văn bản, chọn Format → Font từ menu, chọn font size , bấm OK D Không phải ba câu trên 23 Để chép định dạng ta có thể sử dụng:: A Lệnh Edit → Copy Format và Edit → Paste Format từ menu B Nút Format Painter trên công cụ chuẩn C Không có cách nào D Mở hộp thoại Copy and Apply Formatting cách chọn Format → Copy Formatting từ menu 24 Bạn muốn sử dụng Format Painter để áp đặt định dạng cho nhiều khối văn không liên tiếp Làm cách nào để thực hiện? A Bấm nút Format Painter trên công cụ chuẩn B Bấm đúp Format Painter trên công cụ chuẩn C Không có cách nào D Mở hộp thoại Copy and Apply Formatting cách chọn Format → Copy Formatting từ menu 25 Câu nào sau đây là không đúng? A Bấm nút Center trên công cụ định dạng canh các văn thuộc đoạn hành B Sử dụng công cụ định dạng là cách dễ để định dạng văn C Khi thụt lề dòng đầu tiên, dòng dầu tiên sau đó bị thụt lề D Một kiểu thụt lề đặc biệt là First line 26 Cách nào sau đây không tạo chữ đậm? A Chọn Format → Font từ menu và chọn Bold từ danh sách Font style B Nhấn <Ctrl> + <B> C Bấm chuột phải văn và chọn Boldface từ menu tắt D Bấm nút Bold trên công cụ định dạng 27 Khi nhấn <Enter> đề tạo đoạn , đoạn đó có định dạng y hệt đoạn trước (Đúng/Sai?) 28 Để canh đoạn văn bản? A Bấm nút Center trên công cụ định dạng B Bấm mũi tên Alignment trên công cụ và chọn Center C Nhấn <Ctrl> + <C> D Chọn Edit → Center từ menu 29 Làm cách nào thay đổi ký hiệu đánh dấu đoạn bulleted list? A Bấm mũi tên Bullets trên công cụ định dạng và chọn ký tự B Không thể thay đổi C Chọn Edit → Bullet Symbol từ menu, chọn bulleted list , bấm Customize, và chọn ký tự cần D Chọn Format → Bullets and Numbering từ menu, chọn bulleted list , bấm Customize, và chọn ký tự cần 30 Để thay đổi màu trang Web ? A Bấm nút Background trên công cụ định dạng và chọn màu B Chọn văn và bấm nút Underline trên công cụ Formatting C Chọn Format → Background từ menu và chọn màu D Bấm chuột phải trang và chọn Page Properties → Background , và chọn màu 31 Tất các chương trình phát triển Web dùng themes (Đúng/Sai?) 32 Phân biệt themes và cascading style sheets? (Chọn nhiều câu trả lời.) A Không phân biệt B Các styles themes tạo tạo các styles cascading style sheets C Themes có thể áp dụng cho trang Web site, cascading stylesheets áp dụng cho tất các trang Web site D Cascading style sheets thay đổi style trang qua các thẻ HTML đặc biệt, themes là tập hợp các styles áp đặt lần 33 Câu nào sau đây là đúng? A Ảnh thu nhỏ (Thumbnail) liên kết tới ảnh thật B Một trang có ảnh lớn cần ít thời gian download trang có ảnh nhỏ C Cắt xén (Cropping) ảnh làm giảm kích thuớc và chất lượng ảnh D Văn thay xuất phía hình trên trang 34 Bạn muốn đưa ảnh chó Kiki vào trang Web, bạn có hình Kiki chụp chung với gia đình Làm cách nào bây giờ? A Thay đổi kích thước (Resize) hình B Tạo ảnh thu nhỏ (thumbnail picture) C Canh thẳng hàng (Realign the picture) D Cắt xén ảnh (Crop the picture) 35 Thay đổi định dạng tệp ảnh luôn luôn làm giảm kích thước tệp (Đúng/Sai?) 36 Ảnh ClipArt thường có dạng GIF (Đúng/Sai?) 37 Một đường biên xanh bao quanh ảnh có nghĩa là: A Người đọc đã vào Website B Ảnh có chứa liên kết C Có văn ghi chú phía ảnh D Ảnh lấy từ Internet 38 Bạn đã tạo trang Web có khá nhiều hình chưa có thông tin ghi chú liên quan Làm cách nào đưa thông tin đến người xem ? A Tạo liên kết từ ảnh đến trang cùng chủ đề B Thêm văn ghi chú cho ảnh C Cho người đọc địa liên hệ tác giả ảnh D Cho email bạn để người đọc hỏi thăm nào cần thiết 39 Một hotspot là: A Trang Web phổ biến Web site B Một liên kết ổn định trên trang Web C Một vùng trên lò sưởi có nhiệt độ cao D Một vùng trên ảnh có chứa liên kết 40 Câu nào sau đây là không đúng? A Ảnh làm tăng thời gian download trang B Di chuyển ảnh trên trang giống định vị ảnh C Văn ghi chú cuả ảnh xuất người đọc tắt chức xem ảnh trên trình duyệt D Một đường biên xung quanh ảnh dùng đề nhấn mạnh ảnh đó 41 Cảnh thẳng hàng (Aligning) ảnh làm cho văn xung quanh: A Bao xung quanh ảnh B Nổi lên trên ảnh C Cũng canh thẳng hàng cùng tính chất D Được hiển thị dạng mã HTML 42 Loại ảnh nào sau đây không dùng trên Internet? A JPEG B GIF C BIT D PNG 43 Shared borders có thể hiển thi trên phần nào trang WEb? ( Có thể chọn nhiều câu trả lới.) A Bottom B Right C Left D Top 44 Câu nào sau đây là không đúng? A Hyperlinks có thể xuất trang Web B Hyperlinks có thể thêm vào chế độ Navigation view C Hyperlinks trang Web hiển thị chế độ Hyperlinks view D Hyperlinks xuất bất kì màu nào trên trang 45 Chế độ Preview view là cách để kiềm tra siêu liên kết (Đúng/Sai?) 46 Có thể thêm trang vào Web site chế độ Normal view (Đúng/Sai?) 47 Khi nào thì ta nên tạo hyperlink? (Có thể chọn nhiều câu trả lới.) A Để cung cấp cho người đọc thêm thông tin liên quan B Không có hyperlinks, trang Web cuả bạn nhàm chán C Để thêm đa dạng vào trang Web D Để lấy phản hồi Web site 48 Hyperlinks có thể liên kết đến các đích sau: (Có thể chọn nhiều câu trả lời.) A Địa e-mail B Một tập tin âm C Một video clip D Một vị trí trên cùng trang 49 Một liên kết (link bar) là công cụ giúp: A Đi biển B Tài xế cuả các xe đắt tiền C Người dùng di chuyển Web sites D Shared borders định vị các vị trí Web site 50 Câu nào sau đây là đúng? A Shared borders tự động hình thành các nút di chuyển B Xoá liên kết có nghiã là xoá tập tin liên kết C Chế độ Navigation view cho phép di chuyển nhanh web site D Có thể thêm trang Web site chế độ Navigation View 51 Cách nào sau đây không thể tạo bảng? A Chọn Table ->Insert Table từ menu. B Bấm nút Insert Table trên công cụ C Chọn Insert ->Table từ menu. D Chọn View ->Toolbars ->Tables and Borders để hiển thị công cụ Tables and Borders sử dụng nút Draw Table để kẻ bảng 52 Câu nào sau đây là không đúng? A Có thể thực định dạng ký tự và định dạng đoạn table B Có thể xếp thông tin bảng theo thứ tự định C Có thể tách ô nhiểu ô nhỏ, gộp nhiều ô ô chung D FrontPage không thể thực các tính toán bảng 53 Phím nào sau đây có thể dùng để nhập liệu và di chuyển table? A <Tab> để di chuyển qua ô kế tiếp, <Shift> + <Tab> để theo hướng ngược lại B <Enter> để di chuyển qua ô kế tiếp, <Shift> + <enter> để theo hướng ngược lại C < Mũi tên > để di chuyển qua ô kế tiếp, <Shift> + < mũi tên > để theo hướng ngược lại D Tất đúng 54 Không thể chèn ảnh vào Table (Đúng/Sai?) 55 Câu nào sau đây là không đúng? A Chức AutoFit tự động điều chỉnh bề rộng cột B Ta có thể ngăn không cho hàng bị ngắt trang cách: Vào menu Table, chọn Cell Height and Width, đánh dấu Allow row to break across pages C Đường lưới bảng thì luôn luôn xuất in D Có thể trộn nhiều ô thành và có thể tách ô nhiều ô 56 Thủ tục nào sau đây sử dụng để kề đường biên cho bảng? (có thể chọn nhiều câu trả lời) A Chọn khối ô, sau đó chọn đường kẻ nút Borders công cụ định dạng công cụ Tables and Borders B Chọn Tables ->Table Border Wizard từ menu và thực hiện theo hướng dẫn C Bấm nút Draw Table trên công cụ Tables and Borders và sau đó vẽ đường biên D Đặt điểm nháy bảng, chọn Tables-> properties->Table từ menu, và thay đổi thông tin vùng Border 57 Muốn trộn ô ô lớn Cách nào sau đây có thể thực ( có thể chọn nhiều câu trả lời) A Chọn ô và bấm nút Merge Cells trên công cụ Tables and Borders B Chọn ô và chọn Table ->Merge Cells từ menu. C Chọn ô và chọn Table ->Combine Cells từ menu. D Chọn ô nhấn <Ctrl> + <M> 58 Khác biệt cell padding và cell spacing là : cell padding thay đổi bề rộng cuả biên các ô (Đúng/Sai?) 59 Nên định kích thước table pixels percent, vì trang Web không hiển thị giống trên màn hình (Đúng/Sai?) 60 cách nào sau đây dùng để tạo frame? (Có thể chọn nhiều câu trả lời.) A Chọn New → Insert → Frame từ menu B Bấm nút Insert Frame trên công cụ chuẩn C Chọn File → Page, chọn thẻ Frames Pages , chọn kiểu frame, và bấm OK D Bấm nút New Page, chọn Page → Frame 61 Câu nào sau đây là không đúng? A Ta có thể thay đổi kích thước frame, và cho phép người dùng có quyền thay đổi kích thước đó cửa sổ trình duyệt B Frame cho phép người dùng xem nhiều trang cùng lúc C Có thể tách frame thành nhiều frame nhỏ D Sau tạo frame Web site, tất trang là trang frame 62 Khi tạo trang gồm frame, cần lưu lần (Đúng/Sai?) 63 Cascading Style Sheets là tập hợp các style liên kết đến trang Web (Đúng/Sai?) 64 Các định dạng nào sau đây có thể định nghĩa style? A Paragraph B Font C Numbering D Border E All of the above 65 Tạo style giống là định nghĩa lại các thẻ HTML (Đúng/Sai?)