FRONTPAGE 2003
THAY ĐỔI BỐ CỤC TRANG

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

BÀI 31 NGÀY 29.6.2009 THEO KS NGUYỄN TRƯỜNG SINH

 

CHƯƠNG 6

 

1.     T́m hiểu Bố Cục Trang với Bảng .

2.     Tạo 1 Khuôn Mẫu Trang Web .

3.     Tạo Website từ Khuôn Mẫu Trang .

4.     Tạo 1 Trang có Khung .

5.     Bố Cục các Trang Web với Khung .

 

 

MICROSOFT OFFICE FRONTPAGE 2003 CÓ KÈM THEO MỘT LOẠT CÁC KHUÔN MẪU VÀ WITZARD GIÚP CHÚNG TA DỄ DÀNG TẠO RA CÁC WEBSITE TINH TẾ VÀ PHỨC TẠP . KHI MUỐN TẠO NHANH 1 BẢN GIỚI THIỆU WEBSITE CHO M̀NH , CHO DOANH NGHIỆP  HOẶC NHÓM , BẠN CÓ THỂ SỬ DỤNG CÁC SITE TẠO SẴN NÀY .

NẾU BỐ CỤC CỦA 1 SITE ĐỊNH NGHĨA KHÔNG ĐÁP ỨNG YÊU CẦU CỦA M̀NH , BẠN CÓ THỂ TÙY BIẾN THEO MỘT SỐ CÁCH ĐỂ LÀM CHO NÓ TRỞ NÊN THÍCH HỢP . TUY NHIÊN , NẾU KHÔNG CÓ HIỂU BIẾT SÂU SẮC VỀ VIỆC SITE ĐƯỢC LẮP GHÉP NHƯ THẾ NÀO , BẠN SẼ DỄ DÀNG PHÁ VỞ SITE KHI THỰC HIỆN CÁC THAY ĐỔI . ĐỂ CHO PHÉP BẠN DỄ DÀNG TẠO RA CÁC SITE CÓ DẠNG THỂ HIỆN TINH TẾ , FRONTPAGE SẼ BẢO VỆ CÁC PHẦN CƠ BẢN VÀ PHỨC TẠP ĐỂ BẢO ĐẢM SITE HOẠT ĐỘNG CHÍNH XÁC . VIỆC LÀM THAY ĐỔI CẤU TRÚC MÀ KHÔNG HIỂU RƠ BẢN CHẤT CỦA NÓ SẼ GÂY NHỮNG KẾT QUẢ KHÔNG THỂ NÓI TRƯỚC ĐƯỢC .

ĐỂ GIÚP BẠN HIỂU RƠ HƠN VỀ CÁCH MÀ NHIỂU WEBSITE CHUYÊN NGHIỆP ĐƯỢC TẠO RA , CHƯƠNG NÀY SẼ XEM XÉT MỘT SỐ KỸ THUẬT PHỨC TẠP DÙNG ĐỂ BỐ CỤC TRANG . ĐẦU TIÊN BẠN SẼ LÀM VIỆC VỚI BẢNG ĐỂ TẠO RA CẤU TRÚC CHO TRANG . SAU ĐÓ KHÁM PHÁ VIỆC SỬ DỤNG KHUNG .

 

 

TUTORIALS thực hiện bằng Video có nhiều cái hay so Text : Trực quan – sinh động – dễ tiếp thu – dễ hiểu . Nhưng nếu muốn lănh hội trọn vẹn nội dung khuyên các bạn nên đọc và xem Video .

Utbinh thực hiện bằng cách áp dụng chương tŕnh CAMTASIA STUDIO 6.0.1 lần đầu tiên chắc chắn có nhiều sơ sót rất mong đón nhận ư kiến đóng góp của các bạn để ngày càng hoàn thiện . Cám ơn các bạn thư về : utbinhdesign@gmail.com

 

 

Video clips :

 

1.T̀M HIỂU BỐ CỤC TRANG VỚI BẢNG

2.TẠO 1 KHUÔN MẪU TRANG WEB

 

DOWNLOAD MEDIAFIRE : Xem chất lượng cao

Bố Cục Trang với Bảng  (21.76 MB) :

http://www.mediafire.com/download.php?34j0enn2uyz

Tạo 1 Khuôn Mẫu Trang Web  (35.11 MB)

http://www.mediafire.com/download.php?20kjnnzdxnw

 

TRÊN YOUTUBE : Xem không cần Download , chất lượng vừa .

Bố Cục Trang với Bảng  http://www.youtube.com/watch?v=81464MX5b8Q

Tạo 1 Khuôn Mẫu Trang Web 

http://www.youtube.com/watch?v=Za7F5dg1pww

 

3.TẠO WEBSITE TỪ KHUÔN MẪU TRANG   

 

DOWNLOAD MEDIAFIRE : Xem chất lượng cao

1.Tạo Folder (43.46 MB):

http://www.mediafire.com/download.php?mmglfdfun2t

2.Website BasicGarden (13.35 MB):

http://www.mediafire.com/download.php?ynd2jkojkiq

3.Nhúng Mẫu Web  (10.68 MB):

http://www.mediafire.com/download.php?0wgdacmylet

4.Rename Title.htm (12.25 MB):

http://www.mediafire.com/download.php?2w4munx4nyd

5.Kết Nối Liên Kết (24.05 MB):

