Thành phần "Content Rotator" hoạt động tương tự cũng giống như thành phần Ad Rotator nhưng linh hoạt hơn. Nó đọc bất kỳ văn bản nào đang được giữ trong một tập tin văn bản và hiện nội dung này ra trang web ASP của bạn. Trong ví dụ này chúng ta có 3 đoạn tin ngắn được lưu trữ bên trong 1 tập tin văn bản. Thành phần Content rotator sẽ đọc nội dung tập tin văn bản này và hiển thị mỗi lần một tin tức khác nhau khi khách viếng thăm trang web hay mỗi lần trang web được refresh. Một điều hay là thành phần "Content Rotator" cho phép chúng ta được phép sử dụng thẻ HTML bên trong tập tin văn bản. Vì thế chúng ta có thể định dạng văn bản , chèn ảnh hay tạo siêu liên kết trong tập tin văn bản này...
Cũng như thành phần Ad Rotator Dreamweaver MX 2004 cũng không chèn trực tiếp được vào do đó bạn phải tự viết thêm đoạn mã ASP để làm được công việc này.
Để sử dụng thành phần "Content Rotator" , chúng ta cần theo các bước sau...
-
Viết một số dòng code ASP torng trang "contact_newsletter.asp".
-
Tạo một tập tin văn bản tên "content1.txt". Tập tin này sẽ chứa đựng nội dung 3 bản tin mà chúng ta cần hiển thị ngẫu nhiên. Chúng ta sẽ sử dụng thẻ HTML để định dạng cho tập tin này.
1/ Mở tập tin "contact_newsletter.asp" trong Dreamweaver MX 2004.
2/ Chuyển sang chế độ "Code" và cuộn tới đầu trang. Đặt con trỏ sau đoạn code chèn "Ad Rotator" nhấn Enter để tạo một vài dòng trống.
Nhập vào đoạn mã sau:
Sau khi viết xong trong chế độ Code bạn sẽ nhìn thấy đoạn mã sau:
3/ Chuyển sang chế độ "Design" và đặt con trỏ trong cell muốn hiển thị bản tin như bên dưới:
4/ Chuyển sang chế độ Code bạn sẽ thấy con trỏ nhấp nháy tại vị trí tương ứng.
5/ Nhập vào đoạn mã sau giữa 2 thẻ
| và ....
<%
=ContShow
%>
Sau khi chèn xong bạn sẽ thấy như sau:
6/ Chuyển sang chế độ "Design" bạn sẽ nhìn thấy một biểu tượng ASP như sau:
7/ File->Save .
8/ Tạo tập tin văn bản "content1.txt" có cú pháp như sau (Xin vui lòng xem lại cách tạo tập tin văn bản trong Dreamweaver MX 2004 ở bài học trước) :
9/ Ví dụ tập tin "content1.txt" có nội dung như sau:
10/ Save tất cả các trang này lại sau đó Upload lên máy chủ. Mở trang contact_newsletter.asp lên nhấn F12 để kiểm tra thử kết quả của bạn.
* Chú ý: Nếu bạn đang sử dụng PWS sẽ sẽ gặp báo lỗi vì PWS không hổ trợ thành phần content rotator . Bạn sẽ gặp thông báo lỗi sau :
Server object error 'ASP 0177 : 800401f3'
Server.CreateObject Failed
/content.asp, line 5
800401f3
|
142 LAB WEB LÀNH NGHỀ
ĐỒ ÁN WEBSITE MỚI
