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

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

52
lượt xem 4
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_2', 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_2

Bài Gi ng Môn Thi t K Web Ph n 1: Ngôn Ng Thi t K Web HTML Trong ó: Hi u ng: +Scroll:B t u t 1 c nh bi n m t c nh kia +Slide:B t u t 1 c nh d ng l i c nh kia +Alternate:B t u t 1 c nh chuy n ngư c l i c nh kia Hu ng: Left, Right, Up, Down Hư ng b t u n1: S l n l p n2: Kho ng cách(Pixel) gi a m i l n l p n3: Th i gian ch gi a m i l n l p. VD: T o t p tin HTM v i n i dung như sau Chào các b n! Chúc các b n h c t t VI. VĂN B N DANH SÁCH 1. Danh Sách Không ánh S Th T Danh sách không ánh s th t là: T o ch m c, hoa th (Bullets) u m i o n. M i m c s th t vào u dòng. a. T o danh sách không ánh s th t M c 1 c a danh sách M c 2 c a danh sách ....... M c n c a danh sách VD: T o t p tin HTM v i n i dung như sau CHƯƠNG TRÌNH ÀO T O THI T K W EB Ngôn ng HTML &amp FrontPage DreamWeaver MX Khai thác và Qu n tr Domain, Hostting Ngôn ng k ch b n JavaScript; Ngôn ng l p trình ASP & SQLServer This is trial version Biên so n: Dương Thành Ph t Trang 11 www.adultpdf.com
Bài Gi ng Môn Thi t K Web Ph n 1: Ngôn Ng Thi t K Web HTML b. Thay i ki u dáng cho ch m c Ap d ng cho t t c các m c : Ap d ng cho 1 m c ch nh : Các tr thu c tính: Disc: D u tròn en (M c nh) square: Hình vuông en c Circle: Hình tròn r ng VD: T o t p tin HTM v i n i dung như sau CHƯƠNG TRÌNH ÀO T O THI T K W EB Ngôn ng HTML & FrontPage DreamWeaver MX Qu n tr Domain, Hosting Ngôn ng k ch b n JavaScript; Ngôn ng ASP & SQLServer 2. Danh Sách Có ánh S Th T Danh sách có ánh s TT là: Lo i danh sách có ánh th t theo s hay theo ký t (Numbering) u m i o n. a. T o danh sách có ánh s th t M c 1 c a danh sách M c 2 c a danh sách ....... M c n c a danh sách This is trial version Biên so n: Dương Thành Ph t Trang 12 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 HTM v i n i dung như sau CHƯƠNG TRÌNH ÀO T O THI T K W EB Ngôn ng HTML &amp FrontPage DreamWeaver MX Khai thác và Qu n tr Domain,Hostting Ngôn ng k ch b n JavaScript; Ngôn ng l p trình ASP & SQLServer b. Thay i cách ánh s th t Ki u STT cho toàn văn b n danh sách Ki u STT cho 1 m c ch nh M c c a danh sách Các tr ki u Tr Ki u hi n th 1 1,2,3 . . . a a,b,c . . . A A,B,C. . . i i,ii,iii . . . I I,II,III . . . VD: T o t p tin HTM v i n i dung như sau CHƯƠNG TRÌNH ÀO T O THI T K WEB Ngôn ng HTML &amp FrontPage DreamWeaver MX Ngôn ng k ch b n JavaScript; Ngôn ng ASP & SQLServer This is trial version Biên so n: Dương Thành Ph t Trang 13 www.adultpdf.com
Bài Gi ng Môn Thi t K Web Ph n 1: Ngôn Ng Thi t K Web HTML 3. Ch nh giá tr kh i u Tác ng t t c các m c trong danh sách tr khi m c trong : dánh sách ch nh khác. Tác ng m c ch nh và các m c sau ó M c c a danh sách : n u các m c này không ch nh khác. VD: T o t p tin HTM v i n i dung như sau CHƯƠNG TRÌNH ÀO T O THI T K WEB Ngôn ng HTML &amp FrontPage DreamWeaver MX Ngôn ng k ch b n JavaScript; Ngôn ng ASP & SQLServer CHƯƠNG TRÌNH ÀO T O THI T K WEB NC Ngôn ng XML Ngôn ng Visual Basic.Net Công ngh ASP.Net 3. Danh Sách nh Nghĩa Dùng l p danh sách thu t ng . M i m c c a danh sách g m 2 ph n: Khái báo thu t ng nh nghĩa thu t ng Khai báo thu t ng nh nghĩa thu t ng 1 nh nghĩa thu t ng 2 ....... ....... VD: T o t p tin HTM v i n i dung như sau This is trial version Biên so n: Dương Thành Ph t Trang 14 www.adultpdf.com
Bài Gi ng Môn Thi t K Web Ph n 1: Ngôn Ng Thi t K Web HTML CHƯƠNG TRÌNH ÀO T O TIN H C VĂN PH NG Tin h c căn b n & WindowsXP S an Th o văn b n MicroSoft Word X lý b ng tính MicroSoft Excel TIN H C QU N LÝ L p trình CSDL MicroSoft Access 2003 Thi t k trình chi u MicroSoft PowerPoint 4. Danh Sách L ng Nhau K t h p các th , , l p danh sách l ng nhau VD: T o t p tin HTM v i n i dung như sau CHƯƠNG TRÌNH ÀO T O NGÀNH WEBSITE THI T K W EBSITE
Bài Gi ng Môn Thi t K Web Ph n 1: Ngôn Ng Thi t K Web HTML Chương 03 T CH C WEBSITE, S D NG HÌNH NH, THI T L P LIÊN K T T ch c lưu tr Website o S d ng hình nh o Thi t l p liên k t o Nhúng t p tin Media o I. T CH C LƯU TR WEBSITE 1. Các t p tin HTML c a 1 Website 1 Website bao g m r t nhi u trang Web –webpage (t p tin HTML). • Khi lưu tr ph i t ch c có c u trúc thu n ti n trong qu n lý, i u ch nh v sau. • Khi ưa Website lên WebServer ư c c p 1 a ch (Domain Name) và 1 thư m c. • 2. Trang ch c a 1 Website Trang ch (Home page) là ư c n p khi truy c p mà không rõ t p tin nào (Ch nh p • URL c a 1 Website) Thư ng qui nh là: index.htm,default.htm,home.htm • VD: Truy c p: http://www.tuoitre.com.vn Nghĩa là: http://www.tuoitre.com.vn/Index.htm 3. T ch c lưu tr 1 Website a. T ch c Site 1 thư m c T t c các t p tin HTML và các t p tin khác u t trong cùng 1 thư m c. • Thu n l i cho Website nh , ít t p tin, không c n quan tâm n ư ng d n. • b. T ch c Site thư m c theo ch c năng Bên trong thư m c chính, t ch c các thư m c con ch a các t p tin có n i dung liên • quan v i nhau. T i thư m c chính ch ch a t p tin ch m c và các hình nh c n thi t.(thư m c chính • ch a trang ch , m i thư m c con là 1 ho c 1 nhóm các trang con) c. T ch c Site thư m c theo ki u t p tin Bên trong thư m c chính, t ch c các thư m c con ch a các t p tin cùng ki u. • + Thư m c chính ch a trang ch và các thư m c con + 1 thư m c con ch a các trang HTML, + 1 thư m c con ch a các t p tin hình nh. . . . . Thu n l i s d ng chung t p tin, d thay th b sung các t p tin vào site. • d. T ch c Site h n h p K t h p cách t ch c Site theo ch c năng và Cách t ch c Site theo ki u t p tin. 4. a ch tương i& a ch tuy t i. a. a ch tuy t i Khi tham chi u n 1 t p tin ph i ghi y a ch URL. http://ServerName/ ư ng d n/ Tên t p tin VD: http://vietnamnet.vn/Tinkinhte/quocte/tin07.html This is trial version Biên so n: Dương Thành Ph t Trang 16 www.adultpdf.com
Bài Gi ng Môn Thi t K Web Ph n 1: Ngôn Ng Thi t K Web HTML b. a ch tương i. Khi tham chi u n 1 t p tin cùng thư m c t p tin chính: Tên t p tin Khi tham chi u n 1 t p tin khác thư m c t p tin chính: ư ng d n/Tên t p tin Ghi chú: S d ng ../ ch thư m c c p trên thư m c ch a t p tin chính: VD: T p tin HTML T p tin hình nh tham chi u: Logo.jpg S ghi: ../../Images/Logo.jpg II. S D NG HÌNH NH 1. Khái quát Các ki u t p tin hình nh cho phép: .jpg,gif,.png,.bmp • S d ng hình nh c n cân nh c: SL nh/1trang, kích thư c và phân gi i, nh m • c i thi n t c truy c p. Ph i lưu hình nh v trí nào ó trong thư m c chính c a Website • 2. Thi t l p nh n n cho trang S d ng thu c tính Background trong th BODY • Tên t p tin : Là a ch tuy t i or tương i c a t p tin nh Bgproperties =Fixed : Hình nh m b t ng VD: B sung thu c tính nh n n vào 1 trang html b t kỳ. Gi s t p tin nh lưu trong thư m c Images. T p tin Htm lưu trong thư m c Htmls 3. Chèn hình nh vào trang Web Tên t p tin : Là a ch tuy t i or tương i c a nh Câu chú thích: Hi n th trên trình duy t khi tr Mouse vào hình VD:
Bài Gi ng Môn Thi t K Web Ph n 1: Ngôn Ng Thi t K Web HTML T o khung vi n cho nh n: dày ư ng vi n Canh l hình nh. Hư ng: Top: Ph n u th ng hàng v i dòng u VB. Middle: Ph n gi a th ng hàng v i dòng u VB. Bottom: Ph n cu i th ng hàng v i dòng u VB. Left: Biên trái nh căn th ng l trái trang, VB bao quanh bên ph i nh. Right: Biên ph i nh căn th ng l ph i trang, VB bao quang bên trái nh. N u không khai báo m c nh là thu c tính Bottom VD: T o t p tin HTM v i n i dung như sau Máy tính "bó tay" v i tài s n c a Bill Gates Bill Gates, ngư i sáng l p Công ty ph n m m Microsoft và là ngư i giàu nh t th gi i, cho bi t cơ quan thu c a M ph i lưu tr các d li u tài chính c a ông vào m t máy tính c bi t, b i tài s n c a ông quá nhi u.Phát bi u t i m t h i ngh do Microsoft t ch c Lisbon, th ôB ào Nha, ông nói r ng m t máy tính thông thư ng không th x lý úng các s li u tài chính c a ông ... III. THI T L P LIÊN K T TRONG TRANG WEB 1. Khái quát Các siêu liên k t (Hyper Link) là c t lõi c a t p tin HTML cho phép truy c p n các • trang khác trên cùng máy tính hay máy tính khác. Tài li u liên k t có th là các t p tin: Hình nh, âm thanh, Multimedia, HTML . . . • Khi Click vào liên k t s truy c p t i a ch truy c p s th c hi n t ng • 2. Liên k t c c b (Local Link) Là liên k t n các tài li u Trên cùng máy . Nhãn liên k t VD: Gi i thi u This is trial version Biên so n: Dương Thành Ph t Trang 18 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 1 v trí trên cùng trang Web Nhãn liên k t Khai báo ích n: . . . Ghi chú: Tên ích b t c v trí nào trên cùng t p tin. VD: T o t p tin HTM v i n i dung như sau CHƯƠNG TRÌNH ÀO T O 1.K thu t viên tin h c 2.Chuyên ngành Website K thu t vin tin h c H c ph n I H c ph n II H c ph n III Tin H c Căn B n T ng quan c u trc my tính H i u hành Windows &Internet Tin H c Văn Ph ng Microsoft Word MicroSoft Excel Tin H c Qu n Lý Microsoft Access MicroSoft PowerPoint u trang This is trial version Biên so n: Dương Thành Ph t Trang 19 www.adultpdf.com
Bài Gi ng Môn Thi t K Web Ph n 1: Ngôn Ng Thi t K Web HTML 3. Liên k t t xa(Remote Link) Là liên k t n tài li u lưu tr trên máy khác. Liên k t n1 a ch URL Nhãn liên k t VD: Website tin t c vi t nam Liên k t n1 a ch Email Nhãn liên k t VD: G i Mail cho tôi S m chương trình mail m c nh so n và g i thư. 4. Dùng hình nh làm nhãn liên k t. VD: 5. M liên k t trong 1 c a s riêng. Mc nh các liên k t ư c m trên c a s hi n t i m 1 c a s riêng thì s d ng: Nhãn liên k t VD: VD: T o t p tin HTM v i n i dung như sau DANH B W EBSITE Tin T c Tin t c vi t nam Bo tu i tr Gi i trí Gi i thi u ngơi sao Lin k t qu ng co Lin h :G i mail This is trial version Biên so n: Dương Thành Ph t Trang 20 www.adultpdf.com