[Hiệu chỉnh các tài sản cho liên kết này để hiển thị thanh hyperlinks đây]

TOÀN BỘ VĂN BẢN ĐƯỢC DỊCH THUẬT TỰ ĐỘNG BẰNG TRANG WEB :

NẾU CÓ NHỮNG ĐOẠN NGÂY NGÔ CÁC BẠN THÔNG CẢM BỎ QUA DO TÁC GIẢ KHÔNG CÓ THỜI GIỜ HIỆU CHỈNH LẠI . CÁM ƠN .

Nhấp vào phần ghi chú giới thiệu . Nhấp Phím End để bố trí điểm chèn đến cuối đoạn văn . Bạn có thể xóa ghi chú này trước khi nhập văn bản mới , tuy hiên không cần thiết vì ghi chú nầy người dùng sẽ không thấy khi hiện ra Trang Web .Nhập nội dung sau đây :

Welcome to The Garden Company .We are a quality retail gardening business located in the Pacific Northwest. Our products and services are featured on this Web site .

Whether you visit us on the Web or in our store , please feel free to browse , and let us know if you require assistance or have any questions !

Chào mừng đến với The Garden Công ty. Chúng tôi là một doanh nghiệp làm vườn chất lượng bán lẻ nằm ở Tây Bắc Thái Bình Dương. Sản phẩm và dịch vụ của chúng tôi là đặc trưng trên trang web này.
Cho dù bạn liên hệ với chúng tôi trên trang web hoặc trong các cửa hàng của chúng tôi, xin vui lòng cảm thấy miễn phí để trình duyệt, và cho chúng tôi biết nếu bạn cần sự giúp đỡ hoặc có bất kỳ câu hỏi nào!

(Bình luận: Viết một đoạn giới thiệu cho trang chủ của bạn ở đây. Điều này giống như các cửa trước để trang chủ của bạn trên Internet. Mời khách truy cập để bước vào và có một nhìn xung quanh.)

Our Mission (Nhiệm vụ của chúng tôi)

( Nhập văn bản tiếp theo ) At the Garden Company , we take pride in offering only the highest-quality plants and garden-related products to uor customers .

We also offer a variety of classes on plant selection for rainy regions , general and seasonal plant care , and garden -related craft activities.

Bình luận: Viết một hoặc hai câu ngắn mô tả của công ty bạn triết lý và tham vọng. Something like, 'Để trở thành nhà cung cấp dịch vụ hàng đầu của ...'.

At the Garden Công ty, chúng tôi có niềm tự hào trong cung cấp chỉ cao nhất-chất lượng cây trồng và vườn có liên quan đến các sản phẩm cho khách hàng của chúng tôi.

Chúng tôi cũng cung cấp một loạt các lớp học về cây trồng lựa chọn cho các khu vực mưa, nói chung và chăm sóc cây theo mùa, và khu vườn có liên quan đến các hoạt động thủ công.

Contact Information (Thông tin liên hệ)

( Nhập văn bản tiếp theo ) Please feel free to us via fax of e-mail 24 hours a day , or to call or visit us at our store during our normal business hours : Monday-Friday a.m.- 9:00 p.m Saturday and Sunday 10:00 a.m - 5:00 p.m

Bình luận: Hãy cho người đọc làm thế nào để liên lạc với bạn. Nên nhớ rằng mọi người có thể kết nối với web của bạn từ bất cứ nơi nào trên thế giới; để cung cấp cho các phiên bản quốc tế của các số điện thoại và fax. Nó cũng phong tục để cung cấp địa chỉ e-mail cho các phím liên lạc với điểm, chẳng hạn như bán hàng và hỗ trợ khách hàng. Xin cảm thấy miễn phí cho chúng tôi qua fax của e-mail 24 giờ một ngày, hoặc để gọi hoặc ghé thăm chúng tôi tại cửa hàng của chúng tôi trong giờ làm việc bình thường của chúng tôi: Thứ hai-Thứ sáu pm-9:00 pm Thứ bảy và Chủ nhật 10:00 - 5:00 pm

Telephone: 01694.700.305
FAX: 01694.700.305
Postal address: 1234 Hai bà Trưng , Quận 1 , Saigon
Electronic mail: General Information: utbinhdesign@gmail.com
Sales:
Customer Support:
Webmaster: huemyvn@gmail.com

BÀI 12 TẠO WEBSITE CÁ NHÂN

BẰNG FRONTPAGE 2003

(KHÔNG ĐÚNG VỚI CHỦ ĐỀ CỦA MẪU WITZARD NẦY TUY NHIÊN TÁC GIẢ VẪN UPLOAD ĐỂ CÁC BẠN CÓ TÀI LIỆU THAM KHẢO TẠO WEBSITE PERSONAL )

FRONTPAGE 2003
THIẾT KẾ PERSONAL WEBSITE

BÀI 12 NGÀY 4.12.2008 UTBINH SOẠN

