Phần mềm Dreamweaver:

Một phần của tài liệu Tìm hiểu về web và thiết kế website (Trang 25 - 30)

Tuy nhiên để tránh việc soạn thảo các trang web bằng cách gõ trực tiếp các câu lệnh HTML thường mất khá nhiều thời gian và tốn nhiều công sức. Hiện nay đã xuất hiện hàng chục các chương trình thiết kế website như Frontpage, Dreamweaver v.v… Nhưng Dreamweaver đã trở thành một trong những chương trình hàng đầu do có những ưu điểm sau:

- Tạo trang bắt mắt: Nếu đã dùng chương trình soạn thảo để văn bản để tạo mãHTML cho các trang Web, thì ta đã biết được sự nhàm chán của việc thậm chí phải thêm một thành phần đơn giản như một bức ảnh vào trang web. Ta phải mở một chương trình soạn thảo và gõ nhập thông tin <img src = “images\*.gif” width = “ kích thước” height = “ kích thước” alt = “chú thích” border = “kích thước”> Phương pháp này không chỉ dễ bị sai lỗi in mà còn không cho phép ta thấy được diện mạo của trang mà ta

đối với việc tạo các trang web. Nếu ta đặt một ảnh trên trang thì dreamweaver hiện thị cho ta ảnh trên màn hình. Như một bộ xử lý văn bản vốn hiển thị các tài liệu trên màn hình như chúng đã được in ra, dreamweaver thể hiện một sự tương đương rất giống với diện mạo của trang web trong mọi bộ trình duyệt web.

- Tính tương tác phức tạp như trong các trang web có một ảnh đồ hoạ sáng lên hoặc thay đổi diện mạo khi di chuyển chuột lên trên nó.

- Các hiệu ứng động như mouse rollovers, hộp cảnh báo và menu bật lên định hướng thường đòi hỏi lập trình bằng ngôn ngữ Javascript, một ngôn ngữ lập trình mà hầu như các bộ trình duyệt web đều hiểu được. Nhưng nó cũng đòi hỏi thời gian và thực hành học hỏi. Nhưng Dreamweaver giúp ta khỏi phải học Javascript cho những mục đích này; chương trình cho phép ta dễ dàng thực hiện thêm các tính tương tác phức tạp chỉ bằng một cú nhấp chuột.

- Các công cụ quản lý site. Hiếm khi ta chỉ tạo một trang web. Thông thường hơn ta sẽ tạo và hiệu chỉnh các trang vốn làm việc cùng với nhau để hình thành một phần của web site. Hoặc có thể tạo toàn bộ một web site ngay từ đầu. Dù là chỉ tạo một phần hay toàn bộ một website thì các công cụ quản lý site của Dreamweaver sẽ làm cho công việc quản lý site trở nên dễ dàng hơn. Từ việc quản lý các liên kết, ảnh, trang và đa phương tiện truyền thông khác đến sự làm việc với một nhóm người và di chuyển site lên trên một wevserver, Dreamweaver tự động hoá nhiều tác vụ thường ngày mà những webmaster phải đối mặt.

- Các website được vận hành bằng cơ sở dữ liệu. Dữ liệu làm cho thế giới quay vòng. Ngày nay người ta thường lưu trữ hàng loạt trong những hệ thống cơ sở dữ liệu như Microsoft Access hoặc Oracle. Dreamweaver có thể giúp ta mang lại sức sống cho thông tin đó trên web mà không cần phải

học lập trình nhiều. Hay giúp ta tạo các web được vận hành bằng cơ sở dữ liệu.

- Dreamweaver là một sản phẩm phần mềm hoàn toàn có thể được tạo tuỳ biến hoặc có thể được mở rộng. Bất kỳ người nào có thể thêm hoặc thay đổi các menu, lệnh, đối tượng và cửa sổ trong chương trình.

* Giao diện của Dreamweaver có các thành phần chính sau:

- Thanh công cụ Document: cho phép chúng ta thay đổi tiêu đề của một trang, chuyển đổi giữa Designer view và Coder view, xem trước trang trong các bộ trình duyệt web khác nhau, truy cập hệ thống tham khảo chạy ngữ cảnh và thay đổi dáng vẻ của cửa sổ tài liệu.

- Thanh công cụ Standard: chứa các nút dành cho các tác vụ file và hiệu chỉnh thường xuyên như tạo một trang web, mở một trang hoặc lưu

một hoặc tất cả tài liệu đang mở, cắt, sao chép, dán, undo và redo các thao tác

- Nội dung đề mục: Hầu hết những gì đặt trên một trang web sẽ xuất hiện trong phần chính của trang nhưng một số phần tử dành riêng cho vùng của trang còn được gọi là đề mục. ở đây ta đặt những thứ như tiêu đề của trang, meta tags (từ khoá) vốn cung cấp thông tin cho một công cụ tìm kiếm và bộ trình duyệt, các sctipt Javascript và thông tin Cascading style sheet.

