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

Chia sẻ: Trần Ngọc Mai | Ngày: | Loại File: PDF | Số trang:10

Thêm vào BST

Báo xấu

50
lượt xem 7
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

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ả

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: BÀI GIẢNG MÔN THI THIẾT KẾ WEB_3

Bài Gi ng Môn Thi t K Web Ph n 1: Ngôn Ng Thi t K Web HTML 6. 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 HTML Chươ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 o I. THI T K B NG BI U- TABLE 1. 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 Table a. 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 version Biên so n: Dương Thành Ph t Trang 22 www.adultpdf.com
Bài Gi ng Môn Thi t K Web Ph n 1: Ngôn Ng Thi t K Web HTML c. 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êu d. 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 t VD: 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 version Biên so n: Dương Thành Ph t Trang 23 www.adultpdf.com
Bà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 – FORM 1. 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 truy c 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 n m 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 n a. H p văn b n – Text box This is trial version Biên so n: Dương Thành Ph t Trang 24 www.adultpdf.com
Bài Gi ng Môn Thi t K Web Ph n 1: Ngôn Ng Thi t K Web HTML n: chi u di Textbox tính b ng s ký t , m: S ký t t i a có th nh p b. H p văn b n – Password n: chi u di Textbox tính b ng s ký t , m: S ký t t i a có th nh p c. Nút g i d li u – Submit Button Ho c Ho c d. Nút h y d li u v a nh p - Reset Button VD: T o trang Dangnhap.htm ĂNG NH P DI N ÀN Tên ăng nh p: M t kh u: VD: T o trang Timkiem.htm
Bài Gi ng Môn Thi t K Web Ph n 1: Ngôn Ng Thi t K Web HTML e. Khung văn b n – TextArea Văn b n m c nh Wrap: Cu n văn b n xu ng dòng khi n l ph i VD: T o trang Gopy.thm ÓNG GÓP Ý KI N H v tn: N i dung gĩp ý:N Nh ng m c b n thư ng quan tâm trên Internet : Gi i trí M c khác This is trial version Biên so n: Dương Thành Ph t Trang 26 www.adultpdf.com
Bài Gi ng Môn Thi t K Web Ph n 1: Ngôn Ng Thi t K Web HTML h. H p danh sách ch n – Combobox Chu i ký t ..... Value=”Tr ” : Giá tr g i lên Server Ghi chú: th c hi n liên k t khi ngư i dùng ch n 1 giá tr t ComboBox. Thêm thu c tính sau vào th onchange="window.open(this.options[this.selectedIndex].value,'_blank')" VD: T o trang Lienket.htm Liên k t website -------- Tin tuc --------- Báo lao ng Tin Vi t Nam Báo Tu i Tr VD: T o t p tin HTM v i n i dung như sau PHI U THĂM DÒ Ý KI N Tên ăng nh p: Gi i tính : Nam N M t kh u: S thích c a b n Truy c p Internet c sách báo This is trial version Biên so n: Dương Thành Ph t Trang 27 www.adultpdf.com
Bài Gi ng Môn Thi t K Web Ph n 1: Ngôn Ng Thi t K Web HTML Xem Tivai Tham quan du l ch D o ph & Shopping Nh ng m c b n thư ng quan tm trn Internet Tin t c Gi i trí Gĩc h c t p Cc m c khc N i dung gĩp ý website t t hơn III. THI T K KHUNG - FRAME 1. Thi t K Khung - Frame Là 1 k thu t chia trang web thành nhi u Khung, m i khung hi n th 1 trang web ho c • 1 t p tin nh. Không s d ng th Body khi thi t k khung. • ............. “Tr các c t”, “Tr các dòng”: + Kích thu c tuy t i tính theo pixel + % kích thư c tương i theo c a s trình duy t. “Url”: a ch t p tin hi n th trong khung. Ghi chú : Cho phép thi t k khung l ng nhau This is trial version Biên so n: Dương Thành Ph t Trang 28 www.adultpdf.com
Bài Gi ng Môn Thi t K Web Ph n 1: Ngôn Ng Thi t K Web HTML 2. nh D ng Khung a. Xác l p ư ng vi n. M c nh khung ư c t o có ư ng vi n là 5 Pixel. Có thay th thay i b ng cách dùng các thu c tính sau: ....... n1=1/0: ư ng vi n hi n th (M c nh)/không hi n th n2: dày ư ng vi n Tr : Tên màu cho ư ng vi n b. Xác l p kho ng cách l khung. Mc nh kho ng cách n i dung v i khung là 8 Pixel. Có th xác l p l khung b ng: n1: Kho ng cách l trái, ph i n2: Kho ng cách l trên, dư i c. Xác l p thanh cu n. Mc nh thanh cu n s hi n th khi kích thư c khung không cho n i dung. Auto: Tr m c nh ch hi n th khi n i dung vư t quá kích thư c khung. Tr : Yes: Luôn hi n thi No: Không bao gi hi n thi d. C nh kích thư c khung M c nh kích thư c s thay i khi ngư i dùng kéo vi n khung. ngăn c n vi c hi u chính kích thư c 3. CH NH KHUNG HI N TH CHO LIÊN K T. Bư c 1: t tên khung cho t p tin thi t k khung. Dùng thu c tính Name c a th Frame. Bư c 2: Xác nh ích n cho liên k t. Trong t p tin ch a liên k t, dùng thu c tính Target c a th ch nh khung hi n thi VD: T o t p tin Tintuc.HTM v i n i dung như sau This is trial version Biên so n: Dương Thành Ph t Trang 29 www.adultpdf.com
Bài Gi ng Môn Thi t K Web Ph n 1: Ngôn Ng Thi t K Web HTML VD: T o t p tin DMTin.htm v i n i dung như sau TIN T C Kinh t Chính tr Trang TinKT.htm C m c ch ng khoán: Kênh t o v n cho nhà u tư? M i ây UBCKNN ã g i công văn ngh các công ty ch ng khoán, ngân hàng ki m soát ch t giao d ch và cho vay c m c mua c phi u, nh m h n ch r i ro. Gi i chuyên môn cho r ng, chưa c n thi t ph i lo l ng, b i ch ng khoán tăng là d u hi u t t và v n trong t m ki m soát. Theo UBCKNN, n ngày 20-3 có kho ng 13 tri u c phi u các lo i ư c c m c v i t ng giá tr kho ng 751 t ng. y ban ã có yêu c u ph i h p v i Ngân hàng Nhà nư c liên k t qu n lý vi c cho vay v c m c ch ng khóan các ngân hng thương m i. Trang TinCT.htm Làm vi c trong B ... online M t lãnh o S Tài nguyên - Môi trư ng & Nhà t H i Phòng ã ''kêu'': n u không ào t o cán b g p thì không theo k p quy trình làm vi c c a B nh t là áp d ng tri t công ngh thông tin trong gi i quy t công vi c ra ngư i, ra vi c và khoa h c. ng d ng công ngh nhu n nhuy n vào công vi c Ông Mai Ái Tr c, B trư ng B Tài nguyên - Môi trư ng (TN&MT) T th i còn làm lãnh o t nh Bình nh ã áp d ng nhu n nhuy n công ngh thông tin trong qu n lý i u hành và cũng là ngư i u tiên sáng l p ra t Bình nh i n t - m t trong nh ng t báo i nt a phương s m nh t. This is trial version Biên so n: Dương Thành Ph t Trang 30 www.adultpdf.com