http://www.mediafire.com/download.php?iwwzjnmym

 

TRÊN YOU TUBE : Xem không cần Download , chất lượng vừa .

FRONTPAGES 2003 Tạo Website từ Khuôn Mẫu Trang 29 6 2009 Tập1

(1.Tạo Folder – 2 .Website Basic Garden )

http://www.youtube.com/watch?v=scGYPPeccII

FRONTPAGES 2003 Tạo Website từ Khuôn Mẫu Trang 29 6 2009 Tập2

(3 . Nhúng Mẫu Web – 4 . Rename Title htm )

http://www.youtube.com/watch?v=x-NGVnEYQLo

FRONTPAGES 2003 Tạo Website từ Khuôn Mẫu Trang 29 6 2009 Tập3

(5.Kết Nối Liên Kết )

http://www.youtube.com/watch?v=7uZJHmK_Vjc

 

 

1.BỐ CỤC TRANG VỚI BẢNG

 

Bạn sẽ tạo 1 Khuôn Mẫu Bố Cục Trang Cơ Bản gồm có các Vùng : Dành cho LoGo – Tiêu Đề Trang – Bảng Nội Dung – Thông Tin Site . Bạn sẽ áp dụng 1 trong những Bảng Bố Cục đă được định nghĩa sẵn .

 

1.     Mở FP > Núy Create a new normal page > Đă mở ra Tab new_page_1.htm trong Cửa Sổ Soạn Thảo ( Để hiển thị các ScreenTips và phím Tắt cho các Nút trên Thanh Công Cụ , hăy nhấp Tools > Customize > Tab Options > Chọn Shortcut keys in screetips ) > Close .

2.     Nút Save > Bảng Save As xuất hiện , Hàng Save In xuất hiện : My Web Sites Hàng File name , nhập : table_tempaltes  .

3.     Nhấp Nút Change Title , HT Set Page Title mở ra , Hàng Page Title nhập : Table Layout Template > Ok > Đă có File table_templates > Save . (H2) .

1

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

4.     Nhấp Close Cột Folder List để mở rộng Cửa Sổ Soạn Thảo và đă có Tab table_tempalte.htm.

5.     Menu Table > Layout Tables and Cells > Ô tác Vụ Layout Tables and Cells hiện ra bên Cột Phải , Vùng New Tables and Cells nhấp Insert Layout Table > Hiện ra 1 Bảng Khung màu xanh lá cây có 8 Nút , chiều rộng 450 pixels  và cao 450 pixels ( Chiều cao này sẽ tăng tự động khi nội dung bạn Insert vào vượt 450 pixels )  . (H3) .

3

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

6.     Trong Vùng Table Properties nhập 640 ( Nếu chiều rộng màn h́nh của bạn đang sử dụng là 1024 th́ hăy nhập 1024 ) trong Hộp Width và nhấp Nút Align Center . (H4) .

 

4

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

7.     Nhấp vào Bố Cục có tên Header , Body , Footer and Left > Trang bạn đă tạo đă được thay đổi theo bố cục đă chọn . Chiều rộng và hiều cao mỗi Ô được thông báo bởi Layout Tools . (H5) .

5

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

·          Đường màu xanh lá cây cho biết đó là Cạnh Ngoài của Bảng .

·          Đường màu xanh dương cho biết sự phân chia giữa Hàng và Cột .

8.     Đóng cột Phải > Bố Cục Trang phân chia theo H́nh . (H6) .

 

 

 

6

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

9.     Nhấp lên đường phái dưới Ô Trái chọn Ô đó > Hiện ra các nút kiểm soát .

10.     Cách tạo Ô cuối Trang :

·          Để con trỏ lên Nút đáy Ô Bên Trái > Con trỏ biến thành chữ T > Rê lên tạo 1 đường nối với đường Ô Cuối Trang . (H7) .

 

7

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

·          Nhấp lên Ô cuối Trang > Con Trỏ thành chữ T > Rê qua Trái > Vùng cuối Trang đă mở rộng hết chiều rộng bảng . (H8) .

 

8

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2.TẠO 1 KHUÔN MẪU TRANG WEB

 

Bạn có thể xem 1 Website bao gồm 2 loại thông tin : Các Phần Tử ( Chung ) xuất hiện trên mỗi Trang trong Site và các Phần Tử ( Riêng ) cụ thể của mỗi Trang . Khi tạo 1 Khuôn Mẫu Trang , chúng ta sẽ đưa vào Khôn mẫu tất cả các Thông Tin xuất hiện trên mọi Trang trong Site để chỉ tạo nó một lần . Bạn có thể giữ các Vùng mà trong đó Thông Tin sẽ thay đổi trong mỗi Trang tách biệt với các Vùng Tỉnh .

Trong Bài Thực Hành này , bạn sẽ bổ sung thông tin áp dụng cho toàn Site vào Trang Web để tạo Khuôn  Mẫu  mà từ đó có thể tạo các Trang khác .

 

Các Tập Tin dùng cho bài thực hành này được đặt trong Thư Mục PAGE LAYOUTTEMPLATE , download tại :

TrangWebMau_KemSach.rar (11.52 MB) : http://www.mediafire.com/download.php?uiznweyq50x

Tập Tin Template.rar (5 KB) : http://www.mediafire.com/download.php?ydmtefgmyjz

 

