Bài thực hành – Thiết kế web

Bài 01:

Thiết kế web với Notepad.

Mục tiêu

– Làm quen với ngôn ngữ thiết kế web – HTML

– Thiết kế trang web đơn giản chỉ dùng Notepad

Các bước thực hành:

1. Mở Notepad để soạn thảo trang web bằng HTML

2. Sau khi soan lưu trang web dưới dạng file có đuôi là *.htm hoặc *.html (ví dụ: bai01.htm)

3. Khởi động Internet Explorer, từ menu vào FILE->OPEN->chọn file vừa tạo để xem kết quả

hiển thị

Yêu cầu không sử dụng các phần mềm hỗ trợ khác như FrontPagehoặc Dreamweaver.

Bài tập 1: Sử dụng các tag để hiển thị phân cấp tiêu đề đề mục

pdf3 trang | Chia sẻ: maiphuongdc | Lượt xem: 3607 | Lượt tải: 1download
Bạn đang xem nội dung tài liệu Bài thực hành – Thiết kế web, để tải tài liệu về máy bạn click vào nút DOWNLOAD ở trên
Bài thực hành – Thiết kế web GVHD TS. Vũ ðức Lung 1 Bài 01: Thiết kế web với Notepad. Mục tiêu – Làm quen với ngôn ngữ thiết kế web – HTML – Thiết kế trang web ñơn giản chỉ dùng Notepad Các bước thực hành: 1. Mở Notepad ñể soạn thảo trang web bằng HTML 2. Sau khi soan lưu trang web dưới dạng file có ñuôi là *.htm hoặc *.html (ví dụ: bai01.htm) 3. Khởi ñộng Internet Explorer, từ menu vào FILE->OPEN->chọn file vừa tạo ñể xem kết quả hiển thị Yêu cầu không sử dụng các phần mềm hỗ trợ khác như FrontPage hoặc Dreamweaver. Bài tập 1: Sử dụng các tag ñể hiển thị phân cấp tiêu ñề ñề mục Bài tập 2: ðịnh dạng kiểu chữ Bài thực hành – Thiết kế web GVHD TS. Vũ ðức Lung 2 Bài tập 3: Tạo hai list (Two shopping lists) như sau Bài tập 4: Tạo Bảng sử dụng tag , , , Bài thực hành – Thiết kế web GVHD TS. Vũ ðức Lung 3 Và bảng

Các file đính kèm theo tài liệu này:

  • pdfbaith01_html_notepad_7828.pdf
  • pdfbaith02_html_dreamweaver_0198.pdf
  • pdfbaith03_css_dreamweaver_7085.pdf
  • pdfbaith04_webform_dreamweaver_7703.pdf
  • pdfbaith05_template_dreamweaver_4433.pdf
  • pdfbaith06_javascript_8135.pdf
  • pdfbaith07_php_coban_3092.pdf
  • pdfbaith08_php_voi_csdl_8935.pdf
Tài liệu liên quan