TRƢỜNG ĐẠI HỌC HOA SEN KHOA KHOA HỌC & CÔNG NGHỆ BỘ MÔN HỆ THỐNG THÔNG TIN GIỚI THIỆU MICROSOFT EXPRESSION WEB Ging viên điều phối: PHẠM TH THANH TÂM Email: ptttam@khcn.hoasen.edu.vn Chƣơng 1: THIT K WEB & CÁC CÔNG CỤ Đ HA (TINV205DV02) NỘI DUNG I. GIỚI THIỆU II. WEBSITE III. WEB PAGE IV.TẠO LIÊN KẾT TÓM TẮT CHƢƠNG 1 Môn học: Thiết kế web & Các công cụ đồ họa - Chƣơng 1: Giới thiệu MS Expression Web 2 I. GIỚI THIỆU  Microsoft Expression Web là một phần mềm thiết kế web chuyên nghiệp của Microsoft, cho phép soạn tho các trang web hiện đại và qun lý các website một cách chuyên nghiệp.  Khởi động  Màn hình làm việc Môn học: Thiết kế web & Các công cụ đồ họa - Chƣơng 1: Giới thiệu MS Expression Web 3 I. GIỚI THIỆU (tt) Môn học: Thiết kế web & Các công cụ đồ họa - Chƣơng 1: Giới thiệu MS Expression Web 4 Cửa sổ Folder List View Bar Task panes Task panes Task panes II. WEBSITE Môn học: Thiết kế web & Các công cụ đồ họa - Chƣơng 1: Giới thiệu MS Expression Web 5 II. WEBSITE 1. Khái niệm – Website là một tập hợp các trang web có liên quan với nhau, đƣợc sở hữu và qun lý bởi một cá nhân, công ty hay tổ chức. – Mỗi website chứa một trang chính gọi là trang chủ (Home page) và nó đƣợc hiển thị đầu tiên trên trình duyệt web. – Một website có thể chứa nhiều tập tin gọi là trang web (web page) với những dữ liệu đa dạng khác nhau. Môn học: Thiết kế web & Các công cụ đồ họa - Chƣơng 1: Giới thiệu MS Expression Web 6 II. WEBSITE (tt) 2. Tạo mới một website – B1: Tạo một thƣ mục chứa website (*) – B2: Trong MS Expression Web Môn học: Thiết kế web & Các công cụ đồ họa - Chƣơng 1: Giới thiệu MS Expression Web 7 hoặc II. WEBSITE (tt) – B3 Môn học: Thiết kế web & Các công cụ đồ họa - Chƣơng 1: Giới thiệu MS Expression Web 8 Chọn đƣờng dẫn đến thƣ mục đã tạo ở B1 II. WEBSITE (tt) 3. Đổi tên 1 website Môn học: Thiết kế web & Các công cụ đồ họa - Chƣơng 1: Giới thiệu MS Expression Web 9 Nhập tên mới của website II. WEBSITE (tt) 4. Tạo một thƣ mục mới bên trong website: – Trong cửa sổ Folder List Môn học: Thiết kế web & Các công cụ đồ họa - Chƣơng 1: Giới thiệu MS Expression Web 10 hoặc C1: Chọn New Folder C2: Click phi lên thƣ mục cần tạo thƣ mục mới > New > Folder [...]... học: Thiết kế web & Các công cụ đồ họa - Chƣơng 1: Giới thiệu MS Expression Web 18 III WEB PAGE Môn học: Thiết kế web & Các công cụ đồ họa - Chƣơng 1: Giới thiệu MS Expression Web 19 III WEB PAGE 1 Tạo một trang web trống hoặc Môn học: Thiết kế web & Các công cụ đồ họa - Chƣơng 1: Giới thiệu MS Expression Web 20 III WEB PAGE (tt) 2 Lƣu một trang web Trang web trƣớc khi lƣu Môn học: Thiết kế web & Các công... công cụ đồ họa - Chƣơng 1: Giới thiệu MS Expression Web 15 II WEBSITE (tt) Xem thống kê tổng hợp của website (Reports view) Môn học: Thiết kế web & Các công cụ đồ họa - Chƣơng 1: Giới thiệu MS Expression Web 16 II WEBSITE (tt) Cửa sổ hiển thị các liên kết (Hyperlinks view) Môn học: Thiết kế web & Các công cụ đồ họa - Chƣơng 1: Giới thiệu MS Expression Web 17 II WEBSITE (tt) Xem website trên trình duyệt... học: Thiết kế web & Các công cụ đồ họa - Chƣơng 1: Giới thiệu MS Expression Web 24 III WEB PAGE (tt) Lƣu ý biểu tƣợng và tên của trang chủ Môn học: Thiết kế web & Các công cụ đồ họa - Chƣơng 1: Giới thiệu MS Expression Web 25 III WEB PAGE (tt) 6 Các chế độ hiển thị trang web Thiết kế (Design view) Môn học: Thiết kế web & Các công cụ đồ họa - Chƣơng 1: Giới thiệu MS Expression Web 26 III WEB PAGE (tt)... HTML (Code view) Môn học: Thiết kế web & Các công cụ đồ họa - Chƣơng 1: Giới thiệu MS Expression Web 27 III WEB PAGE (tt) Cửa sổ phân vùng (Split view) Môn học: Thiết kế web & Các công cụ đồ họa - Chƣơng 1: Giới thiệu MS Expression Web 28 IV TẠO LIÊN KẾT Môn học: Thiết kế web & Các công cụ đồ họa - Chƣơng 1: Giới thiệu MS Expression Web 29 IV TẠO LIÊN KẾT  Một website thƣờng có nhiều thành phần... Expression Web 12 II WEBSITE (tt) 7 Mở một website có sẵn hoặc Môn học: Thiết kế web & Các công cụ đồ họa - Chƣơng 1: Giới thiệu MS Expression Web 13 II WEBSITE (tt) 8 Lƣu toàn bộ website File > Save All 9 Đóng website File > Close Site Môn học: Thiết kế web & Các công cụ đồ họa - Chƣơng 1: Giới thiệu MS 14 II WEBSITE (tt) 10 Cách xem một website (View Bar) Cửa sổ thƣ mục (Folder view) Môn học: Thiết kế web. .. Chƣơng 1: Giới thiệu MS Expression Web 21 III WEB PAGE (tt)  Vào menu File > Save (Ctrl+S)  Hoặc: File > Save As để lƣu trang web với một tên khác Cửa sổ thay đổi tiêu đề (Title) của trang web Nhập tên của trang web (không dấu, không khoảng trắng) Môn học: Thiết kế web & Các công cụ đồ họa - Chƣơng 1: Giới thiệu MS Expression Web 22 III WEB PAGE (tt) Tên trang web sau khi lƣu Môn học: Thiết kế web. ..II WEBSITE (tt) 5 Đổi tên một thƣ mục bên trong website – Click phải lên thƣ mục cần đổi tên > Rename Hoặc nhấn phím F2 Môn học: Thiết kế web & Các công cụ đồ họa - Chƣơng 1: Giới thiệu MS Expression Web 11 II WEBSITE (tt) 6 Xóa một thƣ mục bên trong website – Click phải lên thƣ mục cần xóa > Delete Hoặc nhấn phím Delete Môn học: Thiết kế web & Các công cụ đồ họa - Chƣơng 1: Giới thiệu MS Expression. .. Insert > Hyperlink… (Ctrl+K) Môn học: Thiết kế web & Các công cụ đồ họa - Chƣơng 1: Giới thiệu MS Expression Web 32 IV TẠO LIÊN KẾT (tt) Chọn trang web cần liên kết Nhập lời hƣớng dẫn khi rê chuột đến hyperlink (nếu cần) Tên trang web sẽ tự động xuất hiện trong ô Address Môn học: Thiết kế web & Các công cụ đồ họa - Chƣơng 1: Giới thiệu MS Expression Web 33 IV TẠO LIÊN KẾT (tt) b Liên kết đến Bookmark:... Chƣơng 1: Giới thiệu MS Expression Web 23 III WEB PAGE (tt) 3 Đổi tên một trang web – Trong cửa sổ Folder List, chọn trang web cần đổi tên  nhấn F2 hoặc click phải  chọn Rename 4 Xóa một trang web ra khỏi website – Trong cửa sổ Folder List, chọn trang web cần xóa  nhấn phím Del hoặc click phải  chọn Delete 5 Thiết lập một trang web làm trang chủ – Trong cửa sổ Folder list, chọn trang web muốn... (tt) Tạo liên kết Bookmark trên trang decuongmonhoc.htm B1 Đặt con trỏ chuột ngay tại vị trí này Môn học: Thiết kế web & Các công cụ đồ họa - Chƣơng 1: Giới thiệu MS Expression Web 35 IV TẠO LIÊN KẾT (tt) B2 Môn học: Thiết kế web & Các công cụ đồ họa - Chƣơng 1: Giới thiệu MS Expression Web 36 . Thiết kế web & Các công cụ đồ họa - Chƣơng 1: Giới thiệu MS Expression Web 3 I. GIỚI THIỆU (tt) Môn học: Thiết kế web & Các công cụ đồ họa - Chƣơng 1: Giới thiệu MS Expression Web 4. kế web & Các công cụ đồ họa - Chƣơng 1: Giới thiệu MS Expression Web 7 hoặc II. WEBSITE (tt) – B3 Môn học: Thiết kế web & Các công cụ đồ họa - Chƣơng 1: Giới thiệu MS Expression Web. họa - Chƣơng 1: Giới thiệu MS Expression Web 19 III. WEB PAGE 1. Tạo một trang web trống Môn học: Thiết kế web & Các công cụ đồ họa - Chƣơng 1: Giới thiệu MS Expression Web 20 hoặc