1.     Mở FP > Open > Đến Thư Mục Template > Nhấp đúp lên > Nhấp table_template > Open > Một bố cục Bảng xuất hiện cùng với Vùng Đầu Trang – Ô Trái – Phần Thân – Vùng Cuối Trang . (H9) .

9

 

 

 

 

                                        

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2.     Nhấp Phải vào Ô Đầu Trang > Chọn Cell Formatting > Ô Tác vụ Formatting xuất hiện , nhấp Cell Corner and Shadow > Ô Tác Vụ thay đổi để phản ảnh lựa chọn của bạn .

·          Hộp Color chọn Teal ( màu lá cây ) .

·          Vùng Corner , Hàng Apply nhấp nút Top Left Corner > Một Thanh hiện ra ở phía trên vùng Đầu Trang với góc Trái bo tṛn > Nhấp Top Right Corner

( Góc Phải được bo tṛn ) .

3.     Đặt điểm chèn tại Ô Đầu Trang > Insert > Picture > From File > Duyệt đến tập tin tgclogo_sm > Insert > Xuất hiện Logo của Công Ty dưới đường biên bo tṛn . Sau khi Trang được đưa vào cấu trúc Website , biểu ngữ Trang sẽ được đưa vào đây .

4.     Đặt điểm chèn trong Ô Nội Dung > Nhập các từ > Nhấp phím Enter sau mỗi ḍng Ô này chứa các liên kết có mặt mọi Trang Web của Website . Vùng này được gọi là Bảng Nội Dung ( Table of Contents ) . (H10) .

 

10

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

5.     Ô Cell Formatting , nhấp Cell Properties and Borbers > Ô tác vụ thay đổi , Hộp VAlign chọn Top > Nội dung của Ô đă di chuyển lên cạnh trên của Ô > Hộp Padding nhập 5 > Enter > Nội dung của Ô di chuyển xuống phái dưới và về phái Phải 5 pixels .(H11) .

11

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

6.     Để con trỏ bên ngoải Khung bên Trái > Biến thành mủi tên đen nhỏ > Nhấp lên để chọn Ô Nội dung > Nhấp Nút Decrease Font Size  cho Font giảm c̣n 10 point > Nhấp Nút Bold .

7.     Nhấp biên phái trên của Ô cuối trang > Hiện ra 8 Nút > Ô Cell Formatting nhấp Cell Corner and Shadows > Trong danh sách Apply nhấp Nút Bottom Left Corners > Hiện ra đường biên bo tṛn với màu đă thiết lập trước đó > Nhấp Nút Bottom Right Corner .

8.     Đặt điểm chèn vào Ô Cuối Trang > Nhập văn bản : E-mail the Webmaster with Questions or Comments about this Web  Site . Người xem thướng muốn thấy Thông Tin liên hệ ở cuối mỗi Trang Web .

9.     Nhấp 3 lần vào Ḍng văn bản để chọn nó > Nhấp Nút Decrease Font Size c̣n 10 point .

10.       Ô Cell Formatting , nhấp Cell Properties and Borders > Padding nhập 5 > Enter > F12 . (H12) .

 

12

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

3.TẠO WEBSITE TỪ KHUÔN MẪU TRANG

 

Sau khi đă tạo Khuôn mẫu Trang Cơ bản , bạn cần tạo từng Trang của Website từ Khuôn Mẫu đó , bổ sung mỗi Trang vào hệ thống di chuyển của Site rồi đưa vào các biểu ngữ và liên kết Trang thích hợp .

 

Các Tập Tin cho bài thực hành này có trong Thư Mục PageLayout\Assemply , download tại :

Toàn Bộ Trang Web Mau Kem Sach .rar (11.52 MB) : http://www.mediafire.com/download.php?uiznweyq50x

Tập Tin Assembly.rar (6.72 KB):

http://tinyurl.com/utbinh180

 

1.     Download và giải nén Trang Web Mẫu :

 

·          Tại Desktop tạo 1 Folder đặt tên Assemply > Download Tập tin nén Assemply.rar (6.72KB) tại : http://tinyurl.com/utbinh180

·          Đặt Tập tin nén này trong Folder vừa tạo > Giải nén > Delete File nén .

 

2.     Tạo  Website có 1 Trang :

·          Mở FP > File > New > More Website site templates > Nhấp nhẹ lên One Page Site ( Không nhấp đúp ) > Ok > Đă có đường dẫn của Trang có tên OnePag25 ( Tên này do FP tự đặt ) trong Cửa Sổ Soạn Thảo .

 

3.     Rename Folder Website này :

 

·          Cách thứ 1 : Nhấp Phải lên đường dẫn này > Chọn Site Settings > Hàng Web name nhập : BasicGarden > Ok .

·          Ccah1 thứ 2 : Vào My Documents > My Web Sites > Nhấp Phải lên Folder OnePage25 > Rename > Nhập : BasicGarden > k .

·          Nếu Cột Folder Klist chưa hiện ra , nhấp View > Folder List . Và nhớ nhấp Refresh nếu chưa hiện ra tên Website .

 

4.     Mở Trang Web Mẫu ( Assemply ) và nhúng Mẫu này vào Trang Web khác

( BasicGarden ) :

 

