18.table

BÀI 18 NGÀY 9.3.2009 SOẠN THEO KS NGUYỄN TRƯỜNG SINH CÓ 3 CÁCH TẠO TABLE : TẠO BẰNG NÚT INSERT TABLE – TẠO BẰNG MENU INSERT TABLE – TẠO BẰNG DRAW TABLE . BẠN CŨNG CÓ THỂ CHUYỂN ĐỔI VĂN BẢN THÀNH TABLE VÀ NGƯỢC LẠI . HƯỚNG DẪN NHẬP THÔNG TIN VÀO TABLE . TỪ LÝ THUYÊT TRÊN BẠN SẼ TỰ THIẾT KẾ LẤY WEBSITE CÓ NỘI DUNG TABLE – THAY ĐỔI TÊN CÁC NÚT NHẤN HYPERLINK CỦA MẪU THIẾT KẾ WEB – CHỈNH SỬA TABLE : ĐỔI TIN TIN GIỮA CÁC CỘT – THÊM HÀNG TRÊN CÙNG TABLE – ĐIỀU CHỈNH KÍCH THƯỚC CÁC CỘT – CÁC CỘT VỪA KHÍT VỚI THÔNG TIN CHỨA TRONG CỘT – SỬ DỤNG HỘP THOẠI TABLE PROPERTIES . CHUẨN BỊ : •

•

Tạo 1 Folder , đặt tên : table > Lưu tại : My Documents\My Web Sites > Download Trang Web Mẫu của bài Viết này về thực tập , File RAR (82KB) : http://www.4shared.com/file/91595868/d453ef16/table.html > Chỉ định nơi lưu là Folder : table > Giải nén và Delete File Rar . Mở FP > File > Open Site > My Documents > My Web Sites > Nhấp Folder : table (Không nhấp đúp ) > Open > Đã hiện ra Trang Web mẫu table .

I.TẠO TABLE BẰNG NÚT INSERT TABLE : 1. Cột Folder List , nhấp đúp File : serv01.htm > Hiện ra Trang Spring Splendor trongt cửa sổ soạn thảo của chế độ hiển thị Page . 2. Ctrl+Phím End để đưa điểm chèn xuống cuối Trang > Phím Enter để chèn vào 1 đoạn văn mới phía dưới tiêu đề Class Schedule .

1

3. Bạn Copy 1 đoạn văn lấy trên Mạng > Ctrl+V dán đoạn văn này vào > Cho khít hàng : Format > Paragraph ( Before 0 – After 0 ) > Ok > Size chọn 2 > Bold > Justify . 4. Trên Thanh Công cụ Standard , nhấp Nút Insert Table . (H1).

Tại Ô đầu tiên rê tạo 3 cột 10 dòng > Nhả chuột > FP đã chèn 1 Bảng với số hàng và cột bạn đã xác định > Cuộn xuống để xem toàn bộ Bảng . (H2).

5. Nhấp Nút Close của cửa sổ soạn thảo Trang serc01.htm > Nhấp Yes để lưu các thay đổi .

II.TẠO TABLE BẰNG MENU INSERT TABLE : 1. Trong Folder List , nhấp đúp Tập tin : serv02.htm để mở Trang Carnivorous Plants > Ctrl+End > Enter . 2. Menu Table > Insert > Table > Ra Bảng Insert Table . Giải thích : Menu Insert Table và Nút Insert Table hoàn toàn khác nhau không giống như phần lớn các Nút và Công cụ tương ứng trong Bộ 2

Office 2003 . Lệnh Menu làm xuất hiện 1 Hộp Thoại trong lúc Nút Lệnh làm xuất hiện một lưới . • Vùng Size xác định Rows 9 – Column 4 . • Vùng Layout thiết lập Cell Padding là 3 và bảo đảm chiều rộng Bảng được thiết lập là 100% . Cell Padding ( Khoảng đệm ) : Là khoảng trống giữa đường biên của Ô và nội dung phía trong nó . Khoảng đệm này giống như lề của Trang vậy . • Vùng Border , Size : 0 > Ok để tạo Bảng > Cuộn Trang để xem bảng . (H3).

