BÀI GIẢNG VỀ MÔN THIẾT KẾ WEB

Tài liệu tham khảo dành cho Giáo viên, sinh viên, lỹ thuật viên chuyên môn lập trình - Giáo trình lập trình với Java. Mong các thầy cô và các bạn có thêm tư liệu học tập tốt môn lập trình
Nội dung trích xuất từ tài liệu:
BÀI GIẢNG VỀ MÔN THIẾT KẾ WEB Bài Gi ng Môn Thi t K Web Ph n 4: MacroMedia DreamWeaver OnMove Khi c a s , khung di chuy n OnreadyStateChange Tr ng thái thành ph n thay i OnReset Khi form tr v các giá tr m c nh Onresize Khi c a s , khung thay i kích thư c OnRowEnter Khi ngu n d li u có thêm dòng m i OnRowExit Khi dòng d li u ã t n t i OnScroll Khi cu n thanh cu n OnSelect Khi ch n Text, MenuItem c a List/Menu OnStart N i dung Marquee b t u m t vòng OnSubmit Khi g i Form OnUnload Khi r i trang III. CÁC BEHAVIOR 1. Call JaVaScript Dùng g i l nh hay hàm ư c vi t b ng JavaScript a. G i H p Th ai Thông Báo Ch n i tư ng trong trang web c n g i hàm JavaScript • Nh n (+) Ch n Call javaScript • Nh p l nh : alert(“Chao cac ban”) • Ok • Hi u ch nh bi n c Behavior thanh onClick Lưu t p tin và xem trang • Nh n chu t vào i tư ng, h p ch n s xu t hi n • b. H p Th ai Ki m Tra Ch n nút m i, thêm hành ng CallJavaScript. Nh p l nh confirm(“Ban thuc su muon • xem trang khac?”) This is trial version Trang 128 Biên so n: D

ng Thành Ph t www.adultpdf.com Bài Gi ng Môn Thi t K Web Ph n 4: MacroMedia DreamWeaver Lưu và xem trang • H p th ai thông báo kèm theo 2 nút Ok và Cancel 2. Thay i màu n n cho trang Thông thư ng màu n n cho trang web ư c thi t k trư c, ngư i tham quan ch có vi c xem,không ư c hi u ch nh. Trong trư ng h p b n mu n thi t k trang v i 3 nút nh n, khi c n thay màu n n b n ch c n n vào nút tương ng red( ), Green (l c), Blue (Lam) T o trang m i • Chèn vào 3 nút: Red, Green, Blue • Nh n show Code View: Chuy n qua d ng mã HTML • Nh p an mã JavaScript sau, (mã JavaScript phân bi t in thư ng) • function Maunen(mau){ document.bgColor=mau } Nh n Show Design View, v d ng thi t k • Ch n nút Red • Behavior Panel, (+) thêm hành ng Call javaScript • Nh p l i g i hàm v i tham s màu (0xff0000) • M t Behavior m i ư c t o cho nút nút Red, v i bi n c onclick thì g i l nh i n n trang web sang màu . Tương t cho nút Green có tham s màu là (0x00ff00) và nút Blue có tham s màu là (0x000ff). Sau khi th c hi n xong 3 nút lưu trang và ki m tra xem k t qu . 3. Change Properties Thay i thu c tính c a các i tư ng trong khi ang xem trang là m t vi c làmk thú v . thao tác th t ơn gi n nhưng có th t o ra các hi u ng r t l , r t c bi t như: n/hi n, chuy n ng . . c a m t i tư ng. Trong ví d khi có m t s l p nh x p ch ng lên nhau, b n có th rê chu t vào ra nút i u khi n t os n hi n c a hình hoa tuy t bên dư i. Khi ưa chu t vào nút hình hoa tuy t bi n m t • This is trial version Trang 129 Biên so n: D

ng Thành Ph t www.adultpdf.com Bài Gi ng Môn Thi t K Web Ph n 4: MacroMedia DreamWeaver Khi l y chu t ra kh i nút, hình hoa tuy t xúât hi n l i • T o layer x p ch ng lên nhau T o trang m i và chèn nút góc trên màn hình • Chèn layer1 Chèn nh hoa tuy t vào Layer1 t tên Layer (Layer Id=layerHoa) • Ti p t c chèn Layer2 t tên Layer (Layer Id=layerTren) Hi u ch nh t a trùn • v i LayerHoa T o Behavior i u khi n Ch n nút i u khi n ã t o trên • T o Behavior, Change Properties • o Type Of Object ch n layer o Name Object ch n: LayerHoa o Properties, select ch n: style.visiblity o New Value: Hidden o Ok Trong Behavior panel thay tên bi n c là onMouseOver • T o thêm Behavior n a chó nút này V i o Type Of Object ch n layer o Name Object ch n: LayerHoa o Properties, select ch n: style.visiblity o New Value: visible o Ok Thay tên bi n c là onMouseOut • Lưu và ki m tra k t qu s n hi n c a hoa tuy t ( ưa chu t vào nút và ra kh i nút) This is trial version Trang 130 Biên so n: D

ng Thành Ph t www.adultpdf.com Bài Gi ng Môn Thi t K Web Ph n 4: MacroMedia DreamWeaver 4. Check Browse Trong site c a mình có th chèn m t s hi u ng c bi t, mà không ph i trình duy t nào cũng có th xem ư c. V y b n có th xây d ng 2 Website, m t site m i có các hi u ng c bi t và m t site cũ gi s site m i có trang ch là Sitemoi.htm (Dùng cho trình duy t xem Version 4.0 tr lên) và site cũ có trang ch là Sitecu.htm (Dùng cho các trình duy t cũ) Dùng Behavior này ki m tra trình duy t c a ngư i xem, n u có trình duy t m i thì xem site m i ngu c l i thì xem site cũ. T o trang m i ch n th • Trong Behavior Panel ch n (+) Ch n Check Browser • Nh p URL: Sitemoi.htm • Nh p Alr URL: sitecu.htm • Ch n Ok i u ch nh bi n c là onLoad • 5. Check Plugin Khi m t trang có thành ph n Flash, ShockWare thì ngư i xem ph i có cài Plugin xem ư c trang. Khi ó b n có th d phòng thêm m t trang không có s d ng Flash, ShockWare. N u ngư i xem có cài Plugin thì xem trang : Tranga.htm ngư c l i thì xem trang: Tr ...