Dùng JavaScrip điều chỉnh kích thước cửa sổ trình duyệt cho Website cân đối.

Thứ tư - 27/09/2006 15:25
Cấu hình của máy tính ngày càng cao, độ phân giải màn hình ngày càng lớn. Hiện nay bên cạnh các máy tính sử dụng độ phân giải 800x600 thì số lượng máy sử dụng độ phân giải 1024x768 cũng tăng lên rất nhiều. Chính sự việc sử dụng độ phân giải khác nhau của người dùng sẽ gây khó khăn cho người thiết kế Web. Yêu cầu đặt ra cho người thiết kế Web là phải làm sao cho ngay cả khi người dùng truy cập web bằng những máy có độ phân giải khác nhau thì giao diện của Website cũng không bị “biến dạng”, nhất là đối với các Website sử dụng ảnh nền . Nếu bạn là người mới học thiết kế web thì bạn nên quan tâm tới vấn đề này.
Có rất nhiều giải pháp để giải quyết vấn đề này. Ví dụ đối với các ô văn bản (text) bạn có thể sử dụng các bảng (table) có tính đối xứng hoặc có khả năng co giãn theo cửa sổ trình duyệt. Bằng cách khai báo thông số chiều rộng là % (ví dụ: width="50%") thay vì sử dụng giá trị Pixels như thông thường, bạn sẽ luôn đảm bảo được rằng các ô trong bảng co giãn với một tỉ lệ thích hợp vừa với màn hình.

Đây là giải pháp lâu dài, tuy nhiên việc chỉnh sửa yêu cầu phải can thiệp vào mã nguồn của Website nên đòi hỏi nhiều thời gian và công sức.

Có một giải pháp tình thế để giải quyết vấn đề này trước khi bạn có thể sửa lại mã nguồn cho website. Đó là phương pháp cố định kích thước cửa sổ trang web bằng cách sử dụng các mã JavaScript . Bạn có thể khống chế kích thước cửa số thông qua các liên kết (link) có sử dụng JavaScript . Ví dụ:


<a href="javascript:void(window.open('http://xaydungcauduong.net/xd603.htm',%20'',
'scrollbars=yes,width=750,height=500'))"> Website XD603 </a>


Biện pháp này rất hiệu quả đối với các trang cần cố định do yêu cầu nghệ thuật, ví dụ như các Website, Album ảnh … nhưng không phù hợp lắm đối với các trang Web bình thường. Mặt khác, không phải người truy cập nào cũng đến từ liên kết do bạn tạo ra ở trên mà họ còn có thể truy cập trực tiếp tới địa chỉ trang web hoặc đi đến từ liên kết trên các Website khác. Khi đó bạn sẽ cần đến đoạn mã có khả năng điều chỉnh kích thước cửa sổ trang Web sau khi người khác truy cập vào. Và đây là đoạn mã ấy:


<script language="JavaScript">



<!--



var
noviProzor = window.resizeTo(800,600);



 -->



</script>


Trong đó 800,600 là kích thước cửa sổ trình duyệt của người truy cập sẽ được thay đổi (resize). Bạn có thể thay đổi kích thước này bằng trị số khác cho phù hợp yêu cầu của bạn nhưng thông thường không nên lớn hơn 800,600 nếu không muốn gây kho khăn cho những người sử dụng trên máy có độ phân giải này.

Bạn có thể chèn đoạn mã trên vào bất cứ vị trí nào trên trang Web nhưng tốt nhất bạn nên đặt ngay trước thẻ </head>

Với đoạn mã này, kích thước cửa sổ trình duyệt của người truy cập sẽ được đặt cho vừa với kích thước trang Web ngay khi người truy cập vừa tới Website. Sau đó người truy cập vẫn có thể chỉnh lại kích thước cửa sổ theo yêu cầu của mình mã không bị gò bó, gây những cảm giác cứng nhắc khó chịu.

Nguồn tin: http://xaydungcauduong.net

Tổng số điểm của bài viết là: 9 trong 2 đánh giá

Xếp hạng: 4.5 - 2 phiếu bầu
Click để đánh giá bài viết

  Ý kiến bạn đọc

  • Nguyễn quang thế
    Iphone 4,4s và galaxy S2 HD LTE, note giá rẻ bất ngờ.xin hãy liên hệ để biết thêm chi tiêt ĐT:01021095241 hoặc pm: nguyenquangthe1152011
      Nguyễn quang thế   13/06/2012 18:08

