BÀI GIẢNG VỀ MÔN THIẾT KẾ WEB
lượt xem 13
download
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
Bình luận(0) Đăng nhập để gửi bình luận!
Nội dung Text: 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: Dng 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: Dng 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: Dng 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: Trangb.htm T o trang m i ch n th • Trong Behavior Panel ch n (+) Ch n Check Plugin • Nh p If found, go to URL: tranga.htm • Nh p Otherwise, goto URLL: trangb.htm • Ch n Ok i u ch nh bi n c là onLoad • This is trial version Trang 131 Biên so n: Dng Thành Ph t www.adultpdf.com
- Bài Gi ng Môn Thi t K Web Ph n 4: MacroMedia DreamWeaver IV. M T S BEHAVIOR KHÁC Sau khi quen v i cách s d ng m t s Behavior b n có th t tìm hi u m t s Behavior còn l . quan tr ng là tìm úng i tư ng, hành ng và bi n c phù h p. 1. Drag Layer: Kh năng kéo m t layer di chuy n trên màn hình 2. Goto URL: M t cách khác t o liên k t 3. Popup Menu: T o m t menu s xu ng, v i 2 ch c năng Show Popup Menu và Hide Popup menu 4. Jump Menu: T o nhóm liên k t trong Form 5. Swap Image: Thay i nh (Tương t ch c năng RollOver Image) 6. Validate Form: Ki m tra tính h p l c a d Library u trên form 7. Control ShockWare or Flash: Giúp i u khi n u c hát, ngưng hay n 1 khung hình c a 1 an phim Flash This is trial version Trang 132 Biên so n: Dng Thành Ph t www.adultpdf.com
- Bài Gi ng Môn Thi t K Web Ph n 4: MacroMedia DreamWeaver Chương 8 QU N TR WEB Gi i thi u T i site lên Webserver I. GI I THI U Site c a b n s ư c t I lên m t máy ch web b ng cách s d ng FTP (File Transfer Protocol - Giao th c truy n t p tin). ây là cách ưa site c a mình t trên máy tính cá nhân c a lên internet. Trư c khi chép các t p tin, c n ph i có m t tên mi n n u mu n và m t d ch v cho thuê không gian ISP (Internet Service Provider - Nhà cung n p d ch v Internet). M t vài i u mà nên suy nghĩ khi ăng ký Doamin& Hosting. Có c n m t tên mi n không ?, Có mu n có m t a ch web riêng không ?. N u có, • c n ph i ăng ký m t tên mi n. Có c n cơ s d li u không ? N u có, thì ó là lo i gì ?. N u s d ng ASP, PHP , • ASP.Net ho c m t công ngh nào khác, c n m b o r ng d ch v thuê không gian mà ang xem xét có h tr công ngh ó. Có các d ng h tr nào ?. N u là ngư i kinh nghi m, các tr giúp tr c tuy n có th • là . N u là ngư i m i, t t nh t là có ngư i nào ó thi t l p site c a b n trư c, c bi t là khi site c a có s d ng cơ s d li u. H tr có mi n phí không ? • Băng thông c a d ch v cho thuê này là bao nhiêu? M t s máy ch không có gi i • h n v băng thông (lư ng d li u giao d ch). Thư ng là s b gi i h n v băng thông và ph i tr thêm phí có băng thông r ng hơn. Không gian có ư c trên máy ch là bao nhiêu ? 10, 20 hay 50 MB ? Thư ng thì ây • là m t y u t óng vai trò quan tr ng trong vi c ch n l a d ch v cho thuê không gian. N u ích có nhu c u v không gian, khi ó các tùy ch n c a s ư c ưu tiên cho giá c . N u có nhu c u c n nhi u không gian, thì giá c d ch v cho thuê không gian thư ng tăng lên r t cao. Hãy so sánh c n th n các d ch v cho thuê không gian khác nhau. • Các th ng kê v web có ư c kèm theo d ch v cho thuê không gian không? • ôi khi các s li u th ng kê v site s ư c kèm theo d ch v mà không ph i tr thêm phí và ôi khi d ch v này ph i chi thêm m t kho n phí ph . Các s li u th ng kê có th giúp xác nh ư c trình duy t nào ngư i s d ng dùng xem site c a , trang web nào thư ng ư c xem nh t và nhi u thông tin th ng kê khác. D ch v này kèm theo bao nhiêu a ch thư i n t ? • Qu n lý site c a mình như th nào ? có th chép d li u lên site c a mình d dàng • không ? Thay i có d dàng không ? Làm th nào thi t l p thư i n t , t ng tr l i và chuy n ti p. II. T I SITE LÊN WEBSEVER – UPLOAD SITE 1. Thi t l p các thông s FTP: Trong môi trư ng Dreamweaver MX, th c hi n như sau: Nh p vào b ng i u khi n Site kích ho t b ng i u khi n này. • Nh p vào Site / Edit Sites • Nh p vào Site ã nh nghĩa và nh p vào nút Edit. • This is trial version Trang 133 Biên so n: Dng Thành Ph t www.adultpdf.com
- Bài Gi ng Môn Thi t K Web Ph n 4: MacroMedia DreamWeaver Nh p vào m c Local Info • Nh p tên mi n ho c a ch web trong trư ng HTTP Address. • Nh p vào m c Remote Ifo. • Nh p vào mũi tên tr xu ng trong trư ng Access và ch n FTP n u ang s d ng • m t k t n i qua i n tho i. N u s d ng k t n i qua cap trong m ng c c b , hãy ch n m c Local / Network Server Access. Nh p thông tin cho trư ng FTP Host • Thông tin này có th là a ch IP ho c a ch theo tên. Hãy h i nhà qu n tr m ng có ư c thông tin này. N u chép d li u lên m t thư m c c th , hãy nh p thư m c ó vào trư ng Host • Directory. Nhà cung c p d ch v cho thuê không gian s cung c p thông tin này. Nh p tên ăng nh p c a trong trư ng Login. ây là tên ăng nh p mà nhà cung • c p d ch v ã c p cho . Nh p vào m t kh u ăng nh p trong trư ng Password. • Các tùy ch n còn l i tùy thu c vào máy ch và các thông s an toàn cho các nhân • c a . M c nh, các tuỳ ch n này không ư c ch n. Nh p vào Test xem có th k t n i v i máy ch ư c không ? • Nh p OK và sau ó nh p Done óng h p tho i Edit Site. • 2. Chép các t p tin lên máy ch : Trong b ng i u khi n site, hãy m bào r ng ã ch n site mà mu n chép lên máy • ch . ng th i, cũng c n m b o r ng có m t k t n i Internet. This is trial version Trang 134 Biên so n: Dng Thành Ph t www.adultpdf.com
- Bài Gi ng Môn Thi t K Web Ph n 4: MacroMedia DreamWeaver Click vào nút Connects to Remote Host • Nh p vào thư m c g c, nh p vào bi u tư ng (Put File/s) • Nh p OK trong h p tho i h i r ng có mu n chép toàn b site c a mình hay không. • s ch quá trình chép toàn b site k t thúc. Nh p vào bi u tư ng Expand/Collapse xem site c c b và site trên máy ch . • ------------------------H t------------------------ This is trial version Trang 135 Biên so n: Dng Thành Ph t www.adultpdf.com
CÓ THỂ BẠN MUỐN DOWNLOAD
-
Bài giảng Thiết kế web bài 3: Bố cục trang web & bảng (table) trên trang web
34 p | 275 | 66
-
Bài giảng Thiết kế web bài 1: XHTML trong cấu trúc nội dung web
26 p | 328 | 61
-
Bài giảng môn học Thiết kế Web - GV. Phạm Hồng Phong
85 p | 332 | 52
-
Chương trình thực tập thiết kế và lập trình ứng dụng web
16 p | 201 | 43
-
Bài giảng Thiết kế Web: Chương 1 - Giới thiệu môn học
7 p | 200 | 30
-
Bài giảng môn Thiết kế web - Phần 1: Ngôn ngữ thiết kế Web HTML
30 p | 145 | 25
-
Bài giảng Thiết kế Web: Chương 7 - Một số đề tài NCKH môn Thiết kế Web 1
8 p | 106 | 18
-
Bài giảng Nhập môn HTML và thiết kế Web: Bài 6 - Cơ bản về CSS
0 p | 134 | 17
-
Bài giảng môn Thiết kế web - Phần 4: MacroMedia Dreamweaver
58 p | 124 | 17
-
Bài giảng Nhập môn HTML và thiết kế Web: Bài 4 - Bảng, lớp, Multimedia, mẫu biểu và khung
0 p | 119 | 17
-
Bài giảng Nhập môn HTML và thiết kế Web: Bài 2 - Các thẻ HTML cơ bản
0 p | 123 | 14
-
Bài giảng Nhập môn HTML và thiết kế Web: Bài 11 - Cấu trúc lập trình trong JavaSript
31 p | 76 | 13
-
Bài giảng môn Thiết kế web - Phần 2: Ngôn ngữ kịch bản JavaScript
29 p | 106 | 12
-
Bài giảng môn Thiết kế web - Phần 3: Ngôn ngữ định dạng CSS
18 p | 91 | 12
-
Bài giảng Nhập môn HTML và thiết kế Web: Bài 14 - Xử lý form và các sự kiện cho các phần tử trong form
17 p | 79 | 11
-
Bài giảng Nhập môn HTML và thiết kế Web: Bài 10 - Nền tảng cơ bản của JavaSript
34 p | 80 | 11
-
Bài giảng Nhập môn HTML và thiết kế Web: Bài 8 - Các thuộc tính hay sử dụng trong thiết kế Web
21 p | 81 | 11
-
Bài giảng Lập trình ứng dụng Web - Chương 0: Giới thiệu tổng quan về môn học
19 p | 108 | 4
Chịu trách nhiệm nội dung:
Nguyễn Công Hà - Giám đốc Công ty TNHH TÀI LIỆU TRỰC TUYẾN VI NA
LIÊN HỆ
Địa chỉ: P402, 54A Nơ Trang Long, Phường 14, Q.Bình Thạnh, TP.HCM
Hotline: 093 303 0098
Email: support@tailieu.vn