Bài giảng điện tử môn tin học: Hướng dẫn tạo Web docx

Bước 1: Tạo trang Web
Bước 1: Tạo trang Web
Web Site Wizard cho phép bạn tạo Web site
Web Site Wizard cho phép bạn tạo Web site
một hay nhiều trang
một hay nhiều trang
Khởi động chương trình
Khởi động chương trình


Microsoft Publisher
Microsoft Publisher
* Cách 1:
* Cách 1:


Nhấn nút Start\Programs\Microsoft Office\
Nhấn nút Start\Programs\Microsoft Office\
Microsoft Office
Microsoft Office
Publisher 2003.
Publisher 2003.
* Cách 2:
* Cách 2:


Nhấp đúp chuột vào biểu tượng
Nhấp đúp chuột vào biểu tượng


trên Desktop.

trên Desktop.
B1:
B1:
Trong cửa sổ
Trong cửa sổ
New Publication
New Publication
,
,
nhấp chuột
nhấp chuột
vào
vào
Web Sites and E-mail.
Web Sites and E-mail.
Bước 1: Tạo trang Web
Bước 1: Tạo trang Web
B2:
B2:
Nhấn vào
Nhấn vào
Web Sites
Web Sites
để xem 4 loại
để xem 4 loại
Web Site.
Web Site.
Bước 1: Tạo trang Web
Bước 1: Tạo trang Web
B3:

B3:
Chọn 1 loại trang Web
Chọn 1 loại trang Web
(3-Page Web Site)
(3-Page Web Site)


→
→


Ô bên phải hiện lên rất nhiều định dạng trang
Ô bên phải hiện lên rất nhiều định dạng trang
Web đã được thiết kế sẵn từ trước.
Web đã được thiết kế sẵn từ trước.
Kích đúp
Kích đúp
chuột
chuột


vào trang Web muốn chọn
vào trang Web muốn chọn


(Accent
(Accent
Box 3-Page Web Site)
Box 3-Page Web Site)
để bắt đầu Wizard.

để bắt đầu Wizard.
B4:
B4:
Hộp thoại
Hộp thoại
Personal Information
Personal Information
có thể hiện ra
có thể hiện ra
→
→
Nhấn
Nhấn
cancel.
cancel.
Bước 1: Tạo trang Web
Bước 1: Tạo trang Web
B5:
B5:
Nếu nhấp chọn 1 định dạng bên tay phải từ
Nếu nhấp chọn 1 định dạng bên tay phải từ
mục
mục
Easy Web Site Builder
Easy Web Site Builder


→
→
Hộp thoại xuất

Hộp thoại xuất
hiện hỏi về mục đích thành lập trang Web.
hiện hỏi về mục đích thành lập trang Web.
B6:
B6:
Nếu có yêu cầu, hãy đánh dấu vào những ô
Nếu có yêu cầu, hãy đánh dấu vào những ô
thích hợp ở bên dưới để giúp
thích hợp ở bên dưới để giúp
Wizard
Wizard
cấu trúc
cấu trúc
nên trang Web phù hợp với yêu cầu của bạn.
nên trang Web phù hợp với yêu cầu của bạn.
Những trang này sẽ được xuất hiện theo
Những trang này sẽ được xuất hiện theo
trình tự lựa chọn ô của bạn
trình tự lựa chọn ô của bạn
→
→
Nhấn
Nhấn
OK.
OK.


Bước 1: Tạo trang Web
Bước 1: Tạo trang Web
Nhấp

Nhấp
chọn
chọn
Nhấp
Nhấp
Bước 1: Tạo trang Web
Bước 1: Tạo trang Web
B7:
B7:
Nếu bạn nhấp chọn hết sẽ xuất hiện
Nếu bạn nhấp chọn hết sẽ xuất hiện
15 trang
15 trang
Web
Web
ở phía dưới màn hình.
ở phía dưới màn hình.
B8:
B8:
Ô
Ô
Web Site Options
Web Site Options
nằm ở bên trái giúp thiết
nằm ở bên trái giúp thiết
kế trang Web. Nhấn chuột vào
kế trang Web. Nhấn chuột vào
Page Content
Page Content

