Chúng ta cùn tìm hiểu xem frame là gì và khi nào phải dùng frame. Chúng ta cũng tìm hiểu cáchchèn frame vào website và cách thức làm việc với nó. chèn frame vào website và cách thức làm việc với nó.
1. Giới thiệu
Frame được sử dụng để phân bố dữ liệu trong một web site. Frame giúp giữ nguyên một số dữ liệu,chẳng hạn logo và navigation bar, trong khi những phần khác có thể thay đổi. chẳng hạn logo và navigation bar, trong khi những phần khác có thể thay đổi.
Trên một cửa sổ trình duyệt có thể có nhiều frame. Mỗi frame có một file HTML riêng. Chẳng hạn,trong hình bên cạnh chúng ta có một trang trong hình bên cạnh chúng ta có một trang
có 2 frame. Frame bên trái chứa filemenu.htm, và frame bên phải chứa file menu.htm, và frame bên phải chứa file dogs.htm.
Để xem được trang, trên cửa sổ trìnhduyệt mở trang frames.htm, đây là trang duyệt mở trang frames.htm, đây là trang tổng hợp của hai trang trên.
2. Tạo frames
Để tạo frame, trước hết chúng ta mởmột file. Đây có thể là file mới hoặc đang một file. Đây có thể là file mới hoặc đang có sẵn.
Sau đó, vào menu Insert > HTML >Frames. Tại đây chúng ta có thể chọn dạng Frames. Tại đây chúng ta có thể chọn dạng frame phù hợp.
Nếu chúng ta click vào mục Left, mộtframe sẽ được tạo ở phía bên trái trang web. frame sẽ được tạo ở phía bên trái trang web.
Như chúng ta thấy trong hình dưới đây, có mộtđường kẻ chia đôi văn bản. đường kẻ chia đôi văn bản.
Trong trường hợp này chúng ta có ba file: file bên
trái, file bên phải, và file chứa tập hợp frame. File bên phải
là file chúng ta có từ đầu. file này nằm trong frame gọi
là Main Frame.
Để chọn file chứa tập hợp frame chúng ta click lên đường phân chia frame.Khi lưu file, tổ hợp phím Ctrl + S chỉ lưu frame đang được chọn. Trường hợp Khi lưu file, tổ hợp phím Ctrl + S chỉ lưu frame đang được chọn. Trường hợp muốn lưu một lần toàn bộ file thì ta phải chọn tùy
chọn File > Save All.
Trong trường hợp chúng ta chèn vào mộtframe bên phải thay vì frame bên trái như ví dụ trên, frame bên phải thay vì frame bên trái như ví dụ trên, frame trống sẽ được hiển thị ở bên phải file ban đầu. Trong hình bên chúng ta có một ví dụ về right frame.
Một frame đã được thêm vào bên phải file hiệncó, menu.htm. có, menu.htm.
Trong trường hợp trước, chúng ta có ba file:left, right, và file chung chứa tập hợp frame. Trong left, right, và file chung chứa tập hợp frame. Trong trường hợp này file ta có ban đầu là frame bên trái,
trong khi trong trường hợp trước file ta có ban đầu là frame bên phải. Vì lý do này, trong trường hợp này,Main frame sẽ ở bên trái. Main frame sẽ ở bên trái.
Main frame luôn là frame chứa file ban đầu.
3. Chọn frame
Để chọn frame, vào Frames panel thông qua menu Window. Nếu tùy chọn Frame không có trongmenu này, có thể nó nằm trong mục Others. Chúng ta cũng có thể mở Frames panel bằng cách ấn tổ hợp menu này, có thể nó nằm trong mục Others. Chúng ta cũng có thể mở Frames panel bằng cách ấn tổ hợp phím Shift+F2.
Các frame trong một trang frame sẽ được nhìn thấy trong Frames panel, chúng ta có thể chọn framebằng cách click lên chúng trong panel. Chúng ta có thể chọn frame bằng cách click lên khung bao quanh bằng cách click lên chúng trong panel. Chúng ta có thể chọn frame bằng cách click lên khung bao quanh frame.
Chúng ta có thể chỉ định các thông số của từng frame sau khi chọn chúng. 4. Lưu Frames 4. Lưu Frames
Mỗi frame đều có một trang web tương ứng với nó. Điều này lý giải vì sao khi tạo frame, mặcnhiên một trang mới hoàn toàn được load vào frame đó (ngoại trừ frame chứa trang ban đầu). nhiên một trang mới hoàn toàn được load vào frame đó (ngoại trừ frame chứa trang ban đầu).
Những trang mới này có thể được thay thế bằng những trang sẵn có
Nếu chúng ta lưu trang chứa tập hợp frame, mỗi trang ở trong nó cũng sẽ được lưu.
Không nên dùng tùy chọn Save all trong lần đầu tiên lưu frame, vì chúng ta có thể đặt tên file sai.Để lưu từng trang, đặt con trỏ trong frame muốn lưu và click nút Save . Để lưu từng trang, đặt con trỏ trong frame muốn lưu và click nút Save .
5. Thiết lập các thông số của Frame
Sau khi chọn frame trong Frames panel, những thuộc tính của nó có thể đươc thiết lập trênproperties inspector. properties inspector.
Mỗi frame có một tên name và chúng ta có thể sửa trong mục Frame name. Tên không được phépcó khoảng trắng. có khoảng trắng.
Src là tên file HTML được hiển thị trong frame.
Trong mục Borders người dùng có thể chọn môt đường phân chia frame khỏi những frame còn lại.Trường hợp có border, màu của đường này có thể chọn trong mục Border color. Trường hợp có border, màu của đường này có thể chọn trong mục Border color.
Mục Scroll chỉ định các thông số về thanh cuộn. Tùy thuộc vào quy định ở mục này mà cácscrolling bar có được hiển thị hay không khi nội dung của frame dài hoặc rộng hơn khung nhìn. scrolling bar có được hiển thị hay không khi nội dung của frame dài hoặc rộng hơn khung nhìn.
Nếu mục No resize được chọn, người xem trang web sẽ không thể thay đổi kích cỡ frame trên browser. Các tham số Margin width và Margin height tạo khoảng cách giữa nội dung của frame với các Các tham số Margin width và Margin height tạo khoảng cách giữa nội dung của frame với các khung trên-dưới, phải-trái của nó.
Nếu file tập hợp frame được chọn, Properties inspector sẽ hiển thị như sau:
Trong mục Borders người dùng có thể chọn một đường phân chia frame khỏi những frame còn lại.Trường hợp có border, màu của đường này có thể chọn trong mục Border color. Độ rộng sẽ được chọn Trường hợp có border, màu của đường này có thể chọn trong mục Border color. Độ rộng sẽ được chọn tại mục Border width.
Mục Column (hoặc Row) được dùng để thiết lập kích cỡ của frame, và chúng ta có thể nhập giá trịPixel, Percent (của cửa sổ) hoặc Relative. Pixel, Percent (của cửa sổ) hoặc Relative.
Nếu chúng ta dùng hai frame, frame chứa browser bar thường được đặt kích cỡ theo Pixel, và framecòn lại sẽ có độ rộng Relative, để chỉ định cho frame này lấy hết phần còn lại của của sổ trình duyệt. còn lại sẽ có độ rộng Relative, để chỉ định cho frame này lấy hết phần còn lại của của sổ trình duyệt. 6. Nội dung của frame
Nội dung của frame có thể được thiết lập thông qua field Src trên properties inspector.
Thông qua field Src trên properties inspector, chúng ta chỉ có thể chỉ định file được load vào framevào lúc đầu, nhưng dĩ nhiên sau này chúng ta có thể load những file khác vào frame bằng hyperlink. vào lúc đầu, nhưng dĩ nhiên sau này chúng ta có thể load những file khác vào frame bằng hyperlink.
VIII. FORMS
1. Giới thiệu
Form được dùng để nhận dữ liệu từ phía người dùng. Những ứng dụng cụ thể nhất của form là làmcông cụ để khách hàng đặt hàng trên mạng, tổ chức điều tra, thăm dò ý kiến, nhận câu hỏi, ý kiến của công cụ để khách hàng đặt hàng trên mạng, tổ chức điều tra, thăm dò ý kiến, nhận câu hỏi, ý kiến của người dùng ...
Một khi người dùng đã điền dữ liệu vàoform và nhấn vào một nút để chuyển đi, một form và nhấn vào một nút để chuyển đi, một chương trình sẽ bắt đầu chạy và nhận dữ liệu được chuyển đến để có các bước xử lý tiếp theo.
Hình bên phải là một ví dụ về form.
Một form có thể chứa các nhãn, text field,drop-down menu, button…. drop-down menu, button….
2. Cấu trúc của một form
Các đối tượng trên form được chèn vào tang qua
menu Insert > Form. a. Text Field: a. Text Field:
Cho phép chèn vào form một text box. Text
field chỉ cho phép người dùng nhập một dòng dữ liệu, trong khi Text Area cho phép nhập nhiều dòng.Chúng ta có thể chuyển Text Field thành Text Area thông qua properties inspector. Chúng ta có thể chuyển Text Field thành Text Area thông qua properties inspector.
Chúng ta cũng có thể chỉ định Text field trở thành một Password field, lúc đó những ký tự nhậpvào sẽ bị che đi và hiển thị như dưới đây. vào sẽ bị che đi và hiển thị như dưới đây.
Text Field ********
Trong propierties inspector chúng ta có thể chỉ định độ rộng của text box, số dòng hoặc số ký tự tốiđa có thể nhập vào, và giá trị khởi tạo của box. đa có thể nhập vào, và giá trị khởi tạo của box.
b. Button:
Có ba dạng button: Submit (kết thúc nhập liệu và chuyển đi), Reset (trả dữ liệu trên các field vềtrạng thái mặc định), hoặc None (button dạng này được dùng để gán một behavior khác với hai dạng trạng thái mặc định), hoặc None (button dạng này được dùng để gán một behavior khác với hai dạng trên)
Chúng ta có thể thay đổi chữ trên thông qua tùy chọn Label trên properties inspector.c. Check box: c. Check box:
Là một ô vuông nhỏ có thể nhận một trong hai trạng thái: kích hoạt và không kích hoạt: