Lab01 coban HTML

Bài Tập Thực Hành Thiết Kế Web Lab 01 THIẾT KẾ WEB VỚI NGÔN NGỮ HTML Yêu cầu chung :  Tạo thư mục có cấu trúc hình, lưu giữ tập tin HTM vào thư mục HTMLS  Nội dung văn sử dụng bảng mã Unicode  Mỗi thư mục lưu loại tập tin Mục tiêu:  Làm quen với môi trường thiết kế Web NotePad, Dreamweaver  Xây dựng trang Web đơn giản sử dụng ngôn ngữ HTML Bài tập 01 : Thiết kế web phần mềm Notepad/ Notepad++ Sử dụng trình soạn thảo Notepad soan thảo nội dung sau lưu vào thư mục HTML  Đặt tên là: Welcome.htm lưu vào thư mục HTML, Encoding: UTF-8 Well com to HTML Chào mừng bạn đến với ngôn ngữ thiết kế web HTML  Mở xem kết trang web, số trình duyệt khác Bài tập 02 : Thiết kế web phần mềm Dreamwaver Yêu cầu :  Sử dụng Dreamweaver, tạo Site với thư mục chứa website thư mục tạo phần yêu cầu chung  Thiết kế trang web Baitho.html mẫu, lưu vào thư mục HTML  Yêu cầu: Định dạng văn theo mẫu như: màu trang, màu chữ, chữ tiêu đề, đậm, nghiêng, gạch chân, canh lề,… http://www.thayphet.net Bài Tập Thực Hành Thiết Kế Web Bài tập 03: Thiết kế trang web Congthuc.html  Lưu vào thư mục HTML  Yêu cầu: Màu trang, màu chữ, chữ tiêu đề, đậm, nghiêng, gạch chân, số trên, số dưới,… Bài tập 04: Thiết kế trang web ChuongTrinhDTWeb1.html  Lưu vào thư mục HTML  Yêu cầu: Dòng đầu cỡ tiêu đề H3, màu đỏ Các dòng nội dung dạng danh sách không đánh số thứ tự Màu xanh Dòng cuối có sử dụng văn in nghiêng, có màu khác Bài tập 05: Thiết kế trang web ChuongTrinhDTWeb2.html  Lưu vào thư mục HTML  Yêu cầu: Có màu nên ảnh cho trang Dòng tiêu đề có màu đỏ chuyển động từ phải sang trái Danh sách có đánh số thứ tự lồng Đường kẽ ngang 30% cửa sổ, canh giữa… http://www.thayphet.net Bài Tập Thực Hành Thiết Kế Web Bài tập 06: Thiết kế trang web MultiMedia.html (Chèn hình, Video, Flash)  Lưu vào thư mục HTML  Yêu cầu : Chèn flash làm banner Hình canh phía trái văn bản, có khung viền Phía văn chèn đoạn phim Bài tập 07: Thiết kế trang web Bangdiem.html  Lưu vào thư mục HTML  Yêu cầu: Trình bày bảng điểm kết học tập Màu dòng tiêu đề dòng cuối, màu chữ tùy ý Độ rộng Table=600, Khoảng cách ô =0 , độ dày đường viền 1, màu viền tùy ý Canh lề trộn ô theo mẫu http://www.thayphet.net Bài Tập Thực Hành Thiết Kế Web Bài 08: Tạo trang web Chuyenmucthacmac.html có nội dung chuyên mục thắc mắc sau: http://www.thayphet.net Bài Tập Thực Hành Thiết Kế Web Yêu cầu thiết kế:  Tiêu đề cửa sổ: CHUYÊN MỤC THẮC MẮC  Nội dung trang web Tạo table chứa nội dung trên, đó:  Dòng đầu: Chứa nội dung tiêu đề hình ảnh  Ô bên trái: Chứa thực đơn chuyên mục, dòng liên kết đến mục tương ứng với ô bên phải  Ô bên phải: Thể nội dung chi tiết chuyên mục Yêu cầu xử lý:  Menu liên kết chuyên mục (bên trái): Khi chọn, di chuyển đến mục tương ứng ô bên phải  Liên kết Về đầu trang (cuối mục bên phải): Khi chọn, di chuyển đầu trang web Hướng dẫn giải:  Tạo table gồm 15 dòng, cột  Dòng đầu: Tag với thuộc tính src, align Thẻ Tag với thuộc tính name name="#vedau" để đánh dấu vị trị đầu trang  Ô bên trái: Thẻ với thuộc tính href  Ô bên phải: Các dòng tiêu đề chuyên mục ta dùng với thuộc tính name để khai báo tên chuyên mục  Nội dung chi tiết: thẻ , , ,  ”Về đầu trang”: Thẻ với thuộc tính href Bài tập 09 Thiết kế trang web Dangky.html  Lưu vào thư mục HTML  Yêu cầu: Sử dụng Table, Form http://www.thayphet.net Bài Tập Thực Hành Thiết Kế Web Bài tập 10: Thiết kế layout website dùng Table Yêu cầu:  Thiết kế trang web tintuc.html donggopykien.html lưu vào thư mục html  Khi Click vào link chuyển đến trang tương ứng -Hết http://www.thayphet.net