CHƯƠNG TRÌNH THIẾT KẾ WEB FRONTPAGE CÓ SẴN MỘT SỐ MẪU WEB ĐỂ BẠN ĐỰA VÀO ĐÓ MÀ THIẾT KẾ RIÊNG CHO BẠN 1 WEBSITE ƯA THÍCH . MỘT TRONG NHỮNG MẪU ĐÓ CHO BÀI HỌC HÔM NAY LÀ “PERSONAL WEBSITE” . MẪU WEBSITE NẦY RẤT ĐƠN GIẢN , DỄ THỰC HIỆN . LÀ BÀI HỌC THỨ 2 SAU BÀI THIẾT KẾ WEB “ONE PAGE” , TÁC GIẢ HƯỚNG DẪN CHO CÁC BẠN BƯỚC ĐẦU TẬP LÀM QUEN ĐỂ THIẾT KẾ RIÊNG CHO BẠN TRANG WEBSITE CÁ NHÂN CÓ TÍNH CHẤT CẬN CHUYÊN NGHIỆP “PRO” . WEBSITE PERSONAL CÓ 6 TRANG WEB CHỦ YẾU . TRONG MỖI TRANG WEB CÓ SẴN TỪNG TABLE RIÊNG BIỆT ĐỂ BẠN INSERT THAY THẾ NỘI DUNG VÀO ĐÓ : NHỮNG VĂN BẢN – HÌNH – HYPERLINKS CỦA RIÊNG BẠN . HƯỚNG DẪN CÁC BẠN KỶ THUẬT NHẬP VĂN BẢN , ĐỊNH DẠNG CHÚNG ; KỸ THUẬT INSERT HÌNH VÀO TABLE VÀ LAYER . DĨ NHIÊN MUỐN ĐƯỢC NHƯ VẬY BẠN PHẢI CHUẨN BỊ TRƯỚC MỘT SỐ NỘI DUNG CẦN NHẬP THAY THẾ VÀO TRANG WEB MẪU – CÁC HÌNH ẢNH CẦN THIẾT VÀ CÁC LINKS URL CẦN DÁN VÀO . SAU KHI HOÀN TẤT 6 TRANG WEB , NHẤP NÚT PREVIEW THẤY VỪA Ý BẠN SAVE LẠI VÀ UPLOAD LÊN HOST FREE HAY MUA ĐỂ LẤY LINK URL GIỚI THIỆU CÁC BẠN HỮU VÀ NGƯỜI THÂN HOẶC CÓ THỂ NHẬN LÃNH THIẾT KẾ THUÊ NẾU ĐÃ RÀNH NGHỀ .

MỜI XEM KẾT QUẢ THỰC TẬP THIẾT KẾ TRANG PERSONAL WEBSITE DỰA VÀO CHƯƠNG TRÌNH FRONTPAGE 2003 TRÊN HOST SERVER FREE VÀ HOST MUA

http://utbinhutbinh.110mb.com/site011208/index.htm

http://utbinh.com/site011208/index.htm

I.CÁCH MỞ TRANG PERSONAL WEBSITE :

1. Mở FrontPage (FP) > Nhấp xổ xuống của Công Cụ Create a New Normal Page ( Hình trang giấy ) > Chọn Web Site > HT Web Site Templates xuất hiện , nhấp biểu tượng Personal Web Site ( Không nhấp đúp ) > Biểu tượng được tô màu xanh .

2. Trong Vùng Options , nhấp nút Browse duyệt đến thư mục My Web Sites . (H1) .

3. Ra HT New Web Site Location , nhấp My Documents > Nhấp My Web Sites > Tạo 1 Folder mới tên : Personal > Open > Ra HT Web Site Templates , nhấp Ok . (H2).

4. Cửa Sổ FP được mở , hiển thị ebsite Cá Nhân mới được tạo . Trong Folders List , nhấp Tập tin : index.htm để mở Trang Chủ của Website trong chế độ hiển thị Page . (H3).

5. Sau khi bạn tạo xong Folder Personal Website , bạn tiến hành mở FP > File > Open Site > HT Open Site mở ra , trong đó có nhiều Folders chứa các Websites mà bạn đã tạo trong Folder mặc định của FP là My Web Sites > Nhấp đúp Folder Personal .(H4) .

6. Hiện ra các Folders của Folder Personal Website > Open . (H5).

7. Hiện ra Cột Folders List – Cửa Sổ Soạn Thảo – Cột Gettings Started với tab đang mở là Web Site – Đáy có 6 Nút của các chế độ hiển thị . (H6).

8. Nhấp index.html > Hiện ra nội dung Trang Web nầy . (H7).

9. Đường dẫn mặc định Personal Website : My Documents\My Web Sites\Folder Personal , hiện ra 6 Folders cà 6 Trang Web . Bạn chú ý : Mỗi Folder với tên của nó sẽ chứa các dữ liệu liên quan đến tên của nó và 6 trang Web là : index – aboutme – photo – favorite – interest – feedback . ( H8).

II.MÔ TẢ NỘI DUNG PERSONAL WEBSITE :

1. Nhấp Phím F12 . Trang Website Cá Nhân nầy có 6 Trang Web :

v Nhấp Home ( Trang Chủ ) : (H9).

v Nhấp About Me ( Giới thiệu về tác Giả ) . (H10).

v Nhấp Interests ( Quan Tâm ) . (H11).

v Nhấp Favorites ( Ưa Thích ) . (H12).

v Nhấp Photo Gallery ( Sưu tập Ảnh ) . (H13).

v Nhấp FeedBack ( Ý kiến phản hồi ) . (H14).

2. Nội dung Trang Chủ ( Home Page ) :

v Cột Trái : Tiêu đề của 6 Trang Web , đó là những Siêu Liên kết (Hyperlinks ) khi bạn nhấp lên nó sẽ dẫn đến Trang Web của Tiêu Đề đó.

v Cột Phải : Chứa đựng nội dung của Trang Web gồm : Lời chào mừng – Liên kết Favorites Links và Photo Album .

v Đáy Trang : Chứa nội dung giống Cột Trái .

v Bạn quan sát thấy trong TrangWeb nầy có nhiều Khung nhỏ được tạo bằng Table đó là các Vị Trí Giữ Chổ ( Place Holder ) chứa đựng thông tin của Website nầy . Bạn có thể thay thế bằng những thông tin của riêng bạn . Bạn sẽ có 1 Website hấp dẫn để xuất bản ngay lập tức .

v Tóm lại , trong Website gồm có các nội dung tự giới thiệu bạn , những gì bạn quan tâm , những gì bạn ưa thích , những gì bạn muốn truyền đạt các sự kiện hữu ích , những bộ ảnh sưu tập đắc ý , các đoạn phim – video clips , những bản nhạc sưu tầm được và nhất là những công trình bạn biên soạn muốn giới thiệu cho bạn hữu và người thân thưởng lãm .

THIẾT KẾ PERSONAL WEBSITE

