BÀI GIẢNG MÔN THI THIẾT KẾ WEB_3

Tham khảo tài liệu bài giảng môn thi thiết kế web_3, công nghệ thông tin, kỹ thuật lập trình phục vụ nhu cầu học tập, nghiên cứu và làm việc hiệu quả
Nội dung trích xuất từ tài liệu:
BÀI GIẢNG MÔN THI THIẾT KẾ WEB_3Bài Gi ng Môn Thi t K Web Ph n 1: Ngôn Ng Thi t K Web HTML6. T o liên k t cho t p tin Media Bài Gi ng Môn Thi t K Web Ph n 1: Ngôn Ng Thi t K Web HTMLChương 04 THI T K B NG BI U, BI U M U, KHUNG Thi t k b ng bi u – Table o Thi t k bi u m u – Form o Thi t k bi u khung - Frame oI. THI T K B NG BI U- TABLE1. Thi t K B ng Bi u - Form B ng là m t c u trúc g m nhi u hàng giao v i nhi u c t là k thu t trình bày các thành ph n trên trang web (Thi t k b c c trang web) C n phát th o c u trúc b ng trư c khi thi t k . N i dung tiêu b ng N i dung tiêu c t 1 N i dung tiêu c t 2 .... N i dung ô 1 dòng 1 N i dung ô 2 dòng 1 .... ....... 2. nh D ng Tablea. T o ư ng vi n. ....... S dùng thu c tính Border trong th Table, n tính b ng Pixel, m c nh là 2. T o ư ng vi n có bóng. ....... BorderColorDark: Màu m BorderColorLight: Màu sáng.b. Thi t l p r ng và canh l b ng ....... n: r ng c nh tính b ng pixel Ho c r ng tương i % kích thư c c a s . Center: Canh gi a c a s trình duy t, Văn b n không cu n bao quanh. Left: Canh trái c a s trình duy t, Văn b n s cu n bao quanh bên ph i b ng. Right: Canh ph i c a s trình duy t, văn b n s cu n quanh bên trái b ng. This is trial versionBiên so n: Dương Thành Ph t Trang 22 www.adultpdf.comBài Gi ng Môn Thi t K Web Ph n 1: Ngôn Ng Thi t K Web HTMLc. Xác l p màu, nh n n cho b ng, hàng, ô. Dùng thu c tính Bgcolor và Background trong các th tương ng. Thu c tính Ý nghĩa Màu n n cho toàn b ng nh n n cho tòan b ng Màu n n cho tóan hàng nh n n cho tòan hàng Màu n n cho ô nh n n cho ô Màu n n cho ô tiêu nh n n cho ô tiêud. nh d ng ô. Canh l n i dung trong ô :Dùng thu c tính Align cho các th tương ng • Thu c tính Ý nghĩa Canh theo chi u ngang ô các hư ng: Left, Right, Center Canh theo chi u d c ô các hư ng: Top, Bottom, Middle Canh hàng tiêu theo chi u ngang Canh hàng tiêu theo chi u d c Canh theo chi u ngang các ô trong hàng Canh theo chi u d c các ô trong hàng Kho ng cách trong ô và gi a các ô CellSpacing=“n” Kho ng cách gi a các ô. CellPadding=“n” Kh ang cách quanh n i dung ô Pixel m c nh là 2 Pixcel. Thi t k b ng trôn ô: Dùng thu c tính RowSpan và ColSpan cho th TD. TH t oô • có nhi u hàng/c t. Thu c tính Ý nghĩa T o ô có cao n hàng T o ô có r ng n c t T o ô tiêu có cao n hàng T o ô tiêu có r ng n c tVD: T o t p tin HTM v i n i dung như sau K T QU H C T P H V tnH c Sinh Năm Sinh i mTB X p L ai Nam N Lê Thanh Xuân 1950 8.5 This is trial versionBiên so n: Dương Thành Ph t Trang 23 www.adultpdf.comBài Gi ng Môn Thi t K Web Ph n 1: Ngôn Ng Thi t K Web HTML Gi i ..... Lưu Th M c 1985 4.5 Kém T ng s h c sinh t: 4 H c sinh II. THI T K BI U M U – FORM1. Gi i Thi u Form – Bi u m u là m t k thu t cho phép ch trang web giao ti p v i ngư i truyc p. Trên trang web ngư i dùng có th ư c yêu c u tr l i m t câu h i, cho 1 ý ki n, ch nm t m c trong danh sách nh trư c . . . ch trang web s ti p nh n và x lý thông tin y. C u trúc t ng quát N i dung bi u m u Nút g i d li u 2. nh Nghĩa Form D ng 1: Ch trình bày không g i d li u Các i tư ng trong Form D ng 2: Thông tin t Form chuy n cho a ch Mail Các i tư ng trong Form D ng 3: Thông tin t Form chuy n lên Webserver Các i tư ng trong Form 3. Thi t K Các Thành Ph na. H p văn b n – Text box This is trial versionBiên so n: Dương Thành Ph t Trang 24 w ...