HTML động trong thiết kế web

01. Jan, 2010 0 Comments

HTML động

HTML động hay DHTML (viết tắt tiếng Anh: Dynamic HTML) là một thể hiện của việc tạo ra một trang web bằng cách kết hợp các thành phần: ngôn ngữ đánh dấu HTML tĩnh, ngôn ngữ kịch bản máy khách (như là Javascript), và ngôn ngữ định dạng trình diễn Cascading Style Sheets và Document Object Model (DOM).

DHTML có thể được sử dụng để tạo ra 1 ứng dụng trên trình duyệt web: ví dụ như dễ dàng điều hướng, tạo một đơn web tương tác với người dùng hoặc tạo ra một bài tập sử dụng cho e-learning. Bởi vì== Cấu trúc của một trang web == Đặc trưng của một trang web sử dụng DHTML được cấu thành như sau:

</script> </head> <body>

</body> </html> </source>

Thường thì mã JavaScript được lưu giữ trong một tập tin riêng, được nạp vào trang web bằng liên kết đến tập tin chứa mã JavaScript:

Xem thêm: Sự kiện DOM

Ví dụ: Hiển thị một đoạn văn bản được thêm vào

Đoạn mã dưới đây minh họa một chức năng thường được sử dụng. Phần thêm vào của trang web sẽ chỉ được hiển thị nếu người dùng yêu cầu nó. Như trong e-learning chức năng này sử dụng để hiển thị gợi ý được thêm vào.

```
<html>
```
```
<head><title>Ví dụ</title>
```
```
<style type="text/css">
```
```
<!--
```

    h2 {background-color: lightblue; width: 100%}

    a {font-size: larger; background-color: goldenrod}

```
    a:hover {background-color: gold}
```

    #example1 {display: none; margin: 3%; padding: 4%; background-color:

```
        limegreen}
```
```
-->
```
```
</style>
```
```
<script type="text/javascript">
```
```
<!--
```
```
function changeDisplayState (id) {
```
```
    e = document.getElementById(id);
```

    if (e.style.display == 'none' || e.style.display == '') {

```
        e.style.display = 'block';
```

        showhide.innerHTML = 'Dấu ví dụ'};

```
    else {
```
```
        e.style.display = 'none';
```

        showhide.innerHTML = 'Hiển thị ví dụ';

```
    }
```
```
}
```
```
//-->
```
```
</script>
```
```
</head>
```
```
<body>
```
```
<a id="showhide" href="#"
```

    onclick="javascript:changeDisplayState('example1')">Hiển thị ví dụ</a>

<div id="example1">Đây là ví dụ: văn bản chỉ hiển thị khi bấm chuột vào

```
    liên kết.</div>
```
```
<p>Thêm văn bản thường...<p>
```
```
</body>
```
```
</html>
```

Định dạng ập tin XHTML chứa một slideshow có thể xem được trên chế độ projector theo từng slide một (có thể. Định dạng sẽ được thực hiện bởi CSS.

Nguồn: Wiki

Nội dung cùng chủ đề

coded by nessus

Giao diện web, Kiến thức về website, Thiết kế web

Cascading Style Sheets, CSS, dhtml, Dynamic HTML, html, html tĩnh, Javascript, Thiết kế web, thiet ke website, trang web

HTML – Khái niệm và cách dùng HTML

Thiết kế web Thực phẩm, nước uống

Comments are closed.

Hưởng lợi nhiều từ website tốt

Với dịch vụ Thiết Kế Web, quý vị được:

Một website chuyên nghiệp, đẹp.
Một hệ thống bán hàng toàn quốc, toàn cầu.
Sản phẩm, dịch vụ cập nhật nhanh chóng.
Chương trình khuyến mãi được triển khai gần như tức thì.
Lượng khách hàng ổn định và có xu hướng tăng dần.
Giảm thiểu chi phí nhân công và các chi phí khác.
An tâm về độ trung thực, an toàn và bảo mật thông tin.
Giá thành web chỉ bằng 1 tháng lương của một nhân viên, nhưng hiệu quả mang lại có thể bằng vài phòng ban, hàng chục nhân viên cộng lại trong vòng nhiều năm.
Còn nhiều giá trị nữa...

HTML động trong thiết kế web

Nội dung cùng chủ đề

Comments are closed.

Liên hệ thiết kế web

Danh mục chính

Hưởng lợi nhiều từ website tốt

HTML động trong thiết kế web

Nội dung cùng chủ đề

Comments are closed.

Liên hệ thiết kế web

Danh mục chính

Hưởng lợi nhiều từ website tốt

Từ khóa hay được sử dụng