Những tin mới hơn

Những tin cũ hơn

Những tính năng của NukeViet CMS 4.0

Giới thiệu chung Mã nguồn mở NukeViet là sản phẩm của sự làm việc chuyên nghiệp: Để xây dựng lên NukeViet 4, đội ngũ phát triển đã thành lập công ty VINADES.,JSC. Trong quá trình phát triển NukeViet 4, VINADES.,JSC đã hợp tác với nhiều đơn vị cung cấp hosting trong và ngoài nước để thử nghiệm host,...

Thăm dò ý kiến

Lợi ích của phần mềm nguồn mở là gì?

Tin xem nhiều
Thống kê truy cập
  • Đang truy cập197
  • Hôm nay1,099
  • Tháng hiện tại743,209
  • Tổng lượt truy cập70,529,058
  • Cộng đồng NukeViet vinh dự có 1 đơn vị tập thể và 1 cá nhân nhận bằng khen của Hội tin học Việt Nam

    Ngày 10/01/2021, tại sự kiện mừng sinh nhật lần thứ 9 CLB Phần mềm tự do nguồn mở Việt Nam (VFOSSA), Cộng đồng NukeViet đã có 1 cá nhân và 1 đơn vị tập thể được Hội tin học Việt Nam (VAIP) trao tặng bằng khen. Đây là niềm vinh dự lớn khi những đóng góp xuất sắc của cá nhân và tập thể trong Cộng đồng NukeViet được ghi nhận và vinh danh.
  • Chương trình đào tạo chuyên sâu lập trình viên NukeViet

    Với mục đích mở rộng cộng đồng lập trình yêu thích mã nguồn mở NukeViet. Công ty VINADES chủ quản phần mềm mã nguồn mở đã mở ra chương trình đào tạo lập trình viên online cho những ai yêu thích NukeViet
  • Powtoon phần mềm tạo video sinh động, hấp dẫn

    Powtoon được biết đến là một trong số những công cụ tạo video sinh động, hấp dẫn được nhiều người dùng ưa chuộng. Với thư viện template đa dạng, sinh động giúp bạn tạo nên những video, slide chất lượng cho mình.
  • Olympic Tin học Sinh viên năm 2020 - hạng mục Phần mềm nguồn mở diễn ra thành công tốt đẹp

    Ngày 10/12/2020, Cuộc thi Olympic Tin học Sinh viên toàn quốc năm 2020 (OLP), hạng mục Phần mềm nguồn mở chính thức được diễn ra tại Đại học Cần Thơ. Mã nguồn mở NukeViet vinh dự được lựa chọn làm nội dung thi của hạng mục này. NukeViet Core Team cũng được lựa chọn làm Ban Giám khảo chấm thi.
  • Google font - Làm cho web đẹp hơn, nhanh hơn và mở hơn

    Google font, dự án cung cấp một bộ sưu tập các phông chữ cho các nhà thiết kế web với giấy phép nguồn mở, cách sử dụng trực quan và mạnh mẽ. Cho phép sử dụng online mà không cần tải về và lưu trữ trên hosting của website
  • Bạn có cần nhân viên SEO không?

    Google không sử dụng từ SEOer để chỉ một người làm SEO mà gọi tên công việc và người làm công việc đó đều là SEO. Google mới đây đã có 1 bài phân tích việc một người làm kinh doanh liệu có cần nhân viên SEO không và hướng dẫn cách tuyển chọn nhân viên SEO. Mời các bạn cùng xem!
  • Cẩm nang SEO - Tài liệu chính thức của Google

    Nhiều bạn bỏ tiền học SEO, theo học các khóa SEO tại các trung tâm đào tạo với nhiều tips, tricks, mẹo, bí kíp... rất thiếu căn cứ nhưng lại chưa từng đọc "giáo trình chính thống" mà Google phát hành. Bqgt NukeViet thấy cần phải cho các thành viên cộng đồng NukeViet cái nhìn chính thống về SEO, chúng tôi quyết định cảnh báo các bạn đang bắt đầu bước chân vào lĩnh vực làm SEO nên đọc các tài liệu chính thống của Google trước tiên, vì mọi tips, tricks, mẹo, bí kíp... mà các bạn học bên ngoài chỉ là những thứ không chính thống, có thể bị Google thay thế, thậm chí là "phạt" bất cứ lúc nào.
 
Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây