MỘT SỐ CÔNG CỤ THIẾT KẾ WEB

Một phần của tài liệu Thiết kế web (Trang 66 - 70)

Là một công cụ, một trình biên tập mã nguồn tự do chạy trên hệ điều hành Windows. Dự án Notepad++ được lập ở SourceForge.net, và đến nay đã có hơn 16 triệu lượt tải về. Dự án này dựa trên nền tảng Scintilla editor component, viết bằng C++ với lời gọi Win32 API chỉ sử dụng thư viện chuẩn của C++ STL (Standard Template Library) cho nên tăng khả năng thực thi và giảm kích thước chương trình.

Điểm mạnh của NotePad++ so với các trình soạn thảo đơn giản được cung cấp sẵn từ Windows như NotePad hay WordPad…là hỗ trợ điểm sáng, tô màu các cấu trúc ngữ pháp của 48 ngôn ngữ lập trình, kịch bản và ngôn ngữ đánh dấu. Đồng thời người dùng cũng có thể tự tạo một cấu trúc cú pháp bằng tiện tích tích hợp sẵn User Language Define System.

Hình 3- 1. Màn hình làm việc của NotePade++

Nhược điểm chính của NotePad++ là không hỗ trợ nhà lập trình trong việc thiết kế các giao diện của các ứng dụng phần mềm.

3.1.2. Microsft FrontPage

Microsoft FrontPage (Microsoft Office FrontPage) là chương trình tạo web bán chuyên nghiệp, nó nằm chung với các chương trình Microsoft Word, Microsoft Excel, Microsoft PowerPoint,... tạo nên bộ chương trình văn phòng Microsoft Office. Trong các phiên bản trước đây (Microsoft Office 97, 2000, XP) bộ Microsoft Office có 6 chương trình và tất cả nằm gọn trong 1 bộ cài. Tới phiên bản 2003, bộ Microsoft Office trở lên khổng lồ với 10 chương trình và hãng Microsoft đã tách FrontPage ra thành 1 bộ cài độc lập.

64

Hình 3- 2. Màn hình làm việc chính của Microsoft FrontPage Một số tính năng trong phiên bản cuối cùng của FrontPage bao gồm:

- FrontPage 2003 có thêm tùy chọn mới “Split” để người lập trình xem mã trong Code View và một tùy chọn “Preview” để xem trước thiết kế.

- Dynamic Web Templates (DWT) đã được bao gồm cho lần đầu tiên trong FrontPage 2003 cho phép người dùng tạo ra một mẫu đơn có thể được sử dụng trên nhiều trang và thậm chí toàn bộ trang web.

- Interactive Buttons cung cấp cho người dùng một cách dễ dàng mới để tạo ra đồ họa web để điều hướng và các liên kết, loại bỏ sự cần thiết của một gói phần mềm chỉnh sửa ảnh phức tạp như Adobe Photoshop.

- Kiểm tra khả năng truy cập cho người dùng khả năng để kiểm tra xem mã nguồn của họ là tiêu chuẩn phù hợp và trang web của họ là dễ dàng tiếp cận cho người khuyết tật. An tối ưu hóa HTML được bao gồm để hỗ trợ trong việc tối ưu hóa code để làm cho nó rõ ràng và nhanh hơn để xử lý.

- Intellisense, mà là một hình thức gợi ý, là một tính năng mới quan trọng trong FrontPage 2003 mà hỗ trợ người dùng trong khi gõ trong Code View. Khi làm việc trong Code View, Intellisense sẽ gợi ý thẻ và / hoặc tài sản cho mã mà người dùng đang bước vào mà làm giảm đáng kể thời gian để viết mã. Quick Tag Editor cho người dùng thẻ hiện đang trong khi chỉnh sửa trong Design View. Điều này cũng bao gồm các tùy chọn để chỉnh sửa các thẻ cụ thể tài sản từ bên trong Tag Editor.

