THIẾT KẾ TRANG WEB

HTML

BÀI 1 NGÀY 29.7.2006 SOẠN THEO SÁCH KS ĐẬU QUANG TUẤN. 1. Chương Trình dùng soạn thảo : Notepad – Wordpad – Word . 2. Mở Chương Trình Notepad : Start > Programs > Accessories > Notepad > Nhấp Phải lên > Send To > Shortcut. 3. Soạn thảo trong NOTEPAD : • Nhấp Shortcut Notepad > Nhập các Dòng lệnh sau : <TITLE> BÀI 1 : THIET KE 1 TRANG WEB DON GIAN

Chao mung cac ban den voi Trang WEB1 cua utbinh

Gioi thieu cac ban xem cac trang Web , cac chuyen de , cac bai soan cua utbinh chua cac noi dung da goi trong 7 Forums

TAC GIA TANG NHU BINH

1- Thiet Ke Web Front Page 2003

2- Snag it Chup Hinh Man Hinh

3- Vanishing Point Tao Bong Do

4- Actions trong Photoshop

5- Thiet Ke Flash 8 Pro

6- Thiet Ke DREAMWEAVER 8

7- Cac bai trong Photoshop CS2

( Hình 1 ).

1

•

Menu File > Save As > Desktop > File name nhập : TRANGWEB1.HTML > Save As Type : Text Document (*txt) > Save . ( Hình 2 ).

4. Xem Trang Web HTML vừa Save trong Ổ Cứng : Ra Desktop > Nhấp File TRANGWEB1.HTML > Hiện ra Nội dung Trang Web mà bạn vừa soạn thảo ( Hình 3 ).

5. Tạo 1 ACCOUNT trong 1 Trang Web HOST : Sử dụng Host Free : www.freewebtown.com cho bạn Dung lượng chứa 2 GB và Band Width tải 2

xuống 2 GB . Xem bài của utbinh hướng dẫn sử dụng trang Web nầy trong ddth.com , mục Photoshop . 6. Sử dụng Software : CUTE FTP 7.0 PRO để UPLOAD File Web bạn vừa tạo . Xem bài của utbinh hướng dẫn sử dụng Software nầy trong ddth.com , mục Photoshop . 7. UPLOAD trang web : TRANGWEB1.HTML lên Host để lấy Link của Trang Web nầy . Có thể dự đoán trước đường LINK sẽ là : http://www.freewebtown.com/utbinh022/TRANGWEB1.HTML Giải thích đường Link : • http://www.frewebtown.com : Web Host Free mà bạn chọn . • utbinh022 : Account của bạn đã đăng ký trong Trang Web Host nầy. • TRANGWEB1.HTML : Trang Web của bạn vừa Upload lên Server.( Hình 4 ).

8. Vô Trình Duyệt Internet Explorer hay Fire Fox nhập Link nầy sẽ hiện ra Trang Web của bạn. ( Hình 5 ).

3

9. GIẢI THÍCH NỘI DUNG BẠN VỪA NHẬP TRONG NOTEPAD : • HTML : Hypertest Markup Language. Vô Trang nầy tham khảo thêm chi tiết : http://vi.wikipedia.org/wiki/HTML HTML nói chung tồn tại như là các tập tin văn bản chứa trên các máy tính nối vào mạng Internet. Các file này có chứa thẻ đánh dấu, nghĩa là, các chỉ thị cho chương trình về cách hiển thị hay xử lý văn bản ở dạng văn bản thuần túy. Các file này thường được truyền đi trên mạng internet thông qua giao thức mạng HTTP, và sau đó thì phần HTML của chúng sẽ được hiển thị thông qua một trình duyệt web, một loại phần mềm trực quan đảm nhiệm công việc đọc văn bản của trang cho người sử dụng), phần mềm đọc email , hay một thiết bị không dây như một chiếc điện thoại di động. ( Hình 7 ).

4

10. Nhấp Phải tập tin TRANGWEB1.HTML Ở Desktop > Edit > Hiện ra Hình có con trỏ đang nhấp nháy bên trong để bạn chỉnh sửa . ( Hình 8 ).

5

6

7