- Thanh trạng thái cung cấp: thông tin hữu dụng về trang, nó xuất hiện ở cuối tài liệu.

- Thanh chọn thẻ cũng cựu kỳ hữu dụng. Nó cho phép xem thoáng qua các mã HTML vốn tạo trang web ở hậu cảnh. Nó xác định cách các thẻ được xếp lồng như thế nào trong tài liệu dựa vào những gì mà ta đã chọn hoặc vị trí của điểm chèn. Ta cũng có thể sử dụng thanh chọn thẻ để chọn một thẻ HTML và thông tin được xếp lồng bên trong nó. Tính năng này rất hữu dụng khi muốn xác lập các đặc tính hoặc điều khiển việc sử dụng áp dụng các style một cách chính xác.

- Thanh Insert: Trong khi ta có thể thêm text vào một trang bằng cách gõ nhập vào cửa sổ tài liệu, thêm các thành phần như hình ảnh, đường gạch ngang, các form và các thành phần đa phương tiện truyền thông được đơn giản hoá bằng phương thức nhấp để thêm của thanh Insert. Trên thanh Insert có 08 tập hợp có sẵn từ menu bật lên nằm ở đầu bên trái:

+ Các đối tượng Common: Ngoài các hình ảnh, bảng biểu và các đường gạch ngang mà ta sẽ sử dụng trong việc thiết kế web hàng ngày, hạng mục này của thanh Insert cho phép truy cập những tính năng Template của Dreamweaver. Các Template cho phép ta tạo các kiểu thiết kế trang web cơ bản mà ta có thể sử dụng, lặp đi lặp lại nhiều lần trong site, nhằm tăng tốc tiến trình tạo và đơn giản hoá việc cập nhật.

+ Các đối tượng Layout: Các hạng mục trong hạng mục này giúp ta điều khiển Layout của một trang Web bằng các tổ chức nội dung của một trang bằng việc sử dụng các bảng biểu hoặc các lớp HTML. Ngoài ra, panel này cho phép chúng ta sử dụng Layout view của Dreamweaver một phương pháp tuỳ biến để tạo các kiểu thiết kế bảng biểu phức tạp.

+ Các đối tượng Form:Ta có thể sử dụng các forms để nhận được các lời bình chú của họ, thu thập thông tin thẻ tín dụng cho các cuộc bán hàng trực tuyến hoặc thu thập bất kỳ loại dữ liệu khác. Tag forms cho phép ta thêm các thành phần form như các nút radio, các menu xổ xuống và các hộp text.

+ Các đối tượng text: Đối với các loại định dạng, làm cho nó có kiểu in đậm hoặc in nghiêng chẳng hạn, ta có thể chuyển sang hạng mục text. Hầu hết các nút trên tab này về mặt kỹ thuật không phải là những đối tượng chúng không chin các đối tượng mới lên trên trang. Thay vào đó, chúng định dạng text đã hiện diện trên trang.

+ Các đối tượng HTML: Tab này chèn các phần tử vốn xuất hiện chỉ trong <head> của một tài liệu, các thẻ dùng việc tạo các bảng biểu và khung, những đối tượng để chèn mãJavascript và các đường gạch ngang. Giống như các đối tượng text, một số thành phần này chỉ làm việc trong Code view.

+ Các đối tượng Application: Dreamweaver làm cho việc nối kết các trang web với các cơ sở dữ liệu trở nên dễ dàng như việc nhấp một vài nút. Tab Application thêm nhiều công cụ mạnh mẽ dành cho việc tạo các trang động, các control vốn thêm các record vào cơ sở dữ liệu.

+ Các phần tử Flash: Mặc dù hầu như rỗng nhưng hạng mục này được sử dụng để chứa các thành phần Flash sau này.

+ Favorites: Có thể là bất cứ thứ gì chúng ta muốn. Nghĩa là sau khi ta đã khám phá ra những đối tượng nào ta đã sử dụng nhiều nhất, ta có thể nhận thấy rằng một khi ta đã tuỳ biên tab này, ta sẽ không bao giờ cần các hạng mục khác trên thanh Insert.

- Property inspector: Sau khi thả một ảnh, bảng biểu hoặc bất cứ thứ gì khác từ thanh Insert, ta có thể sử dụng Property inspector để tinh chỉnh diện mạo và các thuộc tính của nó.

- Các nhóm panel: Mỗi nhóm panel có nút menu ngữ cảnh riêng của nó. Việc nhấp nút này sẽ làm lộ ra một ngữ cảnh giúp ta làm việc với những tính năng riêng cho panel đó. Panel này cũng cung cấp các hoạt động panel chung chẳng hạn như di chuyển một panel đến một nhóm khác, tạo một nhóm panel mới, đổi tên một nhóm hoặc che giấu hoàn toàn mộ nhóm panel.

Một phần của tài liệu Tìm hiểu về web và thiết kế website (Trang 25 - 30)