Cơ bản về Microsoft Frontpage - Chương 3: Bổ sung các tính năng cho trang web của bạn
Bây giờbạn đã hoàn thành việc tạo một web site cho bạn, bạn đã sẵn sàng đểtải nó lên mạng.
Trước khi bạn làm điều đó, hãy xem xét đểtạo ra những điểm sáng và những ký tựriêng cho
trang web của bạn. Bạn có thểbổsung thêm các hiệu ứng động, tạo các bảng biểu, các biểu
mẫu, và các frame, hay bạn cũng có thểtạo ra các nút bấm mà chúng sẽbiến đổi khi bạn di
chuyển con trỏchuột qua chúng, hay bạn có thểchèn thêm các video clip và nhiều hơn nữa.
Việc bổsung thêm các tính năng cho trang web của bạn nếu không dùng Microsoft Frontpage
2000 bạn sẽcần hiểu biết rất nhiều vềcác đoạn mã hoá phức tạp, nhưng với FrontPage 2000,
tất cả đã được thiết kế đểlàm mọi công việc đó cho bạn.
web site (Publishing a Web Site) của cuốn sách này. 5 Cơ bản về Microsoft Frontpage www.vietphotoshop.com Sử dụng các kết quả từ mẫu thu thập với một cơ sở dữ liệu Sau khi bạn đã thu thập được thông tin từ các nam sinh, bạn có thể lưu các thông tin này trên một cơ sở dữ liệu và xuất các thông tin từ cơ sở dữ liệu này đến đến trang web của bạn. Trong mục này, bạn sẽ tìm hiểu làm thế nào để gửi dữ liệu từ một mẫu đến một cơ sở dữ liệu Microsoft Access, và sau đó sẽ tải những gì bạn có trong cơ sở dữ liệu lên trang web của bạn. Các tính năng tích hợp của cơ sở dữ liệu cần đến máy chủ mà bạn sử dụng phải hỗ trợ tính năng Active Server Pages (ASP), ví dụ máy chủ Microsoft Internet Information. Bạn có thể sử dụng tính năng này với bất kỳ cơ sở dữ liệu tuỳ biến dạng ODBC. Trong bài tập này, hãy xem như bạn có một máy chủ hỗ trợ ASP. Nếu bạn không có, bạn có thể sử dụng ổ đĩa cứng của bạn hoặc sử dụng mọt ổ đĩa cứng mạng (network drive), sau đó bạn sẽ truy xuất chúng đến máy chủ bạn sử dụng có hỗ trợ tính năng ASP. Lưu kết quả từ mẫu thu thập trong một cơ sở dữ liệu 1. Quay trở lại Page view. 2. Click chuột phải vào radio button với từ yes tiếp theo đó, sau đó click chọn Form Properties. 3. Chọn Send to Databas, sau đó click vào Options. 4. Click Create Database. FrontPage 2000 sẽ tự động tạo fiel dạng cơ sở dữ liệu Access và đặt nó vào một thư mục mới được tạo ra trong web site của bạn. Từ giờ trở đi, trang web của bạn sẽ đựoc đặt tên là Alumni.htm, kết nối cơ sở dữ liệu sẽ được gọi là Alumni. 5. Trong hộp thoại xuất hiện, click OK để xác nhận rằng cơ sở dữ liệu đã được tạo. Các lựa chọn trong hộp thoại Saving Results to Database xuất hiện. 6. Click OK, sau đó clịck OK lần nữa trong hộp thoại Form Properties. Một hộp thoịa khác sẽ xuất hiện để nhắc bạn rằng trang này nên được lưu ở định dạng ASP. 7. Click OK lần nữa. Lưu một trang 1. Trên menu File, click Save As, sau đó click OK. 2. Trong hộp thoại File Name, gõ Alumni, và trong hộp thoại Save As Type box, chọn Active Server Pages, sau đó click Save. Tạo một trang hiển thị dữ liệu từ cơ sở dữ liệu 1. Chọn Page view vfa click vào New Page 6 Cơ bản về Microsoft Frontpage www.vietphotoshop.com 2. Trên menu Insert, click Database, sau đó Results. 3. Chọn Use an Existing Database Connection, chọn Alumni, và click Next. 4. Tiếp tục click Next trong hộp thoại hiện ra tiếp theo và sau đó hãy click Finish. 5. Hãy lưu trang có tên là results.asp. Tạo các nút Hover (hover button) Các Hover button là những nút bấm khác chứa các hyperlink đến các trang khác hay một file khác, làm cho trang web của bạn trở nên hấp dẫn hơn. Khi bạn lướt con trỏ chuột qua một hover button, nó có thể sáng bừng lên, hiện ra một bức tranh nào đó hay sẽ chơi một hiệu ứng âm thanh. Thêm một hover button 1. Trong Page view, double-click vào alumni_activities.htm. 2. Trong frame bên dưới, hãy chọn liên kết dạng văn bản Central High School Home Page. 3. Click vào Insert Component và click vào Hover Button. 4. Trong hộp thoại Button text, gõ Central High School Home Page thì đây sẽ là tiêu đề cho hover button. 5. Trong hộp thoại Link to, gõ central_high_school_home_page.htm. 6. Trong hộp thoại Button color chọn màu nào đó. 7. Trong Effect color chọn một màu nào đó và màu sắc này nên là màu chuyển tiếp màu của nút mà bạn đã chọn. 8. Trong hộp thoại Effect, chọn Glow. 7 Cơ bản về Microsoft Frontpage www.vietphotoshop.com 9. Click OK. 10. Định lại kích cỡ của nút này bằng click, giữ và di chuột đến khi kích thước của nó đạt yêu cầu. 11. Để xem hiệu ứng, hãy lưu file của bạn và click Preview. Kiến thức nâng cao Bạn có thể làm cho web site của bạn trở nên hữu ích hơn và hấp dẫn hơn bằng việc bổ sung vào các trang web có thể thảo luận, các frame hay đếm số lần truy cập. Với các trang web có thể thảo luận, bạn có thể cho phép người truy cập tham gia thảo luận trực tuyến thông qua web site của bạn. Bạn hãy sử dụng tính năng này để hỗ trợ tạo các nhóm học tập trực tuyến, phát triển các Forum hoặc liên lạc giữa phụ huynh/thầy cô giáo. Với các frame, bạn có thể kiểm soát tốt hơn việc mọi người làm thế nào để định hướng trong web site của bạn. FrontPage 2000 cũng cung cấp cho bạn một số mẫu (template) để xây dựng nên các frame đơn giản. Và nếu bạn muốn đếm xem có bao nhiêu người đã truy cập web site của bạn hay “ghé qua” web site của bạn mỗi ngày, thì FrontPage 2000 có thể giúp bạn làm điều đó. Bạn có thể thêm vào một bộ đếm vào bất cứ nơi đâu trên web site của bạn. Khám phá các trang web có thể thảo luận (discussion Web) Những Discussion web là những web tương tác bằng cách làm cho những người truy cập có thể thảo luận về các đề tài hay chủ đề bắng cách đọc các bài viết đã được gửi lên, sau đó họ có thể trả lời các bài viết đó hay gửi lên một chủ đề mới. Ví dụ, web site của bạn có một nhóm sinh viên thảo luận về việc học nhóm, hay là nơi các giáo viên và phụ huynh thảo luận về nhiệm vụ tại trường và gia đình hay các lời khuyên cho bài tập ở nhà. Tạo một discussion web bằng cách sử dụng Discussion Web Wizard. Chính phần hỗ trợ này sẽ định hướng cho bạn các tính năng mà bạn muốn sử dụng, sau đó tạo một trang web và thiết lập nó lên các trang web cho bạn. Sau khi bạn tạo web site, bạn có thể mở các trang này và chỉnh sửa chúng. Tạo một discussion Web 1. Trên menu File, chọn New, sau đó click Web. 2. Trên thanh Web Site, click Discussion Web Wizard. Kiểm tra trong hộp kiểm tra Add to current Web sau đó click OK. 8 Cơ bản về Microsoft Frontpage www.vietphotoshop.com 3. Một Discussion Web Wizard sẽ mở ra, bạn hãy làm theo các hướng dẫn bằng hình ảnh hiện ra để tạo một nhóm thảo luận. Chấp nhận các lựa chọn mặc định của wizard, ngoại trừ các bước sau: • Trong Enter a descriptive title for this discussion, gõ Parent and Faculty Discussion Group, và click OK. • Trong hộp thoại Do you want the Table of Contents for this discussion to be the home page for this web?, hãy chọn No. Trong hộp thoại Frame options, chọn Dual interface. Điều này cho phép máy chủ điều chỉnh các trang thảo luận dựa trên trình duyệt của người xem có thể xem được các frame hay không. 4. Click Finish để hoàn chỉnh một quy trình tự động cho trang discussion Web của bạn. Việc bạn tạo ra một disscussion web sẽ tạo ra một số các trang HTML mới trong danh mục của bạn. Trang chính của disscussion Web có tên là disc1_frm.htm, đây là nơi bạn muốn quản lý các hyperlink. 5. Sau khi wizard thiết lập các trang web của bạn, hãy sử chữa chúgn như bạn đã làm với các trang web khác. 6. Để xem một discussion web, double-click vào disc1_frm.htm. Bạn phải truy xuất nó trước khi bạn có thể hoàn chỉnh các chức năng của một discussion Web. Để tìm thêm về truy xuất web site của bạn, hãy xem lại chương truy xuất một web site (Publishing a Web Site) trong cuốn sách này. Tạo và thêm một bộ đếm (hit counter) Một bộ đếm sẽ tính toán và hiển thị số lần trang web của bạn được truy cập. Để chỉ chi bạn thấy có bao nhiêu người xem web site của bạn, bạn có thể đạt thêm một bộ đếm (hit counter). Ví dụ, thêm mộ bộ đếm vào trang điều tra về nam sinh của một trường học để bạn và những người truy cập có thể biết cso bao nhiêu lần trang wb này được viếng thăm. Cài đặt một hit counter 1. Trên thanh công cụ Views, click Page. 2. Double-click vào trang alumni_activities.htm và đặt con trỏ chuột tại phần dưới của trang trên khung. 3. Click vào Insert Components , sau đó click Hit Counter. 9 Cơ bản về Microsoft Frontpage www.vietphotoshop.com 4. Trong hộp thoại Hit Counter Properties, chọn một bộ đếm. 5. Chọn Reset counter to, và gõ số 0 trong vùng gõ văn bản 6. Chọn Fixed number of digits, gõ số 5 và click OK. 7. Click Save . Bạn hãy chú ý rằng bạn phải truy xuất trang web của bạn trước khi xem bộ đếm hoạt động. Thao tác với các frame Các Frame sẽ quyết định traưyệưeb của bạn sẽ xuất hiện thế nào trong cửa sổ trình duyệt. Frame sẽ phân chia trang web của bạn thành các vùng khác nhau, các Frame có thể khôi phục lại dữ liệu và hiển thị một trang phân biệt trong web site của bạn. Bạn có thể kiểm soát việc hiển thị của trang web trong một frame bằng cách tạo ra một hyperlink đến một trang khác và chỉ định rõ frame nào là đích của hyperlink. FrontPage 2000 có thiết lập sẵn một số mẫu cho việc tạo ra các trang chứa Frames (Frames page). Điều này cho phép bạn đặt nhiều frame trong một frame sắp xếp tài liệu. Một frames page đơn giản có 2 frame, một frame chứa các hyperlinks, và một frame khác hiển thị các trang web - là nơi mà các hyperlink nhắm đến. Hay nói một cách khác, khi một người truy cập click vào một hyperlink trong frame thư nhất, thì trang mà hyperlink nhắm đến sẽ được hiển thị trong frame thứ hai. Thêm các frame đến một trang 1. Trên menu File, click New, sau đó click Page. 2. Trong hộp thoại New, click chọn Frames Pages và chọn template Contents. 3. Click OK. 4. Click vào trong frame bên trái để chọn nó, sau đó click New Page. 10 Cơ bản về Microsoft Frontpage www.vietphotoshop.com 5. Tại đỉnh của frame bên trái, bạn gõ Alumni Directory, tô sáng dòng chữ này, sau đó chọn Heading 2 từ danh sách các Style đổ xuống. 6. Bên dưới tiêu đề bạn vừa gõ, hãy gõ 1968 và ấn ENTER, 1969 và ấn ENTER, 1970 và ấn ENTER, 1971 và ấn ENTER, và bạn gõ Alumni Survey. 7. Click bên trong frame bên phải để chọn nó, sau đó click New Page. 8. Gõ Welcome to Central High School's Alumni Directory, tô sáng dòng chữ và chọn Heading 2 từ danh sách các Style đổ xuống, sau đó ần ENTER. 9. Gõ, Former Central High School students have provided the information presented in the directory. If you would like to submit alumni information, please fill out the alumni survey. © Final Fantasy - www.bantayden.com © Copyright 2004-2005 bantayden.com, All rights reserved. Ghi rõ nguồn khi bạn phát hành lại thông tin từ trang này. 11
File đính kèm:
- FrontPage_C3.pdf