1.1 .Tổng quan về vấn đề nghiên cứu
1.3.5. Các phần mềm thiết kế e-book
Trong khóa luận này, chúng tôi thiết kế e-book dưới dạng một website nên đã sử dụng các phần mềm dùng xây dựng website.
Hiện nay có rất nhiều công nghệ được sử dụng để thiết kế và phát triển website, xây dựng và thiết kế website tĩnh với ngôn ngữ HTML hay xây dựng, thiết kế website với các ngôn ngữ lập trình cấp cao hơn (PHP, ASP, ASP.NET, JSP...). Vậy phải lựa chọn công nghệ nào? Theo www.thegioiwebsite.net với bài viết “Lựa chọn công nghệ nào để phát triển website” đưa ra những nhận định đơn giản giúp ta chọn được giải pháp tốt nhất cho mình trước khi lựa chọn một ngôn ngữ lập trình để thiết kế web.
Bảng 1.1. So sánh các công nghệ xây dựng website
PHP ASP.NET ASP JSP/ java Tốc độ xử lý Nhanh, hiệu quả cao. Nhanh, hiệu quả cao. Rất chậm. Hơi chậm.
Chi phí Thấp (không tốn chi phí mua bản quyền). Cao (do một phần phải mua bản quyền). Trung bình (do một phần phải mua bản quyền). Cao. Thời gian code và triển khai
Nhanh, đơn giản. Hơi phức tạp,
chậm hơn PHP. Trung bình. Hơi phức tạp, chậm hơn PHP. Số lượng nhà cung cấp hosting Nhiều, dễ lựa chọn. Không nhiều, vì vậy khó cho việc lựa chọn.
Không nhiều, vì vậy khó cho việc lựa chọn.
Số lượng nhà cung cấp website Nhiều, khả năng chọn lựa một trang web phù hợp tốt hơn. Nhiều, khả năng chọn lựa một trang web phù hợp tốt hơn. Ít. Ít, khả năng chọn lựa để xây dựng một trang web phù hợp rất khó. Khả năng mở rộng và phát triển Dễ dàng và
nhanh chóng. Dễ dàng. Khó khăn. Khó khăn.
Các công cụ và công nghệ hỗ trợ Phong phú, đa dạng. Phát triển web trên nền web 2.0. Sử dụng công nghệ Ajax làm cho quá trình duyệt web nhanh chóng và thân thiện hơn đối với người dùng.
Phong phú, đa dạng. Phát triển web trên nền web 2.0. Sử dụng công nghệ Ajax làm cho quá trình duyệt web nhanh chóng và thân thiện hơn đối với người dùng.
Ít, khó tìm. Ít, khó tìm.
Đối với những GV không chuyên trong lĩnh vực lập trình website với các ngôn ngữ lập trình cấp cao, thì việc chọn cho mình ngôn ngữ thiết kế web với HTML là giải pháp tốt nhất, bởi vì ngôn ngữ HTML dễ học, thiết kế đơn giản, dễ thay đổi cấu trúc web và phát triển website thật dễ dàng, đồng thời việc kết hợp HTML với các ngôn ngữ thiết kế web khác như CSS, Javascript và đồ họa sẽ làm cho website đẹp hơn, sinh động hơn.
1.3.5.1. Ngôn ngữ HTML
HTML (hay Hypertext Markup Language - Ngôn ngữ liên kết siêu văn bản) là ngôn ngữ đánh dấu chuẩn dùng lập trình các tài liệu World Wide Web, tài liệu là các tập tin văn bản đơn giản.
Ngôn ngữ HTML dùng các tag (thẻ) hoặc các đoạn mã lệnh để chỉ cho các trình duyệt (Web browsers) cách hiển thị các thành phần của trang như text và graghics, và đáp lại những thao tác của người dùng bởi các thao tác ấn phím và nhắp chuột. Hầu hết các Web browser, đặc biệt là Microsoft Internet Explorer và Netscape Navigator, nhận biết các tag của HTML vượt xa những chuẩn HTML đặt ra.
CSS (cascading style sheet) cho phép chúng ta định dạng (font chữ, kích thước, màu sắc....) của các đối tượng sử dụng CSS đó. Ưu điểm của CSS là tách riêng phần định dạng ra riêng khỏi phần nội dung, do đó rất tiện khi bạn muốn thay đổi giao diện của một website.
1.3.5.3. Ngôn ngữ Javascript (ngôn ngữ kịch bản)
JavaScript, theo phiên bản hiện hành, là một ngôn ngữ lập trình kịch bản (script) dựa trên đối tượng được phát triển từ các ý niệm nguyên mẫu. Ngôn ngữ này được dùng rộng rãi cho các trang web, nhưng cũng được dùng để tạo khả năng viết script sử dụng các đối tượng nằm sẵn trong các ứng dụng. Các đoạn mã script được chèn vào HTML để làm tăng khả năng linh hoạt của thiết kế website động, tạo ra một số hiệu ứng đặc biệt cho website.
1.3.5.4. Thiết kế web với Dreamweaver
Dreamweaver là một chương trình chuyên nghiệp để tạo và quản lý các trang web. Dreamweaver cung cấp các công cụ phác thảo trang web cao cấp, hỗ trợ các tính năng
DHTML (Dynamic HTML) mà không cần viết các dòng lệnh, giúp người sử dụng không biết lập trình web cũng có thể thiết kế được các trang web động một cách dễ dàng, trực quan. Với Dreamweaver chúng ta có thể dễ dàng nhúng các sản phẩm của các chương trình thiết kế web khác như Flash, Fireworks, Shockwave, Generator, Authorwave vv...
Dreamweaver còn cho phép người sử dụng chỉnh sửa trực tiếp HTML. Với Quick Tag Editor bạn có thể nhanh chóng bổ sung hoặc xóa bỏ một HTML mà không cần thoát khỏi cửa sổ tài liệu. Chế độ soạn thảo trang web bằng HTML giúp chúng ta có thể thiết kế trang trực tiếp bằng ngôn ngữ HTML.
Dreamweaver còn hỗ trợ các HTML Styles và Cascading Style Sheet giúp chúng ta
định dạng trang web nhằm tăng tính hấp dẫn khi duyệt các trang web này. Vùng làm việc của chương trình Deamweaver rất linh động và dễ sử dụng gồm các thành phần như sau: Document, Launcher, Object Palette, Property Inspector, Floating Palette và các context menu (menu ngữ cảnh) ...
Hình 1.5. Màn hình làm việc Dreamweaver
1.3.5.5. Photoshop
Phần mềm Adobe Photoshop là một phần mềm chuẩn và dẫn đầu trong việc biên tập và xử lý hình ảnh chuyên nghiệp, với nhiều hiệu ứng biên tập, xử lý và biến đổi hình ảnh giúp cho công việc xử lý các hình ảnh nhanh chóng.
Photoshop được đánh giá là phần mềm dẫn đầu thị trường về sửa ảnh bitmap và được coi là chuẩn cho các ngành liên quan tới chỉnh sửa ảnh. Trong Photoshop có thể mở và lưu nhiều dạng thức tập tin khác nhau:
- Photoshop (.psd): Đây là dạng thức riêng của Photoshop, cũng là dạng thức tối ưu khi chúng ta làm việc trong Photoshop.
- Bitmap (.bmp): Dạng thức này tương thích với Windows, không có dữ liệu nào của tập tin bị loại bỏ khi chúng ta lưu tập tin.
- EPS (.eps): Dạng tập tin Encapsulated PostScript là một lựa chọn lý tưởng cho ảnh nét trắng đen.
- GIF (.gif): Dạng thức trao đổi đồ họa (Graphics Interchange Format) là một lựa chọn tuyệt vời cho Web.
- JPEG (.jpg): Tập tin Joint Photographic Experts Group. Loại định dạng này lưu tập tin mà dữ liệu hình ảnh sẽ bị loại bỏ bớt nhằm giảm bớt kích thước.
- Documemts Format: Hoạt động kết hợp với phần mềm Acrobat của Adobe, cũng là dạng thức tập tin dùng để sản xuất trang Web.
- Pixar (.pxr): Dùng với chương trình tạo ảnh ba chiều.
- PNG (.png): Thay thế cho dạng thức gif, rất lý tưởng cho Word Wide Web và đang ngày càng được ưa chuộng. Nó cho phép chúng ta lưu tập tin sao cho tập tin này được tải xuống theo dạng đan xen trên Word Wide Web.
- RAW (.raw): Dạng thức này lưu tập tin dưới dạng một luồng byte. Rất tốt để di chuyển qua lại giữa các ứng dụng.
- Scitex (.sci): Dành cho các hệ thống kỹ thuật cao. - Targe (.tga): Dùng cho hệ thống sử dụng Card Video.
- TIFF (.tif): Một dạng thức rất phổ biến, Tagged - Image file Format.
Hình 1.6. Màn hình làm việc Photoshop
1.3.5.6. Flash
Adobe Flash (Macromedia Flash), hay còn gọi một cách đơn giản là Flash, được dùng để chỉ chương trình sáng tạo đa phương tiện (multimedia) lẫn phần mềm dùng để hiển thị chúng Macromedia Flash Player.
Flash là công cụ để phát triển các ứng dụng như thiết kế các phần mềm mô phỏng. Sử dụng ngôn ngữ lập trình ActionScript để tạo các tương tác, các hoạt cảnh trong phim. Điểm mạnh của Flash là có thể nhúng các file âm thanh, hình ảnh động. Người lập trình
có thể chủ động lập các điều hướng cho chương trình. Flash cũng có thể xuất bản đa dạng các file kiểu html, exe, jpg, ... để phù hợp với các ứng dụng của người sử dụng như trên web, CD, …
Ưu điểm lớn nhất của Flash - với đồ họa dạng vectơ - là kích thước file rất nhỏ. Thuận tiện cho việc truyền tải dữ liệu qua internet.
Hiện nay có rất nhiều phần mềm thiết kế tập tin flash (.swf), các phần mềm này có tính năng là dễ sử dụng, giúp cho người sử dụng thiết kế được các flash một cách đơn giản nhờ vào các hiệu ứng sẵn có.
Các phần mềm như: Sothink SWF Quicker, SWF Text, Sothink SWF Easy…