NẾU ÁP DỤNG NỘI DUNG PERSONAL WEBSITE ĐÚNG NHƯ MẶC ĐỊNH HƯỚNG DẪN THÌ SẼ CÓ RẤT SƠ SÀI , KHÔNG HẤP DẪN . DO ĐÓ TÁC GIẢ ĐÃ CHẾ BIẾN THEO Ý MUỐN CỦA MÌNH BẰNG CÁCH NHẬP CÁC NỘI DUNG CÁ NHÂN VÀO . ĐÓ LÀ NHỮNG CÔNG TRÌNH BIÊN SOẠN VỚI CÁC LINKS URL DẪN ĐẾN DOWNLOAD BÀI VIẾT VỀ - CÁC TRANG WEB ƯA THÍCH SƯU TẦM ĐƯỢC VÀ NHỮNG HÌNH ẢNH LIÊN QUAN TẠO THẨM MỸ LÔI CUỐN HẤP DẪN NGƯỜI XEM NÁN LẠI ĐỂ XEM CHO HẾT TOÀN BỘ 6 TRANG WEB MÀ BẠN MUỐN GIỚI THIỆU .

III.CHUẨN BỊ :

1. VĂN BẢN :

· Bạn phải sưu tập tất cả các nội dung cần thiết để Copy > Paste vào Trang Web . Trước khi Copy bạn chọn hết > Chọn Size trung bình khoảng 10 pt .

· Nhấp con trỏ vào Trang Web để chỉ định nơi dán văn bản > Paste văn bản vào .Khi dán vào Trang Web đôi khi thấy các hàng cách nhau khoảng rộng , bạn muốn chúng vừa khít hãy chỉnh như sau : Bôi đen chúng > Menu Format > Paragraph > Mục Spacingt chọn : Before 0 – After 0 – Word 0 > Ok .

· Sử dụng Font chữ mặc định là Verdana > Chọn Size thích hợp và định dạng chữ giống trong Word . Thông thường các Trang web sử dung Size 1 ( 8pt)

· Khi bôi đen văn bản có sẵn để nhập nội dung mới vào , nó sẽ giữ nguyên định dạng của trang Web . Bạn có thể định dạng lại theo ý riêng của bạn .

· Sau khi dán xong bạn có thể chỉnh các Tiêu đề , nội dung văn bản có màu , có Font khác , có Size lớn định dạng giống như trong Word .

· Nếu muốn dán 1 đoạn văn bản vào Trang Web nơi mình muốn chỉ định , bạn hãy : Nhấp con trỏ chỉ định sẽ tạo Table nơi đó > Nhấp Nút Insert Table > Nhấp con trỏ vào trong Table vừa tạo và Paste văn bản vào > Để con trỏ trên Vạch Đứng hay Vạch Nằm , con trỏ biến thành Mủi Tên 2 Đầu của Table ; Rê thu ngắn hay nới rộng Table ra .Các Table còn lại không sử dụng nên bôi đen chúng vá nhấp Phím Delete .

· Bạn cũng có thể dán văn bản có kèm theo hình Size trung bình và Thumbnails . Dán xong nhấp Nút Preview để xem thử . Thấy cẩn phải sửa lại bạn nhấp Nút Design và chình sửa , preview ưng ý nhấp Nút save .

· Khi thao tác sai , bạn nhấp Nút Undo ( Mủi tên xanh quay Trái ) nhiều lần để trở về Trạng thái trước đó hoặc Ctrl+Z .

· Bạn cũng có thể chỉ định cho toàn bộ văn bản nằm bên Trái – Giữa hay Phải bằng cách nhấp các Nút Canh Trái – Giữa – Phải trên Thanh Công Cụ .

· Bạn cũng có thể tạo Table con ngay trong Table lớn để Insert văn bản hay Hình vào đó bằng cách Nhấp con trỏ trong Table và nhấp Nút Insert Table để tạo Table con .

· Các văn bản nầy bạn có thể dán trực tiếp vào Trang Web hoặc tạo từng File Word lưu trong Folder _private ( đã hướng dẫn trong bài tạo Trang web ONE PAGE ) . Nhấp Folder _private trong Folders List để hiện ra Các File Word > Nhấp lên 1 File Word > Hiện ra nội dung văn bản cần Copy > Paste vào trang Web .

2. HÌNH ẢNH : Cách Insert Hình và di chuyển đến vị trí mong muốn .

· Chọn những Hình liên quan đến nội dung đến Website nầy và những Hình Thumbails . Tất cả tập hợp trong 1 Folder tên images đặt tại Desktop . Nếu những hình nầy có dung lượng quá lớn nó sẽ làm tăng Website lên vài chục MB sẽ khó khi Upload và Download trang Web vì mất nhiều thời gian . Bạn cần phải làm cho các Hình nầy giảm dung lượng lại từ 40 – 60 KB vừa đủ hoặc với Size 300 X 400 pixels . Dùng Chương Trình ACD See > Chọn hết > Chọn Batch Resize Images > Tùy chọn Size in Pixels 300 x 400 hoặc Percantage of Original % . Sau khi thu nhỏ hình lại bạn Copy và Paste vào Đường dẫn : My Documents\My Web Site\Folder personal\Thư Mục images cho các hình cần Insert vào các Trang web và vào Thư Mục Photo Gallery nếu muốn Insert các Hình vào Trang Web nầy .

· Bạn phải tạo Layer rồi Insert Hình vào đó mới có thể rê layer kèm Hình đến vị trí mong muốn : Nhấp con trỏ chỉ định vị trí đật Layer > Nhấp Nút Insert layer > Hiện ra Khung Vuông màu xanh > Nhấp lên viền khung , hiện ra 8 Nút . (H15).

· Nhấp con trỏ trong Khung > Hiện dấu nháy góc Trái trên , nhấp nút Insert Picture From File > Đến nơi lưu Hình theo Đường dẫn trên , chọn Hình > Insert > đã hiện ra Hình nằm trong Khung layer màu xanh với kích thước gốc . (H16).

