Twitter
21:25
Unknown
Hướng dẫn học thiết kế web cá nhân bằng notepad phần 2! Ðể làm cho trang web sinh động hơn, hấp dẫn hơn, bạn có thể đưa thêm tranh ảnh vào một tài liệu html.
Có những trang web liên quan đến số liệu, đồ thị và đồ thị cũng là một dạng ảnh (images). Sau đây là cách đưa một bức ảnh vào trong trang web.
Ảnh cho vào trang web nên save dưới dạng .GIF hoặc .JPG
Không nên to quá, đây không nói đến kích thước (cm) mà nói đến kính cỡ file (số KB).
Khi scan, bạn hãy chọn 72 dpi (dots per inch) bởi vì đa phần các màn hình máy tính làm việc với độ phân giải này.
Khi upload trang web, nhớ upload cả ảnh.
Tên của các file nên sử dụng chữ thường, không nên sử dụng chữ hoa. Ví dụ: myphoto.jpg chứ không Myphoto.jpg.
 |
| Học thiết kế web với notepad phần 2 |
<html>
<body bgcolor="#ffffff">
<center>
<img src="myphoto.jpg" width="200" height="400" border="0" alt="Here is my first photo">
</center>
</body>
</html>
Rất đơn giản chỉ riêng <img src="myphoto.jpg"> đã đủ để đưa một bức ảnh vào trang web. img là image và src là source. Tất cả những cái đi đằng sau chỉ để trình bày bức ảnh đó đẹp hơn thôi. width là chiều rộng của bức ảnh mà bạn muốn, nó không phụ thuộc vào kích thước gốc của bức ảnh. height là chiều cao. Tất cả đều đo bằng pixel. border="0" báo cho Browser biết là ảnh này sẽ được trình bày không có khung. alt có ích khi ảnh chưa hoặc không được nạp (nhiều người surf không ảnh để đỡ tốn thời gian) Khi đó người xem biết được mình sẽ được xem cái gì.
Dùng tranh ảnh làm nền cho trang web
Trong trang trước, chúng ta đã nói đến màu sắc của nền trang web. Bằng cách thay đổi thông số của bgcolor, bạn sẽ tạo được màu nền khác tuỳ theo sở thích của mình. Như bạn chắc cũng đã thấy trong các website đã đến thăm, một trang web còn có thể có nền rất đẹp, tạo ra từ những bức tranh nhỏ. Trong cấu trúc html sẽ như sau:
<html>
<body bgcolor="#màu mà bạn thích" background="back.jpg">
</body>
</html>
Xem ví dụ
Bạn thấy đó, ở đây chỉ có một sự khác biệt rất nhỏ: ta thêm background vào và nhận được nền là back.jpg. Tuỳ theo kích cỡ của back.jpg mà nền trông khác nhau. back.jpg sẽ được ghép vào với nhau nếu như cỡ của nó nhỏ hơn window của Browser.
bgcolor có cũng được mà không có cũng vẫn được, nó chỉ có tác dụng khi back.jpg vì lý do gì đó không được nạp.
Khi học thiết kế web các bạn nên chú ý sử dụng VietKey,bảng mã VN Unicode 1 để đánh tiếng Việt trong notepad. Khi đã đánh xong, bạn vào file > save , ở Encoding mặc định là ANSI, các bạn chuyển thành UTF-8 rồi save lại là được.
CÔNG TY CỔ PHẦN THƯƠNG MẠI VÀ ĐẦU TƯ GIÁO DỤC VIỆT TIN
VPGD: Số 354A Tây Sơn - Đống Đa - Hà Nội
Điện thoại: Hotline: 0978007563
E-mail: vietnit.tin@gmail.com
Website: http://vietnit.com/
Posted in
0 nhận xét :
Đăng nhận xét