3. Đóng Trang này và (H4).

lưu thay đổi .

3

III.TẠO TABLE BẰNG DRAW TABLE : 1. Mở Trang : serv03.htm > Hiện ra Trang Organic Byproducts > Ctrl+End > Enter . 2. Menu Table > Draw Table > Hiện ra Thanh Công cụ Draw Tables và con trỏ chuyển thành dạng Cây viết chì . (H5).

3. Cuộn xuống để thấy cuối Trang > Rê con trò xuống từ góc trái trên xuống dưới đáy phải Trang > Nhả Phím > Bạn đã tạo 1 Ô gồm có kích thước tương tự như các Bảng trước đã tạo .(H6).

4. Vẽ 2 đưởng thẳng đứng để tạo 3 cột . (H7).

4

5. Vẽ 9 đường nằm ngang trong phạm vi Bảng để chia Table thành 10 dòng . bạn sẽ thấy khoảng cách cột và dòng không đều nhau . (H8).

6. Nhấn Phím ESC để con trỏ trở về dạng ban đầu . 7. Rê chuột chọn toàn bộ Bảng > Trên Thanh Công cụ Tables , nhấp nút Distribute Rows Evently để tạo các Hàng trong Table có chiều cao giống nhau . (H9).

8. Rê chuột chọn toàn bộ Bảng > Thanh Công cụ Table chọn Nút Distribute Columns Evently để tạo các cột có chiều rộng bằng nhau . (H10).

5

9. Đóng Thanh công cụ Table > Đóng Trang serv03.htm > Yes .

IV.CHUYỂN ĐỔI VĂN BẢN THÀNH TABLE VÀ NGƯỢC LẠI : 1. Mở Trang : services.htm > Ra nội dung Class Offerings . 2. Bạn có thể chuyển đổi văn bản thành Table với điều kiện văn bản đó phải : Có các Mục khác nhau bằng đấu phẩy – Tab – hoặc ký tự phân cách đoạn văn . 3. Chọn văn bản muốn chuyển đổi > Chọn Menu Table > Convert > Text to Table > Hiện ra Bảng Convert Text to Table , trong văn bản này bạn hiện có mấy đoạn Paragraph nên FP đề nghị chọn Paragraph > Ok . (H11).

4. Văn bản được tạo table phân cách các Paragraph. (H12).

6

5. Bạn cũng có thể chuyển Table thành văn bản : Chọn hết Bảng > Menu Table > Convert > Table To Text > Đ4 trở thành văn bản .

V. ĐƯA THÔNG TIN VÀO BẢNG :

Bạn đã tạo Table bằng 3 cách khác nhau . Bạn nhập thông tin vào các Bảng giống như nhập thông tin vào Word .Bạn nhập cùng 1 thông tin cho 3 Bảng đồng thời bạn đưa thông tin riêng của mình cho mỗi Bảng . 1. Nhấp Trang : serv01.htm. 2. Giữ Phím Ctrl > Nhấp lên tập tin serv02.htm và serv03.htm > Enter để mở 1 lần 3 tập tin : Bạn đã thấy có 3 Tab serv1-02-03.htm. 3. Trong Spring Splendor , cuộn xuống đáy Trang > Đặt điểm chèn Ô đầu tiên và nhập đoạn văn bản vào > Khi nhập văn bản vào , tùy thuộc dài hay ngắn sẽ tự động điều chỉnh Ô cho phù hợp . 4. Phím Tab để di chuyển sang Cột thứ 2 > Nhập từ tiếp tục > Nhấp Phím Tab sang cột thứ 3 > Nhập từ tiếp tục để hoàn tất Bảng . 5. Mở các Trang còn lại thực hành giống trên . Phần hướng dẫn trên là lý thuyết nhập nội dung vào từng Ô của Bảng . Phần dưới là utbinh tự tạo Trang Web thực hành cho bài viết này .

