html02

Người đăng: vnoneit on Thứ Năm, 31 tháng 3, 2011
PHẦN II: TẠO KHUNG
Cách tạo các khung (frame)cho các tại liệu WEB.Sử dụng các khung hợp lý tạo cho các trang web của bạn nhìn rõ ràng hơn,hấp dẫn làm cho chúng dễ định vị hơn. zatrabeoj  chia trang thành các khung hết sức đơn giản.Khái niêm căn bản như sau: Mỗi khung là một tài liệu html thong thường .Nếu bạn muốn chia trang của mìng ra làm đôi,sau đó bạn sẽ đưa tòan bộ tài liệu html vào khung bên trái và một tài liệu html khác vào khung bên phải.Ngòai ra,bạn cần viết vào một tài liệu html thứ ba. Trang MASTER PAGE (trang chính)có các thẻ <FRAME> ấn định những gì được ghi vào đâu.Vì thế đó là chức năng duy nhất của nó .chỉ có hai thẻ khung chính gốm:<Frameset>và<frane>.Cách dễ nhất để giải thích chúng là tìm hiểu sâu hơn và bắt đầu tạo một số khung .
Nếu bạn muốn tìm hiểu các tài liệu html chất lượng, thì bạn cần bỏ thời gian ra tìn hiểu các thẻ. Nếu chỉ dựa vào "Frame Wizards" bạn sẽ bị giới hạn và kết quả cuối cùng bạn không đạt được.Tốt nhất là sử dụng các trình sọan thảohtmldựa vào văn bản.Một số trình sọan thảo tốt sẽ được đề cập ở đây.Các trìng sọan thảo này  tạo cho bạn dễ dàng viết mã html.
BÀI 1 : TÀI LIỆU HTML
Kích họat notepad và chép các thẻ sau để bạn bắt đầu.
Chúng ta sẽ cho mỗi tài liệu một tên.trong table và form của chúng ta đã sử dụng các tên của người ấy.Bây giờ là lúc thêm một số tên phụ nữ vào đâu

Tạo một thư mục mới ở nơi lưu tài liệu này là Linh.html(các người dùng Win3x lưu nó là Linh.htm)
Tạo một tài liệu khác:

Lưu tài liệu này vào cùng thư mục trước là Hoa.html
Bây giờ thực hiện tương tự  đối với Joeng Kim, Võ Thị Hồng Yến, Nguyễn Thị Bích Nga, Lã Thị Minh Thu.Lưu họ giống như các tài liệu trước.Bạn sẽ có thư mục gồm 6 tài liệu html hòan chỉnh riêng biệt
Tạo trang chính của bạn.Bắt đầu bằng :

Bỏ các thẻ <BODY>.Trang chính không sử dụng chúng ,thay vào đó là sử dụng các thẻ <FRAMESET>

Giờ lưu nó .Lưu nó trong tài liệu của bạn(với tất cả các tên cô gái)bằng index.html. Nếu bây giờ bạn cố mở nó bằng trình duyệt,nó sẽ trống rỗng . Tất cả được làm ở đây là " Đây là Master Page của tôi"
chúng ta hãy bắt đầu xác định những gì sẽ được trình bày.Cho trình duyệt biết để tách cửa sổ chính thành hai cột,mỗi cột chiếm 50% cửa sổ

Cột này còn trống , chúng ta còn một điều nửa để thực hiện trước khi hệ thống họat động là :

Linh  

Hoa


Giờ bạn đã có một khung hòa chỉnh.

BÀI 2 : CHIA KHUNG
Thẻ <Frameset>chia trang thành các cửa sổ .Nó xác định cách chia chúng , do đó chúng ta sử dụng <frameset> để chia .chúng ta có thể chia trang thành nhiều phần. Chỉ cần ấn định trang cho mỗi phần ,nếu không trình duyệt sẽ bị lầm lẫn.

Linh Hoa Kim Yen Thu
Nếu chúng ta xác định chia thành các hàng (ROWS) thay vì thành các cột(COLS) chúng ta sẽ thấy hòan tòan khác.

Linh
Hoa
Kim
Yen
Thu
Ở điểm này chúng ta nói về trình duyệt : tạo 3 khung .Khung thứ nhất có chiều rộng 50 pixel. Phần còn lại chia thành các khung 2 và 3 nhưng tạo khung thứ 3 lớn gấp đôi khung thứ 2.Đưa Linh vào khung thứ nhất , Hoa vào khung thứ 2 và chúng ta chia thêm khung thứ 3. Giờ chúng ta ấn định cách chia khung thứ 3
chúng ta chia nó ra làm 2 theo chiều ngang :

và chúng ta đưa Kim vào phần trên cùng và Yen vào phần dưới

Linh

Hoa Kim
Yen
Giờ chúng ta sẽ chia Linh theo chiều ngang thành 3 phần. Cửa sổ trên cùng có chiều cao 50 pixel.Hai cửa sổ kia làm 2 phần bằng nhau.Chúng ta sẽ đưa Linh vào tất cả 3 cửa sổ
sau đây là tất cả thay đổi:

Linh Hoa

Kim
Linh
Yen
Linh
  BÀI 3: PHƯƠNG PHÁP CHIA KHUNG
Chúng ta trở lại cách chia khung thực hiện đơn giản hơn.

Linh


Hoa
Chúng ta có thể đưa hình vào các khung nếu muốn. trong thư mục có tên'examples' có một ảnh được gọi là Linh.jpg. Tiến hành và sao chép vào thư mục họat động của bạn

Hoa

Nhớ phải có các thuộc tính HEIGHT & WIDTH đối vớio một thẻ ảnh bất kỳ

BÀI 4 : CÁC HIỆU ỨNG KHUNG
Kế tiếp chúng ta thử tạo một số hiệu ứng nhỏ. Tuy nhiên , không phải tất cả chúng đều có tác dụng đối với tất cả các trình duyệt.Nếu trình duyệt khong hiểu thuộc tính đó ,nó sẽ bỏ qua
Trước hết chúng ta thay đổi độ dày của đường viền

  Hoa
 
Linh
Chúng ta có thể thay đổi màu sắc các đường viền

  Hoa
 
linh

BÀI 5: TẠO TRANG CÓ KHUNG
Trước khi bắt đầu, hãy duy trì nó đơn giản !Một site có nhiều khung và liên kết nhiều khung sẽ làm cho tạo khung bị rối và khó định vị.
Điều cần quan tâm là kết quả cuối cùng của chúng ta .Một thiết kế đơn giản gồm tiêu đề lớn ở trên cùng , cửa sổ thư mục ở bên trái vá cửa sổ chính ở bên phải.chúng ta bắt đầu Master Page đầu tiên
 
Tạo một thư mục mới khác và lưu thư mục này là index.html. Ngòai ra ảnh mà chúng ta sử dụng cho tiêu đề lớn là ảnh "INT". Nó được gọi là int.gifva trong thư mục framz.chép nó vào thư mục họat động mà bạn vừa tạo
chia màn hình theo chiều ngang :

Lưu ý chúng ta có được tổng 83 bằng cách bổ sung 8 vào chiều cao của ảnh (75+8=83).Hơn nữa, vì chúng ta đang sử dụng kích thước hòan tòan có cả khung co giãn
Kế tiếp ấn định banner.html để vào khung trên cùng (chúng sẽ tạo tài liệu trong một vài phút).Ngòai ra đưa nó vào trong thẻ<frameset> bởi vì chúng ta sẽ chia phần dưới thêm
Share | Share in Google Buzz

0 nhận xét:

Đăng nhận xét