Bài thảo luận môn: Thiết kế và triển khai website- nhóm 03
MỤC LỤC
Đề tài: Các công cụ hỗ trợ thiết kế website
LỜI MỞ ĐẦU
Hiện nay, internet đã trở thành một phần không thể thiếu trong cuộc sống hằng
ngày cũng như trong sản xuất kinh doanh. Từ lĩnh vực giải trí như xem phim,
nghe nhạc, đọc báo,… đến quảng cáo, marketing, thương mại điện tử,… để làm
được những việc này, các nhà kinh doanh cần có một website bắt mắt, dễ sử
dụng và dễ dàng được khách hang biết đến. Bài thảo luận này sẽ giúp chúng ta
có cái nhìn trực quan và chi tiết hơn về những yếu tố hay những công cụ giúp các
lập trình viên tạo ra những website tuyệt vời.
Trước tiên chúng ta cần hiểu website là gi? WEBSITE một hệ thống bao gồm
nhiều trang web liên quan với nhau, thường được đặt chung trên một tiên
miền( VD : yahoo.com, google.com…) nội dung của trang web trên website
thường nói về một vấn đề nào đó hoặc dành riêng cho một tổ chức nào đó. Trên
một website thường có một trang chủ để hiện thị những thông tin quan trọng
nhất, bao quát nhất và những trang con để hiện thị những thông tin chi tiết.
1
Bài thảo luận môn: Thiết kế và triển khai website- nhóm 03
Để tạo ra một website thì cần trải qua rất nhiều qua rất nhiều giai đoạn, mỗi giai
đoạn thì lại có những công cụ nhất định, chúng ta sẽ tìm hiểu về các công cụ này
trong bài thảo luận này
NỘI DUNG THẢO LUẬN
1. Các mã nguồn mở
Mã nguồn mở là thuật ngữ chỉ các sản phẩm phần mềm công khai mã nguồn
(source code), được một nhóm người, một tổ chức hay được cộng đồng phát triển
không vì mục đích thương mại. Do đó người dùng không phải trả bất kì chi phí
nào, hơn thế nữa họ có quyền xem, sửa đổi, cải tiến, nâng cấp để sử dụng theo
một số nguyên tắc chung quy định trong giấy phép phần mềm nguồn mở General
Public Licence – GPL
1.1. Wordpress

WordPress mà không cần phải download về như Joomla và Drupal.
- Các website thuộc mạng xã hội lớn đều hỗ trợ cho Wordpress như YouTube,
imeem, del.ico.us, flickr cho phép bạn mang nội dung lên blog của mình.
- Tích hợp tốt với các search engine như Google, Yahoo.Tích hợp tốt với các
script blog khác, sau khi cài đặt Wordpress bạn có thể chuyển các bài viết cũ của
mình từ một script nào đó như TypePad, TextPattern, sang Wordpress thông qua
Import.
- WordPress hỗ trợ SEO khá tốt (xếp sau Drupal)
 Nhược điểm
3
Bài thảo luận môn: Thiết kế và triển khai website- nhóm 03
- WordPress thích hợp cho viết Blog và xuất bản nội dung kiểu nhóm nhỏ. Nó
khó có thể đáp ứng các chức năng mở rộng và tương tác cao.
- WordPress lưu tất cả dữ liệu bài viết lên 2 bảng wp-posts và wp-postmeta, một
khi dữ liệu lên đến hàng triệu dòng thì query là vấn đề nan giải.
- WordPress lưu đường dẫn tuyệt đối cho nhóm bài viết, trong trường hợp bạn
thay đổi domain cho 1 site có db lên hàng GB thì cũng rất nan giải, bạn phải đổi
lại tất cả domain/url cho site mới, chưa kể url hình ảnh trong các bài viết.
1.2. Joomla
1.2.1. Giới thiệu về joomla
- Joomla là một nền tảng mã nguồn mở được viết bằng ngôn ngữ PHP và sử
dụng cơ sở dữ liệu MySQL, cho phép người dùng có thể dễ dàng soạn thảo và
xuất bản các nội dung (bài viết, tài liệu ) của họ lên Internet hoặc Intranet.
- Joomla, một hệ quản trị nội dung được tách ra và phát triển từ Mambo vào năm
2005. Phiên bản mới nhất của Joomla tới ngày hôm nay 09/09/2010 là Joomla
1.6 Beta 9. Joomla từng giành được các giải “Mã nguồn mở tốt nhất” giống như
Drupal. Nhờ yếu tố thân thiện và dễ hiểu Joomla được rất nhiều người dùng trên
khắp thế giới sử dụng xây dựng các website từ nhỏ tới trung bình, hoặc lớn. Có
rất nhiều công ty thiết kế web đã dùng Joomla thiết kế website cho các khách
hàng của họ

