PDA

View Full Version : Thiết kế web với MFP.



haidh
19-02-2006, 10:08 PM
Những ai có time và muốn Website của mình thật chuyên nghiệp có thể tham khảo tại đây, còn những ai muốn thiết kế trực tuyến(ngay tại hàng net) hãy chờ đọc bài sau: "Thiết kế web dễ dàng" của tôi nhé!
Bài 1: HTML
HTML - Hypertext Markup Language - Ngôn ngữ đánh dấu siêu văn bản.
Khi truy cập vào một trang web, bạn có thể nhìn thấy nhiều tập tin có đuôi .html hoặc htm. Các tập tin này đều được biên soạn bằng HTML.
Khởi thủy của Web là một phương tiên hiển thị các trang văn bản giữa các nhà nghiên cứu với nhau và HTML được phát minh để đáp ứng nhu cầu này.
HTML là cơ sở (foundation) của WWW và là một tập của những thẻ (set of tags) nhằm mô tả cho trình duyệt của máy Client hiểu cách hiển thị đầy đủ một tập tin. Trong quá trình đọc giáo trình này bạn sẽ có nhiều dịp tìm hiểu kỹ hơn về HTML. Nhưng một điều rất may mắn là hiện nay hầu hết các phần mềm thiết kế Web Site đều áp dụng nguyên tắc WYSIWYG nghĩa là những gì bạn thấy chính là những gì bạn đạt được. Vì vậy bạn không phải bận tâm về các đoạn mã lệnh của HTML vì FrontPage, Dreamweaver, Net Fusion, Pagemill . . . sẽ tự động sinh mã HTML cho những gì bạn đang xây dựng.
Các thẻ của HTML:
Phần thẻ là một mã (thường có một hoặc hai chữ) xác định hiệu ứng mà bạn yêu cầu. Ví dụ: <B> SolidSoft </B>. Thẻ <B> đầu tiên báo cho trình duyệt (Browser) hiển thị tất cả phần văn bản tiếp theo bằng phông chữ đậm, liên tục cho đến thẻ </B>. Dấu ghạch chéo (/) xác định đó là thẻ kết thúc, và báo cho trình duyệt ngưng hiệu ứng đó. HTML có nhiều thẻ dùng cho nhiều hiệu ứng khác nhau, bao gồm chữ nghiêng (italic), dấu đoạn văn (paragraph), tiêu đề, tên trang, liệt kê liên kết, . . .

haidh
19-02-2006, 10:13 PM
Bài 2:
Website là một tập hợp các trang Web có liên quan với nhau.
Trên mỗi Website luôn có một trang Web được gọi là trang chủ.
Trang chủ là trang được người sử dụng nhìn thấy đầu tiên khi truy cập vào WebSite. Từ trang chủ có thể truy cập đến các trang Web khác trên cùng một site hay các site khác nhau thông qua các liên kết.
Ngoài trang chủ, một Websiote còn có các trang Web khác, thường được gọi là các trang con. Một trang con có thể liên kết với trang chủ, có thể liên kết với các trang con khác trong cùng Website. Thông thường các trang con có các liên kết đến các trang con khác dưới nó.
Bạn có thể tạo Website trên máy tính của bạn, sau đó đưa lên một máy dùng để cung cấp các trang Web cho những người truy cập gọi là máy chủ. Máy chủ thường kết nối với Internet hoặc Intranet.
Cấu trúc một Website

Một Website thông thường được tổ chức như sau:
[My Website]
_ [Image]
_ Index.html
_ page1.html
. . .

hoặc
[My Website]
_ [Image]
_ [html]
_ page1.html
_ page2.html
. . .
_ index.html

Trong đó:

My Website: Thư mục gốc của cấu trúc Website với các thành phần con gồm:
_ image: Thư mục chứa các hình ảnh sẽ thể hiện trong các trang web.
_ html: Thư mục chứa các trang web của cấu trúc website.
_ index.html: Trang chủ của cấu trúc Website đó.
_ page1.html: Các trang con của cấu trúc Website.

Do vậy, khi tạo cấu trúc Website bạn nên tổ chức chúng theo cấu trúc trên. qua đó bạn có thể quản lý chúng một cách dễ dàng.

Tạo một Website



Để tạo một Website, công việc đầu tiên của bạn là xác định mục đích Website, tiếp đến bạn phải xác định các trang web cần thiết.
Trong môi trường FrontPage, có ba cách để tạo một Website:

Sử dụng Wizard

Sử dụ ng Template.

Tạo mới một Website ngay từ đầu.

Sử dụng Wizard để tạo Website