VI.THỰC HÀNH BÀI VIẾT TẠO SITE 080309 : 1. Tạo Banner cho Website có tên Photoshop CS4 trong Photoshop > Định dạng JPG > Lưu tại Desktop > Nhấp con trỏ chỉ định vị trí đặt Banner > Nút Insert Picture From File > Đến nơi lưu Banner > Nhấp lên Banner > Insert > Đã hiện ra Banner 2. Bôi đen cột Phải dưới Banner > Ctrl+End > Enter để đặt vị trí con trỏ > Copy và Paste văn bản vào . 3. Đổi tên cho các Nút Hyperlink : Trang web mẫu có 4 nút trên đầu Trang > Khi nhấp lên nó sẽ mở ra nội dung của Trang đó . 4. Trong Folder List , nhấp Nút Navigations đáy cột > F2 > Nhập Rename . Nút liên kết trong cửa sổ soạn thảo đã đổi tên . 5. Rename các Nút còn lại . Khi bạn nhấp các Nút liên kết này trên mỗi Trang , nó đưa bạn đến nội dung của nó .Các Nút liên kết đều có hiệu lực trên các Trang Web của Webste này . (H13).

VII.CHỈNH

SỬA

BẢNG : 7

Bạn phải điều chỉnh kích thước Hàng và Cột sao cho thích hợp . Với FP khắc phục như vậy rất dễ dàng . Trong bài thực hành , bạn sẽ thay đổi cấu trúc Bảng đã có để bố trí lại thông tin nó đang chứa .Bạn sẽ chuyển thông tin giữa các cột , xóa cột không dùng và bổ sung dòng Tiêu Đề cho Bảng .  Tạo 1 Folder tại My Documents\My Web Sites , đặt tên : table1 > Download Trang Web Mẫu của bài viết này về thực tập , File RAR ( 118,7KB) : http://www.mediafire.com/download.php?ntk2z0n3jgd  Chỉ định nơi lưu là Folder trên > Giải nén và Delete File Rar .  Mở FP > Menu File > My Documents\My Web Sites > Nhấp lên Folder table1 > Open > Đã hiện ra cột Folder List .  Nhấp đúp Tập tin : serv02.htm để mở Trang Carnivorous Plants trong cửa sổ soạn thảo của chế đố độ hiển thị Page .  Nhấp vào bất kỳ trong cột thứ 4 > Thanh công cụ table xuất hiện . Nếu không hiện ra , bạn nhấp Phải vào Thanh công cụ và chọn tables . 1. Đổi thông tin giữa các cột : • Trên Menu table , nhấpSelect > Column > Toàn bộ cột thứ 4 đã được chọn . • Trở lại góc Trái trên của Cột thứ 4 > rê thông tin qua Ô trên cùng của cột thứ 3 > 2 cột thứ 3 và thứ 4 đã đổi chổ cho nhau .(H14).

2. Thêm 1 Hàng trên cùng : • Nhấp bất kỳ dòng trên cùng của Bảng > Trên Thanh Công cụ Tables nhấp Nút Insert Rows > Một Hàng mới đã được chèn vào phía trên bảng . (H15).

8

• • •

Nhấp bất kỳ chổ trống giữa cột 3 và 4 > Menu Table > Select > Columns > Đã chọn hết cột thứ 4 . Thanh công cụ Table nhấp nút Delete Cells > Đã xóa cột trống giau74 cột 3 và 4 . Nhập tiêu đề cho cột 1 – 2 – 3 : Class – Date – Time > Close Tables > Nhấp nút Close của Trang : serv02.htm và lưu kết quả . (H16).

