thienthanbongdem
22-02-2004, 14:21
Thiết kế web cơ bản bằng DW MX
Để giúp ích cho các bạn đang bắt đầu học thiết kế web, mình xin post lên tutorials về học thiết kế web bằng Dream Weaver MX. Vì là tutor dành cho Newbie nên tôi huớng dẫn rất chi tiết và cặn kẽ, tuy nhiên 0 thể tránh khỏi thiếu sót, mong các bạn góp ý.
Như các bạn biết thì Dream Weaver là 1 chương trình thiết kế website rất mạnh, hỗ trợ cao cho cả việc thíêt kế lẫn coding nhất là chuong trình Dream Weaver MX mới nhất.
Lần đầu tiên khi chạy chương trình này, DW MX sẽ xuất hiện 1 dialog box để bạn chọn kiểu work space. Có 2 sự chọn lựa: 1 là work space mới của DW MX, 2 là work space cũ của DW 4. Theo tôi thì bạn nên dùng work space mới vì thuận tiện và dễ nhìn. Dù sao thì đó cũng là lời khuyên, sự chọn lựa là ở bạn.
2. Giới thiệu về work space của DW MX:
+Insert bar chứa những button (nút nhấn) để thuận tiện trong việc insert nhiều đối tuợng khác nhau vào trang web của bạn nhu:image, table, flash object…Mỗi đối tượng đuợc gắn vào trang web của bạn đúng vào vị trí mong muốn với các thuộc tính khác nhau là nhờ 1 đoạn mã HTML tương ứng cho từng đối tuợng. VD như bạn có thể insert 1 image bằng cách click chuột vào Image icon trên insert bar hoặc bạn có thể sử dụng Insert menu trên thanh Menu để làm việc đó.
+Document toolbar chứa các button và pop-up menus giúp bạn có thể chuyển đổi dễ dàng giữa các cửa sổ Code View, Design View hoặc có thể hiển thị cả 2. Nó còn giúp bạn thực hiện các cộng việc thường làm như preview hoặc debug trang web trong trình duyệt.
+Document window: Cửa sổ hiển thị những gì bạn đang soạn thảo.
+Property inspector: Giúp bạn xem và thay đổi 1 cách dễ dáng các thuôc tính của đoạn văn bản hoặc đối tuợng đuợc chọn. Mỗi đối tượng khác nhau sẽ có các thuộc tính khác nhau.
+Tag selector nằm trên thanh trạng thái (status bar) phía duới của Document window sẽ hiển thị tag (thẻ HTML) của object đuợc chọn trong chế độ Design View.
+ Site panel cho phép bạn kiểm soát các file và thư mục trong website của bạn.
Đó là các thành phần cơ bản của work space trong DW MX. Còn các thành phần khác mình sẽ giới thiệu ở các bài sau.
Để giúp ích cho các bạn đang bắt đầu học thiết kế web, mình xin post lên tutorials về học thiết kế web bằng Dream Weaver MX. Vì là tutor dành cho Newbie nên tôi huớng dẫn rất chi tiết và cặn kẽ, tuy nhiên 0 thể tránh khỏi thiếu sót, mong các bạn góp ý.
Như các bạn biết thì Dream Weaver là 1 chương trình thiết kế website rất mạnh, hỗ trợ cao cho cả việc thíêt kế lẫn coding nhất là chuong trình Dream Weaver MX mới nhất.
Lần đầu tiên khi chạy chương trình này, DW MX sẽ xuất hiện 1 dialog box để bạn chọn kiểu work space. Có 2 sự chọn lựa: 1 là work space mới của DW MX, 2 là work space cũ của DW 4. Theo tôi thì bạn nên dùng work space mới vì thuận tiện và dễ nhìn. Dù sao thì đó cũng là lời khuyên, sự chọn lựa là ở bạn.
2. Giới thiệu về work space của DW MX:
+Insert bar chứa những button (nút nhấn) để thuận tiện trong việc insert nhiều đối tuợng khác nhau vào trang web của bạn nhu:image, table, flash object…Mỗi đối tượng đuợc gắn vào trang web của bạn đúng vào vị trí mong muốn với các thuộc tính khác nhau là nhờ 1 đoạn mã HTML tương ứng cho từng đối tuợng. VD như bạn có thể insert 1 image bằng cách click chuột vào Image icon trên insert bar hoặc bạn có thể sử dụng Insert menu trên thanh Menu để làm việc đó.
+Document toolbar chứa các button và pop-up menus giúp bạn có thể chuyển đổi dễ dàng giữa các cửa sổ Code View, Design View hoặc có thể hiển thị cả 2. Nó còn giúp bạn thực hiện các cộng việc thường làm như preview hoặc debug trang web trong trình duyệt.
+Document window: Cửa sổ hiển thị những gì bạn đang soạn thảo.
+Property inspector: Giúp bạn xem và thay đổi 1 cách dễ dáng các thuôc tính của đoạn văn bản hoặc đối tuợng đuợc chọn. Mỗi đối tượng khác nhau sẽ có các thuộc tính khác nhau.
+Tag selector nằm trên thanh trạng thái (status bar) phía duới của Document window sẽ hiển thị tag (thẻ HTML) của object đuợc chọn trong chế độ Design View.
+ Site panel cho phép bạn kiểm soát các file và thư mục trong website của bạn.
Đó là các thành phần cơ bản của work space trong DW MX. Còn các thành phần khác mình sẽ giới thiệu ở các bài sau.