·          File > Open > My Documents > My Web Sites > Assemply > tab_template > Open > Đă hiện ra Trang Web Mẫu trong Cửa Sổ Soạn Thảo .

·          File > Save As > My Documents > My Web Sites > BasicGarden > Nhấp đúp lên Index > Hỏi có muốn lưu thay đổi từ Mẫu trước vào không , Nhấp Yes  > Cửa Sổ save Embedded Files hiện ra , liệt kê 5 tập Tin H́nh ảnh của tab_Template cần được lưu vào Trang Mẫu BasicGarden > Nhấp Nút Change Folder ( Cần lưu vào trong Folder Images của BasicGarden ) > Folder Images > Ok > Ok . (H0) .

0

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

·          Để lưu các tập Tin nhúng vào Folder images của Site BasicGarden .Khuôn Mẫu Trang giờ đây đă được lưu dưới dạng Trang Chủ của Website mới BasicGarden .(H1) .

1

 

 

 

 

 

 

 

 

 

 

 

 

 

 

5.     Tạo thêm 4 bản sao index.htm :

 

·          Trong Folder List > Nhấp Phải lên index.htm > Copy > Nhấp Phải vào vùng trống trong Folder List > Paste > Hiện ra File index_copy(1).htm

·          Nhấp Phải vào vùng trống trong Folder List > Paste > Hiện ra File index_copy(2).htm .

·          Nhấp Phải vào vùng trống trong Folder List > Paste > Hiện ra File index_copy(3).htm

·          Nhấp Phải vào vùng trống trong Folder List > Paste > Hiện ra File index_copy(4).htm

 

6.     Rename  4 bản sao index.htm :

 

·          Trong Folder List > Nhấp Phải lên index_copy(1).htm > Rename > Nhập : classes.htm .

·          Nhấp Phải lên index_copy(2).htm > Rename > Nhập : contact.htm .

·          Trong Folder List > Nhấp Phải lên index_copy(3).htm > Rename > Nhập : press.htm .

·          Trong Folder List > Nhấp Phải lên index_copy(4).htm > Rename > Nhập : products.htm .

 

7.     Thay Đổi Title cho  5 Trang .htm :

 

·          Trong Folder List , nhấp Phải vào mỗi Tập tin htm > Chọn Properties > Thay đổi Tiêu đề cho mỗi tập tin dưới đây :

o    index.htm  nhập tiêu đề Trang    : Welcome .

o    classes.htm  nhập tiêu đề Trang : Class Offerings

o    contact.htm  nhập tiêu đề Trang : Contact Us .

o    press.htm  nhập tiêu đề Trang     : Press Release .

o    product.htm  nhập tiêu đề Trang : Products .

 

8.     Tạo các Trang Con cho Trang Chủ :

 

·          Nhấp Tab Web Site  > Nút Navigation  > Kéo các tập tin products.htm – classes.htm – press.htm – contact.htm  từ Folder List vào Cửa Sổ Navigation theo thứ tự trên để làm Trang Con của Trang WelCome ( Trang Chủ đạ thay đổi Title )  . Các Trang con cũng hiện ra tên với Title đă thay đổi .(H2) .

2

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

9.     Tạo Tiêu Đề cho Trang :

 

·          Nhấp Tab index.htm > Đặt con trỏ dưới Logo Công Ty GardenCo ( Hoặc nhấp lên Logo Công Ty > Nhấp Phím Mủi tên qua Phải 2 lần )

·          Insert > Page Banner > Ok > Đă hiện ra Từ Welcome làm Tiêu Đề Trang > Nhấp Heading 1 cho tăng kích cở > Chọn Logo và tiêu đề > Nhấp Nút Center cho ra giữa Trang .(H3) .

3

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

10.     Tạo liên kết cho các Từ :

 

·          Trong Ô Bảng Nội Dung , nhấp đúp vào Từ HOME > Nút Insert Hyperlink > Chọn Exciting File > Chọn Current Folder > Nhấp : index > Hàng Address đă hiện ra : index.htm > Ok . (H4).

 

4

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

·          Tiế

·           

·           

·           

·           

·           

·           

 

 

·          p tục tạo liên kết cho các Trang c̣n lại :

o    Nhấp Products > Nhấp products .

o    Nhấp Class Offerings > Nhấp classes .

o    Nhấp Press Release > press.

o    Nhấp Contact Us > Nhấp contact .

·          Trong Ô cuối Trang , nhấp đúp từ Webmaster để chọn nó > Nút Insert Hyperlink > Hiện ra HT Insert Hyperlink , nhấp Mục E-mail Address > Trong hộp E-mail Address , nhập : Webmaster@gardenco.mns.com . Từ mailto: sẽ tự động chèn vào đầu ḍng – Trong Hộp Subject , nhập : Web site feedback  nhằm thiết lập ḍng chủ đề của mỗi thông điệp được phát sinh từ liên kết để bạn dễ dàng xác định nguồn góc của chúng > Nhấp Nút ScreenTips , nhập  : E-mail the Webmaster ! trong hộp ScreenTip Text > Ok để thiết lập văn bản ScreenTip cho liên kết > Ok > Close Trang Index.htm  > Save . (H5).

 

5

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

11.     Kiểm Tra Liên Kết :

 

Nhấp tab Web Site > Nhấp Nút Hyperlinks  > Hiển thị Các Liên kết từ Trang Chủ đến các Trang Con và liên kết đến Thư điện  tử > Close Website lại .(H6).

 