để lựa chọn cách trình bày trang Web.
để lựa chọn cách trình bày trang Web.
B9:
B9:
Trong ô
Trong ô
Web Site Options
Web Site Options
nhấn
nhấn
Color
Color
Schemes
Schemes
để lựa chọn sự phối hợp màu sắc
để lựa chọn sự phối hợp màu sắc
hoặc nhấn vào
hoặc nhấn vào
Custom color scheme
Custom color scheme
để thiết
để thiết
kế sự phối hợp màu theo cách riêng của bạn.
kế sự phối hợp màu theo cách riêng của bạn.
B10:
B10:
Trong ô
Trong ô
Web Site Options

Web Site Options
chọn thanh điều
chọn thanh điều
hướng
hướng
(Navigation bar)
(Navigation bar)
sẽ cho các liên kết
sẽ cho các liên kết
tới các trang Web khác trong trang của bạn.
tới các trang Web khác trong trang của bạn.
Bước 1: Tạo trang Web
Bước 1: Tạo trang Web
B10a:
B10a:
Nếu muốn thanh điều hướng nằm ở
Nếu muốn thanh điều hướng nằm ở


bên
bên
trái của trang và tiêu đề của trang được
trái của trang và tiêu đề của trang được
liên kết xuống dưới cùng của trang
liên kết xuống dưới cùng của trang
→
→


nhấn vào mục

nhấn vào mục
Vertical and Bottom
Vertical and Bottom
trong
trong
Navigtion bar.
Navigtion bar.
B10b:
B10b:
Nếu muốn
Nếu muốn


thanh điều hướng nằm ở trên
thanh điều hướng nằm ở trên
cùng của trang và tiêu đề của trang được
cùng của trang và tiêu đề của trang được
liên kết
liên kết
nằm ở dưới cùng của trang
nằm ở dưới cùng của trang
→
→


nhấn vào
nhấn vào
Horizontal and Bottom
Horizontal and Bottom
trong

trong
Navigation bar.
Navigation bar.
B10c:
B10c:
Nếu muốn thanh điều hướng chỉ nằm ở
Nếu muốn thanh điều hướng chỉ nằm ở
bên trái của trang
bên trái của trang
→
→
nhấn vào
nhấn vào
Vertical
Vertical
Only
Only
. Nếu chỉ nằm trên cùng của trang
. Nếu chỉ nằm trên cùng của trang
→
→


nhấn
nhấn
Horizontal Only
Horizontal Only
. Nếu chỉ nằm dưới
. Nếu chỉ nằm dưới
cùng của trang

cùng của trang
→
→
nhấn
nhấn
Bottom Only
Bottom Only
.
.
Bước 1: Tạo trang Web
Bước 1: Tạo trang Web
B11:
B11:
Nhấn vào liên kết Font Schemes
Nhấn vào liên kết Font Schemes
→
→
lựa chọn
lựa chọn
1 trong các mẫu trong đó hoặc nhấn vào
1 trong các mẫu trong đó hoặc nhấn vào
Styles and Formatting
Styles and Formatting
để thiết kế riêng
để thiết kế riêng
phông chữ theo cách riêng của bạn.
phông chữ theo cách riêng của bạn.
B12:
B12:
Có thể thay đổi bất cứ nhứng lựa chọn

Có thể thay đổi bất cứ nhứng lựa chọn
trước đó bằng cách quay trở lại ô
trước đó bằng cách quay trở lại ô
Web Site
Web Site
Options
Options
và lựa chọn những chỗ muốn thay
và lựa chọn những chỗ muốn thay
đổi.
đổi.
Chú ý:
Chú ý:


Trong trường hợp các ô chức năng này
Trong trường hợp các ô chức năng này
không xuất hiện, nhấn chuột vào
không xuất hiện, nhấn chuột vào
View
View
→
→


Task Pane.
Task Pane.
Bước 1: Tạo trang Web
Bước 1: Tạo trang Web
B1:

B1:
Phóng to hoặc thu nhỏ hình ảnh của trang
Phóng to hoặc thu nhỏ hình ảnh của trang
Web bằng cách sử dụng nút
Web bằng cách sử dụng nút
Zoom In
Zoom In


hoặc
hoặc


Zoom Out.
Zoom Out.
Chọn kiểu xem trang Web (Viewing Options)
Chọn kiểu xem trang Web (Viewing Options)
B2:
B2:
Di chuyển sang một trang khác, nhấn biểu
Di chuyển sang một trang khác, nhấn biểu
tượng
tượng
Page navigation
Page navigation
ở phía dưới màn hình.
ở phía dưới màn hình.
B3:
B3:
Lưu trang Web của bạn:

Lưu trang Web của bạn:
Nhấn biểu tượng
Nhấn biểu tượng
Save
Save
.
.
Trong mục
Trong mục
Save in
Save in
mở ổ
mở ổ
D\Intel_khoasinh_K29/Lop*/Nhom**/Ho_ten\Baimau_Hocsinh
D\Intel_khoasinh_K29/Lop*/Nhom**/Ho_ten\Baimau_Hocsinh
\trangweb_hocsinh.
\trangweb_hocsinh.
Trong mục
Trong mục
File name
File name
sửa
sửa
Publication 1
Publication 1


→
→

trangweb_hocsinh
trangweb_hocsinh


→
→
Trong mục
Trong mục
Save as type
Save as type


chọn
chọn
Web Page
Web Page


→
→
Nhấn
Nhấn
Save.
Save.
Bước 1: Tạo trang Web
Bước 1: Tạo trang Web
Lưu trang Web trong Publisher
Lưu trang Web trong Publisher
Cứ 10 - 15 phút lưu lại file Publisher 1 lần.

Cứ 10 - 15 phút lưu lại file Publisher 1 lần.
Bước 2: Tạo những thay đổi về thiết kế
Bước 2: Tạo những thay đổi về thiết kế
Chèn âm thanh và ảnh nền
Chèn âm thanh và ảnh nền
B1:
B1:
Có thể tạo nền của trang Web
Có thể tạo nền của trang Web
không giống với các thiết kế
không giống với các thiết kế
có sẵn của Publisher. Có thể
có sẵn của Publisher. Có thể
chèn thêm âm thanh khi trang
chèn thêm âm thanh khi trang
Web được trình chiếu. Muốn
Web được trình chiếu. Muốn
chèn âm thanh và ảnh nền
chèn âm thanh và ảnh nền
vào trang Web
vào trang Web
→
→
chọn
chọn
Format
Format


→

→
chọn
chọn
Background.
Background.
B2:
B2:
Ô
Ô
Background
Background
mở ra, nhấn
mở ra, nhấn
chuột vào 1 màu hoặc có thể
chuột vào 1 màu hoặc có thể
nhấn vào liên kết
nhấn vào liên kết
More color
More color


để chọn các màu khác.
để chọn các màu khác.
Bước 2: Tạo những thay đổi về thiết kế
Bước 2: Tạo những thay đổi về thiết kế
Chèn âm thanh và ảnh nền
Chèn âm thanh và ảnh nền
B3:
B3:
Nhấn chuột vào 1

Nhấn chuột vào 1
trong các màu nền để
trong các màu nền để
chọn hay nhấn chuột
chọn hay nhấn chuột
vào
vào
More background
More background