Nếu bạn muốn tạo một Website phức tạp, bạn nên sử dụng các Wizard của FrontPage. Mỗi Wizard cho phép bạn tạo một dạng Website khác nhau dựa trên những thông tin do bạn cung cấp.

Corporate Presense Wizard: dùng để tạo Website cho một công ty.

Discussion Web Wizard: dùng tạo Website thảo luận.

Import Web Wizard: dùng để tạo Website dựa trên một Website đã có trên máy chủ của bạn hay trên máy chủ. Nếu muốn, bạn có thể thay đổi các trang web hay cấu trúc của Website.

Hướng dẫn tạo một Website dựa trẹn Web đã có


Vào menu File, chọn New, chọn Page or Web

http://i51.photobucket.com/albums/f379/danghuuhai/thucdonthietkeweb-MFP2.jpg


Hộp thoại New Page or Web hiển thị.
http://i51.photobucket.com/albums/f379/danghuuhai/thucdonthietkeweb-MFP.jpg
Click chọn Web Site Templates
Hộp thoại Web Site Templates hiển thị
http://i51.photobucket.com/albums/f379/danghuuhai/thucdonthietkeweb-MFP3.jpg



Click chọn Import Web Wizard
Nhập tên thư mục chứa tập tin Web trong ô Specify the location of the new web
Click OK

Hộp thoại Import Web Wizard - Choose Source hiển thị.

http://i51.photobucket.com/albums/f379/danghuuhai/thucdonthietkeweb-MFP4.jpg
Click chọn From a souce directory of files on a local computer or network

Nhập tên thư mục cần sử dụng trong Location

Click chọn mục Include subfolders

Click Next

Click tiếp Finish

FrontPage tạo một Website mới và đặt các tập tin sẽ tạo ra trong thư mục bạn đã chọn.





Sử dụ ng Template

Bạn có thể tạo Website của bạn dựa trên các Website mẫu bằng cách sửa đổi lại các Website mẫu đó theo mục đích, yêu cầu của bạn.

Custumer Support Web: là Website cho phép công ty trả lời khách hàng và tiếp nhận ý kiến đóng góp của khách hàng.

Project Web: là Website cho phép chia sẻ thông tin vầ một dự án với các thành viên tham gia dự án.

Personal Web: là Website cho phép biểu thị các thông tin về cá nhân.

One Page Web: là Website chỉ có một trang chủ.

Tạo mới một trang Web

Trong FrontPage có nhiều cách tạo mới một trang Web, tùy mỗi chế độ khác nhau thì cách tạo mới trang web cũng có các bước khác nhau.


Tạo mới trang Web trong chế độ Page View

Ở chế độ này khi tạo mới trang Web, FrontPage sẽ cung cấp các mẫu trang web được định sãn, bạn có thể chọn các mẫu đó để tạo trang web cho bạn hay chọn Normal Page để tạo trang Web trắng. Cách thực hiện:
http://i51.photobucket.com/albums/f379/danghuuhai/thucdonthietkeweb-MFP5.jpg

Trước tiên, bạn phải chuyển màn hình FrontPage sang chế độ xem Page bằng cách click vào biểu tượng Page trên thanh Views.




Vào menu File, chọn New, chọn Page or Web.

Trong hộp thoại New Page or Web, click chọn Page Templates.








Trong hộp thoại Page Templates.

Click chọn lớp General, chọn trang web mẫu bạn cần.

Bạn có thể xem hình thức trang web mẫu trong khung Preview

Click OK để chấp nhận
Với chế độ này, bạn cần lưu lại trang web vừa tạo bằng cách click nút Save trên thanh công cụ. Trong hộp thoại Save As, nhập tên tập tin trong ô File name. Click nút Save để lưu trang Web mới vào Website.


Tạo mới trang Web trong chế độ Navigation hay Folder List

Ở hai chế độ này khi tạo mới trang Web thì FrontPage sẽ tạo ra trang trắng, trang đó mặc định được gắn vào cầu trúc Website hiện hành. Với cơ chế này thì bạn không cần lưu lại các trang vừa tạo, mặc định các trang đó sẽ được lựu. Cách thực hiện:


Click chọn biểu tượng Navigation trên thanh Views

Hay Folders
Vào menu File, chọn New, chọn Page or Web.
Lúc này FrontPage sẽ tạo ra một trang trống. Bạn đặt tên cho trang Web này và nhấn phím Enter để đặt tên. Nếu bạn chọn chế độ Navigatior thì trang Web vừa tạo sẽ đưa vào sơ đồ Web dưới dạng cây.