6

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

12.       BOOKMARK ; Liên kết đến các điểm đánh dấu trong Trang : ( Đă có trong bài Hyperlink )

 

·          Bạn có thể chèn vào các Phần Tử Giữ Chổ có tên là Điểm Đánh Dấu ( Bookmark ) trong Trang Web để Người Xem có thể nhảy trực tiếp đến vị trí cụ thể trên Trang thay v́ nhảy đến 1 Tập tin khác .

·          Các Bookmark rất hữu dụng khi bạn có các Trang Web dài hoặc khi muốn nhảy từ 1 Danh sách các liên kết tập trung đến nhiều vị trí khác nhau trên Mạng ( Ví dụ : Các Bookmark thường được dùng trong các Trang Hỏi và Đáp , trong đó danh sách các câu hỏi được đặt ở đầu Trang đă tạo liên kết . Bạn nhấp lên 1 câu hỏi sẽ nhảy đến Câu trả lời tương ứng nằm trong Trang nào đó ) .

·          Trong mă lệnh HTML 1 Bookmark là 1 biến thể của Thẻ <a>  . Việc tạo 1 Book mark trong FP rất dễ và không đ̣i hỏi phải dùng mă lệnh . Bạn chọn 1 vị trí ( Là 1 từ hay 1 cụm từ hay 1 nút nào đó ) rồi vào Insert> Bookmark > Nhập tên cho điểm Bookmark này ( 1 tên Logic hoặc hệ thống đánh số ).

·          Việc liên kết đến 1 Bookmark cũng rất đơn giản . Bạn chỉ cần chèn 1 liên kết b́nh thường ,trong HT Insert Hyperlink nhấp vào Trang muốn liên kết và sau đó nhấp vào Nút Bookmark để thể hiện một danh sách các Bookmark có trên Trang đó . Các liên kết đền Bookmark thể hiện ở dạng filename#bookmark .

 

NGÀY 29.6.2009 :

31.FRONTPAGE 2003 :THAY ĐỔI BỐ CỤC TRANG .

<img src=http://utbinh.com/A6/290609/CHUONG6.jpg>

[img]http://utbinh.com/A6/290609/CHUONG6.jpg[/img]

http://utbinh.com/A6/290609/CHUONG6.jpg

http://utbinh.com/A6/290609/CHUONG6.doc

http://utbinh.com/A6/290609/CHUONG6.pdf

TUTORIALS thực hiện bằng Video có nhiều cái hay so Text : Trực quan – sinh động – dễ tiếp thu – dễ hiểu . Nhưng nếu muốn lănh hội trọn vẹn nội dung khuyên các bạn nên đọc và xem Video .

Utbinh thực hiện bằng cách áp dụng chương tŕnh CAMTASIA STUDIO 6.0.1 lần đầu tiên chắc chắn có nhiều sơ sót rất mong đón nhận ư kiến đóng góp của các bạn để ngày càng hoàn thiện . Cám ơn các bạn thư về : utbinhdesign@gmail.com

Video clips :

1.T̀M HIỂU BỐ CỤC TRANG VỚI BẢNG

2.TẠO 1 KHUÔN MẪU TRANG WEB

DOWNLOAD MEDIAFIRE : Xem chất lượng cao

Bố Cục Trang với Bảng  (21.76 MB) :

http://www.mediafire.com/download.php?34j0enn2uyz

Tạo 1 Khuôn Mẫu Trang Web  (35.11 MB)

http://www.mediafire.com/download.php?20kjnnzdxnw

TRÊN YOUTUBE : Xem không cần Download , chất lượng vừa .

Bố Cục Trang với Bảng  http://www.youtube.com/watch?v=81464MX5b8Q

Tạo 1 Khuôn Mẫu Trang Web 

http://www.youtube.com/watch?v=Za7F5dg1pww

3.TẠO WEBSITE TỪ KHUÔN MẪU TRANG  

DOWNLOAD MEDIAFIRE : Xem chất lượng cao

1.Tạo Folder (43.46 MB):

http://www.mediafire.com/download.php?mmglfdfun2t

2.Website BasicGarden (13.35 MB):

http://www.mediafire.com/download.php?ynd2jkojkiq

3.Nhúng Mẫu Web  (10.68 MB):

http://www.mediafire.com/download.php?0wgdacmylet

4.Rename Title.htm (12.25 MB):

http://www.mediafire.com/download.php?2w4munx4nyd

5.Kết Nối Liên Kết (24.05 MB):

http://www.mediafire.com/download.php?iwwzjnmym

TRÊN YOU TUBE : Xem không cần Download , chất lượng vừa .

FRONTPAGES 2003 Tạo Website từ Khuôn Mẫu Trang 29 6 2009 Tập1

(1.Tạo Folder – 2 .Website Basic Garden )

http://www.youtube.com/watch?v=scGYPPeccII

FRONTPAGES 2003 Tạo Website từ Khuôn Mẫu Trang 29 6 2009 Tập2

(3 . Nhúng Mẫu Web – 4 . Rename Title htm )

http://www.youtube.com/watch?v=x-NGVnEYQLo

FRONTPAGES 2003 Tạo Website từ Khuôn Mẫu Trang 29 6 2009 Tập3

(5.Kết Nối Liên Kết )