· Nhấp lên Hình > Hiện ra 8 Nút màu trắng , để con trỏ lên nút góc > Hiện ra Mủi tên 2 đầu , rê nút góc để thu nhỏ Hình lại . (H17).

· Để con trỏ lên viền xanh Layer , hiện ra mủi tên 4 đầu > Rê Layer kèm Hình đến vị trí mong muốn > Nhấp lên Hình để phóng to hay thu nhỏ theo ý muốn > Nhấp bên ngoài để làm biến mất khung xanh Layer > Nhấp Nút Preview , nếu xem ưng ý nhấp Nút Save . (H18).

3. BANNER :

· Banner là mặt tiền của căn nhà do đó bạn cần phải thiết kế 1 Banner sao cho thật đẹp để hấp dẫn người xem buộc phải chú ý , tò mò muốn xem cho hết các Trang Web còn lại . Sự thành công của Trang Web do Banner mang lại có thể đến 30 % . Có nhiều cách thiết kế Banner : Bằng Chương Trình Photoshop thiết kế Banner> Resize lại còn khoảng 70 KB > Insert thay thế Logo của mẫu .Hoặc thiết kế bằng Flash hoặc các Softwares đơn giản tạo Banner . (H19) .

Tác giả đã có viết nhiều bài để hướng dẫn các bạn tạo Banner , xin Download về đọc và thực hành Tạo Banner LINKS 11 Bài Hướng dẫn Tạo Banner : Download các Bài Viết hướng dẫn tạo Banner 7.09 MB :

http://utbinh.com/ANOV08/banner.zip

http://www.uploadbigfiles.net/download.php?file=365banner.zip

http://www.live-share.com/files/369087/banner.zip.html

· Sau khi tạo xong Banner , bạn lưu File.jpg nầy tại : My Documents\My Web Sites\Folder personal\Folder images .

4. HYPERLINKS :

· Bạn sưu tầm các Links URL liên quan đến Các Website do bạn thiết kế - Các Links URL Favorites – Interests để giới thiệu bạn hữu vào viếng thăm . Các Links hay mà bạn sưu tầm được . Các Links nầy bạn có thể Copy/Paste trực tiếp vào Trang Web mà không cần tạo File Word để chứa trong Folder _private .

IV.THIẾT KẾ TỪNG TRANG WEB :

1. TRANG WEB INDEX.HTM : Trang Chủ Home Page

Hiệu chỉnh Trang Web từ trên xuống dưới . Trang nầy giới thiệu một số Mục tổng quát mà một Website Personal cần phải có như các Hình của bạn – của bạn bè – các con thú hoặc các kỳ nghỉ hè với bạn bè bằng cách dùng trang Phản Hồi .

· Trang Web Index.htm : Trong Cột Folders List , nhấp Trang Web index.htm > Hiện ra Cửa Sổ Soạn Thảo và Cột getting Started > Đóng Cột Gettyins Started lại .

· Bạn có thể Close Cột Folders List bên Trái để mở rộng Cửa Sổ Soạn Thảo

· Mục Banner : Cột Folders List > Nhấp : index.htm > Hiện ra Cửa Sổ Trang Web nầy > Nhấp con trỏ lên Khung có chữ Welcome To My Web Site > Tự động bôi đen Khung nầy > Nhấp Nút Insert Picrure From File > Đến Folderimages và nhấp lên Banner > Open Đã hiện ra Logo bạn vừa dán vào > Nút Preview > Chỉnh lại cho vừa ý , nếu được nhấp Nút Save > Phím F12 để xem trên Trình Duyệt IE .(H20).

o Các Banner cho từng trang Web khác bạn cũng tiến hành các bước giống trên . Chú ý đừng dán lộn chủ đề nầy cho Trang Web kia .

· Mục Welcome to my site : Thay vì thực hành bài Hướng dẫn Thiết kế Website Personal theo đúng nội dung qui định , ở đây tác giả xét thấy nhân tiện Insert vào các nội dung của các bài Hướng dẫn Thiết Kế Web FP đã viết trước đây thì thích hôp hơn . Do đó các vị trí giữ chổ Place Holder được thay thế bằng nội dung bài học . Nhấp Nút design .

o Bôi đen vùng nầy > Copy Text Lời Nói đầu của Bài 1 > Ctrl+V > Đã hiện ra nội dung vừa dán với định dạng gốc của mẫu > Nút Preview > F12 > Ra HT Microsoft Office FrontPage hỏi bạn có muốn save lại sự thay đổi nầy không ? > Yes .(H21).

· Mục Weather (Thời Tiết ) : Giới thiệu Links Download Sofware FP 2003

o Nhập nội dung : Bôi đen chữ Weather và nhập nội dung theo Hình

o Khi bạn nhập nội dung , Text hiện ra theo định dạng của mẫu có sẵn trong Place older , bạn cần định dạng lại cho phù hợp . (H22).

· Mục Favorite Links : Khi nhấp lên chữ nầy sẽ đưa bạn đến Trang web khác do có gạch dưới ( Đây là Dạng Hyperlinks ) . Tác giả sẽ thay thế nội dung của Mục nầy bằng các Links cảu Bài Hướng Dẫn đã viết trước đây . Bôi đen Favorites Links và nhập ni65 dung theo Hình . (H23).

· Mục Photo Album : Bạn nhập văn bản giới thiệu nội dung của Mục nầy và vẫn giữ nguyên định dạng gốc của mẫu Web . Bôi đen Hình và text có sẵn > Phím delete > Nhấp con trỏ chỉ định vị trí đặt Table > Nhấp nút Insert table > Chọn 1 by 2 tables > Hiện ra Table có 2 Ô . (H24).