ở phía dưới các ô để
ở phía dưới các ô để
làm phong phú các
làm phong phú các
màu nền văn bản, mẫu
màu nền văn bản, mẫu
chèn hình ảnh làm nền
chèn hình ảnh làm nền
của bạn.
của bạn.
B4:
B4:
Khi đã chọn xong nhấn
Khi đã chọn xong nhấn
OK.
OK.
Bước 2: Tạo những thay đổi về thiết kế
Bước 2: Tạo những thay đổi về thiết kế
Thay đổi định dạng hiển thị trang

Thay đổi định dạng hiển thị trang
Bạn có tối ưu hoá trang Web của bạn sao cho
Bạn có tối ưu hoá trang Web của bạn sao cho
trang đó có thể xem được cả trên màn hình có
trang đó có thể xem được cả trên màn hình có
độ phân giải cao hoặc màn hình có độ phân
độ phân giải cao hoặc màn hình có độ phân
giải thấp.
giải thấp.
B1:
B1:
Nhấn File
Nhấn File
→
→
Page Setup.
Page Setup.
B2:
B2:
Trên phím
Trên phím
Layout
Layout
, trong mục
, trong mục
Publication type
Publication type


chọn

chọn
Web page.
Web page.
B3:
B3:
Bên dưới
Bên dưới
Page size
Page size
, chọn
, chọn
Standard (800x600
Standard (800x600
display).
display).
B4:
B4:
Khi đã hoàn tất, nhấn
Khi đã hoàn tất, nhấn
OK.
OK.
Bước 3: Bổ sung cho trang Web
Bước 3: Bổ sung cho trang Web
Thêm các trang bổ sung vào trang Web
Thêm các trang bổ sung vào trang Web
B1:
B1:
Trên menu
Trên menu
Insert

Insert
, nhấn
, nhấn
Page
Page
, hoặc nhấn liên
, hoặc nhấn liên
kết
kết
Insert a page
Insert a page
ở phía dưới mục
ở phía dưới mục
Web Site
Web Site
Options.
Options.
B2:
B2:
Lựa chọn bố cục
Lựa chọn bố cục
trang bạn muốn
trang bạn muốn
bổ sung, nằm
bổ sung, nằm
trong mục
trong mục
Select
Select
a page type

a page type
section.
section.
Bước 3: Bổ sung cho trang Web
Bước 3: Bổ sung cho trang Web
Thêm các trang bổ sung vào trang Web
Thêm các trang bổ sung vào trang Web
B3:
B3:
Nếu các bố cục không phù hợp với bạn, và
Nếu các bố cục không phù hợp với bạn, và
bạn muốn giữ nguyên định dạng cơ bản của
bạn muốn giữ nguyên định dạng cơ bản của
một trong những trang của bạn, nhấn
một trong những trang của bạn, nhấn
More.
More.
B4:
B4:
Định rõ số trang mới
Định rõ số trang mới
sẽ được thêm vào
sẽ được thêm vào
và chọn
và chọn
Before
Before
curent page
curent page
hoặc

hoặc
After current page.
After current page.
Bước 3: Bổ sung cho trang Web
Bước 3: Bổ sung cho trang Web
Thêm các trang bổ sung vào trang Web
Thêm các trang bổ sung vào trang Web
B5:
B5:
Bên dưới
Bên dưới
Options
Options
, chọn
, chọn
Duplicate all objects
Duplicate all objects
on page
on page
, và nhập số thứ tự trang để sao chép
, và nhập số thứ tự trang để sao chép
bố cục của trang đã được tạo trước đó. Hoặc
bố cục của trang đã được tạo trước đó. Hoặc
chọn
chọn
Insert blank pages
Insert blank pages
nếu bạn không cần
nếu bạn không cần
định dạng sẵn (bao gồm cả các nút điều

định dạng sẵn (bao gồm cả các nút điều
hướng).
hướng).
B6:
B6:
Nếu muốn mọi nút
Nếu muốn mọi nút
trên tất cả mọi trang
trên tất cả mọi trang
liên kết với trang mới
liên kết với trang mới
này, đánh dấu chọn
này, đánh dấu chọn
vào mục
vào mục
Add
Add
hyperlink to Web
hyperlink to Web
navigation bar.
navigation bar.
B7:
B7:
Nhấn
Nhấn
OK.
OK.
Bước 3: Bổ sung cho trang Web
Bước 3: Bổ sung cho trang Web
Thay đổi tiêu đề trang Web và nút điều hướng