http://www.youtube.com/watch?v=7uZJHmK_Vjc

 

                                 

4.TẠO TRANG KHUNG

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

BÀI 32 NGÀY 30.6.2009 THEO KS NGUYỄN TRƯỜNG SINH .

 

THAY V̀ SỬ DỤNG BẢNG ĐỂ CẤU TRÚC TRANG WEB , CHÚNG TA CÓ THỂ ĐỊNH NGHĨA NHỮNG PHẦN TỬ KHÁC NHAU CỦA TRANG TRONG CÁC KHUNG KHÁC NHAU . KHI BỐ CỤC TRANG VỚI KHUNG , KẾT QUẢ CUỐI CÙNG TRÔNG CŨNG GIỐNG NHƯ TRANG ĐƯỢC BỐ CỤC VỚI BẢNG , NHƯNG HOẠT ĐỘNG ẨN PHÍA SAU NÓ PHỨC TẠP HƠN NHIỀU .

KHÁI NIỆM ẨN PHÁI SAU KHUNG LÀ TẠO 1 TRANG KHUNG SƯỜN , ĐÔI KHI ĐƯỢC GỌI LÀ : TẬP KHUNG ( FRAMESET ) CHỨA CÁC KHUNG THÔNG TIN RIÊNG BIỆT VÀ ĐƯỢC BỐ TRÍ CHÍNH XÁC TẠI VỊ TRÍ MONG MUỐN . MỖI KHUNG CÓ THỂ HIỂN THỊ THÔNG TIN TỈNH ĐƯỢC NHẬP TRỰC TIẾP VÀO TRONG KHUNG HOẶC NỘI DUNG TỪ 1 TẬP TIN KHÁC . VẺ ĐẸP CỦA VIỆC DÙNG KHUNG ĐỂ TỒ CHỨC DỮ LIỆU LÀ BẠN CÓ THỂ HIỂN THỊ THÔNG TIN TỪ 1 TẬP TIN TẠI NHIỀU NƠI KHÁC NHAU . KHI CẦN THỰC HIỆN 1 THAY ĐỔI CÓ ẢNH HƯỞNG ĐẾN TOÀN BỘ SITE  ( VÍ DỤ : BỔ SUNG 1 TRANG VÀO BẢNG NỘI DUNG ) CHÚNG TA CHỈ CẦN THỰC HIỆN 1 NƠI .

FRONTPAGE GIÚP CHO QUÁ TR̀NH TẠO TRANG KHUNG HOÀN TOÀN ĐƠN GIẢN BẰNG CÁCH CUNG CẤP MỘT SỐ KHUÔN MẪU MÀ BẠN CÓ THỂ MỞ , LƯU VÀ HOÀN TẤT VỚI 1CHUT1 CÔNG SỨC .

TRONG BÀI THỰC HÀNH NÀY BẠN SẼ TẠO 1 TRANG KHUNG BẰNG CÁCH DÙNG KHUÔN MẪU  .

 

Download Video Clip :

File Video Mediafire cực rơ : TAO_TRANGKHUNG.avi (39.61 MB):

http://www.mediafire.com/download.php?jjlydmmmmo2

YOU TUBE trung b́nh : FRONTPAGE 2003 TẠO TRANG KHUNG

http://www.youtube.com/watch?v=0PhL7-3jmJM

 

1.     Download File thực tập :

File Frames.rar (630.79 KB) :http://tinyurl.com/utbinh181

hoặc :http://www.mediafire.com/download.php?igjodiwenad

Giải nén > Tạo 1 Folder tên Frames đặt trong đường dẫn : My Documents\My Web Sites > Copy File : tgclogo_sm (5KB) đặt trong Folder này .

2.     Mở FP > File > New để mở Ô tác Vụ New .

3.     Trong Vùng New Page , nhấp Mục More page templates để mở HT Page Templates .

4.     Nhấp tab Frames Pages cung cấp 10 Khuôn Mẫu để tạo các Trang Khung > Nhấp vào từng Khuôn Mẫu để xem mô tả và dạng thể hiện của từng loại .

5.     Nhấp vào Khuôn Mẫu : Header , Footer and Contaents > Ok . (H1) .

 

 

1

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

6.     Đă tạo ra Trang dựa trên Khuôn Mẫu này . (H2) .

2

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

7.     Trong KHUNG TRÊN , nhấp nút New Page > Một Khung trống được mở , Insert > Picture > From File > My Documents > My Web Sites > Folder : Frames > Nhấp File : tgclogo_tm.gif > Insert > Logo xuất hiện lớn hơn so với không gian dành cho Khung

8.     Đặt con trỏ trên đường biên dưới của Khung Phía Trên > Con trỏ biến thành mủi tên 2 chiều > Rê đường biên xuống dưới cho đến khi thấy toàn bộ LoGo > Nhấp lên LoGo > Nút Center > Đă dời Logo ra giữa Khung Phía Trên .(H3).

 

3

 

 

9.     Save Tập Tin vừa tạo :

Nhấp vào trong Khung Phía Trên > Nút Save > HT Save As xuất hiện với Khung được chọn được làm nổi bật  > Hàng File Name nhập : header . (H4) .

 

4

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

10.       Nhấp Nút change Title > HT Set Page Title xuất hiện , nhập : Header Frame > Ok  Trở lại HT Saves As , nhấp nút Save . (H5) .

 

