Xem mẫu
- BÀI 7 NGÀY 17.11.2008 UTBINH
SOẠN
TRONG CÁC BÀI TRƯỚC UTBINH ĐÃ HƯỚNG DẪN CÁC BẠN CÁCH DÁN TEXT ĐỂ TẠO
WEB ONE PAGE . CÁCH DÁN NẦY SẼ KHÔNG ĐẠT KẾT QUẢ THẨM MỸ KHI TEXT CÓ
CHỨA CÁC HÌNH MINH HỌA . CÁC HÌNH NẦY SẼ NẰM ĐÈ LÊN HÀNG CHỮ DƯỚI HOẶC
THAY ĐỔI VỊ TRÍ . BÀI NẦY HƯỚNG DẪN CÁC BẠN CÁCH DÁN TEXT VÀ HÌNH VÀO
TRANG WEB BẰNG CÁCH DÁN NÓ VÀO TABLE DO BẠN TẠO TRƯỚC ĐÓ . KẾT QUẢ LÀ
CÁC HÌNH SẼ ỔN ĐỊNH TẠI VỊ TRÍ MONG MUỐN . BÀI VIẾT NẦY DÀNH CHO NGƯỜI MỚI
BẮT ĐẦU HỌC THIẾT KẾ WEB BẰNG CHƯƠNG TRÌNH FRONTPAGE 2003 .UTBINH BẢO
ĐẢM RẰNG KHI CÁC BẠN ĐỌC CÁC BÀI VIẾT CỦA UTBINH SẼ THỰC HÀNH ĐƯỢC , TỰ
MÌNH THIẾT KẾ 1 TRANG WEB ONE PAGE VÌ BÀI VIẾT KHÁ TỈ MĨ VÀ CHI TIẾT . ĐÓ LÀ
PHONG CÁCH VIẾT( STYLES ) CỐ HỮU CỦA UTBINH . UTBINH QUAN NIỆM RẰNG MÌNH
ĐÃ BỎ CÔNG VIẾT MỤC ĐÍCH SAO CHO ĐỌC GIẢ ĐỌC – HIỂU – THỰC HÀNH ĐƯỢC
100% . NẾU KHÔNG ĐẠT KẾT QUẢ NHƯ TÁC GIẢ MONG MUỐN THÌ RẤT UỔNG CÔNG
KHI VIẾT BÀI ( LÀM 1 VIỆC VÔ ÍCH ) . CHÍNH VÌ NGUYÊN NHÂN SÂU XA NẦY MÀ UTBINH
CỐ GẮNG HOÀN THIỆN THEO VỐN ÍT HIỂU BIẾT CỦA MÌNH VÀ CẨN THẬN TỪNG HÌNH
MINH HỌA KÈM THEO . BẢO ĐẢM LẦN NỬA LÀ BÀI VIẾT CỦA UTBINH KHÔNG “ ĐỤNG
HÀNG “ CÓ NGHĨA LÀ KHÔNG GIỐNG AI HẾT . MỘT BÀI VIẾT PHẢI THỰC SỰ HỮU ÍCH
CHO GIỚI TRẺ VIỆT NAM TỰ THAM KHẢO TỰ HỌC HỎI . NẾU CÓ TRỞ NGẠI XIN THƯ VỀ
CHO UTBINH : utbinhdesign@gmail.com
I.TẠO TRANG WEB ONE PAGE :
1
- Mở FP 2003 > File > New > Hiện ra Cột New bên Phải > Nhấp : More Web site templates >
Hiện ra Bảng Website templates , chọn biểu tượng : one Page Web Site > Ok . Hiện ra Cột
Folder List bên Trái và Vùng Làm Việc trắng bên Phải.
II.CHUẨN BỊ :
Nội dung Trang Web One Page là bạn muốn giới thiệu 2 bài viết mới của bạn và 1 số hình
cá nhân hay hình sưu tầm đắc ý nhất của bạn .
1.
Tạo Folder Web : Bạn vào My Documents\My Web Sites\one Page12 > Nhấp lên
Folder one Page12 ( Số thứ tự do FP đặt lấy ) > Hiện ra Folder_private và Folder
images và File : index. (H1).
2. Copy 2 bài Text và Paste vào Folder_private > Copy 12 hình dán vào Folder
images.
III.THIẾT KẾ WEB ONE PAGE12 :
1. Mở lại FP 2003 : Trong cột trái OPEN bạn đã thấy Trang Web tên : one Page12 >
Nhấp lên nó . (H2).
2
- 2. Trong cột Folder List : Nhấp lên Folder_private , đã thấy 2 Files.doc mà bạn vừa
dán vào > Nhấp lên Folder images , đã thấy 12 Hình đã dán vào > Nhấp đúp :
index.htm > Hiện ra Vùng Làm Việc trắng để bạn bắt đầu Insert vào . (H3).
3
- 3.
Dán TEXT :
Do trong Text có lẫn hình minh họa nên khi dán Text vào các hình minh họa sẽ bị
lệch vị trí ( Hình đè lên chữ bên dưới ) . Bạn phải hiệu chỉnh lại cho hoàn hảo
•
Tạo Table
:
o Trang Web có 2 bài Text , bạn tạo 2 Tables :
Nhấp Nút Insert Table trong hàng Công Cụ > Chọn 1 Cột có 2
Hàng . (H4)
Đã hiện ra Table có 1 Cột và 2 Hàng. (H5).
• Nhấp lên bài Text 1 > Hiện ra nội dung > Ctrl+A > Ctrl+C > Close > Nhấp con
trỏ tại vị trí hàng thứ 1 > Ctrl+V > Nhấp Nút Preview > Bạn thấy Hình Minh
họa đè lên Hàng chữ bên dưới . (H6).
4
- • Nhấp Nút Design ( Muốn hiệu chỉnh bạn phải nhấp Nút Design ) , bạn cho
hàng chữ bên dưới tụt xuống 3 dòng > Nhấp Nút Preview xem lại , nếu còn
lỗi chỉnh tiếp tục . Thấy đã hoàn chỉnh , bạn nhấp Ctrl+S để lưu lại .
• Giống các bước trên , bạn dán Text 2 > Thấy hoản chỉnh , bạn nhấp Ctrl+S .
Nếu cần trộn 2 Tables nầy lại : Nhấp Phải chọn Merge cho 2 Tables.
4.
Dán HÌNH : Bạn có 12 Hình cần dán vào
• Nhấp con trỏ dưới Table vừa tạo > Chọn Công Cụ Insert Table > Rê tạo Table
có 4 Cột 3 Hàng . (H7).
5
- • Nhấp Nút Insert Picture From File , hiện ra 12 Hình bạn đã Insert vào Folder
images > Chọn 4 Hình > Insert . (H8) .
• Đã hiện ra 4 Hình trong Hàng thứ I .(H9).
6
- • Làm giống các bước trên để hiện 8 Hình còn lại trong Hàng thứ II và Hàng
thứ III > Nhấp Nút Preview > Nhấp con trỏ trong Table chứa Text > Nhấp
Phím Back để dời Hình sát lên trên gần Text > Preview thấy vừa ý nhấp
Ctrl+S . Ra Bảng Save Embedded Files , Ok . (H10).
7
- • Nhấp Phím F12 để Preview trong Trình Duyệt Internet Explorer > Close >
Close Chương Trình FP 2003.
IV.UPLOAD WEBSITE LÊN HOST SERVER :
1. Ra Desktop , nhấp My Documents > My Web Sites > one Page12 > index > Hiện ra
Trang Web mà bạn vừa thiết kế trong trình duyệ FireFox ( Nếu bạn chọn mặc định
FireFox ) . Trang Web nầy có đôi chút lệch lạc vị trí hình – chữ > Nhấp Phải vào
chổ trống > Chọn View Page in IE Tab > Bạn sẽ thấy Trang Web đã hoàn hảo .
2. Copy Folder : one Page12 > Paste tại Desktop > Rename đặt tên : site151108.
3. Bạn tiến hành Upload theo các bước đã được hướng dẫn trong Bài Sử dụng Phần
mềm CuteFTP 8.3 Pro .
4. Kết quả Links URL trong Host Server :
HOST FREE : http://www.110mb.com
http://utbinhutbinh.110mb.com/site151108/index.htm
http://utbinhutbinh.110mb.com/site161108/index.htm
HOST MUA : http://utbinh.com
http://utbinh.com/ANOV08/site151108/index.htm
http://utbinh.com/ANOV08/site161108/index.htm
LINKS CÁC BÀI VIẾT CHUYÊN ĐỀ
FRONTPAGE 2002 KỂ TỪ 12.11.2008
Bài 1 : http://utbinh.com/ANOV08/121108/FP111108.doc
Bài 2 : http://utbinh.com/ANOV08/111108/110MB.doc
Bài 3 : http://utbinh.com/ANOV08/131108/9down.doc
Bài 4 : http://utbinh.com/ANOV08/131108B/liveshare.doc
8
- Bài 5 : http://utbinh.com/ANOV08/141108/CuteFTP.doc
Bài 6 : http://utbinh.com/ANOV08/151108/bosung.doc
Download SOFTWARE : FrontPages 2003 Link Direct :
http://data.vietsitecom.net/files/Soft/Office/FRONTPAGE2K3/FrontPage2k3.part1.rar
http://data.vietsitecom.net/files/Soft/Office/FRONTPAGE2K3/FrontPage2k3.part2.rar
http://data.vietsitecom.net/files/Soft/Office/FRONTPAGE2K3/FrontPage2k3.part3.rar
http://data.vietsitecom.net/files/Soft/Office/FRONTPAGE2K3/FrontPage2k3.part4.rar
Dowload Frontpage 2003 part 04
Pass giải nén : vietsitecom.net
CDKey : WFDWYXQXJFRHRYGBG7RQBBDHM
Download Software :
CuteFTP.Pro.v8.3.2.Build.09.02.2008.1.Incl.Crack.rar
(8.45 MB).
http://www.liveshare.com/files/349087/CuteFTP.Pro.v8.3.2.Build.09.02.2008.1.Incl.Crack.rar.html
Links thực tập Frontpage 2003
http://utbinh.com/ANOV08/121108/site121108/index.htm
http://kimtrang.110mb.com/site121108/index.htm
http://utbinhutbinh.110mb.com/site141108/indexB.htm
http://utbinh.com/ANOV08/site141108/indexB.htm
http://utbinh.com/ANOV08/site161108/index.htm
http://utbinhutbinh.110mb.com/site161108/index.htm
http://utbinh.com/ANOV08/site151108/index.htm
http://utbinhutbinh.110mb.com/site151108/index.htm
LINKS 45 BÀI VIẾT FRONTPAGE 2003
Biên soạn từ 3.6.2006 đến 31.7.2006
Tạo Links mới ngày 12.11.2008
http://utbinh.com/ANOV08/121108/Bai1FRONTPAGE2003.doc
9
- http://utbinh.com/ANOV08/121108/Bai2FRONTPAGE2003.doc
http://utbinh.com/ANOV08/121108/Bai3FRONTPAGE2003.doc
http://utbinh.com/ANOV08/121108/Bai4FRONTPAGE2003.doc
http://utbinh.com/ANOV08/121108/Bai5FRONTPAGE2003.doc
http://utbinh.com/ANOV08/121108/Bai6FRONTPAGE2003.doc
http://utbinh.com/ANOV08/121108/Bai7FRONTPAGE2003.doc
http://utbinh.com/ANOV08/121108/Bai8FRONTPAGE2003.doc
http://utbinh.com/ANOV08/121108/Bai9FRONTPAGE2003.doc
http://utbinh.com/ANOV08/121108/Bai10FRONTPAGE2003.doc
http://utbinh.com/ANOV08/FP1120/11.CuteFTP7.doc
http://utbinh.com/ANOV08/FP1120/12.HostFree4FREE.doc
http://utbinh.com/ANOV08/FP1120/12.ThietkeWebquadongian.doc
http://utbinh.com/ANOV08/FP1120/13,ThietkeWebbosung.doc
http://utbinh.com/ANOV08/FP1120/13.WebhostFREEWEBTOWN.doc
http://utbinh.com/ANOV08/FP1120/14.ThietKeWebbosungimagesvamuclink.doc
http://utbinh.com/ANOV08/FP1120/14.UPLOADBOSUNG.doc
http://utbinh.com/ANOV08/FP1120/15.ThietkewebbosungNHAC.doc
http://utbinh.com/ANOV08/FP1120/16.ThietkewebbosungLAROI.doc
http://utbinh.com/ANOV08/FP1120/17.TaoBackgroundchotrangweb.doc
http://utbinh.com/ANOV08/FP1120/18.Uploadbosungdongloat.doc
http://utbinh.com/ANOV08/FP1120/19.ThietkewebbosungAlbums.doc
http://utbinh.com/ANOV08/FP1120/20.ThietkewebTEMPLATES.doc
http://utbinh.com/ANOV08/fp/21.ThietKeWebTongQuat.doc
http://utbinh.com/ANOV08/fp/22.SosanhImageSizevaDung%20Luong.doc
http://utbinh.com/ANOV08/fp/23.ThemTEXTvao1trangWeb.doc
http://utbinh.com/ANOV08/fp/24.TKWebbosungNutvaCounter.doc
http://utbinh.com/ANOV08/fp/25.TaocacTABLE.doc
http://utbinh.com/ANOV08/fp/26.Dophangiaivasosanhtrucquan.doc
http://utbinh.com/ANOV08/fp/27.TaocacTable2.doc
http://utbinh.com/ANOV08/fp/28.ThietkeWebbosungTUYETROI.doc
http://utbinh.com/ANOV08/fp/29.TaoTrangWEBcoHinhGIFChuyenDong.doc
http://utbinh.com/ANOV08/fp/30.ThietkeWebbosungDongHoTheGioi.doc
http://utbinh.com/ANOV08/fp/31.GrainSurgery2xulyda.doc
http://utbinh.com/ANOV08/fp/32.Neatimage5.2.doc
http://utbinh.com/ANOV08/fp/33.BOSUNGchuchay.doc
http://utbinh.com/ANOV08/fp/34.BoSungbanDoViTri.doc
http://utbinh.com/ANOV08/fp/35.BoSungSearhMSN.doc
http://utbinh.com/ANOV08/fp/36.ChenDongHovaSearchGoogle.doc
http://utbinh.com/ANOV08/fp/37.Hienhinhluanphien.doc
10
- http://utbinh.com/ANOV08/fp/38.ThuchoUTBINH.doc
http://utbinh.com/ANOV08/fp/39.CPACImagingProHieuchinhDa.doc
http://utbinh.com/ANOV08/fp/40.Dancodejava.doc
http://utbinh.com/ANOV08/fp/41.ThuVienJAVASCRIPT.doc
http://utbinh.com/ANOV08/fp/42.D%E1nCODEJavav%E0oTrangWeb..doc
http://utbinh.com/ANOV08/fp/43.ThuVienJAVASCRIPT2.doc
http://utbinh.com/ANOV08/fp/45%20BaiTKWebFrontpage2003.doc
http://utbinh.com/ANOV08/fp/46.CoverChuyenDeTKWEBFrontPage2003.doc
11
nguon tai.lieu . vn