o Ô Đầu Insert Hình vào : Nhấp Con Trỏ vào Ô Đầu > Nút Insert Picture From File > đến Hình cần Insert > Insert > Nhấp lên Hình > Thu nhỏ lại > Nhấp lên Khung Xanh > Thu nhỏ layer lại > Rê Khung xanh để dời Hình vào vị trí thích hợp . (H25).

o Nhập Text > Định dạng Text và chỉnh lại Hình cho phù hợp với Table của mẫu Personal . (H26).

2. TRANG WEB PHOTO ALBUM : Trang Tổng Hợp Hình

Tác giả giới thiệu với các bạn những hình ảnh mà tác giả ưa thích kỷ niệm thời thơ ấu - giai đoạn thiếu niên và trưởng thành và những người thân yêu trong đời . Bạn sưu tập các Hình lưu trong 1 Folder tên images tại Desktop. Dùng Chương Trình ACD See resize các Hình nầy Size 300 X 400 pixels . Copy và Paste vào Folders photogallery/photo26003 của Folder Personal.

· Nhấp Tab Web Site để mở 6 Nút chế độ hiển thị Website .

· Nhấp menu View > Folders List để mở Cột Trái Folders List .

· Nhấp Tab index.htm để mở nội dung Trang web nầy với 4 Nút hioen63 thị .

· Nhấp Trang Web photo.htm trong cột Folder List > Copy Text của Mục nầy ở Trang Chủ để dán vào > Delete các Hình có sẵn .

· Nhấp con trỏ để chỉ định vị trí đặt table > Nút Insert Table > Chọn 8 by 8 tables .(27).

· Nhấp Con trỏ vào Ô đầu > Nút Insert Picture From File > Đến Hình cần Insert > Insert > Đã hiện ra Hình , nhấp lên Hình > Rê Hình thu nhỏ lại . (H28).

· Thực hiện các bước trên để Insert các Hình còn lại . Bạn đặt con trỏ lên vạch đứng – vạch đáy sẽ hiện ra mủi tên 2 đầu > rê thu ngắn hay nới rộng Table lại . Nếu còn dư các Ô không cần dùng , bạn bôi đen chúng > Phím Delete .

· Dùng Nut1Cong6 Cụ canh Trái – Giữa – Phải để chỉnh vị trí Hình hoặc nhấp đúp lên Hình > Hiện ra HT Picture Properties chọn None – Left – Right thích hợp .

· Nhấp Home để trở lại Trang Chủ .

· Trong Trang web nầy utbinh có giới thiệu 2 Links để Download đến các bạn 2 bài viết về : Cách Giảm Dung Lượng nhưng vẫn giữ nguyên Size dùng để bạn dán Hình vào Text với khổ vừa mà vẫn có ít KB và Bài Tăng Size nhưng không Bể Hạt giúp cho các bạn có sẵn Hình nhỏ muốn in Hình ra To mà không bị bể hạt .

3. TRANG ABOUT ME : Nói về bạn .

Bạn nhập Text tự giới thiệu về mình hay các ý kiến của đọc giả . Do quá trình utbinh tham gia trên 10 Forums và 5 Blog trong thời gian gần 4 năm do đó có nhiều bài viết gởi lên mạng và có nhiều đọc giả yêu mến và ghét utbinh.

· Nhấp Trang Web aboutme.htm trong Folders List > Hiện ra nội dung trong Cửa Sổ soạn Thảo .

· Các Hình Thumbnails cùng với Text khi Copy và dán vào vẫn giữ nguyên định dạng và Hình Thumbnails , kể cả những File GIF .

· Bạn nới rộng hay thu hẹp khoảng cách dòng . nâng Size các tiêu đề và chọn màu cho chúng để tăng thẩm mỹ cho Trang Web .

· Tóm lại với đoạn text dài bạn phải hiệu chỉnh , canh chỉnh cho đến khi hoàn tất thì nhấp Preview để xem , vừa ý nhấp Nút Save.

4.TRANG WEB FAVORITE : Những gì ưa thích .

· Nhấp Trang Web favorite.htm trong Folders List > Hiện ra nội dung trong Cửa Sổ soạn Thảo > Bôi đen các nội dung nầy .

· Nhấp Folder_private trong Folders List > Hiện ra các Files có chứa sẵn Các Links URL mà bạn đã chuẩn bị > Copy và Paste vào đoạn đã bôi đen

· Hoặc Copy trực tiếp các Links cần giới thiệu mà theo bạn là tuyệt vời cần phải xem để Paste trực tiếp vào Trang Web Favorites nầy .(H29).

5.TRANG WEB INTEREST : Sự kiện quan tâm

· Nhấp Trang Web interest.htm trong Folders List > Hiện ra nội dung trong Cửa Sổ Soạn Thảo nói về nội dung của Trang Web mẫu .

· Dịch nội dung Trang Web nầy : Bạn Copy Đoạn văn bản trong trang web nầy > Dán vào Khung Văn bản nguồn của trang Dịch

