Thảo luận thiết kế web (1) - Các công cụ hỗ trợ thiết kế website

Các công cụ hỗ trợ thiết kế website

MỤC LỤC

LỜI MỞ ĐẦU 2

NỘI DUNG THẢO LUẬN 2

1 Các mã nguồn mở 3

1.1 Wordpress 3

1.2 Joomla 5

2 Trình soạn thảo code 7

2.1 Notepad 7

2.2 Notepad ++ 8

2.3 Phpdesigner 10

3 Phần mềm tạo đồ họa cho website: photoshop 11

4 Công cụ hỗ trợ xây dựng cơ sở dữ liệu cho website 12

4.1 Iron speed designer 12

4.2 Longtion Application Builder 13

4.3 My SQL 14

5 Công cụ thiết kế website: dreamweaver 17

6 Ngôn ngữ lập trình 19

6.1 Php 19

6.2 Javascrip 21

6.3 Asp 22

6.4 Ngôn ngữ Perl 23

KẾT LUẬN 25

Đề 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ằngngà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áclậ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ồmnhiều trang web liên quan với nhau, thường được đặt chung trên một tiênmiền( VD : yahoo.com, google.com…) nội dung của trang web trên websitethườ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ênmột website thường có một trang chủ để hiện thị những thông tin quan trọngnhất, bao quát nhất và những trang con để hiện thị những thông tin chi tiết

Để 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àytrong 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ểnkhô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 theomột số nguyên tắc chung quy định trong giấy phép phần mềm nguồn mở GeneralPublic Licence – GPL

1.1 Wordpress

1.1.1 Giới thiệu chung về Wordpress

WordPress là một dạng phần mềm mã nguồn mở được Christine Selleck đề xuất.Mọi người thường biết đến WordPress với chức năng viết Blog, đăng tải thông tin của mình lên mạng nhưng không đơn giản như vậy, WordPress còn có chức năng như mọi Website khác, nó có thể làm site tin tức, đánh giá, bán hàng và thậm chí là mạng xã hội

WordPress viết bằng PHP và sử dụng hệ quản trị MySQL WordPress chạy tốt trên PHP5, hầu hết mọi host (dịch vụ lưu trữ trực tuyến) có PHP đều hỗ trợ WordPress Nhiều Host (Godaddy, Host Gator, …) còn có chức năng tự động càiđặt WordPress cho thấy sự phát triển của WordPress là rất mạnh.Ngoài ra,

WordPress còn hỗ trợ tạo Blog miễn phí trên WordPress.com để những ai không

có điều kiện tài chính, kỹ thuật, thời gian…đều có thể sử dụng được WordPress.WordPress đặc biết rất dễ sử dụng, trên thế giới hiện có hơn 200 triệu blog,website sử dụng mã nguồn này Tuy nhiên, WordPress thích hợp nhất vào việcxuất bản nội dung (viết Blog), mã nguồn nhỏ gọn, tinh giản tối đa khiến nó gặpkhó khăn khi đáp ứng các yêu cầu mở rộng như sự tương tác giữa các thành viên,quản lý thành viên, diễn đàn, …

1.1.2 Ưu, nhược điểm của Wordpress

- Wordpress dễ cài đặt, chỉ cần khởi tạo database, upload và thiết lập tham sốtrong file wp-config.php, sau 1,2 lần click chuột, bạn đã sẵn sàng để viết blog.Bạn có thểvào http://wordpress.com để tạo một blog miễn phí cho mình và bắtđầu làm quen sử dụng WordPress

- Dễ quản lý nội dung, quản lý comment, lưu trữ bài viết và chỉnh sửa cho lầnsau.Khả năng tương tác cao giữa người đọc và người viết thông qua tính năngcomment

- Các plugin của wordpress có rất nhiều và 90% là miễn phí, bạn có thể cài đặt(install) và nâng cấp (upgrade) các plugin này ngay trong phần quản lý củaWordPress 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ácscript blog khác, sau khi cài đặt Wordpress bạn có thể chuyển các bài viết cũ củamình từ một script nào đó như TypePad, TextPattern, sang Wordpress thông quaImport

- WordPress hỗ trợ SEO khá tốt (xếp sau Drupal)

- 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ộtkhi 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ạnthay đổi domain cho 1 site có db lên hàng GB thì cũng rất nan giải, bạn phải đổilạ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à Joomla1.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ênkhắ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áchhàng của họ

- Joomla giúp xây dựng và triển khai các website blog, website tin tức, websitebán hàng, website thương mại điện tử cho tới mạng cộng đồng, mạng xã hộitrong một thời gian ngắn và tiết kiệm nhiều công sức

- Joomla là mã nguồn mở và được cung cấp hoàn toàn miễn phí.

- Joomla là nền tảng mã nguồn mở được xây dựng và đóng góp bởi

