biên tập frontpage

Biên tp FrontPage TÀI LIỆU GIẢNG DẠY CHO SINH VIÊN FrontPage Editor Mục lục M c l cụ ụ 2 B t đ u v i FrontPageắ ầ ớ 9 Không gian làm vi c FrontPageệ 11 Menu (Thực đơn) 12 Thanh ToolBar 12 Màn hình soạn thảo 13 Các vùng điều khiển 13 Các l nh n gi n c a FrontPageệ đơ ả ủ 14 Các lệnh làm việc với tệp (file) 14 Các lệnh soạn thảo 14 Ngôn ng HTML và t ng quan v trang Webữ ổ ề 14 T o trang m iạ ớ 16 C t n i dung trang hi n th i vào fileấ ộ ệ ờ 16 C t n i dung c a trang t i FrontPage web hi n th iấ ộ ủ ạ ệ ờ 17 T o trang m uạ ẫ 17 M m t trang trong FrontPage Editorở ộ 17 Thu c tính trangộ 18 Lựa chọn trên Margin 19 Lựa chọn Custom 19 L m vi c v i trang Webà ệ ớ 20 Để chuyển giữa các chế độ hiển thị 20 S khác nhau gi a tài li u Word và tài li u HTMLự ữ ệ ệ 20 C u trúc trang Webấ 21 a ch trang WebĐị ỉ 21 T o màu n n, màu text và nh n n cho trangạ ề ả ề 22 nh d ng text v đo nĐị ạ à ạ 24 nh d ng textĐị ạ 24 t text lui vào so v i l c a o n hi n th i (To indent text)Đặ ớ ề ủ đ ạ ệ ờ 25 t l text lùi ra so v i l c a o n hi n th i (To outdent text)Đặ ề ớ ề ủ đ ạ ệ ờ 26 Làm vi c v i Paragraphsệ ớ 26 Tạo một dòng mới mà không có khoảng trắng với dòng trên đó 26 Tạo một đoạn mới 26 Dóng lề cho đoạn 26 Thay đổi style cho đoạn 27 Chèn một ngắt dòng 27 27 Chèn kí tự đặc biệt 27 L m vi c v i danh sáchà ệ ớ 29 T o danh sách bulletạ 30 2 FrontPage Editor FrontPage Editor T o danh sách definitionạ 30 T o danh sách directoryạ 30 T o danh sách menuạ 31 T o danh sách l ng nhauạ ồ 31 T o danh sách có th tạ ứ ự 31 Thay i thông s c a danh sáchđổ ố ủ 31 Bookmark v HyperLinkà 32 Các loại siêu liên kết 32 T o các Text Linkạ 33 Tạo text hyperlink từ FrontPage Explorer 33 Tạo text hyperlink tới trang mới 33 34 Tạo text hyperlink tới một trang trên World Wide Web 34 Tạo text hyperlink tới trang hoặc file trong FrontPage web hiện thời 35 T o Picture Linkạ 35 Tạo picture hyperlink tới một trang mới 35 Tạo picture hyperlink tới một trang trên World Wide Web 36 Tạo picture hyperlink tới trang hoặc file trong FrontPage web hiện thời 36 Thay i HyperText và Hypermediađổ 36 Lần theo follow text hyperlink trở về sau (forward) 36 Lần theo picture hyperlink về sau (forward) 37 Lần theo một hyperlink ngược về phía trước (backward) 37 Xoá và thay i các Hyperlinkđổ 37 Thay đổi text hyperlink 37 Thay đổi picture hyperlink 37 Xoá text hyperlink 38 Xoá picture hyperlink 38 Kiểm tra các hyperlinks 38 Sửa một hyperlink hỏng 38 Sắp đặt lại (recalculate) các hyperlinks 39 Tạo e-mail hyperlink 40 Tạo hyperlink tới file của Microsoft Word, Excel, hoặc PowerPoint 40 Bookmark 41 Tạo Bookmark 41 FrontPage Editor 3 FrontPage Editor Tạo link với BookMark 41 Xoá Bookmark 42 Chuyển tới bookmark 42 L m vi c v i nhà ệ ớ ả 43 Các lo i nh c h tr trong HTMLạ ả đượ ỗ ợ 43 Chèn m t hình nhộ ả 44 Chèn ảnh từ một file 44 Chèn ảnh từ FrontPage web hiện thời 44 Chèn ảnh từ World Wide Web 45 Chèn clip art 45 Chèn một video clip 45 Cách chèn một video clip từ Microsoft Clip Gallery của Microsoft Office 2000 46 S a nhử ả 46 Cách sử dụng các nút trên thanh công cụ Picture 46 Thay đổi cách sắp đặt ảnh 47 Tạo thumbnail picture 47 Tuỳ biến video clip 48 Thay đổi kích thước (Resample) file ảnh 48 Thay đổi kích thước ảnh 49 T o nh trong su tạ ả ố 49 Chuy n i nhể đổ ả 49 Chuyển thành ảnh GIF 49 Chuyển thành ảnh JPEG 51 Các ch c n ng khácứ ă 51 Import ảnh vào FrontPage web 51 Chỉ định độ ảnh có độ phân giải thấp 52 Đặt hyperlink ngầm định cho ảnh 52 Tạo text thay thế cho ảnh 52 Hospot 54 T o Hotspotạ 55 Tạo Circular Hospot 55 Tạo Polygon Hospot 55 Tạo Rectangle Hospot 55 Tạo Text Hospot 55 4 FrontPage Editor FrontPage Editor Thay i Hospotđổ 56 Chọn hotspot 56 Highlight hotspot 56 Di chuyển hotspot 56 L m vi c v i Tableà ệ ớ 57 T o Tableạ 57 T o b ng trong b ng khácạ ả ả 58 Thu c tính c a tableộ ủ 58 i u ch nh b ngĐề ỉ ả 59 Chọn cả bảng hoặc một phần của nó 59 Chèn một ô 59 Chèn hàng hoặc cột 60 Phân tách ô 60 Trộn các ô 60 Dãn ô 60 Thay đổi kích thước bảng 61 Thay đổi kích thước ô 62 Phân bố các hàng và cột đều nhau 63 Xoá b ng và m t ph n c a nóả ộ ầ ủ 63 Xoá ô, hàng, cột 63 Xoá bảng 63 Xoá caption của bảng 63 nh d ng tableĐị ạ 63 Thay đổi màu nền của một hoặc nhiều ô 63 Thay đổi màu nền của bảng 64 Bổ sung ảnh nền cho một ô 64 Bổ sung ảnh nền cho toàn bảng 64 Thay đổi màu các đường viền ô 65 Thay đổi màu đường viền bảng 65 Thay đổi hình dạng của ô 65 Thay đổi layout của bảng 66 Các thao tác khác 66 Bổ sung caption cho bảng 66 FrontPage Editor 5 FrontPage Editor Sửa caption của bảng 66 Bổ sung tiêu đề ô 66 Chuyển bảng thành text 66 L m vi c v i Frameà ệ ớ 68 T o trang frameạ 68 Đặc tả trang khởi tạo cho một frame 69 Cất trang frame 70 Thay đổi bố cục của frame – Chia nhỏ frame – Xóa frame 70 Thuộc tính của frame 71 Thay đổi khoảng cách giữa các frame 72 Tạo viền cho frame 72 Tạo liên kết từ một frame và hiển thị đích liên kết trên một frame khác 72 L m vi c v i formà ệ ớ 73 T o Formạ 74 Thêm tr ng vào formườ 74 Thu c tính c a formộ ủ 75 What to do with form results? 75 S d ng t o form b ng Wizardử ụ ạ ằ 76 Contact Information: Thông tin để liên hệ với người sử dụng 77 Product Information: Thông tin sản phẩm 78 Ordering Information: Thông tin về yêu cầu 81 Personal Information: Thông tin cá nhân 82 One of several options: Lựa chọn duy nhất trong tuỳ chọn 82 Any of several option: Một vài lựa chọn trong tuỳ chọn 82 Boolean: Lựa chọn Có hoặc Không 82 Date: Kiểu dữ liệu nhp vào là ngày 82 Range: Kiểu dữ liệu trên form là một miền các giá trị để chọn lựa 82 Number: Dữ liệu nhp trên form là số 82 String: Dữ liệu nhp trên form là dòng text 82 Paragraph: Dữ liệu nhp là text nhiều dòng 82 Thêm th nh ph n c a formà ầ ủ 83 Hộp text chỉ có một dòng để người sử dụng gõ dữ liệu text trong đó 83 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 tại đó 83 Một nút là radio cho phép người sử dụng chỉ được chọn duy nhất bằng cách kích chuột vào nút này 83 6 FrontPage Editor FrontPage Editor Nút là check box cho phép người sử dụng chọn nhiều tuỳ chọn bằng cách kích chuột vào nhiều nút check box. 83 Một thực đơn cuộn xuống cho phép người sử dụng có thể chọn từ một hay nhiều dòng thực đơn cùng một thời điểm 83 Một nút nhấn cho phép người sử dụng đăng kí form hoặc khởi tạo lại trạng thái ban đầu của form 83 Một trường ảnh hiển thị một ả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 83 Các thao tác v i tr ngớ ườ 84 Sao chép một trường 84 Xóa một trường trên form 84 Hiển thị trường xác nhn 84 Text Boxes 84 Tạo trường Text Box 84 Tạo trường mt khẩu 85 Thay đổi thuộc tính của trường text box 85 Scrolling Text Boxes 87 Tạo trường scrolling text box 87 Thay đổi thuộc tính của trường scrolling text box 88 Hạn chế giá trị nhp tại trường 88 Check Boxes 88 Tạo trường check box 88 Thiết lp thuộc tính cho trường check box 89 Radio Buttons 89 Tạo trường radio button 89 Thay đổi thuộc tính của trường radio-button 90 Drop-Down Menus 90 Tạo trường drop-down menu 91 Qui định việc nhp dữ liệu cho trường drop-down menu 93 Tr ng Push Buttons và Pictureườ 93 Tạo trường push button 93 Thay đổi thuộc tính của trường push button 94 Tạo trường Picture 94 Tr ng n - Hiddenườ ẩ 95 Thay đổi trường ẩn 95 FrontPage Editor 7 FrontPage Editor Khái ni m v thu t ngệ à ậ ữ 96 Lab1 119 119 Tạo trang chủ 119 Thực hiện chèn hình vào trang chủ 120 Tạo liên kết từ hình ảnh 121 Canh giữa các thành phần trên một trang 123 Lưu trang hiện hành 123 Các tùy ch n cu Page Viewọ ả 123 Hiển thị các thẻ HTML trên trang hiện hành 123 Hiển thị mã nguồn HTML của trang hiện hành 123 Chế độ xem trước trang Web (preview) 123 Lab2 124 T ng c ng các nh d ng cho Web siteă ườ đị ạ 124 Mở một Web site 124 Taọ liên kết đến các trang khác 124 T o Shared Borders và thanh di chuy n (Navigation Bar)ạ ể 125 Tạo shared border của Web site 125 Thử nghiệm hyperlink trên thanh liên kết 126 Hiệu chỉnh thanh liên kết (link bar) 126 Ch nh d ng (theme)ủ đề đị ạ 128 Để áp đặt theme đối với Web site 128 Hi u ch nh Themeệ ỉ 129 Xem tr c Web siteướ 130 Xem trước Web site trong Web browser 130 T ch c file trong web siteổ ứ 132 Di chuyển các file hình ảnh vào thư mục Pictures 132 Tạo thư mục ( folder) mới 133 Xu t b n (publishing) Web site Hsphấ ả 133 Xuất bản Web site đang làm việc 133 8 FrontPage Editor FrontPage Editor T Bắt đầu với FrontPage  Trong bài này, bạn học về:  Các đặc điểm cơ bản của FrontPage Chào mừng các bạn khi đến với Microsoft FrontPage, một bộ công cụ tạo và điều hành web site một cách lí tưởng mà người thiết kế không nhất thiết phải biết những kiến thức về lp trình, FrontPage có mọi 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, tại đây, bạn có thể tạo, thiết kế, quản lí toàn bộ 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 bản (HTML). FrontPage bao gồm nhiều tính năng hỗ trợ cho việc tạo Web site một cách dễ dàng nhất, chẳng hạn như bộ thư viện thiết kế đồ hoạ chuyên nghiệp, một tp hợp đầy đủ các các wizard và các mẫu để tạo trang và FrontPage web, những phần tử active cung cấp những chức năng và hàm phức tạp mà không cần lp trình, và một danh sách các nhiệm vụ dành cho việc kiểm soát và tạo FrontPage web. Bạn có thể dùng FrontPage Explorer để tạo cấu trúc của 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 của trang Web. Bạn có thể dùng FrontPage Explorer để xuất bản các trang web trên máy tính của mình, trên một một tổ chức intranet hoặc 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 như đưa text, ảnh, bảng, các mẫu biểu và các phần tử khác nữa vào trang web, FrontPage Editor sẽ hiển thị chúng như khi chúng xuất hiện trên trình duyệt. Mặc dù là một  Vùng làm việc của FrontPage  Một số thành phần màn hình của FrontPage  Các thao tác với file  Thuộc tính trang Web công cụ có tính năng hoàn hảo, FrontPage Editor lại rất dễ dàng cho việc sử dụng bởi vì nó trở nên thân thiện khi có giao diện của một trình xử lí văn bản. Bạn không cần phải học ngôn ngữ HTML để sử dụng FrontPage Editor bởi vì nó có thể tạo mọi thẻ HTML cho bạn, các thẻ mở rộng như style-sheet, frame, các điều khiển ActiveX. FrontPage Editor 9 Bắt đầu với Frontpage FrontPage Editor 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 của 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 của trình soạn thảo văn bản như cắt, dán, tìm kiếm và thay thế. FrontPage là một thành viên trong họ sản phẩm của Microsoft Office và chia sẻ nhiều tính năng của Microsoft Word và Microsoft Excel, chẳng hạn như thư viện ClipArt, kiểm tra lỗi chính tả và tạo bảng một cách dễ dàng. Ngoài ra, FrontPage cũng quản lí các siêu liên kết được tạo trong tài liệu Microsoft Office 2000. Dưới đây là một vài đặc điểm của FrontPage Editor: - Bạn có thể tạo một trang HTML mơi dựa trên các wizard và template. FrontPage Editor đưa ra nhiều lựa chọn về định dạng trang, và bạn có thể tạo mẫu thiết kế của chính mình. - Bạn có thể áp dụng một hay nhiều các bố cụ đồ hoạ của FrontPage, chúng được tạo bởi 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ũng có thể đưa vào và thiết kế viền trang, chèn các thanh định hướng liên kết, giúp người sử dụng lướt trên Web site của bạn. - 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 nhau và FrontPage Editor tự động chuyển đổi chúng thành HTML, chẳng hạn như Microsoft Word, Microsoft Excel, WordPerfect, FrontPage Editor tự động nhn ra các siêu liên kết từ tài liệu Microsoft Office 2000. - Bạn có thể chèn text trong mọi style HTML, tạo các danh sách đa cấp, thay đổi kích thước và màu sắc của text, áp dụng các khuôn dạng cơ bản cho text. Sử dụng style sheet, bạn có thể điều khiển lề, khoảng cách giữa các dòng, màu sắc, font và kích thước của 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 hoặc 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ũng có thể tạo ánh xạ ảnh bằng 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 cũng hỗ trợ một 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 một file hoặc gửi chúng tới một địa chỉ e-mail. Bạn có thể chọn một điều khiển từ tp các điều khiển form của FrontPage hoặc thêm điều khiển của mình cho form. Sử dụng các lệnh về 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 năng mạnh vào trang bằng cách chèn các cấu thành FrontPage. Chúng sẽ thêm các khả năng tương tác chẳng hạn như thanh định hướng, nhóm thảo lun, 10 FrontPage Editor [...]... các URLs tương đối trong FrontPage của bạn chỉ tới trang đó Bằng cách đó, FrontPage tiết kiệm thời gian cho bạn và đảm bảo rằng Web site của bạn sẽ rất cơ động Tạo các Text Link  Tạo text hyperlink từ FrontPage Explorer Có thể tạo một text hyperlink từ một trang đang mở trong FrontPage Editor tới trang khác trong FrontPage web bằng cách sử dụng FrontPage Explorer 1 Trong FrontPage Explorer, trong... e-mail xác định Dùng FrontPage cho phép tạo hyperlinks mà không cần biết URL của trang Web hoặc file đích Bạn có thể chỉ cần tìm FrontPage web hiện thời hoặc World Wide Web, hiện trang Web hoặc file đích và FrontPage Editor sẽ điền URL đúng FrontPage thực hiện các URL tương đối khi bạn tạo hyperlinks giữa các trang trong FrontPage web của mình Nếu bạn đổi tên hoặc di chuyển một trang, FrontPage cập nhật... Java applet trên FrontPage Editor Bạn cũng có thể tiếp cận tới một phiên soạn các kịch bản, tạo và chèn các kịch bản JavaScript và VBScript Không gian làm việc FrontPage Không gian làm việc của FrontPage bao gồm hai phần chính trên màn hình giao diện của 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... và giữ nút trái chuột 2 Dùng chuột rê trang hoặc file từ FrontPage Explorer tới FrontPage Editor Nếu cửa sổ FrontPage Editor đang ở trạng thái cực tiểu, hãy rê tới tiêu đề FrontPage Editor trên thanh Windows task bar, dừng một phút và FrontPage Editor sẽ được kích hoạt 3 Chuyển con 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 một hyperlink tới trang hoặc file  Tạo text... Hyperlink từ shortcut menu FrontPage Editor mở trang đích để sửa và kích hoạt nó Nếu hyperlink chỉ tới một bookmark, FrontPage Editor sẽ cuộn tới bookmark này Nếu trang đích không nằm trên FrontPage web hiện thời, FrontPage mở bản copy của trang đó Bạn có thể lưu bản sao này bao gồm tất cả các ảnh và các objects khác trên trang vào FrontPage web hiện thời hoặc vào một file 36 FrontPage Editor ... đặc biệt 1 Tại FrontPage Editor, thực hiện lệnh Insert/ Symbol 2 Chọn một kí tự muốn chèn, nhấn Insert, kích nút Close FrontPage Editor 27 FrontPage Editor Kí tự muốn chèn 28 FrontPage Editor FrontPage Editor T  Làm việc với danh sách Trong bài này, bạn học về:  Danh sách là gì? FrontPage cho phép bạn định dạng text với các dạng danh sách dưới đây:  Tạo danh sách trong trang HTML  Danh sách bullet... điều khiển FrontPage Explorer chỉ cho bạn các chế độ hiển thị khác nhau của 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 của FrontPage Editor: FrontPage Editor 11 FrontPage Editor  Menu (Thực đơn) Các thực đơn cơ bản của FrontPage bao gồm: - File: các lệnh làm việc với file và tổng thể trên trang... Thanh ToolBar FrontPage có một số ToolBar có thể hiện hoặc ẩn trên màn hình Các lệnh trong thực đơn View dùng để làm ẩn hoặc hiện các Toolbar này Một hình ảnh đầy đủ của các ToolBar 12 FrontPage Editor FrontPage Editor  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 mỗi trang (file) Web: Normal và HTML Chế độ Normal là chuẩn và là mặc định của FrontPage Trong... trang tại FrontPage web hiện thời 1 Nếu trang được mở từ web hiện thời hoặc từ World Wide Web, tại FrontPage Editor, thực hiện lệnh File/Save Nếu trang được mở từ một file, để cất dưới tên khác, thực hiện lệnh File/Save As 2 Nếu là lần đầu cất trang tại FrontPage web, gõ tiêu đề trang tại Title 3 Gõ URL tương đối tới gốc của FrontPage web đang mở hiện thời, hoặc chấp nhận URL mặc định của FrontPage. .. 22 FrontPage Editor FrontPage Editor - Visited Hyperlink: Đặc tả màu liên kết đã được tham chiếu đến - Active Hyperlink: Đặc tả màu của siêu liên kết đang kích hoạt - Get Background and Colors From Page: Chọn nền và màu từ một trang khác bằng cách gõ đường dẫn đến trang tại đây hoặc kích nút Browse để tìm trang FrontPage Editor 23 FrontPage Editor T  Định dạng text và đoạn Định dạng text và đoạn FrontPage . Biên tp FrontPage TÀI LIỆU GIẢNG DẠY CHO SINH VIÊN FrontPage Editor Mục lục M c l cụ ụ 2 B t đ u v i FrontPage ầ ớ 9 Không gian làm vi c FrontPage 11 Menu (Thực. việc 133 8 FrontPage Editor FrontPage Editor T Bắt đầu với FrontPage  Trong bài này, bạn học về:  Các đặc điểm cơ bản của FrontPage Chào mừng các bạn khi đến với Microsoft FrontPage, một bộ. trình, FrontPage có mọi 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, tại đây, bạn có thể tạo, thiết kế, quản lí toàn bộ Web site và FrontPage