FrontPage 2003 căn bản

[o0o Agumon o0o]

Cho em tham gia với.

FrontPage 2003 căn bản​

I. Giới thiệu:
FrontPage(FP) 2003 là phần mềm của Microsoft được phát triển để giúp cho công việc thiết kế web trở nên nhẹ nhàng đối với những người mới bắt đầu hay đã là người chuyên nghiệp. Phạm vi bài viết này chỉ nói về phần căn bản của FP còn về phần nâng cao thì có lẽ bạn phải tự tìm hiểu lấy như cách chèn vào một multimedia, marquee, counter,....
II. Cách sử dụng:
1) Giao diện:

2) Cách tạo một web site:
Muốn tạo một trang web bạn làm như sau:
Vào Menu File chọn New, sẽ xuất hiện một tab mới, bạn click vào One Page Web site... ở mục New Web Site

Một cửa sổ mới hiện ra, bạn có thể tạo một web site theo mẫu có sẵn hoặc là một trang web rỗng chưa có gì cả, ở đây mình chọn Empty Web Site(trang web rỗng chưa chứa gì cả). Ở mục Option là nơi để bạn tìm đường dẫn đặt thư mục trang web của bạn:

3) Tạo trang mới cho site của bạn:
Bạn có thể click vào icon New

trên thanh Standard hoặc click vào Blank page ở mục New page (nếu bạn chọn từ Menu File > New):

FP sẽ tạo một trang mới với tên mặc định là new_page_1.htm
Ở phía dưới là 3 tab Design - Split - Code - Preview:

Tab Design là nơi bạn soạn thảo trang web, mọi thứ bạn nhìn thấy ở đây sẽ hiển thị ở trình duyệt y như vậy (trừ một số phần khác, mình sẽ nói sau).
Tab Split sẽ chia nhỏ màn hình thành 2 phần để chứa một phần là Design còn phần kia là Code:

Tab Code là nơi hiển thị mã nguồn trang web của bạn.
Tab Preview là nơi để xem trang web của bạn sẽ hiển thị như thế nào trong trình duyệt (khác với tab Design vì Preview cũng tương tự như một trình duyệt thu nhỏ).

4) Mã hóa cho trang hiện hành hay toàn bộ web site:
Nhiều bạn ở box lập trình thắc mắc về cách mã hóa utf-8 cho trang web, mình sẽ hướng dẫn cụ thể đối với FP.
Nếu chỉ muốn mã hóa cho trang hiện hành, ở tab Design bạn chọn Page Properties, chọn tab Language, ở mục HTML Encoding chọn Save document as: Unicode (UTF-8), Reload the current document as: Unicode (UTF-8):

Click OK. Lưu trang web lại

Nếu muốn mã hóa cho toàn bộ site bạn làm như sau:
Vào Menu Tools > Site Settings... chọn tab language, đổi giá trị Default page encoding thành Unicode (UTF-8):

Lúc này khi tạo trang mới thì mặc định là nó sẽ được lưu ở chế độ mã hóa utf-8.

5) Các thao tác cơ bản:
Chèn chữ in đậm:
Click vào icon B trên thanh formatting.
Chèn chữ in nghiêng:
Click vào icon I trên thanh formatting.
Chèn chữ gạch chân:
Click vào icon U trên thanh formatting..

Mệt quá :whew: nó không cho chèn ảnh nữa lấy gì post bài tiếp đây. Để em post tiếp bài mới vậy. Đây là kinh nghiệm của em khi xài FP cho nên nếu có sai sót gì thì mọi người góp ý nhé.

 

[o0o Agumon o0o]

Front Page 2003 căn bản (conts)
Chèn ảnh vào trang web:
Click vào icon Image

trên thanh formatting hoặc Menu Insert > Picture > From File... . Xuất hiện cửa sổ, chọn file ảnh muốn chèn vào web, sau đó click insert (bạn có thể điều chỉnh một số thuộc tính của ảnh bằng cách click phải vào ảnh sau khi đã chèn vào web rồi chọn Picture Properties).
Chèn liên kết vào trang web:
Click vào icon Hyperlink

trên thanh Formatting hoặc Menu Insert > Hyperlink... . Xuất hiện cửa sổ, chọn đường dẫn đến file bạn muốn tạo liên kết hoặc gõ thẳng một url có dạng http://... (Bạn cũng có thể điều chỉnh thuộc tính liên kết bằng cách click chuột phải vào liên kết rồi chọn Hyperlink Properties).
Canh chỉnh lề cho văn bản:
Click vào icon tương ứng để canh chỉnh lề cho văn bản trên thanh formatting. (Canh trái

, canh giữa

, canh phải

)
Tô màu cho văn bản:
Muốn tô màu nền cho chữ bạn click vào icon

chọn màu tương ứng muốn làm màu nền.
Muốn tô màu cho chữ bạn click vào icon

chọn màu tương ứng.
Chèn bảng:
Click vào icon

hoặc vào Menu Table > Insert > Table...
Xuất hiện cửa sổ, có các giá trị bạn cần chú ý: Rows(số hàng), Columns(số cột), Alignment(canh chỉnh lề), Specify width(chiều rộng của table, có thể tính bằng pixel, hoặc percent %), Cell padding(khoảng cách giữa các cell trong table), Cell Spacing(khoảng cách giữa cell và văn bản bên trong nó), Specify height(chiều cao của table, có thể tính bằng pixel hoặc %), Borders - Size(độ rộng đường viền của table), Borders - Color(màu đường viền), Background - Color(màu nền table, nếu muốn lấy ảnh làm nền cho table thì đánh dấu vào Use background picture, sau đó chọn đường dẫn đến file ảnh).
Ví dụ tạo một table có 2 hàng, 2 cột, chiều rộng bằng toàn màn hình, có đường viền màu đỏ với độ rộng bằng 1px và màu nền của table là màu xanh:

Cách chèn vào 1 form:
Vào Menu Insert > Form > Form.
Muốn đặt thuộc tính cho form thì bạn click chuột phải vào form rồi chọn Form Properties.
Muốn chèn vào các thành phần khác của form thì bạn vào Menu Insert > Form > ... (... là tên tương ứng với các thành phần đó)
Bạn cũng có thể đặt thuộc tính cho các thành phần của form.

Xong rồi, có lẽ bài viết này chỉ nói về phần căn bản của FP thôi, còn về nâng cao có lẽ các bạn phải tự tìm hiểu lấy