28.thanh Phan Dac Biet

BÀI 28 NGÀY 11.6.2009 SOẠN THEO NHÓM PTPM HSSV NỘI DUNG BÀI HƯỚNG DẪN NÀY GIÚP CÁC BẠN TẠO NHIỀU TIỆN ÍCH VÀ NHIỀU HIỆU ỨNG LẠ MẮT GIÚP CHO TRANG WEB CỦA BẠN THÊM SINH ĐỘNG , HÀO HỨNG VÀ MỸ QUAN . CHỈ CẦN VÀI THAO TÁC ĐƠN GIÀN LÀ ĐÃ HIỆN RA HIỆU ỨNG HAY TIỆN ÍCH MÀ BẠN ĐÃ CHỌN . NHƯNG KHÔNG PHẢI VÌ THẾ MÀ TRANG WEB NÀO BẠN CŨNG NHÉT NÓ VÔ ĐẦY NHÓC SẼ TRÔNG RỐI MẮT TRỞ THÀNH PHẢN CẢM , EFFECTS NGƯỢC ĐÓ . BẠN CHỈ INSERT VÀO KHI THẤY THẬT CẦN THIẾT . TÀI LIỆU CỦA NHÓM PTPM SVHS TUY KHÔNG ĐẦY ĐỦ NHƯ SÁCH ( SÁCH CŨNG THIẾU NỬA ) NHƯNG TẠM ĐÁP ỨNG MỸ MÃN CHO CÁC BẠN MỚI HỌC LÀM QUEN VÀ THIẾT KẾ WEB FRONTPAGE 2003 . NGOÀI RA NHÓM NÀY ĐÃ XUẤT BẢN RẤT NHIỀU CÁC GIÁO TRÌNH HƯỚNG DẪN SỬ DỤNG PHẦN MỀM MỚI NHẤT – CÁC HƯỚNG DẪN THIẾT THỰC NHẤT LIÊN QUAN ĐẾN TIN HỌC . TOÀN LÀ NHỮNG DỈA HỮU ÍCH CHO CÁC BẠN , VẬY NÊN TÌM HIỂU THÊM CÁC BẠN NHÉ . CŨNG NHƯ KS DƯƠNG TRUNG HIẾU VẬY , KHI XUẤT BẢN DỈA ĐÃ BỊ COPY TRÀN LAN BÁN 6 NGÀN SO VỚI GỐC 16 NGÀN . CÁC BẠN NÊN ỦNG HỘ MUA DỈA GỐC GIÚP NHÓM PTPM SVHS CÓ CƠ HỘI TIẾP TỤC CỐNG HIẾN NHIỀU DỈA MỚI , LẠ , HỮU ÍCH PHỤC VỤ CÁC BẠN NHÉ .

1

TÁC GIẢ SOẠN BÀI VIẾT NÀY TỪ NỘI DUNG TRONG DỈA GIÁO TRÌNH FRONTPAGE 2003 CỦA NHÓM PHÁT TRIỂN PHẦN MỀM SVHS . CÁC NỘI DUNG NÀY RẤT DỄ HIỂU ĐỐI VỚI CÁC BẠN MỚI TẬP LÀM QUEN THIẾT KẾ WEB , ĐỌC XONG CÓ THỂ THỰC HÀNH ĐẠT KẾT QUẢ . NẾU CẦN THAM KHẢO THÊM CÁC BẠN CÓ THỂ MUA DỈA TẠI CÁC TIỆM SOFT . RIÊNG CÁC BẠN Ở NGOẠI QUỐC CÓ THỂ DOWNLOAD CÁC LINKS DƯỚI ĐÂY ĐỂ HỌC TẬP : Giáo Trình FrontPage 2003 của SVHS (39.51) : http://www.mediafire.com/download.php?kmimxz2lfny Software FP 2003 : http://www.mediafire.com/download.php?tztjquyxzaj Shared Link Mediafire Folder FRONTPAGE 2003 của utbinh : http://tinyurl.com/utbinh151

