I. Thuộc tính trang
8.2 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 một cách dễ dàng mà không địi hỏi ở bạn kiến thức về ngơn ngữ HTML. Trang Web là những đơn vị thông tin cơ bản mà người dùng truy cập trên dịch vụ WWW, chúng được tạo ra dựa theo ngơn ngữ đánh dấu siêu văn bản HTML. Chính vì vậy, để tạo giao diện thuận tiện cho người thiết kế khi 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 của trang Web khi bạn đang tạo và chỉnh
sửa nó
HTML: Chế độ hiển thị trang Web dưới các mã tag HTML
Preview: Xem trước nội dung của trang Web ngay tại ứng dụng FrontPage mà
khơng nhờ trình duyệt
Để chuyển giữa các chế độ hiển thị
Kích chuột vào nút tương ứng phía dưới ở màn hình FrontPage Editor.
Sự khác nhau giữa tài liệu Word và tài liệu HTML
Việc tạo các trang Web tại chế độ hiển thị Normal sẽ trở nên thân thiện khi bạn đã sử dụng họ sản phẩm soạn thảo trong bộ Office của Microsoft. Thuật ngữ “WYSIWYG” chứng tỏ phần nào việc dễ sử dụng các công cụ của FrontPage Editor trong việc thiết kế các trang Web.
Với giao diện khơng khác gì lắm màn hình soạn thảo thơng thường (với những ứng dụng kiểu như Microsoft Word), bạn hồn tồn có thể tạo các trang HTML dễ dàng như việc tạo trang soạn thảo vậy.
Tuy việc hiển thị nội dung của trang HTML và trang soạn thảo Word trong hai ứng dụng tương ứng là Word và FrontPage Editor khơng khác nhau lắm, nhưng về thực chất thì thơng tin chứa đựng trong chúng là khác hẳn. Những trang tài liệu được tạo bởi Word bao gồm thực sự những thông tin mà tài liệu đó sẽ hiển thị. Chúng được lưu dưới một khn dạng riêng, phân biệt với các tài liệu của ứng dụng khác, tại đó, thơng tin được lưu sẽ có cấu trúc liên quan với nhau một cách nhất định. Chẳng hạn, trang tài liệu Word hiển thị một bức ảnh (khơng có liên kết) cùng với text đi kèm, tài liệu đó được cất dưới một file, trong file này, ngồi những thơng tin đặc trưng cho khn dạng của file Word (thường nằm trong phần đầu của file) cịn có những thơng tin về text và ảnh đã nói ở trên. Và như vậy, dung lượng của file Word cũng 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à một file dạng text, bạn có thể xem nội dung của nó bằng các ứng dụng soạn thảo thơng thường. Nội dung của nó khi đọc bởi các trình soạn thảo dạng này sẽ bao gồm các tag HTML đi kèm với nó là text (sẽ được hiển thị) và các thơng số cùng các giá trị đi kèm. Những cặp thuộc tính và giá trị này bổ sung cho tag, và tồn bộ thơng tin này sẽ được trình duyệt giải mã để hiển thị dữ liệu theo cách mà tài liệu HTML chỉ định.
Vậy, sự khác biệt lớn giữa tài liệu Word và tài liệu HTML là ở chỗ, trang Word thực sự chứa thơng tin mà nó hiển thị, cịn trang HTML chỉ chứa những thông tin dạng text và chỉ ra cách mà dữ liệu được hiển thị trên trình duyệt. Và vì vậy, trình duyệt chỉ hiểu khn dạng của tài liệu HTML mà thôi.
Cấu trúc trang Web
Trang Web bao gồm những phần sau:
Phần đầu trang: Thường nằm trong cặp tag <HEAD> và </HEAD>. Phần này thông thường được tự động tạo khi thiết kế trang. Tuy nhiên, bạn có thể thay đổi các thơng số của trang tại phần này bằng cách dùng lệnh File/Page Properties và chọn General,
Language, hoặc 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 trong cặp tag <BODY> và </BODY> của HTML. Tương ứng với phần này của tài liệu HTML, chúng được hiển thị tại chế độ Normal gần giống như cách mà chúng hiển thị trên trình duyệt.
Phần khơng có ở HTML chuẩn: Đây là những chương trình, những kịch bản, những plug-in được nhúng trong tài liệu HTML. Chúng hỗ trợ cho việc tạo các trang Web động và tất nhiên sẽ không được nhắc đến kĩ trong tài liệu này.
Địa chỉ trang Web
Một trang Web là một tài nguyên trên dịch vụ WWW của Internet, chính vì vậy, để truy cập đến nó, bạn phải biết:
- Vị trí của máy chủ chứa trang Web này, thực chất đây chính là địa chỉ IP của Web site
- Đường dẫn đến trang web tại máy chủ này
- Tên giao thức của dịch vụ mà bạn đang truy nhập: http Khuôn dạng tổng quát của địa chỉ một trang Web như sau:
http://địa chỉ IP của máy chủ/tên thư mục/.../tên tài liệu HTML
Tạo màu nền, màu text và ảnh nền cho trang
Thực hiện các bước sau:
Thực hiện lệnh Format/Background.
Hình 8.9:Thực hiện Background
- Specify Background and Colors: Phần này chứa các thông tin điều khiển màu
nền cho trang.
- Background picture: Chọn check box này để sử dụng một ảnh nền. ảnh sẽ trải
theo dạng lát gạch trên nền trang. Gõ tên của đường dẫn đến file ảnh hoặc kích nút Browse để tìm file này.
- Watermark: Chọn để hiển thị ảnh như một “watermark”.
- Properties: Kích nút này để mở hộp hội thoại Picture Properties để xem hoặc sửa
thuộc tính của ảnh nền. Bạn chỉ có thể xem thuộc tính của ảnh tại FrontPage web hiện tại mà thôi.
- Background: Đặc tả màu nền của trang bằng cách chọn màu từ danh sách. Để
chọn một màu chưa xuất hiện trên danh sách, kích Custom và chọn một màu tại hộp hội thoại Color.
Chú ý: Bạn có thể kết hợp ảnh nền với màu nền. Nếu ảnh nền có màu trong, màu
nền sẽ hiển thị qua ảnh.
- Text: Đặc tả màu của text trên trang bằng cách chọn màu từ danh sách.
- Hyperlink: Đặc tả màu của siêu liên kết trên trang.
- Visited Hyperlink: Đặc tả màu liên kết đã được tham chiếu đến.
- 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.