chương 1: giới thiệu về MS EXPRESSION WEB doc

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: C

Trang 1

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

Trang 2

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

Trang 3

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 thảo các trang web hiện đại và quản lý các website một cách chuyên nghiệp

 Khởi động

 Màn hình làm việc

Trang 4

I GIỚI THIỆU (tt)

Cửa sổ Folder List

View Bar

Task panes

Trang 5

II WEBSITE

Trang 6

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à quả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

Trang 7

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

hoặc

Trang 8

II WEBSITE (tt)

– B3

Chọn đường dẫn đến thư mục đã tạo ở B1

Trang 9

II WEBSITE (tt)

3 Đổi tên 1 website

Nhập tên mới của website

Trang 10

II WEBSITE (tt)

4 Tạo một thư mục mới bên trong website:

– Trong cửa sổ Folder List

hoặc C1: Chọn New Folder C2: Click phải lên thư mục cần tạo

thư mục mới > New > Folder

Trang 11

II WEBSITE (tt)

5 Đổi tên một thư mục bên trong website

– Click phải lên thư mục cần đổi tên > Rename

Hoặc nhấn phím F2

Trang 12

II WEBSITE (tt)

6 Xóa một thư mục bên trong website

– Click phải lên thư mục cần xóa > Delete

Hoặc nhấn phím Delete

Trang 13

II WEBSITE (tt)

7 Mở một website có sẵn

hoặc

Trang 14

II WEBSITE (tt)

8 Lưu toàn bộ website 9 Đóng 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 14

Trang 15

II WEBSITE (tt)

10 Cách xem một website (View Bar)

Cửa sổ thư mục (Folder view)

Trang 16

II WEBSITE (tt)

Xem thống kê tổng hợp của website (Reports view)

Trang 17

II WEBSITE (tt)

Cửa sổ hiển thị các liên kết (Hyperlinks view)

Trang 18

II WEBSITE (tt)

Xem website trên trình duyệt

hoặc

Trang 19

III WEB PAGE

Trang 20

III WEB PAGE

1 Tạo một trang web trống

hoặc

Trang 21

III WEB PAGE (tt)

2 Lưu một trang web

Trang web trước khi lưu

Trang 22

III WEB PAGE (tt)

 Vào menu File > Save (Ctrl+S)

 Hoặc: File > Save As để lưu trang web với một tên

khác

Nhập tên của trang web

(không dấu, không khoảng trắng)

Cửa sổ thay đổi tiêu đề (Title) của trang web

Trang 23

III WEB PAGE (tt)

Tên trang web sau khi lưu

Trang 24

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 phải  chọn Rename

4 Xóa một trang web ra khỏi website

– Trong cửa sổ Folder List, chọn trang web cần xóa

 nhấn phím Del hoặc click phải  chọn Delete

5 Thiết lập một trang web làm trang chủ

– Trong cửa sổ Folder list, chọn trang web muốn

thiết lập làm trang chủ  click phải  chọn Set

as Home Page

Trang 25

III WEB PAGE (tt)

Lưu ý biểu tượng và tên của trang chủ

Trang 26

III WEB PAGE (tt)

6 Các chế độ hiển thị trang web

Thiết kế (Design view)

Trang 27

III WEB PAGE (tt)

Mã nguồn HTML (Code view)

Trang 28

III WEB PAGE (tt)

Cửa sổ phân vùng (Split view)

Trang 29

IV TẠO LIÊN KẾT

Trang 30

IV TẠO LIÊN KẾT

 Một website thường có nhiều thành phần riêng biệt,

do đó phải có sự liên kết giữa các thành phần này lại với nhau

 Có 2 loại liên kết:

– Liên kết nội (Internal link): liên kết giữa các

trang trong cùng một website, hay giữa các vị trí khác nhau trong cùng một webpage

– Liên kết ngoại (External link): liên kết đến các

trang web khác trên Internet

Trang 31

IV TẠO LIÊN KẾT (tt)

 Mỗi liên kết có 2 thành phần:

– Nguồn liên kết: một dòng chữ, một hình ảnh hay

một nút nhấn,… mà người xem có thể trông thấy và click vào được

– Địa chỉ trang liên kết – URL

 Các bước để tạo một liên kết:

– B1: Chọn đối tượng để tạo liên kết (dòng chữ,

hình ảnh, nút nhấn,…) – B2: Chọn trang liên kết

Trang 32

1 Cách tạo liên kết nội (Internal link)

a Liên kết đến một trang web khác trong cùng

một website

 B1: Chọn đối tƣợng để tạo liên kết

 B2: Chọn 1 trong 3 cách sau

• Click phải > chọn Hyperlink

• Chọn biểu tƣợng Hyperlink trên thanh

Trang 33

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 sẽ tự động xuất hiện trong ô Address

Trang 34

b Liên kết đến Bookmark: liên kết đến các vị trí

khác nhau trong cùng một trang web có nội dung

dài

 B1: Chọn vị trí hoặc đối tượng làm điểm dừng

(bookmark) ( slide 35 )

 B2: Đặt tên cho điểm dừng ( slide 36 )

 B3: Chọn đối tượng cần tạo liên kết đến điểm

dừng ( slide 37 )

 B4: Tạo liên kết đến điểm dừng ( slide 38 )

Trang 35

Tạo liên kết Bookmark trên trang decuongmonhoc.htm

Đặt con trỏ chuột ngay tại vị trí này

B1

Trang 36

B2

Trang 37

B3

Trang 38

Chọn trang web cần liên kết đến điểm dừng

Tên trang web cùng với vị trí bookmark

sẽ tự động xuất hiện trong ô Address

B4

Trang 39

2 Cách tạo liên kết ngoại (External link)

a Liên kết đến một trang web khác ngoài thư mục

website hiện tại ( slide 40 )

b Liên kết đến một trang web khác trên Internet

( slide 41 )

c Liên kết đến một địa chỉ email ( slide 42 )

Trang 40

Chọn đường dẫn lưu trang web trong thư mục khác

Liên kết đến một trang web khác ngoài thư mục website hiện tại

Trang 41

Đánh địa chỉ trang web khác trên Internet vào ô Address

Liên kết đến một trang web khác trên Internet

Trang 42

Liên kết đến một địa chỉ email

Trang 43

3 Hủy bỏ hay hiệu chỉnh liên kết

 Chọn liên kết cần hủy bỏ hay hiệu chỉnh

 Dùng 1 trong 3 cách sau để vào cửa sổ Edit

Hyperlink:

• Click phải > chọn Hyperlink , hoặc

• Chọn biểu tượng Hyperlink trên thanh công

cụ, hoặc

• Vào menu Insert > Hyperlink… (Ctrl+K)

 Hủy bỏ liên kết: click vào nút Remove Link

 Thay đổi liên kết: chọn lại trang hay Bookmark

liên kết

Trang 44

4 Thay đổi màu sắc liên kết

 Chọn menu Format > Background

Màu mặc định của liên kết

Màu của liên kết đã xem qua

Màu của liên kết khi rê chuột đến Màu khi click chuột vào vào liên kết

Trang 45

TÓM TẮT CHƯƠNG 1

Trang 46

TÓM TẮT CHƯƠNG 1

 Làm quen với MS Expression Web

 Website

– Các thao tác cơ bản: tạo, đổi tên, đóng, mở

website; thêm, xóa, đổi tên thư mục bên trong website, …

– Các cách xem một website

 Web page

– Các thao tác cơ bản: thêm, lưu, mở, xóa, đổi tên,

thiết lập trang web làm trang chủ, … – Các chế độ hiển thị trang web

Trang 47

 Liên kết đến một trang web khác nằm bên

ngoài website hiện tại

 Liên kết đến một trang web khác trên Internet

 Liên kết đến địa chỉ email

Trang 48

KẾT THÚC

HỎI – ĐÁP

Định dạng
Số trang	48
Dung lượng	2,03 MB