10. CSS trong Dreamweaver
10.4.5.Hiệu chỉnh liên kết
– Chọn nút liên kết cần thay ñổi Chọn menu Modify\Change Link…
– Nếu biết rõ tập tin liên kết mới thì có thể nhập trực tiếp trong ô Link của Properties Inspector.
10.4.6. Xoá liên kết
– Chọn nút muốn loại bỏ liên kết
– Chọn Modify\Remove Link. Hoặc xoá tên trang liên kết trong ô link của Properties Inspector.
10.4.7. Bản ñồ ảnh liên kết :
– Khi chọn ảnh làm liên kết, thì có một sốảnh kích thước lớn, thường chia nhỏảnh ñó ra thành nhiều vùng mỗi vùng liên kết ñến một trang Web khác, dạng này gọi là bản ñồ ảnh liên kết. Những thuận tiện khi sử dụng bản ñồảnh liên kết:
– Giúp tạo nhanh các liên kết
– Hình ảnh trực quan, dễ liên tưởng ñến trang tương ứng.
– Giúp bố cục các liên kết nhanh, không chiếm nhiều khu vực nút trên trang Web
a) Cách tạo:
– Chèn ảnh vào trang, click chọn ảnh
– Trong Properties Inspector, hiển thị công cụ Map – Chọn công cụ muốn chia vùng
– Drag chuột quanh phần trên hình mà ta muốn chia vùng ñể tạo liên kết
– Trong Properties Inspector, tại mục Link, nhập ñịa chỉ của trang cần liên kết ñến.
b) Hiệu chỉnh bản ñồ liên kết:
– Di chuyển vùng liên kết
– Click chọn công cụ ñể chọn vùng cần di chuyển – Drag chuột kéo ñến vị trí mới
THIẾT KẾ WEB – PHẦN 1 – WEB TĨNH - SANGIT c) Thay ñổi kích thước vùng liên kết
– Chọn vùng liên kết
– Click vào một trong các nút chọn
của vùng liên kết
– Drag chuột ñể thay ñổi kích thước
d) Xoá vùng liên kết
– Chọn vùng liên kết – Nhấn Delete
10.4.8. Chèn nút biến ñổi hình:
Trước hết phải có 2 tập tin ảnh, n1.gif màu cam, n2.gif màu xanh trong Folder Images của Site
– ðặt dấu nháy tại vị trí cần chèn nút ñộng – Chọn Insert\Image Objects\Rollover Image.
Hộp thoại Insert Rollover Image:
• Image Name : Nhập tên ảnh
• Original Image : Tên tập tin ảnh gốc ñại diện khi hiển thị (ví dụ n1.gif)
• Rollover Image : Tên tập tin ảnh hiển thị khi rê chuột vào (ví dụ n2.gif )
• Alternate Text : Câu ghi chú kèm theo
• When Click, go to URL: ðịa chỉ của trang liên kết ñến
10.4.9. Chèn hệ thống nút biến ñổi hình:
– Dreamweaver có thể giúp bạn cùng một lúc chèn vào cả một hệ thống nút biến hình – Chọn Insert\Image Objects\Navigation Bar
10.4.10. Chèn nút Flash:
Macromedia Dreamweaver và Macromedia Flash là một bộ chương trình có thể sử dụng dữ liệu qua lại với nhau rất thuận tiện, do ñó có thể dùng các nút Flash ñược thiết kế sẵn ñể làm nút liên kết trong Dreamweaver. Chọn Insert\Media\Flash Button
Sample : Ví dụ mẫu nút Flash
Style : Danh sách tên các nút Flash
Button Text: Văn bản trên nút Flash
Font : Kiểu chữ, Size: Cỡ chữ
Link : ðịa chỉ liên kết ñến
Target : Tên khung trang liên kết
THIẾT KẾ WEB – PHẦN 1 – WEB TĨNH - SANGIT
10.4.11. Chèn nút Flash Text: – Insert\Media\Flash Text
– Hộp thoại Insert Flash Text, nhập vào các thông số:
Font, Size : Font và cỡ chữ
Color : Màu chữ
Rollover Color: Màu chữ thay ñổi khi rê chuột qua nút
Text : Nội dung văn bản làm nút
Link : ðịa chỉ trang Web liên kết ñến
Target : Tên khung trang
11. JavaScript
11.1. LỜI NÓI ðẦU
- Với HTML and Adobe Dreamweaver bạn ñã biết cách tạo ra trang Web – Tuy nhiên chỉ mới ở mức biểu diễn thông tin chứ chưa phải là các trang Web ñộng có khả năng ñáp
ứng các sự kiện từ phía người dùng. Hãng Netscape ñã ñưa ra ngôn ngữ Script có tên là LiveScript ñể thực hiện chức năng này. Sau ñó ngôn ngữ này ñược ñổi tên thành JavaScript ñể
tận dụng tính ñại chúng của ngôn ngữ lập trình Java. Mặc dù có những ñiểm tương ñồng giữa Java và JavaScript, nhưng chúng vẫn là hai ngôn ngữ riêng biệt.
- JavaScript là ngôn ngữ dưới dạng Script có thể gắn với các File HTML. Nó không
ñược biên dịch mà ñược trình duyệt diễn dịch. Không giống Java phải chuyển thành các mã ñể biên dịch, trình duyệt ñọc JavaScript dưới dạng mã nguồn. Chính vì vậy bạn có thể dễ
dàng học JavaScript qua ví dụ bởi vì bạn có thể thấy cách sử dụng JavaScript trên các trang Web. - JavaScript là ngôn ngữ dựa trên ñối tượng, có nghĩa là bao gồm nhiều kiểu ñối tượng, ví dụñối tượng Math với tất cả các chức năng toán học. Tuy vậy JavaScript không là ngôn ngữ hướng ñối tượng như C++ hay Java do không hỗ trợ các lớp hay tính thừa kế.
- JavaScript có thể ñáp ứng các sự kiện như tải hay loại bỏ các Form. Khả năng này cho phép JavaScript trở thành một ngôn ngữ script ñộng. Giống với HTML và Java, JavaScript
ñược thiết kế ñộc lập với hệ ñiều hành. Nó có thể chạy trên bất kỳ hệ ñiều hành nào có trình duyệt hỗ trợ JavaScript. Ngoài ra JavaScript giống Java ở khía cạnh an ninh: JavaScript không thểñọc và viết vào File của người dùng.
- Các trình duyệt web như Nescape Navigator 2.0 trở ñi có thể hiển thị những câu lệnh JavaScript ñược nhúng vào trang HTML. Khi trình duyệt yêu cầu một trang, server sẽ gửi
ñầy ñủ nội dung của trang ñó, bao gồm cả HTML và các câu lệnh JavaScript qua mạng tới client. Client sẽ ñọc trang ñó từ ñầu ñến cuối, hiển thị các kết quả của HTML và xử lý các câu lệnh JavaScript khi nào chúng xuất hiện.
- Các câu lệnh JavaScript ñược nhúng trong một trang HTML có thể trả lời cho các sự kiện của người sử dụng như kích chuột, nhập vào một Form và ñiều hướng trang. Ví dụ bạn có thể kiểm tra các giá trị thông tin mà người sử dụng ñưa vào mà không cần ñến bất cứ một quá trình truyền trên mạng nào. Trang HTML với JavaScript ñược nhúng sẽ kiểm tra các giá trị ñược ñưa vào và sẽ thông báo với người sử dụng khi giá trịñưa vào là không hợp lệ.
- Mục ñích của phần này là giới thiệu về ngôn ngữ lập trình JavaScript ñể bạn có thể
THIẾT KẾ WEB – PHẦN 1 – WEB TĨNH - SANGIT 11.2. NHẬP MÔN JAVASCRIPT