những chuyên gia hàng đầu và những thành viên tích cực khác

- Joomla 1.6 ra đời khắc phục được các nhược điểm lớn của Joomla 1.5 Joomla

1.6 có thể tạo ra các chuyên mục thông tin đa cấp không giới hạn trong khijoomla 1.5 chỉ là ba cấp (Section-category-article) Joomla 1.6 có thể tạo khônggiới hạn các nhóm thành viên và phân quyền linh động, điều mà Joomla 1.5 chưalàm được Với những cải tiến nổi trội Joomla 1.6 sẽ trở thành CMS số 1 trongtương lai không xa

1.2.2 Ưu, nhược điểm của joomla

- Ưu điểm đầu tiên cần nói tới là dễ sử dụng Quả thực với Joomla bạn chỉ cần

vài chục phút là tạo xong một website hoàn chỉnh với rất nhiều tính năng nhưgallery, video, music, shopping cart, forum …Vì dễ sử dụng Joomla được dùngrất nhiều để xây dựng các website từ nhỏ tới lớn vừa

- Giao diện Joomla rất đẹp được cung cấp bởi rất nhiều công ty cả miễn phí vàthương mại (Joomlart là một công ty lớn cung cấp các template cho joomla cótrả phí do anh Hùng người Việt Nam là Director Joomlart hiện có hơn 200 ngànkhách hàng từ khắp nơi trên thế giới cung cấp các template cho Joomla, Drupal,Magento)

- Joomla có một thư viện các ứng dụng (extensions) khổng lồ được lập trình bởicác lập trình viên khắp nơi, hầu hết là miễn phí, giúp bạn có rất nhiều lựa chọn

mở rộng tính năng cho website của mình

- Dễ dàng tìm và sửa các lỗi gặp phải: Vì có một lượng người dùng khổng lồ trênthế giới do đó nếu bạn gặp một vấn đề trục trặc nào đó trong quá trình sử dụngJoomla thì hãy search trên Google, 90% đã có người gặp phải vấn đề đó và hầunhư đều có giải pháp, câu trả lời cho vấn đề của bạn

 Nhược điểm

- 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ácextensions đượ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áclỗi bảo mật trong các extensions đó, tuy nhiên có các giải pháp firewall khắcphụ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ốirố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ó đượctí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àoWindow, 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àonotepad 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ữnghình ảnh hay đường link gán vào đó Sau khi code web thì các file chủ yếu đượclưu dưới dạng html hoặc htm

2.1.2 Ưu, nhược điểm của Notepad

- Phần mềm nhỏ gọn, nhẹ dễ sử dụng, phổ biến do được tích hợp sẵn trongwindow

- Thuận tiện trong việc viết, sửa những đoạn code ngắn hoặc để học tập( khi soạnthảo trên notepad người dùng sẽ làm nhanh hơn, dễ nhớ hơn những đoạn lệnhviết)

- Loại bỏ hết link độc, link ngầm, định dạng font chữ hay hình ảnh của một đoạnclipboard copy trên web xuống

2.2.1 Giới thiệu về notepad ++

- Notepad++ là một phần mềm soạn thảo mã nguồn hoàn toàn miễn phí hỗ trợ đangôn ngữ lập trình, hoạt động trong môi trường Microsoft Windows Ngoài ra,Notepad++ là thay thế hoàn hảo cho Notepad cổ điển xưa, không những về mặttính năng mà cả về giao diện tương tác đều cho thấy sự đẳng cấp vượt bậc

- Chương trình này cũng có nhiều tính năng tương tự như Editplus nhưng cónhiều ưu điểm hay hơn như khả năng gom mã: chương trình sẽ hiển thị dấu trừ(-) trước một khối mã, khi bạn bấm vào dấu trừ này, nó sẽ biến thành dấu cộng(+) và khối mã đó sẽ được thu gọn lại

- Một điều khá thú vị là Notepad++ là một phần mềm mã nguồn mở, nếu thích và

có hứng thú bạn hoàn toàn có thể hiệu chỉnh lại mã nguồn của nó để cá nhân hóahay dựa trên đó viết ra một chương trình soạn thảo của bạn

2.2.2 Ưu, nhược điểm của Notepad++

- Độ 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óachú 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 (reloadfile 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

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ínhnă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

PHP Designer là chương trình rất hay Nó giúp bạn soạn thảo các trang web, đặcbiệt là các trang PHP một cách nhanh nhất, tiện lợi nhất với nhiều công cụ hỗtrợ

2.3.2 Ưu, nhược điểm của phpdesigner

- Sử dụng nhanh, giao diện trực quan dễ sử dụng

- Có chức năng xem trước những đoạn code mình đã viết

- Chỉnh sửa FTP từ xa

- Hiển thị khoa học với các dấu ngoặc và thẻ khi soạn thảo

- Có thể làm việc với tất cả những javascrip Php phổ biến hiện nay

- Có thể đóng mở các thẻ dễ dàng với giao diện tab

- Đến phiên bản mới nhất vẫn chưa hỗ trợ CSS3(CSS là chữ viết tắt của cụm từtiếng anh (Cascading Style Sheet), CSS được tổ chức World Wide Web (W3C)

giới thiệu vào năm 1996 CSS chỉ đơn thuần là một file có phần mở rộng là css,trong file này chứa những câu lệnh CSS, mỗi câu lệnh css sẽ định dạng mộtthành phần nhất định của tài liệu HTML như màu sắc, font chữ,…

- Tách riêng phần định dạng ra khỏi nội dung trang web

- CSS giúp người thiết kế kiểm soát toàn bộ giao diện nhanh nhất và hiệu quảnhất Nó giúp bạn tiết kiệm công sức rất nhiều trong việc thiết kế giao diện

- Do được tách rời khỏi nội dung của trang web, nên các mã HTML sẽ gọn gànghơn, giúp bạn thuận tiện hơn trong việc chỉnh sửa giao diện Kích thước củafile html cũng được giảm đáng kể Hơn thế nữa sẽ được trình duyệt tải một lần

và dùng nhiều lần (cache), do đó giúp trang web được load nhanh hơn.)

3 Phần mềm tạo đồ họa cho website: photoshop

3.1 Giới thiệu chung về pts

- Adobe Photoshop (PS) là một chương trình phần mềm đồ họa của hãng AdobeSystem, ra đời vào năm 1988 trên hệ máy Macintosh PS hiện nay là sản phẩmđứng đầu thị trường phần mềm chỉnh sửa ảnh, và được coi là tiêu chuẩn của cácnhà đồ 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 trongcác lĩnh vực thiết kế đồ họa, thiết kế web, vẽ tranh và vẽ texture cho các ứngdụng 3D

3.2 Ưu, nhược điểm của photoshop

Ưu điểm chính của phần mềm Adobe Photoshop là nó cung cấp cho người dùngkhả 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êuchuẩ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ângcao 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

Một trong những nhược điểm của Adobe Photoshop là hình ảnh này không hoàntoàn thực tế Nhiều bức ảnh quá lạm dụng công cụ photoshop đã khiến nhân vậttrong ảnh như trở thành người hoàn toàn khác

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ảiviế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áocá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à để

cho sắt tốc độ thiết kế tạo ra một trực quan tuyệt đẹp, giàu tính năng Web 2.0ứng dụng dễ dàng tùy chỉnh và đã sẵn sàng để triển khai Chỉ trong vài phút, bạn

sẽ nhận được một ứng dụng web đầy đủ NET - trang, mã số và SQL - mà không

có bàn tay mã hóa

Một số tính năng

- Hơn 24 chuyên nghiệp, thiết kế tùy biến chủ đề.

- Các giao diện người dùng tinh vi, bao gồm cả điều khiển lưới điện thông minh

dữ liệu, danh sách chọn lớn, điều khiển lịch ngày chọn, menu điều hướng, xácnhận lĩnh vực tiên tiến và nhiều hơn nữa

- Báo cáo tương tác tiên tiến lọc và phân loại, tìm kiếm toàn văn bản, vàpagination bảng

- Quản lý giao dịch, xử lý đồng thời, quản lý con trỏ và bảo mật ứng dụng

Dễ dàng mở rộng hệ thống cấp bậc lớp học được xây dựng trên các lớp cơ sởkhung NET

- C # và mã Visual Basic.NET trong một cấu trúc N-Tier với prrchitecture vớiess truy cập dữ liệu, và các lớp cơ sở dữ liệu

- Làm việc với Visual Studio NET và các công cụ phát triển khác

4.2 Longtion Application Builder

- Longtion Application Buider là một công cụ để thiết kế và phát triển các ứng

dụng cơ sở dữ liệu và các ứng dụng Web mà không cần viết bất kỳ mã Và bạn

không cần phải là một lập trình viên phần mềm để làm điều đó Với sự phát triểntrực quan trong môi trường tích hợp của nó (IDE), kéo-và-thả các đối tượng, đó

là cách nhanh chóng để tìm hiểu và dễ sử dụng Nó không đòi hỏi kiến thức lậptrình nào

- Với Longtion Application Builder bạn có thể xây dựng các ứng dụng web độclập chính xác giống như cách bạn sẽ xây dựng các ứng dụng cơ sở dữ liệu thôngthường Đó là một cách thức mới mang tính cách mạng để tạo các ứng dụng dựatrên web Các ứng dụng web độc lập là một máy chủ web chạy mà không phụthuộc từ bất kỳ máy chủ web khác (IIS hoặc Apache)