5

 

 

 

 

 

 

 

 

 

 

 

 

 

11.       Lưu cả Tập Khung : Phần trên là hướng dẫn bạn lưu Khung Phía Trên , sau khi lưu xong Khung Phái Trên nó tự động hiện ra HT tiếp theo nhắc bạn lưu cà Tập Khung .

Bạn cần phải lưu cả Tập Khung bằng cách sau đây :

·          File > Save > My Documents > My Web Sites > Hàng File Name nhập : frames-Template. (H6) .

 

6

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

·          Nhấp nút Change Title > nhập : Frames Templates > Ok> Nhấp Nút Save  . (H7) .

7

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

·          Cột Folder List hiển thị nội dung của Thư Mục My Web Sites > Close FP . (H8) .

 

 

 

8

12.       Phân chia Khung và xóa Khung :

Các bạn có thể phân chia 1 Khung thành nhiều Khung hoặc xóa bớt các Khung dư thừa .

·          Phân chia 1 Khung : Nhấp vào Khung muốn phân chia > Merge Frames > Split Frame >

o    Nếu muốn chia thành Cột nhấp : Split into Colomns .

o    Nếu muốn chia thành hàng nhấp : Split into Rows > Ok .

                                Khung mới được tạo ra cũng có nút New Page và Set Initial Page . (H9) .

 

9

 

 

 

 

 

 

·          Xóa 1 Khung : Nhấp chọn Khung cần xóa > Frames > Delete Frame .

 

 

 

NGÀY 30.6.2009 :

32.FRONTPAGE 2003 : TẠO TRANG KHUNG .

<img src=http://

Ngày 30.6.2009 utbinh.com/A6/300609/trangkhung.jpg>

[img]http://utbinh.com/A6/300609/trangkhung.jpg[/img]

http://utbinh.com/A6/300609/trangkhung.jpg

http://utbinh.com/A6/300609/trangkhung.doc

http://utbinh.com/A6/300609/trangkhung.pdf

Download Video Clip :

File Video Mediafire cực rơ : TAO_TRANGKHUNG.avi (39.61 MB):

http://www.mediafire.com/download.php?jjlydmmmmo2

YOU TUBE trung b́nh : FRONTPAGE 2003 TẠO TRANG KHUNG

http://www.youtube.com/watch?v=0PhL7-3jmJM

Download File thực tập :

File Frames.rar (630.79 KB) :http://tinyurl.com/utbinh181

hoặc :http://www.mediafire.com/download.php?igjodiwenad

 

VIDEO TUTORIALS FRONTPAGE 2003

http://www.youtube.com/designutbinh

TUTORIALS thực hiện bằng Video có nhiều cái hay so Text : Trực quan – sinh động – dễ tiếp thu – dễ hiểu . Nhưng nếu muốn lănh hội trọn vẹn nội dung khuyên các bạn nên đọc và xem Video .

Utbinh thực hiện bằng cách áp dụng chương tŕnh CAMTASIA STUDIO 6.0.1 lần đầu tiên chắc chắn có nhiều sơ sót rất mong đón nhận ư kiến đóng góp của các bạn để ngày càng hoàn thiện . Cám ơn các bạn thư về : utbinhdesign@gmail.com

TUTORIALS thực hiện bằng Video có nhiều cái hay so Text : Trực quan – sinh động – dễ tiếp thu – dễ hiểu . Nhưng nếu muốn lănh hội trọn vẹn nội dung khuyên các bạn nên đọc và xem Video .

Utbinh thực hiện bằng cách áp dụng chương tŕnh CAMTASIA STUDIO 6.0.1 lần đầu tiên chắc chắn có nhiều sơ sót rất mong đón nhận ư kiến đóng góp của các bạn để ngày càng hoàn thiện . Cám ơn các bạn thư về : utbinhdesign@gmail.com

DOWNLOAD MEDIAFIRE : Xem chất lượng cao

Bố Cục Trang với Bảng  (21.76 MB) :

http://www.mediafire.com/download.php?34j0enn2uyz

Tạo 1 Khuôn Mẫu Trang Web  (35.11 MB)

http://www.mediafire.com/download.php?20kjnnzdxnw

TRÊN YOUTUBE : Xem không cần Download , chất lượng vừa .

Bố Cục Trang với Bảng  http://www.youtube.com/watch?v=81464MX5b8Q

Tạo 1 Khuôn Mẫu Trang Web 

http://www.youtube.com/watch?v=Za7F5dg1pww

DOWNLOAD MEDIAFIRE : Xem chất lượng cao

1.Tạo Folder (43.46 MB):

http://www.mediafire.com/download.php?mmglfdfun2t

2.Website BasicGarden (13.35 MB):

http://www.mediafire.com/download.php?ynd2jkojkiq

3.Nhúng Mẫu Web  (10.68 MB):

http://www.mediafire.com/download.php?0wgdacmylet

4.Rename Title.htm (12.25 MB):

http://www.mediafire.com/download.php?2w4munx4nyd

5.Kết Nối Liên Kết (24.05 MB):

http://www.mediafire.com/download.php?iwwzjnmym

TRÊN YOU TUBE : Xem không cần Download , chất lượng vừa .

FRONTPAGES 2003 Tạo Website từ Khuôn Mẫu Trang 29 6 2009 Tập1

