KẾ HOẠCH THIẾT KẾ MỘT WEBSITE

Thứ ba, 03 Tháng 9 2013

Nội dung chủ đề chính, từ đó chọn bố cục, hệ màu cho tương ứng, (ví dụ: Website thương mại phải sáng sủa, rõ ràng về bố cục, …) sau đó thu thập đầy đủ tài liệu, phân nhóm theo nội dung, từ đó quyết định cần bao nhiêu trang, nội dung của từng trang

I Các yêu cầu cơ bản khi thiết kế website:

- Xác định yêu cầu và mục đích của Website

- Chuẩn bị nội dung cho các trang

- Phác thảo khuôn mẫu (Template) cho trang, thường các trang có cùng chủ đề thì sử dụng chung một template

- Xác định cấu trúc của Website, có 3 kiểu cấu trúc:

Tuyến tính
Phân cấp
Hình chóp

- Tuỳ theo mục đích của Website mà chọn kiểu phù hợp

I.1.2. Thao tác tạo bộ Web cơ bản:

1. Khi thiết kế một Website cần quan tâm đến 2 vấn đề:

- Nội dung chủ đề chính, từ đó chọn bố cục, hệ màu cho tương ứng, (ví dụ: Website thương mại phải sáng sủa, rõ ràng về bố cục, …) sau đó thu thập đầy đủ tài liệu, phân nhóm theo nội dung, từ đó quyết định cần bao nhiêu trang, nội dung của từng trang

- Chọn hình ảnh, logo, Banner, hệ thống nút liên kết, ảnh minh hoạ, ảnh bố cục, ảnh trang trí…

- Phác hoạ sơ đồ liên kết trên giấy để thấy rỏ mối liên kết giữa các trang đơn trong một website

2. Cách tạo một Website mới:

- Trong Document Window, chọn Siteà Manage sitesàNew à Siteà xuất hiện hộp thoại Site Definition à Chọn Tab Advance, trong mục Local info:

- Site name: đặt tên Site, tên này xuất hiện trong hộp thoại Edit Site

- Local Root Folder: Khai báo đường dẫn của folder lưu trữ Website trên ổ đĩa cứng bằng cách nhập đường dẫn đến thư mục hoặc Click vào biểu tượng Folder và chỉ đường dẫn đến folder

- Default Images folder: khai báo đường dẫn đến thư mục chứa các hình ảnh của trang Web, thư mục này phải nằm trong Local root Folder đã khai báo ở trên, tât cả các hình ảnh trong trang web mặc định được lưu trong thư mục này

- Refresh Local file list Automatically: khi được chọn, Dreamweaver tự động cập nhật cấ trúc file trong bảng Local Folder của Site Panel, việc cập nhật này sẽ sử dụng một ít tài nguyên của hệ thống, ta có thể cập nhật khi cần bằng cách chọn View à Refresh Local trong Site Window

- HTTP Address: Nhập địa chỉ của site, Dreamweaver sẽ sử dụng địa chỉ này để quản lý site và liên kết các file trong site

- Enable Cache: khi được chọn, Dreamweaver tạo một file lưu trữ các thông tin về link giữa các file trong site. Sau khi chọn xong Click OKà Click Done để hoàn tất công việc tạo site mới

3. Kiểm tra Website đã tạo:

- Mở site Panel :bằng cách chọn Window à File ta thấy được thư mục chứa Site, nếu chưa tạo Folder chứa hình ảnh thì tại đây bạn Click phải chuột vào tên Site à Chọn New Folderà Nhập tên thư mục là Images. Trong website phải chứa 2 folder : folder HTML gồm các file .htm và folder image chứa hình ảnh của website

- Để mở rộng cửa sổ Site Panel à Click chọn nút Expand/Collapse

4. Mở một site có sẳn:

- Cách 1: Click vào menu hiển thị tên Site trên Toolbar của Site Panel, chọn tên Site muốn mở trong danh sách xổ xuống

- Cách 2: Chọn menu Siteà Manage Sites à Chọn tên Site muốn mở à Done

5. Hiệu chỉnh Site:

- Chọn menu Siteà Manage Sites

- Chọn tên Site cần hiệu chỉnh à Click nút Edit

- Xuất hiện hộp thoại Site Definitionà thực hiện hiệu chỉnh à OK à Done

6. Dùng hình Bitmap làm ảnh nền cho trang Web:

- Trong cửa sổ Document, chọn Modify à Page Properties, xuất hiện hộp thoại Page Propeties, chọn mục Appearance

- Text Color: chọn màu cho text

- Background Color: Chọn màu nền cho trang