Joomla thì hãy search trên Google, 90% đã có người gặp phải vấn đề đó và hầu
như đều có giải pháp, câu trả lời cho vấn đề của bạn .
 Nhược điểm
5
Bài thảo luận môn: Thiết kế và triển khai website- nhóm 03
- Mã nguồn của Joomla tương đối lớn dẫn tới tốn nhiều tài nguyên hệ thống hơn
so với Drupal trong quá trình sử dụng .
- Việc có nhiều extensions là một lợi thế đồng thời nó cũng là một bất lợi. Các
extensions được viết bởi rất nhiều lập trình viên khác nhau dẫn tới tiềm ần các
lỗi bảo mật trong các extensions đó, tuy nhiên có các giải pháp firewall khắc
phục các nhược điểm này (có trả phí)). Nếu là người dùng mới có thể bạn sẽ bối
rối trong việc chọn lựa các extensions cho website của mình.
- Không có khả năng Multiple site như Drupal (cần mua extensions để có được
tính năng này) .
- Khả năng SEO của Joomla kém nhất trong 3 loại CMS (Drupal, WordPress,
Joomla) .
- Không chạy tốt trên máy chủ Windows (IIS) .
2. Trình soạn thảo code
2.1. Notepad
2.1.1. Giới thiệu về Notepad
Notepad là một phần mềm soạn thảo văn bản đơn giản được tích hợp vào
Window, các tệp tin được soản thảo thường có chế độ lưu mặc định là *.txt. Khi
ta coppy một đoạn clipboard từ website hoặc từ những tệp tin khác past vào
notepad thì phần mềm chỉ giữ lại các đoạn văn bản thuần túy, loại bỏ hết những
hình ảnh hay đường link gán vào đó. Sau khi code web thì các file chủ yếu được
lưu dưới dạng .html hoặc .htm.
2.1.2. Ưu, nhược điểm của Notepad
 Ưu điểm
- Phần mềm nhỏ gọn, nhẹ dễ sử dụng, phổ biến do được tích hợp sẵn trong
window

lập trình: ASP, PHP, Java, C#, Python, Jsp,
- Phát triển dựa trên nền tảng Scintilla (một trình soạn thảo vô cùng mạnh mẽ),
được viết bởi ngôn ngữ C++ với lõi win32 thuần túy
- Độ tùy biến cao
- Cho phép người dùng xác định ngôn ngữ riêng của mình: không chỉ tô sáng cú
pháp của các từ khóa, mà còn đồng thời uốn nếp chúng, cũng như các từ khóa
chú thích hay các toán tử
- Dùng Notepad++ để chặn virus tắt máy.
- Notepad++ cho phép người dùng xác định ngôn ngữ riêng của mình: không chỉ
tô sáng cú pháp của các từ khóa, mà còn đồng thời uốn nếp chúng, cũng như các
từ khóa chú thích hay các toán tử
- Multi-Document và Multi-view: tại cùng một thời điểm, người dùng có thể
tương tác chỉnh sửa, soạn thảo cũng như hiển thị, xem nhiều tài liệu khác nhau.
- Hỗ trợ tìm kiếm chính xác các chuỗi có trong bản soạn thảo mã nguồn.
- Hỗ trợ tính năng Kéo & Thả miễn chê.
- Thiết đặt vị trí cửa sổ với hai chế độ: ngang hoặc dọc.
- Tự động phát hiện trạng thái File: Nếu bạn thay đổi hoặc xóa một file mà được
mở bởi Notepad++, bạn sẽ được thông báo để cập nhật tài liệu của bạn (reload
file hoặc remove file).
- Tính năng phóng to và thu nhỏ giúp dễ dàng hơn trong khi soạn thảo cũng như
xem mã nguồn.
- Hỗ trợ nhiều ngôn ngữ người dùng như Trung Quốc, Nhật Bản, Hàn Quốc
- “Bóc” link trong web.
 Nhược điểm