CHƯƠNG 7 : CHÈN THÀNH PHẦN ĐẶC BIỆT BÀI 1 : CHÈN CÁC THÀNH PHẦN ĐƠN GIẢN 1. 2. 3. 4.

Chèn Chèn Chèn Chèn

Các Symbol . Đường Kẻ Ngang . ClipArt . Ngày và Thời Gian .

BÀI 2 : CHÈN CÁC THÀNH PHẦN ĐẶC BIỆT 1. Chèn Nút Đếm Số Lần viếng thăm WEB . 2. Chèn Nút Đổi Màu . 2

3. 4. 5. 6. 7. 8. 9.

Chèn Chèn Chèn Chèn Chèn Chèn Chen

Dòng Chữ chạy Marquee . Nút Phát Nhạc . Nhạc Nền Trang Web . Nút Xem Phim . Đoạn Mã HTML . Java Applet . DHTML

BÀI 1 : CHÈN CÁC THÀNH PHẦN ĐƠN GIẢN 1. SYMBOL : Sympol là các Ký Tự lạ được chèn vào tạo điểm nhấn gây chú ý đến đoạn văn bản cần thiết . Định vị trí con trỏ chuột nơi cần chèn > Insert > Symbol > Hàng Font nhấp xổ xuống chọn Wingdings > Chọn 1 Ký Tự > Nút Insert > Close . Có thể Copy Ký Tự vừa chèn > Paste thêm vào vị trí mới .

2. CLIPART : •

Định vị trí con trỏ cần chèn > Insert > Picture > ClipArt >Organize Clips . . > Ra Bảng Favorites – Microsoft Clips Organize , nhấp Folder Web Collections > Microsoft Office Online > Chọn chủ đề Buildings > Hiện ra các Mẫu Cột Phải > Chọn 1 Mẫu > Nhấp Phải , Copy . (H1) .

3

• •

Nhấp con trỏ lên vị trí cần chèn > Phải > Paste . Chèn tiếp các Mẫu khác . (H2) .

3. ĐƯỜNG KẺ NGANG : Giúp phân ranh Trang Web thành các Phần Tử hay phân đoạn các Trang Web dài hoặc dùng làm trang trí bố cục Trang thêm đẹp hơn . 4

• •

Định vị trí con trỏ cần chèn đường kẻ ngang > Insert > Horizontal Line > Hiện ra 1 Đường Kẻ Ngang . Nhấp Đúp lên > HT Horizontal Line Properties , bạn nhập Width 100 – Height 3 ( Percent of Windows : 5 của chiều rộng Cửa Sổ Màn Hình ) – Chọn Center ( Canh Trái – Giữa – Phải ) – Color chọn Màu Nâu ( Solid Line no shading : Đường chỉ có nét không bóng đổ ) > Ok . (H4) .

4. NGÀY VÀ THỜI GIAN : • • • •

