Soạn thảo Dreamweaver của hãng Macromedia đang vượt lên hàng đầu trên thị trường thiết kế web. Tính đễ sử dụng và các đặc tính cao cấp đã làm cho chương trình trở thành một sự chọn lực lý tưởng cho các nhà thiết kế web chuyên nghiệp. Dreamweaver đã chiếm được rất nhiều giải thưởng như Best of Show của MacWorld và được tạp chí PC magazine chọn là chương trình thiết kế web tốt nhất trong năm.
Các đặc điểm nổi bật của Dreamweaver như các mã HTML được tạo rất gọn gàng, súc tích và hỗ trợ tinh tế cho các tùy chọn HTML mới nhất (như Dynamic HTML và các bảng biểu Cascatding Style Sheet). Macromedia đã tích hợp hai trình soạn thảo HTML BBEdit (của hệ Macintosh), HomeSite (của Windows) với môi trường thiết kế WYSIWYG (trình thiết kế soạn thảo văn bản HTML) của Dreamweaver. Điều này đã làm việc chuyển qua lại giữa Dreamweaver và chương trình soạn thảo trực tiếp mã nguồn HTML.
Với Dreamweaver MX thì có một số đặc điểm như sau :
• Bảng điều khiển Assets trong Dreamweaver MX đã được cải tiến để cung cấp một cách thức truy cập dễ dàng đến thư viện và các trang mẫu của Dreamweaver. Bảng Assets cung cấp mộ vị trí trung tâm nơi mà ta sẽ lưu giữ tất cả những gì cần thiết trong website của ta, bao gồm các hình ảnh, màu sắc, URL bên ngoài, các mã kịch bản, các tập tin Flash và Shockwave. Ta thậm chí có thể kéo và thả chúng từ bảng điều khiển Assets vào trong hồ sơ HTML của mình.
Bảng điều khiển ASSETS
• Cửa sổ Site bây giờ có kèm theo các biểu tượng cho Design Notes (ghi chú thiết kế), vì thế ta có thể dễ dàng xác định được một tập tin có một ghi chú gắn với nó
hay không. Ta cũng có thể thay đổi cách thể hiện thông tin ghi chú thiết kế, chẳng hạn như Due Date và Status.
Design Notes
• Các vùng có thể soạn thảo trong phần Templates bây giờ đã có các thẻ và một outline giúp cho người dùng dễ dàng biết được vùng nào trong một trang mẫu có thể thay đổi được.
Templates
• Trình soạn thảo mới đã có khả năng tạo các tập tin JavaScript, tập tin XML và các tập tin văn bản khác trong Dreamweaver Code View, và kèm theo các màu đánh dấu cú pháp sống động. Đặc điểm này được Dreamweaver và được dùng cho lập trình chất lượng cao.
Các kiểu tệp tin khác nhau trong DreamWeaver
Các màu đánh dấu cú pháp sống động
• Extension Manager giúp cho việc bổ sung các phần mở rộng của Dreamweaver dễ dàng hơn.
• Các đặc điểm Flash Buttons và Flash Text là kết quả của việc tích hợp với chương trình tạo hoạt hình Flash của Dreamweaver. Ta có thể chọn các kiểu Flash được định nghĩa trước hoặc ta có thể bổ sung các nút tùy biến của riêng mình hoặc văn bản và sau đó dễ dàng bổ sung chúng vào bất kỳ trang web nào trong website của mình.
• Nhờ có Intergrated Mail, các nhà phát triển trên website của ta có thể liên kết các địa chỉ thư điện tử với tên của họ để ta có thể dễ dàng liên hệ được với người đã kiểm tra tập tin này. Đặc điểm này cùng với các đặc điểm khác mà được thiết kế để làm cho việc công tác trong thiết kế web dễ dàng hơn.
Intergrated Mail
• Trình soạn thảo văn bản HTML tích hợp (được gọi là Code Inspector trong phiên bản MX) đã được cải tiến để cho phép tự động thụt đầu dòng, chấm câu và khả năng chọn nhiều dòng và thụt đầu dòng cùng một lúc.
Code Inspector
• Chế độ thể hiện Tables Layout mới cho phép ta vẽ các ô bảng trực tiếp trên trang web, kéo chúng xung quanh trang web và gom nhóm các ô lại với nhau. Chế độ thể hiện Layout có thể được truy xuất thông qua các công cụ mới ở đáy của bảng điều khiển Objects.
• Vì nhiều nhà phát triển thích xem mã nguồn trong khi họ đang làm việc, Dreamweaver, đã phát triển một đặc điểm Split View để ta có thể đồng thời soạn thảo mã nguồn HTML ở một phần màn hình và phần soạn thảo WYSIWYG ở phần còn lại.
• Macromedia Fireworks giờ đây đã được tích hợp hàon toàn với Dreamweaver, vì thế các hình ảnh và các bảng HTML đã được tạo ra trong Fireworks và được đưa vào trong Dreamweaverr sẽ có cửa sổ kiểm soát Property riêng của mình. Một giao diện đặc biệt trong Fireworks thậm chí còn giúp cho ta có thể chuyển qua lại giữa Fireworks và Dreamweaver, cập nhật tập tin HTML mỗi khi ta kết thúc sử dụng Fireworks và giữ lại các thay đổi lớn ta đã thực hiện trong Dreamweaver.
• Khi ta đã sẵn sàng để kiểm tra công việc của mình, đặc điểm Site Reporting của Dreamweaver sẽ giúp cho việc tìm kiếm ra các vấn đề thưòng gặp, như là các hồ sơ không có tiêu đề hoặc thiếu các thẻ ALT, dễ dàng hơn.
Site Reporting
• Nếu ta làm việc với một nhóm, ta cần một dạng kiểm tra phiên bản nào đó để đảm bảo rằng ta không ghi đè kết quả làm việc của người khác. Dreamweaver giờ đây đã được thiết kế để dễ dàng tích họp với hệ thông Microsoft Visual SourceSafe và hệ thông WebDAV.
Đặc điểm lớn nhất của Dreamweaver là gì?
Dreamweaver có nhiều đặc điểm lớn và hấp dẫn vì nó giải quyết được các vấn đề phổ biến thường có trong các chương trình web. Nhiều nhà thiết kế web phàn nàn rằng các công cụ thiết kế WYSIWYG tạo ra mã HTML rời rạc, không có hệ thống, làm thay đổi mã trong trang hiện có và làm cho quá trình tùy biến thủ công trang web trở nên khó khăn. Phân lớn các vấn đề này xuất phát từ thực tế là những người biết viết mã HTML thủ công thương thích có khả năng kiểm soát hoàn toàn với các trang HTML của mình. Thật không may, nhiều chương trình thiết kế web buộc ta phải từ bỏ khả năng kiểm soát đó để có sự thuật tiện và dễ dùng của một công cụ WYSIWYG.
Dreamweaver cung cấp cho ta cả khả năng kiểm soát lẫn sự thuật tiện bằng cách kết hợp một công cụ WYSIWYG dễ dàng với trình soạn thảo văn bản HTML mạnh, và trong Dreamweaver, trình soạn thảo này thậm chí còn mạnh hơn. Dreamweaver còn đi xa hơn với một đặc điểm mà Macromedia gọi là Rountrip HTML. với Rountrip HTML, ta có thể tạo ra các trang HTLM trong bất kỳ chương trình nào, mở nó trong Dreamweaver, và ta không phải lo lắng gì về mã HTML. Gốc sẽ bị thay đổi.
Dreamweaver bảo vệ mã HTML của ta. Một vấn đề lớn với nhiều trình soạn thảo WYSIWYG khác là chúng có thể làm thay đổi đáng kể mã HTML nếu các mã này không tuân theo các quy tắc của các phần mềm này. Thật không may, các quy tắc trên web thay đổi thường xuyên, vì thế nhiều nhà thiết kế thích phá luật hoặc ít nhất bổ sung những thay đổi của riêng họ. Nếu ta các một trang web với các mã HTML tùy biến của một trình soạn thảo văn bản và sau đó mở nó ra một chương trình chẳng hạn như Frontpage của Microsoft, khi đó Frontpage sẽ có thể làm thay đổi thiết kế của ta để làm cho nó phù hợp với các quy tắc vốn đã bị giới hạn của Frontpage.
Dreamweaver đảm bảo sẽ không làm thay đổi mã của ta, và đây chính là một trong những lý do khiến cho nó thành người ta tốt nhất cho nhiều nhà thiết kế chuyền nghiệp. Các nhà thiết kế thích tính dễ dùng của chương trình thiết kế WYSIWYG và bổ sung các mã HTML tùy biến của mình mỗi khi họ thích mà không phải lo lắng rằng Dreamweaver sẽ làm thay đổi mã của họ. Đây là một quyết định không dễ dàng gì đối với Macromedia- công ty đã phải dành ra ba kỹ sư chuyên đề giải suyết vấn đề này trong thời gian hơn 1 năm trước khi công bố phiên bản 1.0.
Thách thức đặt ra là ở chỗ định ra cách thức hiện thị mã HTML được tạo ra trong một trình soạn thảo văn bản trong phần WYSIWYG của chương trình mà không làm thay đổi mã, ngay cả khi Dreamweaver chưa từng nhận biết mã HTML đặc biệt của ta trước đó. Sự thành công mà Macromedia đã đạt được trong việc giải quyết vấn đề này đã góp phần lớn trong việc làm cho Dreamweaver dành được nhiều sự chú ý, dành được nhiều giải thưởng và hợp dẫn được những nhà viết HTML thậm chí khó tính nhất.
Một ví dụ về ứng dụng E_commerce cung cấp thông tin để khách háng có thể liên lạc và biết rõ về sản phẩm và những dịch vụ mà công ty cung cấp. Tiếp đến khách hàng có thể đặt mua, thanh toán và hẹn ngày giao hàng hay nhận sự hỗ trợ về dịch vụ từ nhà cung cấp. Tất cả các giao dịch nêu trên đều diễn ra trên mạng và kiểm soát bởi ứng dụng Web của ta. Hai hình thức cơ bản và thông dụng nhất của ứng dụng thương mại điện tử ngày nay đó là B2B (Business to Bussiness) còn gọi là Từ doanh nghiệp đến doanh nghiệp, và B2C(Business to Consumer) còn gọi là từ doanh nghiệp đến người tiêu dùng (hay khách
hàng).
B2B cung cấp hình thức tự giới thiệu sản phẩm của doanh nghiệp, tạo điều kiện để doanh nghiệp khác hoặc khách hàng có được thông tin và hiểu rõ hơn về doanh nghiệp của ta trước khi quyết định đặt mối quan hệ hoặc mở rộng khả năng buôn bán trong tương lai. Để thực hiện điều này, ứng dụng Web phải thực hiện những công việc sau :
• cho phép duyệt, xem, tìm kiếm các mặt hàng hoặc dịch vụ mà doan nghiệp cung cấp.
• Giới thiệu về công ty và khả năng buôn bán.
• Cung cấp thông tin liên lạc với doanh nghiệp, lưu lại thông tin góp ý và chi tiết của khách hàng để doanh nghiệp hỗ trợ
B2C là bước tiếp theo để doanh nghiệp đưa sản phẩm đến tay người tiêu dùng. Các ứng dụng Web ở bước này thực hiện chức năng giao dịch như :
• Cho phép khách hàng chọn và đặt hàng ngay trên mạng (trực tuyến)
• Cung cấp các phương thức thanh toán, đảm bảo cơ chế bảo mật trong các giao dịch.
• Hẹn ngày giao hàng, thương xuyên giữ liên lạc với khách hàng, thông báo tính trạng gioa hàng cho đến khi sản phẩm được giao đến tay người mua
• Cung cấp dịch vụ sau khi bán như hỗ trợ tư vấn, bảo trì…
Chương V . Cài đặt thử nghiệm một ứng dụng 5.1. Phân tích và thiết kế