diaoc3mien.vn
23-07-2011, 20:09
iclick.vn (http://iclick.vn)
viet web (http://iclick.vn) | thiet ke web (http://iclick.vn) | thiet ke trang web (http://iclick.vn) | thiet ke website (http://iclick.vn) | cong ty thiet ke web (http://iclick.vn)
viết web (http://iclick.vn) | thiết kế web (http://iclick.vn) | thiết kế trang web (http://iclick.vn) | thiết kế website (http://iclick.vn) | công ty thiết kế web (http://iclick.vn)
Việc thiết kế web, đặc biệt là web cá nhân, không ghê gớm như những gì người ta thường nghĩ về nó, nào là ngôn ngữ lập trình HTML, Visual Basic hay C++, nào là các đoạn mã nguồn dài dằng dặc mà chỉ cần sai một dấu chấm là tất cả “đi tong”, nào là xử lý đồ họa cao cấp, … Thật ra, việc đó vô cùng đơn giản: thiết kế trang web = gõ văn bản + trang trí. Tuy nhiên, vì đơn giản như thế mà các trang web cá nhân hơn thua nhau về mặt thẩm mỹ, sáng tạo của người tạo ra chúng. Và việc này thì chẳng ai dạy cả, nó chỉ phụ thuộc vào khả năng cá nhân và các kinh nghiệm có được nhờ tìm tòi.
Mạng Internet là phương tiện chính. Nó cung cấp cho chúng ta nguồn “tài nguyên phong phú” gồm vô số các tiện ích, các phần mềm, hình ảnh, âm thanh, tư liệu, thủ thuật, … để xây dựng một trang web hoàn chỉnh và sau đó, nhờ Internet, website của bạn được mọi người biết tới. Vì thế, bạn càng chịu khó tìm kiếm, lục lọi, học hỏi bao nhiêu, trang web của bạn sẽ phong phú và mang đặc biệt bấy nhiêu. Tuy nhiên, để có được phong cách riêng, ngoài những kinh nghiệm thu thập được, bạn phải có được một sự sáng tạo nhất định để sản phẩm của mình không đi theo lối mòn hay “màu mè đa phong cách”.
Trong phạm vi bài viết này, tôi sẽ giới thiệu đến các bạn một số khái niệm, cách thức căn bản nhất để tự thiết kế một trang web riêng, các thủ thuật trong việc khai thác Internet và một số kinh nghiệm cần biết.
1. Trước tiên, bạn cần phải biết phân biệt website và web page (trang web). Các trang web là các tập tin (thường là các tập tin văn bản gồm hình ảnh, tư liệu, nhạc, …) có dạng *.HTML hay *.HTM. Website là một tập họp các trang web được liên kết với nhau. Ví dụ, website của bạn gồm 3 web pages: 1 trang chủ giới thiệu sơ lược về gia đình và công việc, 1 trang nói riêng về gia đình, 1 trang nói riêng về công việc. Người đọc khi ở trang chủ, muốn biết thông tin về gia đình bạn, click vào mục GIA ĐÌNH, mục này đã được tạo một liên kết dẫn đến trang web về thông tin gia đình bạn và trang web này sẽ được mở lên. Tương tự nếu muốn từ trang chủ --> trang công việc, từ công việc --> gia đình hay ngược lại.
2. Như đã nói ở trên, việc thiết kế web căn bản chỉ là gõ văn bản và trang trí. Đó là tính năng của Microsoft Word. Vì thế, bạn dùng Word để tạo website cũng được.
Thật vậy, rất đơn giản. Đầu tiên, bạn mở Word và chọn File/New. Trong thẻ General templates(phía bên phải) bạn chọn Web Page. Tới đây là công việc của bạn: gõ thông tin, chèn hình ảnh, chèn âm thanh, chọn màu nền, vẽ hình,…tất cả giống như khi bạn soạn thảo một văn bản. Xong việc, bạn chọn Save as type là: Web Page (hình)
Việc bạn cần biết thêm là việc tạo liên kết (hyperlinks). Ví dụ bạn đã hoàn thành 3 trang web: trang chủ có tên là trangchu.html, trang về gia đình bạn - giadinh.html, trang giới thiệu về công việc của bạn - congviec.html, tất cả chứa trong c:web. Trong trang trangchu.html, đến mục giới thiệu gia đình, bạn quét chuột bôi đen chữ “gia đình”, click phải chuột, chọn Hyperlinks, trong ô “Type File or Webpage name”, bạn gõ vào đường dẫn đến trang giadinh.html (trong trường hợp này là c:webgiadinh.html). Click OK. Khi đó, khi đưa chuột đến chữ gia đình, con trỏ chuột sẽ thay đổi và khi bạn click vào đó, trang web giadinh.html sẽ được mở ra. Tượng tự như thế vời các liên kết đến congviec.html và ngược lại.
Bạn còn có thể tạo một liên kết đến những trang web có sẵn trên mạng. Ví dụ, bạn muốn từ trang chủ của mình đến ngay trang Yahoo!Mail, hãy gõ vài từ, đại khái như “dzô Yahoo! xem có mail không?”. bôi đen chữ Yahoo!, click phải chuột, chọn Hyperlinks và gõ địa chỉ của trang Yahoo!Mail (mail.yahoo.com) vào khung “Type File or Webpage name” và click OK. Khi đó, khi người được đưa click chuột vào chữ Yahoo!Mail trong trang chủ của bạn, trang mail.yahoo.com sẽ được mở.
3. Microsoft Word chỉ là giải pháp cho những trang web căn bản. Microsoft Frontpage (MF, trong bộ Microsoft Office) mới là một phần mềm chuẩn, dành riêng cho việc thiết kế web. Những tính năng của MF là chuyên nghiệp, tiện dụng và đầy đủ hơn so với Word (dĩ nhiên rồi!).
MF cung cấp cho bạn nhiều kiểu mẫu trang web có sẵn như:
Format - >Themes những sơ đồ website của bạn giúp bạn kiểm soát dễ dàng các trang web và các liên kết.
Tạo có nút bấm đổi màu Insert/Component/Hover Button
Tạo dòng chữ chạy gang màn hình Insert/Component/Marquee
Tạo máy đếm số lượt người đến thăm trang web của bạn Insert/Component/Hit Counter
Tạo sổ thu thập ý kiến cho khách đến thăm bằng cách đặt những câu hỏi (đại loại như: “bạn chấm mấy điểm cho website của tui?”) hay những câu hỏi trắc nghiệm tự tạo,
Tạo những “không gian” để khách viết những ý kiến của họ,…Insert/Form
Tạo hiệu ứng đặc biệt cho các đối tượng Format/DHTML Efeects
Hay khi chuyển từ trang này sang trang khác Format/Page Transitions ... Ngoài ra, bạn còn có thể xem được trang web của mình sẽ hoạt động như thế nào bằng cách click vào thẻ Preview ở góc dưới bên phải của màn hình.
xem thêm tại: thiết kế web (http://www.iclick.vn)
viet web (http://iclick.vn) | thiet ke web (http://iclick.vn) | thiet ke trang web (http://iclick.vn) | thiet ke website (http://iclick.vn) | cong ty thiet ke web (http://iclick.vn)
viết web (http://iclick.vn) | thiết kế web (http://iclick.vn) | thiết kế trang web (http://iclick.vn) | thiết kế website (http://iclick.vn) | công ty thiết kế web (http://iclick.vn)
Việc thiết kế web, đặc biệt là web cá nhân, không ghê gớm như những gì người ta thường nghĩ về nó, nào là ngôn ngữ lập trình HTML, Visual Basic hay C++, nào là các đoạn mã nguồn dài dằng dặc mà chỉ cần sai một dấu chấm là tất cả “đi tong”, nào là xử lý đồ họa cao cấp, … Thật ra, việc đó vô cùng đơn giản: thiết kế trang web = gõ văn bản + trang trí. Tuy nhiên, vì đơn giản như thế mà các trang web cá nhân hơn thua nhau về mặt thẩm mỹ, sáng tạo của người tạo ra chúng. Và việc này thì chẳng ai dạy cả, nó chỉ phụ thuộc vào khả năng cá nhân và các kinh nghiệm có được nhờ tìm tòi.
Mạng Internet là phương tiện chính. Nó cung cấp cho chúng ta nguồn “tài nguyên phong phú” gồm vô số các tiện ích, các phần mềm, hình ảnh, âm thanh, tư liệu, thủ thuật, … để xây dựng một trang web hoàn chỉnh và sau đó, nhờ Internet, website của bạn được mọi người biết tới. Vì thế, bạn càng chịu khó tìm kiếm, lục lọi, học hỏi bao nhiêu, trang web của bạn sẽ phong phú và mang đặc biệt bấy nhiêu. Tuy nhiên, để có được phong cách riêng, ngoài những kinh nghiệm thu thập được, bạn phải có được một sự sáng tạo nhất định để sản phẩm của mình không đi theo lối mòn hay “màu mè đa phong cách”.
Trong phạm vi bài viết này, tôi sẽ giới thiệu đến các bạn một số khái niệm, cách thức căn bản nhất để tự thiết kế một trang web riêng, các thủ thuật trong việc khai thác Internet và một số kinh nghiệm cần biết.
1. Trước tiên, bạn cần phải biết phân biệt website và web page (trang web). Các trang web là các tập tin (thường là các tập tin văn bản gồm hình ảnh, tư liệu, nhạc, …) có dạng *.HTML hay *.HTM. Website là một tập họp các trang web được liên kết với nhau. Ví dụ, website của bạn gồm 3 web pages: 1 trang chủ giới thiệu sơ lược về gia đình và công việc, 1 trang nói riêng về gia đình, 1 trang nói riêng về công việc. Người đọc khi ở trang chủ, muốn biết thông tin về gia đình bạn, click vào mục GIA ĐÌNH, mục này đã được tạo một liên kết dẫn đến trang web về thông tin gia đình bạn và trang web này sẽ được mở lên. Tương tự nếu muốn từ trang chủ --> trang công việc, từ công việc --> gia đình hay ngược lại.
2. Như đã nói ở trên, việc thiết kế web căn bản chỉ là gõ văn bản và trang trí. Đó là tính năng của Microsoft Word. Vì thế, bạn dùng Word để tạo website cũng được.
Thật vậy, rất đơn giản. Đầu tiên, bạn mở Word và chọn File/New. Trong thẻ General templates(phía bên phải) bạn chọn Web Page. Tới đây là công việc của bạn: gõ thông tin, chèn hình ảnh, chèn âm thanh, chọn màu nền, vẽ hình,…tất cả giống như khi bạn soạn thảo một văn bản. Xong việc, bạn chọn Save as type là: Web Page (hình)
Việc bạn cần biết thêm là việc tạo liên kết (hyperlinks). Ví dụ bạn đã hoàn thành 3 trang web: trang chủ có tên là trangchu.html, trang về gia đình bạn - giadinh.html, trang giới thiệu về công việc của bạn - congviec.html, tất cả chứa trong c:web. Trong trang trangchu.html, đến mục giới thiệu gia đình, bạn quét chuột bôi đen chữ “gia đình”, click phải chuột, chọn Hyperlinks, trong ô “Type File or Webpage name”, bạn gõ vào đường dẫn đến trang giadinh.html (trong trường hợp này là c:webgiadinh.html). Click OK. Khi đó, khi đưa chuột đến chữ gia đình, con trỏ chuột sẽ thay đổi và khi bạn click vào đó, trang web giadinh.html sẽ được mở ra. Tượng tự như thế vời các liên kết đến congviec.html và ngược lại.
Bạn còn có thể tạo một liên kết đến những trang web có sẵn trên mạng. Ví dụ, bạn muốn từ trang chủ của mình đến ngay trang Yahoo!Mail, hãy gõ vài từ, đại khái như “dzô Yahoo! xem có mail không?”. bôi đen chữ Yahoo!, click phải chuột, chọn Hyperlinks và gõ địa chỉ của trang Yahoo!Mail (mail.yahoo.com) vào khung “Type File or Webpage name” và click OK. Khi đó, khi người được đưa click chuột vào chữ Yahoo!Mail trong trang chủ của bạn, trang mail.yahoo.com sẽ được mở.
3. Microsoft Word chỉ là giải pháp cho những trang web căn bản. Microsoft Frontpage (MF, trong bộ Microsoft Office) mới là một phần mềm chuẩn, dành riêng cho việc thiết kế web. Những tính năng của MF là chuyên nghiệp, tiện dụng và đầy đủ hơn so với Word (dĩ nhiên rồi!).
MF cung cấp cho bạn nhiều kiểu mẫu trang web có sẵn như:
Format - >Themes những sơ đồ website của bạn giúp bạn kiểm soát dễ dàng các trang web và các liên kết.
Tạo có nút bấm đổi màu Insert/Component/Hover Button
Tạo dòng chữ chạy gang màn hình Insert/Component/Marquee
Tạo máy đếm số lượt người đến thăm trang web của bạn Insert/Component/Hit Counter
Tạo sổ thu thập ý kiến cho khách đến thăm bằng cách đặt những câu hỏi (đại loại như: “bạn chấm mấy điểm cho website của tui?”) hay những câu hỏi trắc nghiệm tự tạo,
Tạo những “không gian” để khách viết những ý kiến của họ,…Insert/Form
Tạo hiệu ứng đặc biệt cho các đối tượng Format/DHTML Efeects
Hay khi chuyển từ trang này sang trang khác Format/Page Transitions ... Ngoài ra, bạn còn có thể xem được trang web của mình sẽ hoạt động như thế nào bằng cách click vào thẻ Preview ở góc dưới bên phải của màn hình.
xem thêm tại: thiết kế web (http://www.iclick.vn)