CHƯƠNG II- SIÊU LIÊN KẾTHÌNH ẢNH
Số trang: 19
Loại file: ppt
Dung lượng: 610.50 KB
Lượt xem: 23
Lượt tải: 0
Xem trước 2 trang đầu tiên của tài liệu này:
Thông tin tài liệu:
Siêu liên kết cho phép người truy cập có thể duyệt từtrang web này đến trang web khác. Một liên kết gồm 3phần
Nội dung trích xuất từ tài liệu:
CHƯƠNG II- SIÊU LIÊN KẾTHÌNH ẢNHSIÊULIÊNKẾTHÌNHẢNHSII.SIÊULIÊNKẾT Siêuliênkếtchophépngườitruycậpcóthểduyệttừ trangwebnàyđếntrangwebkhác.Mộtliênkếtgồm3 phần: – Nguồn: chứa nội dung hiển thị khi người dùng truy cập đến, có thể là một trang web khác, một đoạn film,mộthìnhảnhhoặcmộthộpthoạiđểgởimail… – Nhãn: có thể là dòng văn bản hoặc hình ảnh để ngườidùngclickvàokhimuốntruycập đếnliênkết, nếunhãnlàvănbảnthìthườngđượcgạchdưới – Đíchđến(target):xácđịnhvịtríđểnguồnhiểnthị.I.SIÊULIÊNKẾT CÁCLOẠILIÊNKẾT – Internal Hyperlink:(Liên kết trong) là các liên kết với các phần trong cùng một tài liệu hoặc liên kết các trangtrongcùngmộtwebsite. – ExternalHyperlink (Liênkếtngoài)làcácliênkếtvới cáctrangtrênwebsitekhác. TẠOSIÊULIÊNKẾT Cúpháp: Nhãn – URL:Địachỉcủatrangliênkết – Nhãn: Có thể là dòng text hoặc hình ảnh hoặc một n útI.SIÊULIÊNKẾT Dùng URL tương đối để liên kết đến các trang trong cùngmộtwebsite Vídụ: Usinglinks OpenPage1 I.SIÊULIÊNKẾT DùngURLtuyệtđốiđểliênkếtđếncáctrangtrong websitekhác Vídụ: Link Trang Google Trang Yahoo I.SIÊULIÊNKẾT LIÊNKẾTVỚIBOOKMARKCỦATRANGKHÁC Cúpháp: Vídụ:Trangmain.htm Internet Introduction to HTMLI.SIÊULIÊNKẾT Liênkếtđếnhộpthư Cúpháp: Nhãn Vídụ: E mail II.HÌNHẢNHTRÊNTRANGWEB Cácloạiảnh: Ảnh .Gif (Graphics Interchange Format): được sử dụng phổ biến nhất trong các tài liệu HTML, dễ chuyểntải,hổtrợ256màuGIF.CácfileGIF được địnhdạngkhôngphụthuộcphầnnền Ảnh JPEG (Joint PhotoGraphic Expert Group) có phầnmởrộng.JPG,làloại ảnhnénmấtthôngtin. Tuynhiên,trongquátrìnhphátlạithì ảnhcũngrõ gầnnhưảnhgốc.JPEGhỗtrợhơn16triệumàuvà thườngđượcsửdụngchocácảnhcómàuthực. ẢnhPNG (PortableNetworkGraphics)nénkhông mấtdữliệuII.HÌNHẢNHTRÊNTRANGWEB Chènhìnhảnh Cúpháp: – URL:thườngsửdụngđịachỉtươngđối – Nếu hình chứa trong thư mục image và tập tin .htmchứatrongthưmụchtmlthìđịachỉcủahình chèncódạngSrc=“../image/hinh1.gif” – Nếuhìnhvàtậptin.htmlchứatrongcùngmộtthư mục thì địa chỉ hình chèn có dạng: Src=“hinh1.gif”II.HÌNHẢNHTRÊNTRANGWEBVídụ: Image II.HÌNHẢNHTRÊNTRANGWEB Cácthuộctínhcủaảnh: Dànvănbảnquanhhìnhảnh: Nộidungvănbản quanhhìnhảnh Vídụ:hìnhnằmbêntráivănbản Nộidungvăn bảnquanhhìnhảnh Vídụ:hìnhnằmbênphảivănbảnII.HÌNHẢNHTRÊNTRANGWEB Chặnvănbảnbaoquanhhình: Canhlềkhidànvănbảnxungquanhmộtảnhsẽ tácđộngđếntấtcảcácvănbảnsauđónếukhông chènvàomộtdòngkẽđặcbiệt.ThuộctínhCLEAR trongtagBRlàmchovănbảnkhôngbắtđầunếulềcụ thểkhôngbịxóađi(nghĩalàtạicạnhdướicủaảnh) Cúpháp: :Ngănchặnvănbảndànbênlề phảicủaảnh :Ngănchặnvănbảndànbênlề tráicủaảnh :Ngănchặnvănbảndànhaibênlề củaảnhII.HÌNHẢNHTRÊNTRANGWEB Thêmkhoảngtrốngxungquanhảnh Nếukhôngmuốnvănbảndànxungquanhlề tráicủaảnhthìtacóthểthêmkhoảngtrắngxung quanhảnh Cúpháp: HSPACE=n:Khoảngtrắngđượctínhbằngpixelsẽ thêmvàocảbênphảivàbêntráicủaảnh VSPACE=m:Khoảngtrắngđượctínhbằngpixel sẽthêmvàocảbêntrênvàbêndướicủaảnhII.HÌNHẢNHTRÊNTRANGWEB Canh lề cho ảnh: Có thể canh lề cho ảnh so với mộtdòngvănbảntrongmộtđọan Cúpháp: – Vănbản muốncanhlềsovớiảnh – Direction:gồmcácgiátrị:top,bottom,middle, texttopII.HÌNHẢNHTRÊNTRANGWEB Dùng ảnh làm liên kết:Có thể dùng hình ảnh để tạomộtliênkếtđếnmộttrangkhác,hoặcnếuảnh lớn, bạn có thể tạo ảnh nhỏ hơn hoặc một biểu tượng cho nó để nó có thể hiển thị nhanh chóng trên trang web, sau đó tạo liên kết để đưa người truycậpđếnảnhcókíchthướcthật Cúpháp: Nhãn II.HÌNHẢNHTRÊNTRANGWEB Bảnđồảnh:làmộtảnhtrongtrangwebđượcchia ra làm nhiều vùng, mỗi vùng khi click vào sẽ liên kếtđếnmộtđịachỉURL Cáchtạo:Trướchếtphảichènvàotrangmộtảnh vàđặtnhãnchoảnh II.HÌNHẢNHTRÊNTRANGWEBTrongđó: – Label:têncủabảnđồảnh – Type:hìnhdạngcủacácvùngtrênảnh,gồmcácloại: – Rect:Vùnghìnhchữnhật – Circle:Vùnghìnhtròn – Pol ...
Nội dung trích xuất từ tài liệu:
CHƯƠNG II- SIÊU LIÊN KẾTHÌNH ẢNHSIÊULIÊNKẾTHÌNHẢNHSII.SIÊULIÊNKẾT Siêuliênkếtchophépngườitruycậpcóthểduyệttừ trangwebnàyđếntrangwebkhác.Mộtliênkếtgồm3 phần: – Nguồn: chứa nội dung hiển thị khi người dùng truy cập đến, có thể là một trang web khác, một đoạn film,mộthìnhảnhhoặcmộthộpthoạiđểgởimail… – Nhãn: có thể là dòng văn bản hoặc hình ảnh để ngườidùngclickvàokhimuốntruycập đếnliênkết, nếunhãnlàvănbảnthìthườngđượcgạchdưới – Đíchđến(target):xácđịnhvịtríđểnguồnhiểnthị.I.SIÊULIÊNKẾT CÁCLOẠILIÊNKẾT – Internal Hyperlink:(Liên kết trong) là các liên kết với các phần trong cùng một tài liệu hoặc liên kết các trangtrongcùngmộtwebsite. – ExternalHyperlink (Liênkếtngoài)làcácliênkếtvới cáctrangtrênwebsitekhác. TẠOSIÊULIÊNKẾT Cúpháp: Nhãn – URL:Địachỉcủatrangliênkết – Nhãn: Có thể là dòng text hoặc hình ảnh hoặc một n útI.SIÊULIÊNKẾT Dùng URL tương đối để liên kết đến các trang trong cùngmộtwebsite Vídụ: Usinglinks OpenPage1 I.SIÊULIÊNKẾT DùngURLtuyệtđốiđểliênkếtđếncáctrangtrong websitekhác Vídụ: Link Trang Google Trang Yahoo I.SIÊULIÊNKẾT LIÊNKẾTVỚIBOOKMARKCỦATRANGKHÁC Cúpháp: Vídụ:Trangmain.htm Internet Introduction to HTMLI.SIÊULIÊNKẾT Liênkếtđếnhộpthư Cúpháp: Nhãn Vídụ: E mail II.HÌNHẢNHTRÊNTRANGWEB Cácloạiảnh: Ảnh .Gif (Graphics Interchange Format): được sử dụng phổ biến nhất trong các tài liệu HTML, dễ chuyểntải,hổtrợ256màuGIF.CácfileGIF được địnhdạngkhôngphụthuộcphầnnền Ảnh JPEG (Joint PhotoGraphic Expert Group) có phầnmởrộng.JPG,làloại ảnhnénmấtthôngtin. Tuynhiên,trongquátrìnhphátlạithì ảnhcũngrõ gầnnhưảnhgốc.JPEGhỗtrợhơn16triệumàuvà thườngđượcsửdụngchocácảnhcómàuthực. ẢnhPNG (PortableNetworkGraphics)nénkhông mấtdữliệuII.HÌNHẢNHTRÊNTRANGWEB Chènhìnhảnh Cúpháp: – URL:thườngsửdụngđịachỉtươngđối – Nếu hình chứa trong thư mục image và tập tin .htmchứatrongthưmụchtmlthìđịachỉcủahình chèncódạngSrc=“../image/hinh1.gif” – Nếuhìnhvàtậptin.htmlchứatrongcùngmộtthư mục thì địa chỉ hình chèn có dạng: Src=“hinh1.gif”II.HÌNHẢNHTRÊNTRANGWEBVídụ: Image II.HÌNHẢNHTRÊNTRANGWEB Cácthuộctínhcủaảnh: Dànvănbảnquanhhìnhảnh: Nộidungvănbản quanhhìnhảnh Vídụ:hìnhnằmbêntráivănbản Nộidungvăn bảnquanhhìnhảnh Vídụ:hìnhnằmbênphảivănbảnII.HÌNHẢNHTRÊNTRANGWEB Chặnvănbảnbaoquanhhình: Canhlềkhidànvănbảnxungquanhmộtảnhsẽ tácđộngđếntấtcảcácvănbảnsauđónếukhông chènvàomộtdòngkẽđặcbiệt.ThuộctínhCLEAR trongtagBRlàmchovănbảnkhôngbắtđầunếulềcụ thểkhôngbịxóađi(nghĩalàtạicạnhdướicủaảnh) Cúpháp: :Ngănchặnvănbảndànbênlề phảicủaảnh :Ngănchặnvănbảndànbênlề tráicủaảnh :Ngănchặnvănbảndànhaibênlề củaảnhII.HÌNHẢNHTRÊNTRANGWEB Thêmkhoảngtrốngxungquanhảnh Nếukhôngmuốnvănbảndànxungquanhlề tráicủaảnhthìtacóthểthêmkhoảngtrắngxung quanhảnh Cúpháp: HSPACE=n:Khoảngtrắngđượctínhbằngpixelsẽ thêmvàocảbênphảivàbêntráicủaảnh VSPACE=m:Khoảngtrắngđượctínhbằngpixel sẽthêmvàocảbêntrênvàbêndướicủaảnhII.HÌNHẢNHTRÊNTRANGWEB Canh lề cho ảnh: Có thể canh lề cho ảnh so với mộtdòngvănbảntrongmộtđọan Cúpháp: – Vănbản muốncanhlềsovớiảnh – Direction:gồmcácgiátrị:top,bottom,middle, texttopII.HÌNHẢNHTRÊNTRANGWEB Dùng ảnh làm liên kết:Có thể dùng hình ảnh để tạomộtliênkếtđếnmộttrangkhác,hoặcnếuảnh lớn, bạn có thể tạo ảnh nhỏ hơn hoặc một biểu tượng cho nó để nó có thể hiển thị nhanh chóng trên trang web, sau đó tạo liên kết để đưa người truycậpđếnảnhcókíchthướcthật Cúpháp: Nhãn II.HÌNHẢNHTRÊNTRANGWEB Bảnđồảnh:làmộtảnhtrongtrangwebđượcchia ra làm nhiều vùng, mỗi vùng khi click vào sẽ liên kếtđếnmộtđịachỉURL Cáchtạo:Trướchếtphảichènvàotrangmộtảnh vàđặtnhãnchoảnh II.HÌNHẢNHTRÊNTRANGWEBTrongđó: – Label:têncủabảnđồảnh – Type:hìnhdạngcủacácvùngtrênảnh,gồmcácloại: – Rect:Vùnghìnhchữnhật – Circle:Vùnghìnhtròn – Pol ...
Tìm kiếm theo từ khóa liên quan:
mẹo thiết kế giáo trình đồ họa giáo trình thiết kế flash căn bản thiết kế website siêu liên kết hình ảnhTài liệu có liên quan:
-
Giáo trình phân tích một số loại nghiệp vụ mới trong kinh doanh ngân hàng quản lý ngân quỹ p5
7 trang 484 0 0 -
Chương trình khung trình độ trung cấp nghề nghề Thiết kế trang Web - Trường CĐN GTVT Đường Thuỷ 1
6 trang 453 0 0 -
Giáo trình hướng dẫn phân tích các thao tác cơ bản trong computer management p6
5 trang 221 0 0 -
13 trang 219 0 0
-
Giáo trình phân tích giai đoạn tăng lãi suất và giá trị của tiền tệ theo thời gian tích lũy p10
5 trang 174 0 0 -
Hướng dẫn luyện tập thực hành Adobe Dreamweaver CS5 - Chỉ dẫn cho người mới sử dụng: Phần 2
201 trang 161 0 0 -
38 trang 153 0 0
-
Đồ án tốt nghiệp - Phân tích thiết kế hệ thống - QUẢN LÝ WEB THIẾT KẾ WEBSITE
37 trang 151 0 0 -
Bài giảng học phần Thiết kế website thương mại điện tử: Chương 1 - ThS. Thiều Quang Trung
35 trang 145 2 0 -
47 trang 118 2 0