BÀI 13 NGÀY 8.12.2008 SOẠN THEO KS NGUYENTRUONGSINH Kết Quả thực tập : http://utbinh.com/site071208/index.htm http://utbinhutbinh.110mb.com/site071208/index.htm BẠN CÓ THỂ TẠO SITE PHỨC TẠP HƠN MẪU PERSONAL WEBSITE BẰNG CÁCH SỬ DỤNG 1 TRONG NHỮNG WITZARD CỦA FRONTPAGE . WITZARD TƯƠNG TỰ NHƯ KHUÔN MẪU NHƯNG TỐT HƠN . 1 WITZARD TẠO RA “ BỐ CỤC “ CỦA 1 TRANG HOẶC SITE CHO BẠN , NÓ “ CÁ NHÂN HÓA NỘI DUNG “ VÀ LÀ “ DẠNG THỂ HIỆN CỦA SẢN PHẨM SAU CÙNG “ . VÍ DỤ : BẠN LÀ CHỦ CÔNG TY “ GARDEN COMPANY “ BẠN MUỐN : • GIAO TIẾP VỚI KHÁCH HÀNG . • MỞ RỘNG KHÁCH HÀNG. • MỞ RỘNG WEBSITE ĐỂ BÁN HÀNG QUA MẠNG . BẠN CẦN PHẢI DÙNG FP ĐỂ TẠO WEBSITE HẤP DẪN . ĐÂY CHÍNH LÀ CÔNG VIỆC CỦA WITZARD TRONG FP . I.KHẢO SÁT TRANG MẪU WITZARD WEBSITE : 1. Mở FP > Nhấp xổ xuống nút Create New Normal Page > Chọn Web Site > HT Web Site Templates xuất hiện , nhấp ( Không nhấp đúp ) vào biểu tượng Corporate Presence Witzard > Vùng Options nhấp nút Browse > Duyệt đến Folder My Web Sites > Nhấp Công cụ Create New Folder > Đặt tên : CorpSite > Ok > Open > HT Web Site Templates hiện ra , nhấp Ok . (H1). 1 2. HT Corporate Presence Web Witzard xuất hiện . Witzard sẽ dùng các Trang nầy để nhắc bạn thực hiện các chọn lựa và nhập các thông tin cơ bản . Đọc thông tin Trang nầy , nhấp next . (H2). 3. Đọc Thông tin HT thứ 2 nầy , nhấp next để chấp nhận các chọn lựa mặc định . (H3). 4. Đọc thông tin HT thứ 3 , để mặc định và nhấp Next . (H4) . 2 5. Đọc thông tin HT thứ 4 , để mặc định và nhấp Next . (H5) . 6. Đọc thông tin HT thứ 5 , để mặc định và nhấp Next . (H6) . 7. Đọc thông tin HT thứ 6 , để mặc định và nhấp Next . (H7) . 3 8. Đọc thông tin HT thứ 7 , để mặc định và nhấp Next . (H8) . 9. Đọc thông tin HT thứ 8 , để mặc định và nhấp Next . (H9) . 10.Đọc thông tin HT thứ 9 , để mặc định và nhấp Next . (H10) . 4 11.Đọc thông tin HT thứ 10 , để mặc định và nhấp Next . (H11) . 12.Đọc thông tin HT thứ 11 , để mặc định và nhấp Next . (H12) . 13.Đọc thông tin HT thứ 12 , để mặc định và nhấp Next . (H13) . 5 14.Đọc thông tin HT thứ 13 , để mặc định và nhấp Next . (H14) . 15.Nhấp Nút Finish . (H15). FP dựa trên các thông tin mà bạn vừa cung cấp và sau đó hiển thị 1 danh sách các Tác Vụ cần phải thực hiện để hoàn thành 1 Website . (H16). 6 16.Trong Folders List , nhấp đúp Tập tin : index.htm để mở Trang Chủ của Website > Cuộn xuống cuối Trang bạn sẽ nhận thấy thông tin liên hệ mà bạn đã cung cấp trước đây . 17.Nhấp Phím F12 để xem bằng Trình Duyệt IE ( Hoặc giữ Phím Ctrl nhấp lên từng Nút ) > Nhấp Nút Home , gồm có nội dung . (17). 18.Nhấp Nút Feedback . (H18). 19.Nhấp Nút Contents . (H19). 7 20.Nhấp Nút Search > Close Trang Web lại . (H20). 21.Mở FP > File > Open Site > My Documents > My Web Sites > CorpSite > Open > Hiện ra Trang Web với chế độ hiển thị mặc định Folders . II.CHÈN VÀ CHỈNH SỬA VĂN BẢN Bạn có thể đưa văn bản vào Trang Web bằng cách nhập trực tiếp trong mỗi Trang . Witzard sử dụng các GHI CHÚ làm Thành Phần Giữ Chổ ( PlaceHolder ) cho văn bản mà bạn phải gỏ nhập văn bản vào đây . Bạn bạn cần phải nhập văn bản vào trong mỗi vùng với chủ đề căn cứ vào các gợi ý . 1. Thiết Kế Banner : Bạn đã thấy Banner do utbinh tạo . Hình nền là Background của 1 Ảnh và trên đó là chữ giới thiệu Tiêu đề của Trang . Bạn vào : www.google.com.vn , chọn Hình Ảnh và nhập : panorama . Kết quả hiển thị sẽ ra vô số Ảnh loại Ponarama ( Ảnh Khổ dài ) > Bạn chọn vài ảnh ưng ý . Vào Photoshop > Ctrl+N > Nhập kích thước 700 X 150 pixels , Resolution 300 , chọn Background White > Rê Ảnh Panorama vào và nhập Tiêu đề > Chọn Resize Image > Nhập 400 pixels > Enter để Resize Image nầy lại . Save định dạng PNG hay JPG đều được . Banner nầy dùng dán trong các Tiêu đề của Trang Web . 2. Trên Thanh công cụ Standard , nhấp mủi tên xổ xuống bên Phải nút Open > Open Site > My Documents > My Web Sites\Folder CreateWeb\Insert Text\GardenCo> Open . (H21). 8 3. Trong Folders List , nhấp đúp Tập tin index.htm để mở Trang Chủ trong Cửa Sổ Soạn Thảo của chế độ hiển thị Page . 4. Nhấp Close Ô Folders List để mở rộng vùng làm việc . 5. Nhấp vào Phần Ghi Chú giới thiệu > Phím End để bố trí điểm chèn cuối đoạn văn bản . Bạn có thể xóa đoạn Ghi Chú nầy trước khi nhập văn bản mới , tuy nhiên không cần thiết vì ghi chú nầy người dùng sẽ không thấy nó khi hiện ra Trang Web . Nhập Nội dung sau đây theo Hình . (H22). 6. Trong Tiêu đề Our Mission , đặt con trỏ cuối ghi chú > Nhập văn bản . Trong Tiêu đề Contact Information , nhập văn bản . (H23). 9 Bạn có thể THAY ĐỔI văn bản đã nhập vào hoặc bổ sung thêm bất kỳ lúc nào > Close FP . 7. Mở FP > Menu File > Open Site > CreateWeb > Insert Text > GardenCo > Open > Nhấp Trang : index.htm > Hiện ra CSST với nội dung bạn đã thiết kế trước đó .Đặt con trỏ tại cuối đoạn văn phái dưới tiêu đề Our Mission > Enter > Nhập văn bản như sau ( Xem Hình Minh Họa ) > Nút Preview > Trang Web của bạn thể hiện giống như trong Trình Duyệt . (H24). Nhấp Nút Save trên Thanh công cụ Standard > Close Trang Web lại . 8. Tìm hiểu nội dung Trang web vừa thiết kế : • Mẫu Witzard Website nầy có 4 Tab trên cùng . • Tab Home bên trái có 3 Nút > Giữ Phím Ctrl và nhấp nút News > Hiện ra đoạn căn bản ghi chú ở phần trên – Phần dưới dành nhập văn bản mới . (H25). 10 [...]... hiện trên Trình Duyệt Bạn có thể chèn , chỉnh sửa và xóa các ghi chú khi thiết kế Web ở chế độ Design , Split hay Code Để chèn 1 Ghi chú : Menu Insert > Comment (H28) 12 10 Utbinh Insert bài viết số 12 chủ đề : Tạo Personal Website để các bạn tham khảo Chủ đề nầy không liên quan đến chủ đề bài viết nầy Trong bài số 11 tác giả đã phạm sai lầm khi Paste các Files doc vào Folder _private làm tăng thêm...• Nút Products : Chữ lợt là nơi bạn nhập văn bản mới > Nhấp từng nút Products 1-2-3 để tìm hiểu nội dung của nó (H26) • Nút Services : Chữ lợt là nơi bạn nhập văn bản mới và nhấp từng nút Series 1-2-3 để tìm hiểu nội dung của nó (H27) 11 9 Tạo Trang Ghi chú trong các Trang Web : Bạn dùng ghi chú ( Comments... quan đến chủ đề bài viết nầy Trong bài số 11 tác giả đã phạm sai lầm khi Paste các Files doc vào Folder _private làm tăng thêm dung lượng gấp 2 của Website 1 cách vô ích trong lúc đã Paste cùng nội dung vào Cửa Sổ Soạn Thảo Việc Save trong _private không cần thiết Nó chỉ cần thiết khi tạo Hyperlinks dẫn đến File doc nầy mà thôi KẾT QUẢ THỰC TẬP : Witzard Website tạo bằng FrontPage 2003 ngày 8.12.2008 . Trang Web với chế độ hiển thị mặc định Folders . II.CHÈN VÀ CHỈNH SỬA VĂN BẢN Bạn có thể đưa văn bản vào Trang Web bằng cách nhập trực tiếp trong mỗi Trang. ( PlaceHolder ) cho văn bản mà bạn phải gỏ nhập văn bản vào đây . Bạn bạn cần phải nhập văn bản vào trong mỗi vùng với chủ đề căn cứ vào các gợi ý . 1.