Có những hạn chế trong các tính năng bổ sung trong các phiên bản. Những tính
năng của notepad++ chưa thể ngang bằng với các trình soạn code web.
2.3. Phpdesigner
2.3.1. Giới thiệu về phpdesigner
8
Bài thảo luận môn: Thiết kế và triển khai website- nhóm 03

nhà đồ họa chuyên nghiệp.
- Ngoài chức năng chính là chỉnh sửa ảnh, PS còn được sử dụng rộng rãi trong
các lĩnh vực thiết kế đồ họa, thiết kế web, vẽ tranh và vẽ texture cho các ứng
dụng 3D.
3.2. Ưu, nhược điểm của photoshop
 Ưu điểm
Ưu điểm chính của phần mềm Adobe Photoshop là nó cung cấp cho người dùng
khả năng thay đổi hình ảnh. Họ có thể được thay đổi để sửa chữa lỗi lầm như
mắt đỏ và một cái gì đó trong nền mà họ không mong muốn. Màu sắc có thể
được thay đổi một chút để làm cho các bức ảnh hấp dẫn hơn. Hình ảnh có thể
được đưa ra một cái nhìn cực kỳ chuyên nghiệp, ngay cả khi một máy ảnh tiêu
chuẩn được sử dụng. Khuôn mặt của người dân có thể được xúc động lên để loại
bỏ các điểm hay nắng và những thứ có thể được thêm vào hình ảnh này để nâng
cao hình ảnh.Hiệu ứng đặc biệt có thể được tạo ra để chất lượng tổng thể của ảnh
có thể được cải thiện.
 Nhược điểm
Một trong những nhược điểm của Adobe Photoshop là hình ảnh này không hoàn
toàn thực tế. Nhiều bức ảnh quá lạm dụng công cụ photoshop đã khiến nhân vật
trong ảnh như trở thành người hoàn toàn khác
10
Bài thảo luận môn: Thiết kế và triển khai website- nhóm 03
4. Công cụ hỗ trợ xây dựng cơ sở dữ liệu cho website
4.1. Iron speed designer
Iron Speed Designer là một công cụ phần mềm phát triển hữu ích có thể xây
dựng cơ sở dữ liệu, báo cáo, và các ứng dụng biểu mẫu cho .NET mà không phải
viết code.
Iron Speed Designer thiết kế sẽ giúp bạn tạo ra chương trình cơ sở dữ liệu và báo
cáo cho Microsoft. NET, SharePoint và phần mềm-như-một-dịch vụ môi trường
điện toán đám mây.
Iron Speed Designer đơn giản chỉ cần trỏ đến một cơ sở dữ liệu hiện có và để

thuộc từ bất kỳ máy chủ web khác (IIS hoặc Apache).
4.3. My SQL
Cơ sở dữ liệu MySQL đã trở thành cơ sở dữ liệu mã nguồn mở phổ biến nhất
trên thế giới vì cơ chế xử lý nhanh và ổn định của nó, sự đáng tin cậy cao và dễ
sử dụng. Nó được sử dụng mọi nơi – ngay cả châu Nam Cực - bởi các nhà phát
triển Web riêng lẻ cũng như rất nhiều các tổ chức lớn nhất trên thế giới để tiết
kiệm thời gian và tiền bạc cho những Web sites có dung lượng lớn, phần mềm
đóng gói – bao gồm cả những nhà đi đầu trong lĩnh vực công nghiệp như Yahoo!,
Alcatel-Lucent, Google, Nokia, YouTube và Zappos.com.Dù bạn mới làm quen
với công nghệ cơ sở dữ liệu MySQL sẽ giúp bạn thành công.
 Nên chọn MySQL so với Iron speed designer, Longtion Application Buildercho
ứng dụng của mình vì :
12
Bài thảo luận môn: Thiết kế và triển khai website- nhóm 03
- Tính linh hoạt
Máy chủ cơ sở dữ liệu MySQL cung cấp đặc tính linh hoạt, nhiều tính năng hơn
Iron speed designer, Longtion Application Builder có sức chứa để xử lý các ứng
dụng được nhúng sâu với dung lượng chỉ 1MB để chạy các kho dữ liệu đồ sộ lên
đến hàng terabytes thông tin. Sự linh hoạt về flatform là một đặc tính lớn của
MySQL với tất cả các phiên bản của Linux, Unix, và Windows đang được hỗ trợ.
- Tính thực thi cao và hỗ trợ giao dịch mạnh
Phần mềm Iron speed designer, Longtion Application Builder có thể hỗ trợ giao
dịch mạnh hơn về tính thiết kế chủ đề có sẵn và không kinh nghiệm lập trình là
cần thiết nhưng MySQL đưa ra một trong số những engine giao dịch cơ sở dữ
liệu mạnh nhất trên thị trường. Các đặc trưng bao gồm hỗ trợ giao dịch ACID
hoàn thiện ( Atomic – tự động, Consistent – thống nhất, Isolated – độc lập,
Durable – bền vững), khóa mức dòng không hạn chế, khả năng giao dịch được
phân loại, và hỗ trợ giao dịch đa dạng (multi-version) mà người đọc không bao
giờ gây trở ngại cho người viết và ngược lại. Tính toàn vẹn của dữ liệu cũng phải
được bảo đảm trong suốt quá trình server có hiệu lực, các mức giao dịch độc lập

thể truy nhập được vào server cơ sở dữ liệu, với khả năng này để chặn người
dùng ngay từ mức máy khách là điều có thể làm được.
- Dễ dàng quản lý
MySQL trình diễn khả năng cài đặt nhanh đặc biệt với thời gian ở mức trung
bình từ lúc download phần mềm đến khi cài đặt hoàn thành chỉ mất chưa đầy 15
phút. Điều này đúng cho dù flatform là Microsoft Windows, Linux, Macintosh
hay Unix. Khi đã được cài đặt, tính năng tự quản lý như tự động mở rộng không
14
Bài thảo luận môn: Thiết kế và triển khai website- nhóm 03
gian, tự khởi động lại, và cấu hình động sẵn sàng cho người quản trị cơ sở dữ
liệu làm việc. Phần mềm Iron speed designer, Longtion Application Builder có
thể chỉ chạy ổn định trên nền tảng hoặc hệ điều hành nhất định
- Tổng chi phí thấp nhất
Bằng cách sử dụng MySQL cho các dự án phát triển mới, các công ty đang thấy
rõ việc tiết kiệm chi phí. Được hoàn thành thông qua sử dụng server cơ sở dữ
liệu MySQL và kiến trúc scale-out, các doanh nghiệp đã tìm ra cái mà họ có thể
đạt được ở mức ngạc nhiên về khả năng xử lý. Thêm vào đó, tính tin cậy và dễ
duy trì của MySQL ở mức trung bình mà người quản trị cơ sở dữ liệu không phải
mất nhiều thời gian sửa chữa hay vấn đề thời gian chết. Việc cài đặt, sử dụng và
tối ưu MySQL không khó vì tài liệu của nó rất đầy đủ, thông tin về MySQL tràn
ngập trên web, thông tin của Iron speed designer,Longtion Application Builder
lại rất ít cho việc sử dụng của người dùng làm mất nhiều thời gian và kinh phí
tìm hiểu.
MySQL được sử dụng cho việc bổ trợ PHP, Perl, và nhiều ngôn ngữ khác, nó
làm nơi lưu trữ những thông tin trên các trang web viết bằng PHP hay Perl,
phần mềm đóng gói – bao gồm cả những nhà đi đầu trong lĩnh vực công nghiệp
như Yahoo!, Alcatel-Lucent, Google, Nokia, YouTube và Zappos.com.
5. Công cụ thiết kế website: dreamweaver
5.1. Giới thiệu chung về dreamweaver
Adobe Dreamweaver là một công cụ xử lý mạnh mẽ dành cho những người thiết