3. Điều chỉnh kích thước các cột : • Nhấp đúp : serv03.htm để mở trang Organic Byproducts > Cuộn xuống để thấy toàn bộ Trang . • Để con trỏ lên đường biên Phải của cột Date > Con trỏ biến thành mủi tên 2 đầu > Nhấp đúp lên biên này > Kích thước cột đã được thay đổi cho phù hợp với nội dung của nó . 4. Các cột vừa khít : • Nhấp vào nơi bất kỳ trong Bảng > Thanh công cụ Tables , nhấp nút Auto Fit To Contents . Tất cả các cột trong Bảng sẽ điều chỉnh để phù hợp nội dung của chúng . (H17).

9

5. Mở Hộp Thoại Table Properties để thay đổi các thiết lập : •

Nhấp Phải vào nơi bất kỳ trong Bnag3 > Menu con mở ra > Chọn Table Properties > Hiện ra Hộp thoại , thực hiện các tùy chọn : o Alignment : Left. o Cell Padding : 3. o Chọn Specify Width > Nhập 100 > Chọn In percents. o Vùng Borders , Size : 0 > Ok . (H18).

Bảng trong Trang sẽ thay đổi để áp dụng các thiết lập của bạn .

6. Chọn 3 Cột : • •

•

Để con trỏ lên đầu Cột 1 > Biến thành mủi tên trỏ xuống > Nhấn và rê qua Phải để chọn cả 3 Cột . Trong Thanh Công cụ Tables , nhấp nút Distribute Columns Evently để làm cho các Cột có chiều rộng bằng nhau . (H19).

Đóng Tables > Đóng Trang Web serc03.htm > Yes lưu thay đổi .

NGÀY 9.3.2009 : 18.FRONTPAGE 2003 : TẠO TABLE . [img]http://utbinh.com/A3/090309/table.jpg[/img] http://utbinh.com/A3/090309/table.doc http://utbinh.com/A3/090309/table.pdf 10

http://utbinh.com/A3/090309/table.jpg Link download File RAR Web Mẫu (table) : http://www.4shared.com/file/91595868/d453ef16/table.html Link download File RAR Web Mẫu (table1) : http://www.mediafire.com/download.php?ntk2z0n3jgd Bài 18 FrontPage 2003 : Tạo Table (2.11MB) : Links Bài Viết Utbinh ngày 9.3.2009 (141KB) : http://www.4shared.com/file/91886052/82f391f3/Links_BaiViet_utbin h_090309.html Website thực tập 9.3.2009: http://utbinh.com/A3/site080309/index.htm http://kimtrang.110mb.com/site080309/index.htm LINKS CÁC BÀI VIẾTLẦ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 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 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 11

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 FILE ZIP LESSONS FRONTPAGE 2003 TỪ 1 ĐẾN 15 ( 17.26 MB ) : http://utbinh.com/ADEC08/FP_1_15.rar Software Photoshop cs4 : Download và cài đặt (45KB) : http://utbinh.com/A3/090309/14 LINKSDOWNLOADSOFTAWREPHOTOSHOPCS4.doc Các bài báo Cướp Tiệm Vàng (425KB) : http://utbinh.com/A3/090309/cuoptiemvang.doc Links tất cả các bài viết của utbinh 9.3.2009 (141KB) : http://utbinh.com/A3/090309/Links_BaiViet_090309.doc Links tất cả các bài viết của utbinh 9.3.2009 (141KB) : http://utbinh.com/A3/090309/Links_BaiViet_utbinh_090309.doc Links Tháng 3.2009 đến ngày 9.3.2009 (325KB) : http://utbinh.com/A3/090309/Links_Thang_3.2009.doc Phần mềm sửa ảnh giống Photoshop (5.07MB) : http://utbinh.com/A3/090309/PhotoPerfectExpress.doc Softwares của Lưu Nhật Nam 9.3.2009 (2.54MB) : http://utbinh.com/A3/090309/softwaresLNN090309.doc Tuần Báo Tin Học số 7 (5MB) : http://utbinh.com/A3/090309/TBTH7.doc Tương Lai Thủ Thiêm FLV (6MB) : http://utbinh.com/A3/090309/ThuThiem_TuongLai.flv UTBINH.DOC : http://www.mediafire.com/download.php?zyytaomzoyo PHOTOSHOP : 22 Bai Phuc Hoi Anh Chuyen Nghiep.doc http://www.mediafire.com/download.php?jjnhj0znzwz 54 BaiViet_PHOTOSHOP CS3 .doc http://www.mediafire.com/download.php?yntyneguhmd 90 Bai PHOTOSHOP 100808.doc http://www.mediafire.com/download.php?44mtvjtmt2o Links 30 Bai Viet PS CS2.doc http://www.mediafire.com/download.php?jjy0mzyhnih LINKS PHOTOSHOP 2006.doc http://www.mediafire.com/download.php?yddnmnzjk0y Links 15 BaiACTIONSPHOTOSHOP.doc http://www.mediafire.com/download.php?twolfz1nvm2 Links 17 Bai PHOTOSHOP bongdo.doc http://www.mediafire.com/download.php?yvnbrtmqyyq LINKS_BAIVIET_PHOTOSHOP.doc http://www.mediafire.com/download.php?egmyytj1i2h Links_PHOTOSHOPCS3.doc 12