( http://vdict.com/?autotranslation ) > Copy bản dịch tiếng Việt trong khung Kết Quả dán vào Trang Web .

· Trong mẫu trang Web nầy đề nghị bạn bổ sung các chi iết vào 6 Mục . bạn có thể giới thiệu những gì bạn quan tâm và ưa thích trong lãnh vực tin học là phù hợp .

· Ở đây tác giả đề nghị bạn xem nội dung 100 Trang Web được nhiều người đọc nhất ở Việt Nam .

6.TRANG WEB FREEDBACK : Ý kiến phản hồi .

· Nhấp Trang Web freedback.htm trong Folders List > Hiện ra nội dung trong Cửa Sổ soạn Thảo .

· Bạn dùng Trang Web : http://vdict.com/?autotranslation để dịch từng câu trong Trang web nầy ra tiếng Việt bằng cách Copy từng doạn văn bản > Paste vào Trang Web dịch .

· Tạo 1 logo cho trang nầy để tăng tính hấp dẫn , lôi cuốn .

· Nhấp Nút Preview để xem trước , nhớ nhấp Nút Save khi vừa ý > Nhấp F12 để xem thử trên Trình Duyệt IE . (H30) .

nortbots.htm hiện ra với nội dung như sau :

“FrontPage Run-Time Component Page

You have submitted a form or followed a link to a page that requires a web server and the FrontPage Server Extensions to function properly.

This form or other FrontPage component will work correctly if you publish this web to a web server that has the FrontPage Server Extensions installed.Click the <Back> arrow to return to the previous page.” .(H31).

Tạm dịch : “FrontPage run-thời gian thành phần trang . Bạn đã gửi một mẫu hoặc theo một liên kết đến một trang web đòi hỏi một máy chủ và FrontPage Extensions Server để hoạt động tốt.Mẫu đơn này hoặc các thành phần FrontPage sẽ hoạt động chính xác nếu bạn xuất bản web này đến một web server có FrontPage Extensions Server cài đặt.Nhấp vào mũi tên để trở về trang trước đó.” ( Theo Trang Web dịch máy rất ngây ngô ) . Đó là lý do tại sao không có ý phản hồi .

Hyperlinks tiêu đề các trang Web không thể hiệu chỉnh để có màu hoặc Font – Size khác được do mặc định của trang web mẫu Personal Website .

TÓM LẠI :

v Vậy là bạn đã hiệu chỉnh 6 trang web bằng cách thay thế nội dung theo ý muốn . Nội dung tựu trung gồm có : Văn bản – Hyperlinks - Ảnh Thumbnails - Ảnh Trung Bình - Bạn dịch ra Việt ngữ bằng trang web hổ trợ dịch thuật – Cách Insert – tạo table và tạo Layer cứa ảnh và văn bản - Di chuyển Ảnh – Cách nhập văn bản và định dạng chúng theo ý thích .

v Việc hiệu chỉnh vẫn giữ được bố cục đồng nhất cho 1 Website , các thành phần quan trọng làm thay đổi Cấu trúc Trang Web được làm ẩn đi để tránh trường hợp bạn xóa nhầm ảnh hưởng đến cấu trúc của Trang web .

v Các Hyperlinks trong Website mẫu nầy có liên hệ nhau khắn khít giúp bạn có thể nhấp xem bất kỳ Trang web nào của Website khi đang ở bất kỳ Trang Web nào . bạn không cần phải bận tâm về cấu trúc thống nhất của chúng vì nó thuộc về Lãnh vực Lập Trinh2rat61 khó khăn và phức tạp . bạn sẽ tìm hiểu về chúng trong các Chương tiếp theo .

v Bài nầy tuy dài nhưng tưu trung Trang web nào cũng đều giống nhau .Khi bạn đã quen và thuần thục rồi thì thiết kế Web sẽ nhanh và đạt thẩm mỹ cao .Bạn cố gắng nắn nót , vừa mỹ quan là đạt yêu cầu . về nội dung , bạn nên cố gắng gỏ , dán các bài hữu ích , tính thời sự nóng mới diễn ra trong lãnh vực tin học có nhiều đọc giả quan tâm . Nếu đạt đủ 2 điều kiện hình thức và nội dung rồi thì chắc chắn Website của bạn sẽ hấp dẫn và lôi cuốn người xem .

v Trang Website Mẫu Personal đã dần dần lôi cuốn bạn vào tính chuyên nghiệp . Tác giả bài viết nầy đã mất gần 5 ngày để soạn thảo và thiết kế thực hành 1 Website Personal có 6 trang Web hầu cung cấp cho các bạn “ Dở hơn utbinh “ 1 tài liệu dùng tham khảo và học tập , thực hành thiết kế 1 Website chuyên nghiệp .

v Bạn vào : My Documents\My Web Sites > Copy Folder Personal > Paste vào Desktop .

v Các bước kế tiếp là : Tạo 1 Account trong Trang Web : www.110mb.com và Upload lên Host bằng Chương trình : Cute FTP 8.3 Pro .

TẠO ACCOUNT TRONG HOST FREE

Utbinh viết bài nầy lần thứ 4 nhân dịp viết lại Giáo Trình Thiết Kế Web FRONTPAGE 2003 . Khi bạn Thiết Kế Web , bạn cần phải Upload lên Host Server cả Folder Web

( Trong nầy chứa tất cả Cơ Sở Dữ Liệu về Text – Video – Musics – Images … ) bằng giao thức FTP . Sau đó bạn sẽ lấy Link của Trang Chủ ( Home Page ) để dán lên Trình Duyệt ( Browse ) cho thể hiện Trang Web mà bạn vừa thiết kế . Hiện nay có rất nhiều Host Free , hay nhất là WWW.FREEWEBTOWN.COM nhưng nó đã không cho IP Việt Nam đăng ký nửa . Kế tiếp là : http://www.110mb.com/ mà utbinh đang giới thiệu cho bạn cách Đăng Ký tạo Account dưới đây .

I.ĐẶC TÍNH : http://www.110mb.com/ (H32) .

II.ĐĂNG KÝ :

1. Nhấp lên Start Now > Hiện ra rang 110MB Panel > Bạn điền các thông tin theo hình ( H33) .

Nhớ gỏ nhập đoạn Text nầy vào Khung màu xám không Copy > Paste : I will never engage in phishing or abusive actions pn 110mb

2. Ra thông báo bạn đã hoàn tất bước 1 , yêu cầu bạn mở Email > Bạn đã có thư của Host Server gởi cho bạn , yêu cầu bạn nhấp lên Link để kích hoạt . (H34) .

3. Hiện ra Trang tiếp theo để bạn nhập thông tin trong bước 2 nầy > Nhấp Create My Account Now ! : (H35) .

4. Ra Trang tiếp theo có chữ : ACCOUNT CREATED SUCCESSFULLY . Bạn đã đăng ký hoàn tất để tạo Account trong Host Free : http://www.110mb.com/

5. Bạn cần sử dụng Phần Mềm : Cute FTP để Upload Folder Web lên Host Server nầy . Khi Upload hoàn tất bạn sẽ lấy Link : index.html để dán lên Trình Duyệt cho nó hiện ra Trang Web mà bạn đã thiết kế .

6. Ngoài ra , utbinh sẽ hướng dẫn cho bạn cách Upload lên Host Server mua bằng giao thức FTP khi sử dụng phần mềm Cute FTP .

7. Utbinh đã tạo 1 Accounts , các bạn có thể lấy để sử dụng :

Bạn cần vào Trang Web nầy để đọc cách sử dụng Chương trình : Cute FTP :

http://www.google.com.vn/search?hl=vi&q=s%E1%BB%AD+d%E1%BB%A5ng+cute+ftp&btnG=T%C3%ACm+v%E1%BB%9Bi+Google&meta=

Mở Giao diện Chương Trình CuteFTP 8.3 Professional > Nhấp Nút xổ xuống Công Cụ New ( Trang giấy xanh ) > Chọn FTP Site > Ra bảng Site Properties For , bạn nhập các thông tin vào Bảng nầy > Nhấp Connect . (H36).

8. Hiện ra Cửa sổ của Cute FTP 8.3 Professionnal , bên Trái là Ổ cứng của bạn , bên Phải là Host Server : http://www.110mb.com/ > Như vậy là bạn đã tạo thành công Site Manager cho Host nầy . (H37) .

UPLOAD WEBSITE LÊN HOST SERVER

Chương trình CuteFTP là một công cụ FTP dựa trên hệ điều hành Windows. Nó cho phép bạn khai thác tối đa các khả năng của FTP mà chẳng cần phải biết chi tiết về bản thân giao thức này. Chỉ cần làm quen với CuteFTP là đủ rồi. Khi bạn có được một địa chỉ FTP server, CuteFTP có thể đưa bạn vào sục sạo kho tư liệu công cộng (pub) của Server đó. Và khi chọn được file cần đến, bạn có thể ra lệnh cho CuteFTP load về máy bạn. CuteFTP giờ đây có thêm nhiều chức năng tuyệt vời hơn. Bạn có thể copy và paste các địa chỉ URL vào CuteFTP hoặc cho CuteFTP kết hợp với trình duyệt Web (browser) của bạn. Khi bạn tìm thấy 1 link FTP, hãy copy URL đó vào clipboard và CuteFTP sẽ tự động download file đó về cho bạn. Một tính năng độc đáo nữa của CutrFTP là resume (download trở lại). Nếu như server có hỗ trợ chức năng resume, bạn có thể tạm dừng (pause) công việc download nửa chừng để rồi sau này khi rảnh có thề dùng CuteFTP tiếp tục down load phần còn lại của file đó về. Ðặc biệt đây là một trong những phần mềm phân biệt rất rõ và chính xác các chữ viết thường và IN HOA, thích hợp với các server dùng UNIX .Các ưu điểm khi dùng công cụ FTP Connect : Đối với phần mềm Total Commader có một điều thú vị là khi cài đặt lần đầu tiên thì chương trình sẽ copy toàn bộ dữ liệu vào trong phân vùng ổ cứng. Khi bạn muốn sử dụng ở máy tính khác thì bạn chỉ việc chép thư mục cài đặt của chương trình vào và chạy file TOTALCMD.exe để chương trình hoạt động mà không phải cài đặt lại. Nếu bạn đã từng sử dụng một chương trình chuyên dùng upload dữ liệu như: FTP Voyager, Cute FTP,... thì có lẽ bạn hay gặp phải tình trạng “giữa đường đứt gánh” nhưng lại không thông báo cho bạn biết vì thế xảy ra tình trạng file download về không sử dụng được. Với Total Commander sẽ cho phép so sánh ngay tức thì dung lượng thực sự giữa file nguồn và file upload chính xác đến từ byte. Vì thế tránh được tình trạng Corrupt File thường gặp. Tốc độ thực hiện công việc chuyển tải thông suốt và nhanh hơn rất nhiều các chương trình khác. Bạn có thể upload các file dung lượng lớn từ vài chục cho đến vài trăm MB rất dễ dàng. Thao tác cấu hình và sử dụng rất đơn giản: CuteFTP Professional là một phần mềm để chuyển files qua nhiều giao thức internet giữa máy tính của bạn tới các máy tính bất kỳ nơi nào trên internet một cách an toàn và hiệu quả. Chức năng Connection Wizard tích hợp trong phần mềm sẽ hướng dẫn bạn kết nối tới một site fxp trong vài giây và giao diện thân thiện của phần mềm sẽ giúp bạn chuyển file dễ dàng ngay khi bạn là người mới sử dụng. Kể cả việc xuất một trang web, download những hình ảnh kỹ thuật số, phần mềm, file nhạc mới nhất hoặc chuyển file có dung lượng lớn giữa các văn phòng chi nhánh.CuteFTP Professional cung cấp các công cụ đơn giản mà mạnh mẽ để giải quyết những thách thức phức tạp trong quản lý dữ liệu và giúp hoàn tất các yêu cầu về HIPAA, GLBA về Sarbanes-Oxley. CuteFTP Professional được giới chuyên môn đánh giá cao nhất về độ an toàn và tiện ích nó mang lại khi vận chuyên files.

I.CÁCH TÌM SOFWARE NẦY :

(Đọc bài Số 3.FRONTPAGE 2003 : http://utbinh.com/ANOV08/131108/9down.doc)

1. Vô : http://www.9down.com > Rê Thanh Trượt , tìm trong Cột Phải > Đến Mục NetWork Tools , nhấp lên : CuteFTP Pro > Hiện ra : cuteFTPpro v8.3.2.Buils 09.02.2008.1 + Crack.

2. Nhấp lên chữ nầy > Nhấp lên Hàng chữ sau chữ Download . (H38).

3. Ra Trang Live-Share đang đếm ngược dần từ 5 đến 1 , nhấp Phải lên hàng chữ xanh > Hiện ra Bảng Download File Info , nhấp Nút Browse ( Ô Vuông có 3 chấm ) > Chọn vị trí Down về là Desktop > Dung lượng phần mềm 8.44 MB , nhấp Nút Start Download . (H39).

II.CÀI ĐẶT PHẦN MỀM :

1. Giài nén File Rar nầy bạn có 2 Folders : setup và crack > Tạo 1 Folder tên : cuteFTP8.3 Pro tại Desktop để chứa 2 Folders vừa giải nén .

2. Nhấp lên Folder setup > Hiện ra File : cuteftppro ( 8752 KB ) , nhấp lên để bắt đầu cài đặt > Next > Finish .

3. Nhấp lên Folder crack > Hiện ra 2 Files , copy 2 Files nầy > Phím Window+E > Chọn Ổ C\Program Files\GlobalSCAPE > Qua Phải nhấp lên Folder CuteFTP 8 Professional > Ctrl+V > Nhấp lên File vừa Paste vào là : cuteFTPpro v8.3.2.Buils 09.02.2008.1-nope ( 65 KB ) > Hiên ra File Patch > Nhấp lên chữ Patch > Nhấp lên Exit . (H40).

4. Tạo Shortcut tại Desktop : Start > All Programs > GlobalSCAPE > CuteFTP 8 Professional > Paste lên Desktop.

5. Kiểm tra Bản Quyền đã đăng ký : Nhấp lên Shortcut vừa tạo tại Desktop > Hiện ra giao diện của chương trình > Nhấp Menu Help > Chọn About CuteFTP > Hiện ra Bảng thông báo tên người đã đăng ký quyền sử dụng . ( Tên của người tạo File Patch nầy ) .(H41).

III.SỬ DỤNG : CÁCH UPLOAD FOLDER ONE PAGE LÊN HOST SERVER

1. Tạo Site Manager :

v File > New > PTP_Site ( Ctrl+N ) hoặc nhấp Nút xổ xuống của Công Cụ New > Chọn FTP Site > Hiện ra Bảng Site Properties for , bạn nhập thông tin vào theo Hình hoặc theo chi tiết dưới đây .

v Bạn xem lại Bài 2.FRONTPAFE 2003 đã tạo 1 Account trong Host 110mb.com với Username là : utbinhutbinh và Password là : 27091947 .

(http://utbinh.com/ANOV08/111108/110MB.doc)

v Label : 110mb.

v Host addres : ftp://utbinhutbinh.110mb.com

v Username : utbinhutbinh

v Password : 27091947

v Nhấp Nút Connect . (H42).

Nếu bạn nhập đúng thông tin kết quả là bạn sẽ kết nối được với Host Server 110mb.com với các chi tiết thể hiện như sau :

v Bên Trái hiện ra Site Manager tên 110mb vừa tạo nằm trong Tab Site Manager .

v Bên Phải là Host Server 110mb có sẵn các Files trong Host . (H43).

2. Upload Trang Web Personal lên Host Server :

v Dời Folder Persoanl ra Desktop :

Theo mặc định , khi bạn tạo Trang Web nó sẽ tự động lưu tại : My Documents\My Web Sites\Personal ( Chương trình tự động đặt Số Thứ tự cho những Trang Web kế tiếp khi bạn thiết kế lưu nó ) . Bạn Copy Folder Personal đặt tại Desktop > Rename đặt tên : site011208.

v Động tác Upload : Nhấp Tab Local Drives ở Cột Trái > Chọn Desktop > Rê site011208 qua Phải . Có nghĩa là File nầy đang trong Ổ Cứng của Bạn ( Local Host ) được đưa lên Host Server bằng 1 bản sao . Việc Upload nầy được định nghĩa là : Upload bằng giao thức FTP . Bạn tìm hiểu thêm về FTP trong Link đính kèm bên dưới .

v Quá trình Upload : Sau khi rê Folder site011208 qua Phải , bạn quan sát quá trình Uploading như sau :

o Khung đáy có vạch xanh lá cây đang chạy , hoàn tất 100% sẽ thành vạch xanh dương .

o Khung giữa có các chữ đang chạy , hoàn tất sẽ có chữ : Directory listening completed .

o Khung Host Server sẽ có hiện diện Folder site011208.

Như vậy là bạn đã Upload thành công .(H44) .

(Hình Minh Họa nầy thay vì site011208 cũng giống vậy )

3. Cách lấy Link URL của Trang Web Personal :

Dùng phương pháp lấy trong Bản Properties của File : index.htm:

v Nhấp lên site011208 trong Khung của Host Server > Hiện ra các Folders và Files của Trang Web .

v Nhấp Phải lên File : index.htm > Chọn Properties .

v Cách cấu tạo của Link URL nầy như sau :

http://utbinhutbinh.110mb.com/site011208/index.htm (H45)

Dùng phương pháp nội suy :

v http://utbinhutbinh.110mb.com : utbinhutbinh là Username mà bạn đã đăng ký thành công khi tạo Account trong Host 110mb.com .

v site011208 : Tên Trang Web Personal bạn đã thiết kế .

v index.htm : Trang Chủ Trang Web .

Tổng hợp là : http://utbinhutbinh.110mb.com/site0112108/index.htm

4. Thể hiện Trang Web : site011208 trên Mạng :

v Bạn dán Link URL : http://utbinhutbinh.110mb.com/site011208/index.htm

Lên Thanh địa chỉ của Trình duyệt FireFox hay Internet Explorer > Enter > Nó sẽ hiện ra nội dung mà bạn đã thiết kế Trang Web nầy . Tuy nhiên utbinh khuyên bạn nên xem trang Web nầy trong Trình Duyệt Internet Explorer vì bạn đã thiết kế nó bởi chương trình của Microsoft.

v Kết quả hiện ra trên Trình Duyệt ( Browse ) IE . (H46)