BÀI GIẢNG VỀ MÔN HỌC 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 HỌC THIẾT KẾ WEBBài Gi ng Môn Thi t K Web Ph n 4: MacroMedia DreamWeaverb. Các thao tác nh d ng 1 2 7 3 4 6 8 [1]-Src: ư ng d n t p tin nh. 5 [2]-Alt: Câu chú thích khi rê chu t vào nh. [3]-Border: dày Khung vi n quanh nh. [4]-Các hình th c canh l nh so v i trang. [5]-Align: Các hình th c canh l nh so v i văn b n trên trang. [6]-Low Src: ư ng d n t p tin nh ch t lư ng th p(t I trư c nh th t) [7]-Vspace : Kho ng tr ng (Pixel) bên trái/ph I nh [8]- Hspace : Kho ng tr ng (Pixel) phía trên/dư I nh.c. Gi ta v trí cho nh Giúp cho ngư I thi t k nh v trư c v trí c a các nh s chèn b sung sau này: t i m chèn v trí mu n nh v Click bi u tư ng Image Image Placehoder trên thanh công c Common. (Ho c trình ơn Insert/ Image Object/ Images Placeholder) Ho c Xu t hi n Name: t tên Width/Height: r ng/ Height: cao Color: Màu n n AlternateText: Câu chú thích B sung hình nh và nh d ng t I v trí ã gi ch Ch n v trí ã gi ch T I c a s thu c tính Properties th c hi n b sung nh và khai báo các thu c tính nh d ng This is trial version Trang 88Biên so n: Dng Thành Ph t www.adultpdf.comBài Gi ng Môn Thi t K Web Ph n 4: MacroMedia DreamWeaverV. T p tin Media (Audio, Video)1. Khái quát v các d ng t p tin Multi Media: D ng .midi (hay .mid) ư c cung c p b i nhi u trình duy t và không yêu c u Plug-in. • D ng .wav có ch t lư ng âm thanh t t, ư c cung c p b i nhi u trình duy t, không • yêu c u Plug-in. Tuy nhiên kích thư c t p tin l n. D ng .aif tương t d ng wav, cho ch t lư ng âm thanh t t, có th ch y h u h t các • trình duy t mà không yêu c u Plug-in, Tuy nhiên kích thư c t p tin l n D ng .mp3,.avi, wma,wmv . . . là d ng nén làm t p tin âm thanh nh hơn nhi u. Ch t • lư ng âm thanh t t. Công ngh m i cho phép phân lu ng t p tin nên không ph i i toàn b t p tin ư c t i trư c khi nghe nó. ch y các t p tin này, ngư i s d ng ph i cài t trình ng d ng như Windows Media. D ng .ra, .ram, .rpm,. . có nén r t cao, kích thư c t p tin nh hơn. Công ngh • ph n lu ng t p tin. Ch t lư ng âm thanh kém hơn các t p tin MP3 Ph i cài t trình ng d ng như RealPlayer.2. Liên k t n t p tin Media Liên k t n t p tin Media là cách ơn gi n và hi u qu thêm âm thanh cho trang Web. Ch n văn b n hay hình nh mu n s d ng liên k t v i t p tin Media. • Trên thanh properties, trư ng Link click vào bi u tư ng thư m c tìm t p tin âm thanh mu n liên k t Ok (ho c gõ vào ư ng d n và tên t p tin).3. Nhúng t p tin Media vào trang: Nhúng Media k t h p v i trình ch y âm thanh tr c ti p vào trang. t tr chèn t i v trí mu n nhúng t p tin. • Click vào nút Plug-in trên Common, hay ch n l nh Insert / Media / Plugin • Hay H p tho i Select File hi n th , click ch n tìm t p tin Media. Ok • Trên thanh Properties, xác nh r ng, chi u cao và canh l cho Media control. •Ghi chú : T p tin Media nhúng vào trang ph i n m cùng thư m c v i trang dang thi t k . This is trial version Trang 89Biên so n: Dng Thành Ph t www.adultpdf.comBài Gi ng Môn Thi t K Web Ph n 4: MacroMedia DreamWeaverVI. Các T p Tin Flash1 Thêm các t p tin Flash vào trang t tr chèn t i v trí mu n nhúng t p tin. • Click vào nút Flash trên Common, hay ch n l nh Insert / Media / Flash • Hay H p tho i Select File hi n th , click ch n tìm t p tin Flash, Ok • Trên thanh Properties, xác nh r ng, chi u cao và canh l , cho khung hi n th • hay xem th k t qu (Play)2. Thi t k các chu i kí t có hi u ng Flash t tr chèn t i v trí mu n t o chu I hi u ng Flash. • Click vào nút Flash Text trên Common, hay ch n l nh Insert / Media / FlashText • Hay H p tho i Select File hi n th , click ch n tìm t p tin Flash, • Font: Font ch Size: C ch Color: Màu RolloverColor: Màu khi rê chu t vào Text: Nh p n I dung Link: URL c a t p tin liên k t Tartget: Hình th c hi n th cho trang liên k t BgColor: Màu n n Save as: V trí lưu tr t p tin nh c a nút This is trial version Trang 90Biên so n: Dng Thành Ph t www.adultpdf.comBài Gi ng Môn Thi t K Web Ph n 4: MacroMedia DreamWeaver Ok Trên thanh Properties, xác nh r ng, chi u cao và canh l cho chu I Flash. • This is trial version Trang 91Biên so n: Dng Thành Ph t www.ad ...