Thay đổi tiêu đề trang Web và nút điều hướng
B1:
B1:
Trên thanh trạng thái ở phía dưới cùng của
Trên thanh trạng thái ở phía dưới cùng của
màn hình, nhấn biểu tượng
màn hình, nhấn biểu tượng
Page 1
Page 1
để quay
để quay
trở về trang 1.
trở về trang 1.
B2:
B2:
Nhấn vào chữ Home ở phía trên của trang
Nhấn vào chữ Home ở phía trên của trang
Web. Gõ vào tiêu đề lớn của trang Web.
Web. Gõ vào tiêu đề lớn của trang Web.
B3:
B3:
Lựa chọn phần chữ của nút điều hướng phù
Lựa chọn phần chữ của nút điều hướng phù
hợp với trang 1. Gõ tên thích hợp mà bạn
hợp với trang 1. Gõ tên thích hợp mà bạn
muốn nó xuất hiện trên nút. Tên ở trên nút
muốn nó xuất hiện trên nút. Tên ở trên nút
của thanh điều hướng sẽ tự động cập nhật
của thanh điều hướng sẽ tự động cập nhật
vào tất cả các trang khác và bất cứ trang mới

vào tất cả các trang khác và bất cứ trang mới
nào mà bạn chèn thêm.
nào mà bạn chèn thêm.
B4:
B4:
Tiếp tục thay đổi tiêu đề trang ở các trang
Tiếp tục thay đổi tiêu đề trang ở các trang
Web còn lại.
Web còn lại.
B5:
B5:
Lưu file của bạn.
Lưu file của bạn.
Bước 4: Tạo siêu liên kết
Bước 4: Tạo siêu liên kết
Tạo siêu liên kết với 1 trang khác trên
Tạo siêu liên kết với 1 trang khác trên
trang Web của bạn
trang Web của bạn
B1:
B1:
Nhấn vào hình ảnh hoặc chọn khối văn bản
Nhấn vào hình ảnh hoặc chọn khối văn bản
bạn muốn kết nối với 1 trang khác trên trang
bạn muốn kết nối với 1 trang khác trên trang
Web của bạn.
Web của bạn.
B2:
B2:
Trên

Trên
Insert
Insert
, nhấn
, nhấn
Hyperlink
Hyperlink
, hoặc nhấn nút
, hoặc nhấn nút
Insert Hyperlink
Insert Hyperlink
trên thanh công cụ
trên thanh công cụ
Standard.
Standard.
B3:
B3:
Trong hộp thoại
Trong hộp thoại
Insert Hyperlink
Insert Hyperlink
nhấn
nhấn
Place
Place
in This Document.
in This Document.
B4:
B4:
Nhấn vào trang bạn muốn tạo siêu liên kết.

Nhấn vào trang bạn muốn tạo siêu liên kết.
B5:
B5:
Nhấn
Nhấn
OK.
OK.
Bước 4: Tạo siêu liên kết
Bước 4: Tạo siêu liên kết
Tạo siêu liên kết với 1 trang khác trên
Tạo siêu liên kết với 1 trang khác trên
trang Web của bạn
trang Web của bạn
Bước 4: Tạo siêu liên kết
Bước 4: Tạo siêu liên kết
Tạo siêu liên kết với 1 địa chỉ Internet
Tạo siêu liên kết với 1 địa chỉ Internet
B1:
B1:
Nhấn vào hình ảnh hoặc chọn khối văn bản
Nhấn vào hình ảnh hoặc chọn khối văn bản
bạn muốn kết nối với 1 trang khác trên
bạn muốn kết nối với 1 trang khác trên
Internet.
Internet.
B2:
B2:
Trên
Trên
Insert

