1
Công cụ soạn thảo trực quan Web trong HTML – Phần 1 Sat Nov 03, 2012 8:34 pm
Admin
Admin
Bài viết : 3191
Xu : 9210
Thanks : 8
Age : 34Đến từ : Thanh Hóa
Tài Sản:
.:
Khi ta chạy FrontPage lần đầu tiên, chương trình tạo một trang Web mới
để ta có thể bắt đầu làm việc ngay lập tức. Khi làm việc, ta có thể thấy
chính xác diện mạo của trang Web như thế nào khi một người nào đó xem
trang bằng một trình duyệt Web.
1. Tạo một trang Web
1.1 Bắt đầu sử dụng FrontPage2003 :
Front Pages2003 chứa tất cả các công cụ mà ta cần để tạo, xuất, và quản
lý một World Wide Web site chuyên nghiệp, bắt mắt và thú vị.
Hình VIII.1. Giao diện đồ họa.
Ta sẽ thấy giao diện đồ họa người dùng của chương trình, giao diện
này giống như một bộ xử lý văn bản với một vài nút, thanh công cụ, và
menu phụ.
Khi ta chạy FrontPage lần đầu tiên, chương trình tạo một trang Web
mới để ta có thể bắt đầu làm việc ngay lập tức. Khi làm việc, ta có thể
thấy chính xác diện mạo của trang Web như thế nào khi một người nào đó
xem trang bằng một trình duyệt Web.
Nếu ta muốn xem Internet Explorer sẽ hiển thị trang Web như thế nào,
ta có thể nhấn nút Preview trên thanh công cụ Views. Khi đó cửa sổ hiệu
chỉnh của ta sẽ được thay bằng một trình duyệt mini. Để đóng trình duyệt
mini và quay về công việc của ta, nhấn nút Design trên thanh công cụ
đó.
1.2 Tạo một trang từ một template:
Bây giờ ta đã biết đôi chút về các thanh công cụ và cửa sổ hiệu chỉnh, ta có thể sẵn sàng tạo trang Web riêng cho mình:
1. Mở menu Start, sau đó tìm và chạy FrontPage2003. FrontPage mở ra, một trang trống sẽ được tạo ra dành cho ta.
2. Để tạo một trang Web mới, chọn menu File → New. Khung new mở ra nằm bên phải cửa sổ như trong hình.
Hình VIII.2. Khung New.
3. Click vào "More page template" trong phần New page. Hộp
thoại Page Template mở ra, ta có thể liệt kê tất cả các template ta có
thể sử dụng khi nạp trang Web mới.
4. Để tìm hiểu thêm về một template, click vào nó một lần và đọc phần
Description của hộp thoại. Mỗi trang Web Frontpage phải được dựa vào
một template.
5. Để bắt đầu với trang hoàn toàn trống, chọn biểu tượng Normal Page; nếu không, chọn một trong các biểu tượng khác.
6. Click vào nút OK. Hộp thoại Page Template đóng lại.
FronPage sẽ tạo trang Web mới và mở nó trong cửa sổ biên tập. Ta có thể
bắt đầu làm việc với nó ngay lập tức.
1.3 Tạo và lưu một trang mới :
Khi ta lưu một file lần đầu tiên, ta có thể chọn một tên nào đó thích hợp hơn tên và tiêu đề hiện có.
Việc chọn một tiêu đề ngắn gọn, có tính mô tả là quan trọng vì hai lý
do: Nó giúp người ta sử dụng trang của ta và nó giúp người khác tìm
thấy nó.
Tiêu đề trang được hiển thị trong thanh tiêu đề của trình duyệt Web.
Nó cũng được sử dụng bởi các công cụ tìm kiếm. Ví dụ, khi ta tìm kiếm về
một thông tin nào đó trên Google tại http://www.google.com, mỗi trang
Web xuất hiện được liệt kê theo tiêu đề của nó.
Ta đặt cho trang của ta một tên và tiêu đề mới khi ta lưu nó lần đầu tiên:
1. Click nút Save trên thanh công cụ Standard. Hộp thoại Save As sẽ xuất hiện (hình vẽ dưới).
Hình VIII.3. Cửa sổ Save As.
2. Sử dụng hộp thoại này, tìm và mở thư mục nới mà ta sẽ lưu các trang Web mà ta tạo.
3. Trong hộp text File name, đặt một tên mới cho file, phải chắc chắn là nó có phần mở rộng.htm (hoặc.html).
4. Phần Page Title hiển thị tiêu đề hiện hành. Để chọn một tiêu đề mới, click vào nút Change Title. Hộp thoại Set Page Title sẽ mở ra.
5. Tiêu đề của một trang nên có tính mô tả và xúc tích. Nhập một tiêu đề mới trong hộp text Page Title và click OK. Ta sẽ quay trở về hộp thoại Save As.
6. Click nút Save.
Sau khi bạn đã đặt tên và lưu một trang Web, ta có thể lưu lại nó một cách nhanh chóng bằng cách click nút Save trên thanh công cụ Standard. Tên file ta chọn trước đó sẽ được sử dụng lại một cách tự động.
1.4 Tạo một đề mục :
Text trên một trang Web có thể được tách biệt với các text khác bằng
cách chuyển đổi nó thành một tiêu đề chính, một đề mục bắt mắt nổi bật
với text xung quanh.
Như đã giới thiệu trong phần "Tiêu đề trong HTML" ở trên, các tiêu đề
chính được sắp xếp theo kích cỡ từ 1 (lớn nhất) đến 6 (nhỏ nhất), và
chúng được sử dụng cho với cùng một mục đích như một đề mục trong một
bài báo, một đoạn văn bản,… nào đó. Chúng cũng có thể được dùng làm các
tiêu đề con với một mục lớn hơn, làm các đoạn trích dẫn được phóng lớn,
và cho những mục đích khác nhằm thu hút sự chú ý.
Để chuyển đổi text thành một tiêu đề chính, thực hiện các bước sau đây:
1. Chọn text bằng cách kéo chuột lên trên nó. Text được bật sáng.
2. Mở menu Style xuống trên thanh công cụ Formatting để chọn một
trong sáu kích cỡ tiêu đề chính, như được chứng minh họa trong hình
dưới.
Hình VIII.4. Hộp thoại Style Formatting.
Text được chọn (và bất kỳ text trong cùng một đoạn) sẽ trở thành một
tiêu đề chính.
Kích cỡ hiển thị của một tiêu đề chính phụ thuộc vào trình duyệt Web
được sử dụng bởi một khách tham quan đến site của ta và cách nó được cấu
hình như thế nào. Nhưng theo luật chung, ta có thể tin cậy vào một hệt
thống phân loại kích cỡ từ 1 đến 6.
Các tiêu đề chính có thể được sử dụng theo nhiều cách nhất như thể
chúng là text. Một điều ngoại lệ là một tiêu đề chính phải chiếm khoảng
riêng của nó.
Để thấy trực tiếp được điều này, hãy bật sáng một từ trong một đoạn
và chuyển đổi nó thành một tiêu đề chính. Mọi thứ trong đoạn trở thành
một tiêu đề chính.
1.5 Chọn font và màu :
Vào thời điểm này, text mà ta đã thêm vào một trang Web sẽ được hiển
thị bằng cách sử dụng cùng một màu và font mặc định như trong Internet
Explorer: VNI-Times, 12 point, màu đen.
Ta có thể thay đổi từng khía cạnh này của text (và các khía cạnh khác).
Một font có thể được chọn cho tất cả các text trên một trang, các đoạn cụ thể, thậm chí phần của một đoạn.
Bất kỳ font hiện có trên máy tính của ta có thể sử dụng và sẽ trông tuyệt vời khi ta xem trang Web trên máy tính đó.
Tuy nhiên, những người tham quan đến Web site của ta sẽ không xem
trang trên máy tính của ta. Các trang của ta tạo sẽ trông khác biệt với
các trang của người khác.
Khi ta đang tạo các trang Web, các font mà ta chọn có thể sẽ có sẵn
cho càng nhiều khách tham quan của ta càng tốt. Nhiều font sẽ riêng biệt
cho một hệ điều hành cụ thể - những người dùng Windows, Mac, và Linux
không chia sẽ nhiều font.
Nếu một font không có sẵn, một font mặc định, chẳng hạn Arial, Helvetica, Times Roman, hoặc Verdana sẽ được sử dụng cho font đó.
Kích cỡ của font có thể được chỉ định làm một kích cỡ point hoặc một tỷ lệ từ 1 (nhỏ nhất) đến 7 (lớn nhất).
Để định dạng một font trên một trang Web mà ta đang biên soạn, hãy thực hiện các bước sau:
1. Chọn đoạn text muốn thay đổi.
2. Trên thanh công cụ Formatting, sử dụng menu Font thả xuống để chọn
một font cụ thể. Text được hiển thị ngay lập tức bằng font mới. Ta chỉ
có thể chọn một font với menu này (xem bước 6 để tìm cách xác định nhiều
font).
3. Trên cùng thanh công cụ, sử dụng menu Size thả xuống để xác định một kích cỡ font.
4. Để chọn một màu text khác và thực hiện các thay đổi khác, chọn lệnh Format, Font. Hộp thoại Font sẽ hiện ra (xem hình vẽ dưới).
Hình VIII.5. Hộp thoại Font.
5. Sử dụng menu Color thả xuống để chọn một màu cho text. Nếu ta chọn Automatic thay vì một màu, màu mặc định được sử dụng.
6. Để xác định danh sách các font, nhập chúng vào trong hộp danh sách Font, được tách biệt bởi các dấu phẩy.
7. Để xem chức năng của một hiệu ứng cụ thể, hãy chọn hộp kiểm của nó
trong khung Effects. Khung Preview hiển thị diện mạo của text mẫu với
định dạng được chọn - kể cả hiệu ứng được chọn.
8. Khi ta hài lòng với diện mạo của text, hãy click nút OK.
Bởi vì FrontPage cho ta thấy dáng vẻ của một trang trông như thế nào
trong khi nó được biên soạn, ta thấy được ngay lập tức font và style
được chọn.
Nếu ta muốn xem một dòng text đã được định dạng như thế nào, hãy
click vào nó. Thanh công cụ Formatting sẽ được cập nhật để cho biết
những gì mà ta đã áp dụng vào text đó.
Hết phần 1
Nguồn: Sưu tầm Internet
để ta có thể bắt đầu làm việc ngay lập tức. Khi làm việc, ta có thể thấy
chính xác diện mạo của trang Web như thế nào khi một người nào đó xem
trang bằng một trình duyệt Web.
1. Tạo một trang Web
1.1 Bắt đầu sử dụng FrontPage2003 :
Front Pages2003 chứa tất cả các công cụ mà ta cần để tạo, xuất, và quản
lý một World Wide Web site chuyên nghiệp, bắt mắt và thú vị.
Hình VIII.1. Giao diện đồ họa.
Ta sẽ thấy giao diện đồ họa người dùng của chương trình, giao diện
này giống như một bộ xử lý văn bản với một vài nút, thanh công cụ, và
menu phụ.
Khi ta chạy FrontPage lần đầu tiên, chương trình tạo một trang Web
mới để ta có thể bắt đầu làm việc ngay lập tức. Khi làm việc, ta có thể
thấy chính xác diện mạo của trang Web như thế nào khi một người nào đó
xem trang bằng một trình duyệt Web.
Nếu ta muốn xem Internet Explorer sẽ hiển thị trang Web như thế nào,
ta có thể nhấn nút Preview trên thanh công cụ Views. Khi đó cửa sổ hiệu
chỉnh của ta sẽ được thay bằng một trình duyệt mini. Để đóng trình duyệt
mini và quay về công việc của ta, nhấn nút Design trên thanh công cụ
đó.
1.2 Tạo một trang từ một template:
Bây giờ ta đã biết đôi chút về các thanh công cụ và cửa sổ hiệu chỉnh, ta có thể sẵn sàng tạo trang Web riêng cho mình:
1. Mở menu Start, sau đó tìm và chạy FrontPage2003. FrontPage mở ra, một trang trống sẽ được tạo ra dành cho ta.
2. Để tạo một trang Web mới, chọn menu File → New. Khung new mở ra nằm bên phải cửa sổ như trong hình.
Hình VIII.2. Khung New.
3. Click vào "More page template" trong phần New page. Hộp
thoại Page Template mở ra, ta có thể liệt kê tất cả các template ta có
thể sử dụng khi nạp trang Web mới.
4. Để tìm hiểu thêm về một template, click vào nó một lần và đọc phần
Description của hộp thoại. Mỗi trang Web Frontpage phải được dựa vào
một template.
5. Để bắt đầu với trang hoàn toàn trống, chọn biểu tượng Normal Page; nếu không, chọn một trong các biểu tượng khác.
6. Click vào nút OK. Hộp thoại Page Template đóng lại.
FronPage sẽ tạo trang Web mới và mở nó trong cửa sổ biên tập. Ta có thể
bắt đầu làm việc với nó ngay lập tức.
1.3 Tạo và lưu một trang mới :
Khi ta lưu một file lần đầu tiên, ta có thể chọn một tên nào đó thích hợp hơn tên và tiêu đề hiện có.
Việc chọn một tiêu đề ngắn gọn, có tính mô tả là quan trọng vì hai lý
do: Nó giúp người ta sử dụng trang của ta và nó giúp người khác tìm
thấy nó.
Tiêu đề trang được hiển thị trong thanh tiêu đề của trình duyệt Web.
Nó cũng được sử dụng bởi các công cụ tìm kiếm. Ví dụ, khi ta tìm kiếm về
một thông tin nào đó trên Google tại http://www.google.com, mỗi trang
Web xuất hiện được liệt kê theo tiêu đề của nó.
Ta đặt cho trang của ta một tên và tiêu đề mới khi ta lưu nó lần đầu tiên:
1. Click nút Save trên thanh công cụ Standard. Hộp thoại Save As sẽ xuất hiện (hình vẽ dưới).
Hình VIII.3. Cửa sổ Save As.
2. Sử dụng hộp thoại này, tìm và mở thư mục nới mà ta sẽ lưu các trang Web mà ta tạo.
3. Trong hộp text File name, đặt một tên mới cho file, phải chắc chắn là nó có phần mở rộng.htm (hoặc.html).
4. Phần Page Title hiển thị tiêu đề hiện hành. Để chọn một tiêu đề mới, click vào nút Change Title. Hộp thoại Set Page Title sẽ mở ra.
5. Tiêu đề của một trang nên có tính mô tả và xúc tích. Nhập một tiêu đề mới trong hộp text Page Title và click OK. Ta sẽ quay trở về hộp thoại Save As.
6. Click nút Save.
Sau khi bạn đã đặt tên và lưu một trang Web, ta có thể lưu lại nó một cách nhanh chóng bằng cách click nút Save trên thanh công cụ Standard. Tên file ta chọn trước đó sẽ được sử dụng lại một cách tự động.
1.4 Tạo một đề mục :
Text trên một trang Web có thể được tách biệt với các text khác bằng
cách chuyển đổi nó thành một tiêu đề chính, một đề mục bắt mắt nổi bật
với text xung quanh.
Như đã giới thiệu trong phần "Tiêu đề trong HTML" ở trên, các tiêu đề
chính được sắp xếp theo kích cỡ từ 1 (lớn nhất) đến 6 (nhỏ nhất), và
chúng được sử dụng cho với cùng một mục đích như một đề mục trong một
bài báo, một đoạn văn bản,… nào đó. Chúng cũng có thể được dùng làm các
tiêu đề con với một mục lớn hơn, làm các đoạn trích dẫn được phóng lớn,
và cho những mục đích khác nhằm thu hút sự chú ý.
Để chuyển đổi text thành một tiêu đề chính, thực hiện các bước sau đây:
1. Chọn text bằng cách kéo chuột lên trên nó. Text được bật sáng.
2. Mở menu Style xuống trên thanh công cụ Formatting để chọn một
trong sáu kích cỡ tiêu đề chính, như được chứng minh họa trong hình
dưới.
Hình VIII.4. Hộp thoại Style Formatting.
Text được chọn (và bất kỳ text trong cùng một đoạn) sẽ trở thành một
tiêu đề chính.
Kích cỡ hiển thị của một tiêu đề chính phụ thuộc vào trình duyệt Web
được sử dụng bởi một khách tham quan đến site của ta và cách nó được cấu
hình như thế nào. Nhưng theo luật chung, ta có thể tin cậy vào một hệt
thống phân loại kích cỡ từ 1 đến 6.
Các tiêu đề chính có thể được sử dụng theo nhiều cách nhất như thể
chúng là text. Một điều ngoại lệ là một tiêu đề chính phải chiếm khoảng
riêng của nó.
Để thấy trực tiếp được điều này, hãy bật sáng một từ trong một đoạn
và chuyển đổi nó thành một tiêu đề chính. Mọi thứ trong đoạn trở thành
một tiêu đề chính.
1.5 Chọn font và màu :
Vào thời điểm này, text mà ta đã thêm vào một trang Web sẽ được hiển
thị bằng cách sử dụng cùng một màu và font mặc định như trong Internet
Explorer: VNI-Times, 12 point, màu đen.
Ta có thể thay đổi từng khía cạnh này của text (và các khía cạnh khác).
Một font có thể được chọn cho tất cả các text trên một trang, các đoạn cụ thể, thậm chí phần của một đoạn.
Bất kỳ font hiện có trên máy tính của ta có thể sử dụng và sẽ trông tuyệt vời khi ta xem trang Web trên máy tính đó.
Tuy nhiên, những người tham quan đến Web site của ta sẽ không xem
trang trên máy tính của ta. Các trang của ta tạo sẽ trông khác biệt với
các trang của người khác.
Khi ta đang tạo các trang Web, các font mà ta chọn có thể sẽ có sẵn
cho càng nhiều khách tham quan của ta càng tốt. Nhiều font sẽ riêng biệt
cho một hệ điều hành cụ thể - những người dùng Windows, Mac, và Linux
không chia sẽ nhiều font.
Nếu một font không có sẵn, một font mặc định, chẳng hạn Arial, Helvetica, Times Roman, hoặc Verdana sẽ được sử dụng cho font đó.
Kích cỡ của font có thể được chỉ định làm một kích cỡ point hoặc một tỷ lệ từ 1 (nhỏ nhất) đến 7 (lớn nhất).
Để định dạng một font trên một trang Web mà ta đang biên soạn, hãy thực hiện các bước sau:
1. Chọn đoạn text muốn thay đổi.
2. Trên thanh công cụ Formatting, sử dụng menu Font thả xuống để chọn
một font cụ thể. Text được hiển thị ngay lập tức bằng font mới. Ta chỉ
có thể chọn một font với menu này (xem bước 6 để tìm cách xác định nhiều
font).
3. Trên cùng thanh công cụ, sử dụng menu Size thả xuống để xác định một kích cỡ font.
4. Để chọn một màu text khác và thực hiện các thay đổi khác, chọn lệnh Format, Font. Hộp thoại Font sẽ hiện ra (xem hình vẽ dưới).
Hình VIII.5. Hộp thoại Font.
5. Sử dụng menu Color thả xuống để chọn một màu cho text. Nếu ta chọn Automatic thay vì một màu, màu mặc định được sử dụng.
6. Để xác định danh sách các font, nhập chúng vào trong hộp danh sách Font, được tách biệt bởi các dấu phẩy.
7. Để xem chức năng của một hiệu ứng cụ thể, hãy chọn hộp kiểm của nó
trong khung Effects. Khung Preview hiển thị diện mạo của text mẫu với
định dạng được chọn - kể cả hiệu ứng được chọn.
8. Khi ta hài lòng với diện mạo của text, hãy click nút OK.
Bởi vì FrontPage cho ta thấy dáng vẻ của một trang trông như thế nào
trong khi nó được biên soạn, ta thấy được ngay lập tức font và style
được chọn.
Nếu ta muốn xem một dòng text đã được định dạng như thế nào, hãy
click vào nó. Thanh công cụ Formatting sẽ được cập nhật để cho biết
những gì mà ta đã áp dụng vào text đó.
Hết phần 1
Nguồn: Sưu tầm Internet