- Ngoài các tính năng kéo và thả giúp bạn xây dựng các trang web, Dreamweaver
còn cung cấp một môi trường viết mã chuyên nghiệp bao gồm các công cụ biên
tập mã (chẳng hạn như, màu cú pháp, tự động đóng tab, và thu mã thành một
16
Bài thảo luận môn: Thiết kế và triển khai website- nhóm 03
dòng), các bản tham khảo mã CSS, javascript, ColdFusion, vân vân. Công nghệ
RoundTrip HTML sẽ chèn vào những tài liệu viết tay của bạn mà không hề định
dạng lại mã; sau đó bạn có thể chỉnh lại mã theo cách viết mà bạn thích.
- Dreamweaver còn giúp bạn xây dựng các ứng dụng web dựa trên cơ sở dữ liệu,
và các trang web động bằng các công nghệ chẳng hạn như CFML (Confusion),
ASP.NET, ASP, JSP, và PHP. Nếu như bạn có sở thích dùng cơ sở dữ liệu XML,
thì Dreamweaver sẽ đưa cho bạn các công cụ mà giúp bạn dễ dàng tạo ra các
trang XSLT, các tập tin XML, và thể hiện được dữ liệu XML trên trang của bạn.
- Dreamweaver có thể giúp bạn tạo ra các đối tượng và các lệnh cho riêng bản
thân mình, bạn còn có thể chỉnh sửa các phím tắt ứng dụng, hay thậm chí viết
thêm mã javascript vào phần Extend Dreamweaver tạo ra các behavior mới, các
thanh thuộc tính mới, và các báo cáo site.
- Dreamweaver bao gồm nhiều tính năng mới giúp bạn xây dựng các website và
ứng dụng với chỉ một chút tí thời gian và công sức. Dreamweaver làm đơn gian
hóa và dễ dàng thực hiện được những công nghệ phức tạp, giúp bạn hoàn thành
nhiều trong một thời gian ngắn.
 Nhược điểm
- Dreamweaver đe dọa tính an toàn của cơ sở dữ liệu
6. Ngôn ngữ lập trình
6.1. PHP
PHP là một ngôn ngữ lập trìnhkịch bản hay một loại mã lệnh chủ yếu được dùng
để phát triển các ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích
tổng quát. Nó rất thích hợp với web và có thể dễ dàng nhúng vào trang HTML.
Do được tối ưu hóa cho các ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp
giống Java, dễ học và thời gian xây dựng sản phẩm tương đối ngắn hơn so với

lặp for và while, các hàm trả về đều tương tự cú pháp của các ngôn ngữ
như C, C++, Java và Perl.
6.2. Javascrip
6.2.1. Giới thiệu chung về Javascrip
JavaScript là ngôn ngữ kịch bản (scripting language) thông dụng nhất trên
internet và nó hoạt động trên tất cả các trình duyệt thông dụng như Internet
Explorer, Firefox, Chrome, Opera và Safari.
- JavaScript được thiết kế để giúp chúng ta thêm khả năng tương tác vào các
trang HTML
18
Bài thảo luận môn: Thiết kế và triển khai website- nhóm 03
- JavaScript là một ngôn ngữ kịch bản
- Một ngôn ngữ kịch bản là ngôn ngữ lập trình dạng tinh gọn
- JavaScript thường được nhúng trực tiếp vào mã HTML
- JavaScript là một interpreted language (tức là mã JavaScript được thực thi mà
không cần phải biên dịch)
6.2.2. Ưu, nhược điểm của Javascrip
 Ưu điểm