Đặt vị trí con trò cần chèn > Insert > date and Time > Chọn date This Page was last Automatically Updated ( Chọn ngày hiện hành vào Trang Web này Chọn Định dạng ngày phù hợp trong danh sách Data Format > Ok . Time Format ( Chọn định dạng thời gian phù hợp ) . (H3) . Format lại chúng .

5

BÀI 2 : CHÈN CÁC THÀNH PHẦN ĐẶC BIỆT 1. NÚT ĐẾM SỐ LẦN VIẾNG THĂM WEB : Khi vào Trang Web lớn các bạn thường thấy : “ 524425 th Visitor “ ( Bạn là Người Xem Trang này thứ 524425 ) .Đó là Bộ Đếm Hit Counter , dùng nó để giúp bạn theo dõi được số người duyệt Trang web của bạn trong từng thời điểm một . • Định vị trí > Nút Web Component > Hit Counter > Chọn Kiểu Đếm > Finish > Ok . (H1).

•

Ghi - Reset Chọn đếm . - Fixer Digits ký (H2).

số

Chú : Counter To : bắt đầu sẽ

: tự

Number of Chọn tổng số chứa số đếm

6

Chú ý : Để số đếm có thể bắt đầu đếm , bạn phải xuất bản Trang Web chứa Hit Counter này lên Host Server , nơi có cài đặt thêm hệ phục vụ FP Extensions . 2. NÚT ĐỔI MÀU : Khi con trỏ đến hay đi ngang qua Nút , Nút có khả năng chuyển màu hoặc chớp sáng . • Định vị trí > Nút Web Component > Dynamic Effects > Interactive Button > Tab Button > Chọn 1 Kiểu Nút > Nhập văn bản trong Ô Text . (H3) .

•

Ghi chú : o Button Text : Nhãn hiệu trên Nút Đổi Màu . o Link To : Địa chỉ URL liên kết khi Nút đồi màu – Khi nhấn . o Background Color : Màu nền của Nút đổi màu . o Effect : Loại hiệu ứng thấy đổi màu hay chớp sáng khi con trỏ đi ngang qua . o Effect Color : Màu thay đổi khi con trỏ đi ngang qua . 7

• •

• • •

Width : Chiều rộng của Nút . Height : Chiều cao của Nút . Ý: Ban đầu phải lưu tập tin của Nút đổi màu trước khi Preview sự đổi màu của nó . Nếu không sẽ có báo lỗi . Tab Font : o Bạn có thể định dạng lại Font bằng cách chọn Font – Font Style – Size . o Bạn có thể tạo hiệu ứng cho Font bằng cách chọn màu Font Original – Hovered – Pressed . o Bạn có thể chỉ định hướng Horizontal – Vertical . (H4) . o o Chú o

Tab Image : o ChỈ định Width và Height - Đánh dấu chọn các hiệu ứng khi nhấn nút – Lướt qua Nút . Make the Button a JPEG image and use this background Color . Chọn màu nền bọc xung quanh Nút , xem Preview . Make the Button a GIF image and use a transparent background : Tạo màu nền trong suốt bọc xung quanh nút – Xem Preview . (H5) .

8

3. DÒNG CHỮ CHẠY MARQUEE : Tạo chuyển động của chuổi trong khung xác định . • Định vị trí > Nút Web Component > Dynamic Effects > Marquee > Finish . • Xuất hiện HT > Nhấp Nút Style > Nút Format chọn Font > Chọn Tên Font – Font Style – Size – Color > ok > Ok > Nhập nội dung vào Ô Text > Chọn Direction - Speed – Behavior – Size – Repeat > Ok . (H7).

Ghi Chú : - Movement Speed : Tốc độ chuyển động – Delay : Khoảng dừng ( Số lớn chạy nhanh ) . - Behavior : Dạng chuyển động ( Scroll : Xoay vòng – Slide : Đẩy ngang – Alternate : Đưa qua , đưa lại ) . - Background Color : Màu nền không chữ chạy . (H8). 9

4. NÚT PHÁT NHẠC : Tạo Nút Phát Nhạc tương tự như tạo Nút Liên Kết • Tạo I Nút Văn Bản ghi : “ Nhấn để nghe nhạc “ . • Insert > Hyperlink> Hàng Look In đến Folder chứa Danh sách Nhạc > Trong Danh sách chọn 1 bài > Tên bài hát này đã hiện ra trong Hàng Address > Ok . (H9) .

•

Khi nhấp Preview bạn sẽ không nghe được nhạc phát ra > F12 > Yes > Nhấn lên Nút > Bạn phải Download về mới nghe được . (H10) .

5. NHẠC NỀN VÀO TRANG WEB : Trang Web xuất hiện cùng nhạc nền . Bạn có thể qui định số lần phát hay phát liên tục . • Format > Background > HT Page Propperties xuất hiện > Chọn Thẻ General > Nhấp Nút Browse đến tập tin âm thanh ( Có đuôi là .wav ) > Nhập số lần trong Loop hay đánh dấu lập lại mãi trong Forever > Ok > Khi Preview bạn sẽ nghe được nhạc liền . (H11) .

10

6. NÚT XEM PHIM : • •

Tạo 1 Nút văn bản ghi : “ Nhấn để xem phim “ > Insert > Picture > Video > Xuất hiện HT chọn Look In dẫn đến tập tin Video ( Có đuôi .avi ) > Chọn Tập tin Video cần chèn > Ok . Theo hướng dẫn này bạn sẽ không đạt được kết quả . Áp dụng hướng dẫn Nút Phát Nhạc thay vì đến 1 bản nhạc bạn đến 1 File Video có đuôi .avi .

7. ĐOẠN MÃ HTML : •

Chèn Ghi Chú :  Chi chú là những thông tin không hiển thị trên Trang Web . Nó chỉ hiển thị trong dạng xem Normal . Nó giúp cho Người Thiết Kế đánh dấu , viết những câu ghi chú tiện cho việc sau này đọc lại những Trang Web cũ hay giúp cho những người khác dễ đọc hiểu Trang mà viết tiếp tục phần còn lại .  Chọn Insert > Comment > HT Comment mở ra > Viết ghi chú vào > Ok (H12) .

11

Đã hiện ra trên Trang Web . (H13) .

•

Chèn Đoạn Mã HTML :  Để Trang Web thêm phong phú khi nhấp nút này bạn sẽ được xem Trang Trước đó .  Tạo Nút : “ Trở về “ bằng cách chèn Đoạn Mã HTML .  Định vị trí > Nút Web Component > Advanced Control > HTML > Finish .  HT HTML Markup hiện ra , gỏ đoạn mã vào :

TYPR=”Button” VALUE=”Trở về” OnClick=”history.go(-1)>

Nút Ok để kết thúc . (H14).

12

 Nhấp Nút Preview thấy Nút Trở Về . Khi nhấp nút này sẽ quay về Trang Web trước đó . (H15).

8. JAVA APPLET : Trong lập trình Java , có thể tạo các lớp ( Class ) đối tượng sống ký sinh (Applet) vào trang HTML , được gọi là Java Applet . Các tập tin này thường có kiểu *.class hay *.cla . Các bạn nên chép tập tin ký sinh này vào cùng Thư Mục chứa bộ Web . • Định vị trí > Nút Web Component > Advanced Control > Chọn Java Applet > Finish > Hiện ra HT Java Applet Properties > Nhập tên tập tin Applet , ví dụ : Mtx.class vào hàng Applet Source > Chỉnh Width 300 – Height 120 > Ok . (H16). • Kết quả . (H17) .

•

Ghi chú :  Applet Source : Tên tập tin Applet (*.class hay *.cla ) .  Base URL : Địa chỉ cơ bản để tìm Applet .  Parameters : Danh sách tên tham truyền và giá trị .  Spacing : Viền khoảng cách theo chiều ngang , dọc .  Alignment : Canh lề Trái , Phải , rên , Dưới , Giữa .  Width, Height : Chiều Rộng và chiều Cao . 9. DHTM : Giúp bạn tạo chuyển động như : Chữ bay , khi nhấn chuột vào Nút sẽ lồi lõm hay chuyển cảnh khi vào trang Web mới . Có 2 áp dụng : •

DHTML Với Văn Bản : 13

o Bạn cần Mở Thanh Công cụ trước : View > Toolbars > DHTML Effects > Bôi đen văn bản cần tạo hiệu ứng > Nhấp xổ xuống của ON : < choose an event > > Chọn Double Ckick đồng thời hiện ra Ô Apply kế bên . (H18) .

o Ô Apply < choose an effect > nhấp xổ xuống chọn Fly Out . (H19) .

Đồng thời hiện ra Ô Trống kế bên . o Nhấp xổ xuống chọn To Top Right . (H20).

o Preview > Yes . Không hiện ra hiệu ứng !!! •

DHTML Với Hình Ảnh : o Thao tác tương tự như với văn bản , khi chuột ngang qua ảnh nó sẽ biến thành ảnh khác . Tương tự như vậy khi ngang qua nút Liên Kết nó biết lồi lõm , nổi chìm 14

o Định vị trí > Mở Thanh DHTML Effects : View > Toolbars > DHTML Effects > Mở 1 Ảnh : Insert > Picture > From Files > Đến Ảnh 1 cần lấy > Insert > Đã hiện ra ảnh đã chọn > Chọn nó .(H21) .

o Trong Thanh DHTML Effects hiện ra ON < choose an even > Nhấp xổ xuống chọn Mouse Over > Kế bên hiện ra On < choose an effect > Chọn Swapp Picture > Kế bên hiện ra Settings > Nhấp xổ xuống chọn choose Picture > Đến nơi lưu ảnh chọn Ảnh 2 . (H22) .

•

Hiệu Ứng Chuyển Trang : Page Load . Bạn thử chọn xong rồi xem hiệu ứng này ra sao . o Nút Preview > Khi con Trỏ lướt qua Ảnh 1 sẽ hiện ra Ảnh 2 và khi con trỏ đi mất sẽ hiện ra Ảnh 1 . NGÀY 11.6.2009: 28.FRONTPAGE 2003 : THÀNH PHẦN ĐÂC BIỆT . [img]http://utbinh.com/A6/110609/COMPONENTS.jpg[/img] http://utbinh.com/A6/110609/COMPONENTS.jpg http://utbinh.com/A6/110609/COMPONENTS.doc http://utbinh.com/A6/110609/COMPONENTS.pdf Giáo Trình FrontPage 2003 của SVHS (39.51) : http://www.mediafire.com/download.php?kmimxz2lfny Software FP 2003 : 15

http://www.mediafire.com/download.php?tztjquyxzaj Shared Link Mediafire Folder FRONTPAGE 2003 của utbinh : http://tinyurl.com/utbinh151 Links Download Softwares OFFICE 2003 (232KB) : http://utbinh.com/A6/110609/Soft_Office_2003.doc Hướng dẫn tạo BLOG YAHOO PLUS (6.70MB) : http://utbinh.com/A6/110609/BLOG360PLUS.rtf Phim Hay trong tuần (8.03MB) : http://utbinh.com/A6/110609/PHIMHAY_110609.doc Hình ảnh Saigon xưa (9.56MB) : http://utbinh.com/A6/110609/saigon_xua.doc Softwares Lưu Nhật Nam 11.6.2009 (1.61MB) : http://utbinh.com/A6/110609/LNN_110609.doc Bạn vào : http://tinyurl.com/utbinh111 download từ PhotoshopCS4.part1.rar đến PhotoshopCS4.part14.rar .Sure 100% Trang Web này rất hay , nó cho các bạn Download dễ dàng các Hình Wallpaper – Animations – Icons đủ thể loại với chất lượng cao , giúp bạn sưu tầm Collection Hình rất đẹp và phong phú : http://bibomedia.com/ UTBINH đã Download một số hình của các nước : Canada – Japan – France – Các cầu : Vào xem Shared Link Mediafire: http://tinyurl.com/utbinh141

ACD SEE Pro 3.0.200 Beta (27/05/09) Nguồn (56.29MB) : http://www.9down.com/ACDSee-Pro-3-0-200-Beta107444/ (Good) Nguồn (56.29MB) : http://tinyurl.com/p420hs Download Keygen (112.31KB) : http://files4.9down.com/keygen/ACDSee.Pro.2.v2.5.332.Keymaker.OnlyCORE.rar Tạo Banner bằng Chương Trình Flash và Photoshop Xem trong Link : http://tinyurl.com/utbinh140

16