(1.Tạo Folder – 2 .Website Basic Garden )

http://www.youtube.com/watch?v=scGYPPeccII

FRONTPAGES 2003 Tạo Website từ Khuôn Mẫu Trang 29 6 2009 Tập2

(3 . Nhúng Mẫu Web – 4 . Rename Title htm )

http://www.youtube.com/watch?v=x-NGVnEYQLo

FRONTPAGES 2003 Tạo Website từ Khuôn Mẫu Trang 29 6 2009 Tập3

(5.Kết Nối Liên Kết )

http://www.youtube.com/watch?v=7uZJHmK_Vjc

LINKS CÁC BÀI VIẾT LẦN 3  NEW FRONTPAGE 2003

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

Bài 5 : http://utbinh.com/ANOV08/141108/CuteFTP.doc

Bài 6 : http://utbinh.com/ANOV08/151108/bosung.doc

Bài 7 : http://utbinh.com/ANOV08/171108/TEXT_HINH.doc

Bài 8 : http://utbinh.com/ANOV08/181108/giaodien.doc

Bài 9 : http://utbinh.com/ANOV08/241108/khaosat.doc

Bài 10 : http://utbinh.com/ANOV08/261108/hieuluc.doc

Bài 11 : http://utbinh.com/ANOV08/291108/khampha.doc

Bài 12 : http://utbinh.com/ADEC08/041208/personal.doc

Bài 13 : http://utbinh.com/ADEC08/091208/WITZARD.doc

Bài 14 : http://utbinh.com/ADEC08/151208/copypaste.doc

Bài 15 : http://utbinh.com/ADEC08/201208/DINHDANG.doc

Bài 16 :http://utbinh.com/A2/250209/TrinhDuyet.doc

Bài 17 : http://utbinh.com/A3/050309/DANHSACH.doc

Bài 18 : http://utbinh.com/A3/090309/table.doc

Bài 19 : http://utbinh.com/A3/100309/table2.doc

Bài 20 : http://utbinh.com/A3/220309/HINH.doc

Bài 21 : http://utbinh.com/A3/290309/bocuc.doc

Bài 22 :http://utbinh.com/A4/300309/thumbnail.doc

Bài 23 :http://utbinh.byethost10.com/030409/byethost.doc

Bài 24 :http://utbinh.com/A4/190409/DRAWING.doc

Bài 25 : http://utbinh.com/A4/260409/web.doc

Bài 26 : http://utbinh.com/A5/250509/TAOWEB.doc

Bài 27 : http://utbinh.com/A6/080609/THEME.doc

Bài 28 : http://utbinh.com/A6/110609/COMPONENTS.doc

Bài 29 : http://utbinh.com/A6/130609/SITE120609.doc

       Bài 30 : http://utbinh.com/A6/190609/HYPERLINK.doc

Bài 31 : http://utbinh.com/A6/290609/CHUONG6.doc

Bài 32 : http://utbinh.com/A6/300609/trangkhung.doc

LINKS THỰC TẬP FRONTPAGE 2003 Trên host mua :

http://utbinh.com/ANOV08/121108/site121108/index.htm

http://utbinh.com/ANOV08/site141108/indexB.htm

http://utbinh.com/ANOV08/site161108/index.htm

http://utbinh.com/ANOV08/site151108/index.htm

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

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

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

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

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

http://utbinh.com/A2/site250209/index.htm

http://utbinh.com/A3/site080309/index.htm

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

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

http://utbinh.com/A4/site040409/index.htm

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

http://utbinh.com/A4/site040409/index.htm

http://utbinh.com/A4/site150409A/index.htm

http://utbinh.com/A4/site150409A/index.htm

http://utbinh.com/A4/site150409A/index.htm

http://utbinh.com/A4/site250409A/index.htm

http://utbinh.com/A6/120609/index.htm

http://utbinh.com/A6/site150609/index.htm          

LINKS THỰC TẬP FRONTPAGE 2003 Trên host free 110mb.com :

http://kimtrang.110mb.com/onePage2/indexB.htm

http://kimtrang.110mb.com/site121108/index.htm

http://kimtrang.110mb.com/site141108/indexB.htm

http://kimtrang.110mb.com/site151108/index.htm

http://kimtrang.110mb.com/site161108/index.htm

http://kimtrang.110mb.com/site261108/index.htm

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

http://kimtrang.110mb.com/site071208/index.htm

http://kimtrang.110mb.com/site151208/index.htm

http://kimtrang.110mb.com/site161208/index.htm

http://kimtrang.110mb.com/site250209/index.htm

http://kimtrang.110mb.com/site080309/index.htm

http://kimtrang.110mb.com/site280309/index.htm

http://kimtrang.110mb.com/site250309/index.htm

http://utbinhdesign.byethost2.com/site150409/index.htm

http://utbinh.byethost10.com/site040409/index.htm

http://utbinhdesign.byethost2.com/site150409A/index.htm

http://utbinh.byethost10.com/site150409A/index.htm

http://utbinhdesign.byethost2.com/site250409/index.htm

http://utbinhdesign.byethost2.com/site250409/index.htm

http://utbinh.byethost10.com/site250409/trang5.htm

                http://minh.byethost5.com/120609/index.htm

       http://minh.byethost5.com/site150609/index.htm