- JavaScript giúp HTML trở nên “động” hơn – Những người viết mã HTML có
thể không phải lập trình viên, nhưng JavaScript là một ngôn ngữ lập trình và nó
khá đơn giản, nên hầu hết những người biết HTML đều có thể gõ một vài dòng
lệnh JavaScript và nhúng vào mã HTML để giúp các trang HTML “động hơn”.
- JavaScript có thể tương tác với các sự kiện (events) - Một đoạn mã JavaScript
có thể được yêu cầu thực thi khi một sự kiện nào đó diễn ra, ví dụ như khi trang
HTML được tải xong về trình duyệt, hoặc khi người dùng click chuột vào một
thành phần HTML nào đó.
- JavaScript có thể sinh ra các phần tử HTML– Mã JavcaScript có thể đọc và
thay đổi nội dung của một phần tử HTML (HTML element)
- JavaScript có thể được sử dụng để kiểm tra tính hợp lệ dữ liệu (validate data)–
Mã JavaScript có thể được dùng để kiểm tra tính hợp lệ của dữ liệu được nhập

kết quả trả về là một trang HTML.
Các tính chất của ASP:
- Có thể kết hợp với tập tin HTML
- Các scrip dễ viết, không cần phải biên dịch lại hay kết nối các chương trình
được tạo ra.
- Cung cấp chế độ bảo mật tốt vì các mã trong trang ASP không thể nhìn thấy
được ở Browser.
20
Bài thảo luận môn: Thiết kế và triển khai website- nhóm 03
- Cung cấp cách thức truy nhập, kết nối với cơ sở dữ liệu một cách dễ dàng.
- Với các built-in Object đã được xây dựng sẵn như resquest, response, server…
rất tiện dụng cho việc phát triển
- Có khả năng mở rộng các thành phần ActiveX Server.
6.3. Ngôn ngữ Perl
Perl (viết tắt của Practical Extraction and Report Language - ngôn ngữ kết xuất
và báo cáo thực dụng) được Larry Wall xây dựng từ năm 1987, với mục đích
chính là tạo ra một ngôn ngữ lập trình có khả năng chắt lọc một lượng lớn dữ
liệu và cho phép xử lí dữ liệu nhằm thu được kết quả cần tìm.
Perl là ngôn ngữ thông dụng trong lĩnh vực quản trị hệ thống và xử lí các trang
Web do có các ưu điểm sau:
- Có các thao tác quản lí tập tin, xử lí thông tin thuận tiện
- Thao tác với chuỗi kí tự rất tốt
- Đã có một thư viện mã lệnh lớn do cộng đồng sử dụng Perl đóng góp (CPAN).
Cú pháp lệnh của Perl khá giống với C, từ các kí hiệu đến tên các hàm, do đó,
nhiều người (đã có kinh nghiệm với C) thấy Perl dễ học. Perl khá linh hoạt và
cho phép người sử dụng giải quyết với cùng một vấn đề được đặt ra theo nhiều
cách khác nhau.
Perl có ba kiểu dữ liệu được xây dựng sẵn là kiểu vô hướng (scalar), kiểu mảng
của các phần tử vô hướng và kiểu mảng kết hợp của các phần tử vô hướng,
thường được gọi là "bảng băm" (hash).

Mỗi công cụ thì có những tính chất và chức năng riêng của mình, hiểu và thành
thạo các công cụ này sẽ giúp chúng ta có thể tạo ra những website độc đáo và
hữu ích cho mục đích của mình. Thông qua bài thảo luận này chúng ta có thể biết
được những công cụ hữu ích cho công việc thiết kế và triển khai website.
23
Bài thảo luận môn: Thiết kế và triển khai website- nhóm 03
TÀI LIỆU THAM KHẢO
1. Slide bài giảng Thiết kế và triển khai website – Nguyễn Quang Trung , bộ
môn CNTT, khoa Tin học thương mại – Đại học Thương Mại.
2. http://www.thietkewebpro.vn
3. http://vi.wikipedia.org
4. http://tailieu.vn/xem-tai-lieu/bai-giang-thiet-ke-va-trien-khai-
website.366952.html
24