Insert
, nhấn
, nhấn
Hyperlink
Hyperlink
, hoặc nhấn nút
, hoặc nhấn nút
Insert Hyperlink
Insert Hyperlink
trên thanh công cụ
trên thanh công cụ
Standard.
Standard.
B3:
B3:
Trong hộp thoại
Trong hộp thoại
Insert Hyperlink
Insert Hyperlink
nhấn
nhấn
Existing file or Web page.
Existing file or Web page.
B4:
B4:
Trong mục Address, nhập hoặc dán địa chỉ
Trong mục Address, nhập hoặc dán địa chỉ
của trang Web mà bạn muốn tạo liên kết đến
của trang Web mà bạn muốn tạo liên kết đến
đó, hoặc nhấn Browsed Pages để chọn trang

đó, hoặc nhấn Browsed Pages để chọn trang
Web từ danh mục.
Web từ danh mục.
B5:
B5:
Nhấn
Nhấn
OK.
OK.
Bước 4: Tạo siêu liên kết
Bước 4: Tạo siêu liên kết
Tạo siêu liên kết với 1 địa chỉ Email
Tạo siêu liên kết với 1 địa chỉ Email
B1:
B1:
Nhấn vào hình ảnh hoặc chọn khối văn bản
Nhấn vào hình ảnh hoặc chọn khối văn bản
bạn muốn liên kết với 1 địa chỉ Email của bạn.
bạn muốn liên kết với 1 địa chỉ Email của bạn.
Khi người truy cập trang Web của bạn nhấn
Khi người truy cập trang Web của bạn nhấn
vào liên kết này, chương trình Email của
vào liên kết này, chương trình Email của
người đó sẽ tự động tạo tin với địa chỉ Email
người đó sẽ tự động tạo tin với địa chỉ Email
của bạn ở trong dòng To.
của bạn ở trong dòng To.
B2:
B2:
Trên

Trên
Insert
Insert
, nhấn
, nhấn
Hyperlink
Hyperlink
, hoặc nhấn nút
, hoặc nhấn nút
Insert Hyperlink
Insert Hyperlink
trên thanh công cụ
trên thanh công cụ
Standard.
Standard.
B3:
B3:
Bên dưới Link to, nhấn E-mail Address.
Bên dưới Link to, nhấn E-mail Address.
B4:
B4:
Hoặc nhập địa chỉ Email của bạn muốn vào
Hoặc nhập địa chỉ Email của bạn muốn vào
hộp
hộp
E-mail Address
E-mail Address
, hoặc chọn một địa chỉ
, hoặc chọn một địa chỉ
Email từ hộp

Email từ hộp
Recently used email addresss.
Recently used email addresss.


Lưu ý:
Lưu ý:
Chữ
Chữ
mail to
mail to
sẽ được tự động thêm
sẽ được tự động thêm
vào trước địa chỉ Email của bạn,
vào trước địa chỉ Email của bạn,
đừng xoá
đừng xoá


chữ đó.
chữ đó.
B5:
B5:
Nhập chủ đề vào hộp
Nhập chủ đề vào hộp
Subject
Subject
để bạn biết
để bạn biết
thư gửi đến có liên quan đến phản hồi trên

thư gửi đến có liên quan đến phản hồi trên
Web site của bạn.
Web site của bạn.
B6: Nhấn
B6: Nhấn
OK.
OK.
Bước 4: Tạo siêu liên kết
Bước 4: Tạo siêu liên kết
Tạo siêu liên kết với 1 địa chỉ Email
Tạo siêu liên kết với 1 địa chỉ Email