http://www.mediafire.com/download.php?uofwomyoawm LINKSPHOTOSHOPCS4.doc http://www.mediafire.com/download.php?j2ddgloryiu THIẾT KẾ WEBSITES : LINKS CÁC BÀI VIẾT THIẾT KẾ WEB CỦA UTBINH.doc http://www.mediafire.com/download.php?wznonlxmcd4 LINKS 46 BaiFRONTPAGE _2003.doc http://www.mediafire.com/download.php?zttznw4weu3 LINKS14Bai EXPRESSION_WEB_2007.doc http://www.mediafire.com/download.php?wkzzqzqycze Links 34 Bai DREAWEAVER8.doc http://www.mediafire.com/download.php?kmojbyln2fm Links 52 BaiHTML.doc http://www.mediafire.com/download.php?ytq2cyyztzy Links 9 Bai FLASH9.doc http://www.mediafire.com/download.php?unndwznjzlz Links 32 BaiFLASH 8.doc http://www.mediafire.com/download.php?4nq5iutteom LINKSPOWERPOINT050608.doc http://www.mediafire.com/download.php?amqxinqtjng MẠNG NETWORKS LINKS_MANG_1_95.doc http://www.mediafire.com/download.php?yzjzzzyminz MEDIA : YOU TUBE : http://www.mediafire.com/download.php?wx2nmhagiyq SlideshowsPOWERPOINT_6.3.2009.doc http://www.mediafire.com/download.php?kaztto4jz1y LINKS_NHIEPANH.doc http://www.mediafire.com/download.php?ioxtjgcxemt LINKS THÁNG CỦA NĂM 2008-2009 LINKS THÁNG 1.2009 : http://www.mediafire.com/download.php?tgnwwmjnmwz LINKS_BAI_VIET_16.2.2009.doc http://www.mediafire.com/download.php?gzmnmqw0rua LINKS_BAI_VIET_281108.doc http://www.mediafire.com/download.php?mcy5zuxqyfr LINKS_THANG_11.2008.doc http://www.mediafire.com/download.php?3kjmnwqlhwe Links_Thang_12.2008.doc http://www.mediafire.com/download.php?rdyzymnmfjn LINKS TONG HOP THANG 2.2009.doc http://www.mediafire.com/download.php?mdgdub2jlgd E-BOOK VÀ TUẦN BÁO TIN HỌC Kho E-BOOK : http://www.mediafire.com/download.php?0iyyowogyww Links 50 TUANBAOTINHOC_Nam2008.doc http://www.mediafire.com/download.php?tnyqz5ethtm Y KHOA 13

Y Hoc thuong thuc.doc http://www.mediafire.com/download.php?uzjzxmvmowy Y Khoa : http://www.mediafire.com/download.php?hhym0niewhm

14