- Đoạn mã cho người sử dụng lợi thế để tạo ra các đoạn của tác phẩm của họ thường được sử dụng mã cho phép họ lưu trữ nó để truy cập dễ dàng bất cứ khi nào nó là cần thiết tiếp theo.

- FrontPage 2003 bao gồm hỗ trợ cho các lập trình ASP.NET một server-side ngôn ngữ kịch bản cho biết thêm rằng các tương tác vào các trang web và các trang Web.

- FrontPage 2003 được VBA hỗ trợ trong lập trình.

3.1.3. Adobe DreamWaver

65

Dreamwave là một công cụ thiết kế, soạn thảo mã trang web được ưa chuộng bởi các nhà lập trình. Dreamwave cung cấp một môi trường sáng tạo cho các thiết kế, cho phép xây dựng website, phát triển nội dung di động, phát triển các ứng dụng sử dụng các mã lệnh kịch bản phức tạp bên phía máy chủ.

Dreamwave có hệ thống giao diện phong phú với nhiều menu, biểu tượng và các bảng giúp cho việc chèn, cũng như định dạng văn bản, hình ảnh và các nội dung đa phương tiện (video, flash) trở nên dễ dàng. Bản thân Dreamwave không hỗ trợ việc tạo ra các hình ảnh, tuy nhiên lại tích hợp với Photoshop để chỉnh sửa các bức ảnh ngay trong màn hình làm việc của Dreamwave.

Hình 3- 3. Màn hình làm việc của Dreamwave

Hình 3- 4. Các chức năng trong mục Insert của DreamWave

Các tính năng nổi bật của phần mềm Dreamwave so với các ứng dụng khác:

66

- Ba chế độ hiển thị khác nhau: Khi soạn thảo một trang web, DreamWave cung cấp ba chế độ xem: Design (xem thiết kế), Split (Xem cả mã và thiết kế) và Code (Xem mã nguồn). Với chế độ design cho phép xây dựng trang web một cách trực quan, giúp người thiết kế quan sát được trang web hiển thị trong thực tế. Trong chế độ Code, mã nguồn được hiển thị với các màu sắc khác nhau phụ thuộc vào loại câu lệnh, giúp việc soạn thảo trở nên thuận tiện hơn.

Hình 3- 5. Chế độ Split khi lập trình trên DreamWave

- Hỗ trợ sẵn FPT: DreamWave hỗ trợ sẵn khả năng tải lên (upload) và tải xuống (download) các file từ máy chủ, bằng cách sử dụng giao diện kéo thả của bảng Files hoặc sử dụng các nút Get/Put ở bất kì thời điểm nào để gửi các trang web đang soạn thảo lên máy chủ. Ngoài ra Dreamwave cung cấp chức năng “check in/check out” và các tính năng đồng bộ hóa để quản lý dễ dàng hơn.

- Chèn các đối tượng và mã vào trang Web bằng chức năng Insert: Hầu hết các đối tượng có trên trang web hiện nay đều được tìm thấy trên bảng Insert của Dreamwave. Các đối tượng được tổ chức thành nhóm giúp nhà lập trình dễ dàng lấy: đối tượng form, đối tượng hình ảnh, đối tượng liên kết...

67

Hình 3- 6. Các đối tượng trên bảng Insert được chia thành nhóm

- Giao diện trực quan: Giao diện của Dreamwave chứa các công cụ cần thiết quen thuộc phục vụ cho quá trình thiết kế: đường căn (guide), thước (ruler), các công cụ đo, lưới định vị. Stylesheet thời gian thực cho phép tùy biến giao diện của trang ngay khi thiết kế giúp tạo bố cục trang đơn giản và chính xác hơn.

- Bảng CSS: Dreamwave cung cấp rất nhiều tùy chọn về thiết kế và định dạng cho phép người dùng có thể tạo, chỉnh sửa và quản lý các style khi cần thông qua bảng CSS.

Một phần của tài liệu Thiết kế web (Trang 66 - 70)

Tải bản đầy đủ (PDF)

(106 trang)