Một số link dành cho các bạn mê thiết kế web

[ThaiHoa]

www.vdcdesign.com/samples/index.html - Thiết kế Web dành cho người không chuyên

http://echip.com.vn/echiproot/images/2004/so92/w1.jpg

Website www.vdcdesign.com/samples/index.html cung cấp miễn phí các trang Web mẫu để nghiên cứu. Ban hãy tải về các mẫu phù hợp với nội dung trang Web của mình như: trang Web dành cho cá nhân, câu lạc bộ, trường học, nhà hàng...



http://free.hostdepartment.com - Đăng ký hosting miễn phí

http://echip.com.vn/echiproot/images/2004/so92/w2.jpg


Trang http://free.hostdepartment.com này cho phép đăng ký dịch vụ hosting (lưu trữ Web) miễn phí nhiều chức năng với dung lượng lớn (100MB), Hỗ trợ tải lên/xuống (upload/download) bằng FTP, Guest Book, WWW Board/Forum, Forms... không kèm theo banner quảng cáo. Sau khi đăng ký, trang Web của bạn sẽ có dạng http://free.hostdepartment.com/tenban.


www.netmechanic.com - Người bạn đồng hành của các Webmaster

http://echip.com.vn/echiproot/images/2004/so92/w3.jpg

Trang Web www.netmechanic.com chuyên cung cấp các thông tin, phần mềm, thủ thuật về lập trình Web. Bạn có thể tìm hiểu cách sửa các lỗi thường gặp khi thiết kế Web cũng như các thông tin mới nhất vê các phần mềm thiết kế, dò tìm lỗi trong trang Web và tải chúng về dùng thử.


www.banneradmuseum.com - “Bảo tàng” banner quảng cáo trên mạng

http://echip.com.vn/echiproot/images/2004/so92/w4.jpg

Trang Web www.banneradmuseum.com có rất nhiều banner quảng cáo dạng GIF, Flash, Java rất đẹp và sinh động. Banner quảng cáo được phân loại theo nhiều chủ đề như Art, Computer, Fashion, Travel... giúp bạn dễ dàng tìm được mẫu quảng cáo theo ý thích.


www.dafont.com - Bộ sưu tập font chữ đẹp mắt

http://echip.com.vn/echiproot/images/2004/so92/w5.jpg

Website www.dafont.com này sẽ mang đến cho bạn bộ sưu tập hàng ngàn phông chữ đẹp mắt, đáp ứng các nhu câu về đồ họa và thiết kế Web. Các phông chữ được sắp xếp theo nhiều nhóm chủ đề để bạn tiện tra cứu như: Fancy, Holiday, Techno... Website cho phép bạn xem qua phông chữ trước khi tải về máy.


www.mvr.us - ScreenSaver 3D

http://echip.com.vn/echiproot/images/2004/so92/w6.jpg

Screen Saver cung cấp trên trang www.mvr.us được làm hoàn toàn trong môi trường 3D với những hiệu ứng về đồ họa đẹp mắt và ấn tượng, có thể dùng chuột và bàn phím để chu du trong thế giới 3D đó. Những Screen Saver này đòi hỏi bạn phải cài sẵn DirectX 9 trong máy.


http://kids.msfc.nasa.gov – Nghiên cứu vũ trụ dành cho trẻ em

http://echip.com.vn/echiproot/images/2004/so92/w7.jpg

Với giao diện như phim hoạt hình, trang NASAKids http://kids.msfc.nasa.gov này sẽ giúp các bé nghiên cứu vê vũ trụ như hệ mặt trời, Trái đất, các hành tinh... rồi cách phóng tàu vũ trụ, lịch sử ngành nghiên cứu vũ trụ. Vì dành cho trẻ em nên còn có cả phần chơi game.


Theo echip

[ThaiHoa]

Một số sách về PHP
http://www.webpc.hu/books/

[ThaiHoa]

Hướng dẫn thiết kế web
Phần mềm thiết kế
Muốn thiết kế một trang web cho riêng mình, bạn cần phải có một trình thiết kế web cho mình. Ngoài những chương trình Frontpage, Dreamweaver, bạn có thể thiết kế bằng nhiều chương trình khác. Có thể tải các chương trình này tại địa chỉ http://www.softpile.com/ hoặc http://www.softlist.net/. Hiện nay ngoài thị trường cũng có bán một số CD thiết kế web chuyên dụng như Adobe Golive, Microsoft Visual InterDev, Web Namo Editor... bạn có thể tìm mua.

Giao diện cho trang web:
Đây là phần có thể làm cho bạn đau đầu đấy vì việc tự tạo một giao diện cho chính mình thì rất khó. Nếu bạn không thích “vắt óc” suy nghĩ, bạn hãy tìm đến địa chỉ http://www.freesitetemplates.com/ nơi đây cung cấp cho bạn các kiểu mẫu (templates) trang web khá đẹp mắt thuộc nhiều chủ đề. Các file templates hầu hết được lưu dưới dạng file nén .ZIP. Một địa chỉ khác chuyên về đánh giá các trang web đẹp là http://www.coolhomepages.com/ sẽ giới thiệu những địa chỉ website được thiết kế độc đáo dùng nhiều công nghệ mới như Flash, CFM... Nếu máy bạn có cài Microsoft Frontpage, bạn có thể dễ dàng hiệu chỉnh các trang này bằng cách bấm vào nút “Edit with Frontpage” trên thanh công cụ. Còn không bạn hãy save lại trang web và mở bằng các trình thiết kế web thông dụng khác để sửa lại theo ý thích.

Nâng cấp giao diện:
Sau khi hoàn tất giao diện chính cho trang web, chắc bạn cũng muốn làm cho trang web của mình “bắt” mắt hơn. Bạn hãy đến với địa chỉ http://www.guistuff.com/ để tìm kiếm thêm những phần như menu động, thanh cuộn màu, các logo, ký hiệu độc đáo khác để chèn vào website của mình. Đây cũng là địa chỉ cung cấp templates khá nổi tiếng.

Web động đậy
Để giúp duy trì hoạt động website một cách hiệu quả bạn cần có thêm những phần giao lưu, trò chuyện. Để làm được bạn cần phải tìm hiểu một loại ngôn ngữ lập trình cho máy chủ. Bước đầu tiên nên đến với hai trang http://www.planet-source-code.com, http://www.w3schools.com để tìm hiểu những kiến thức cơ bản về lập trình máy chủ. Sau đó nếu muốn nghiên cứu kỹ hơn bạn hãy vào các website như:

http://www.aspin.com/ để tìm hiểu về ASP (Active Server Pages).

http://www.411codes.com/ để tìm hiểu về ASP.NET.

http://www.hotscripts.com/ để tìm các bài học và mã nguồn về PHP, ASP, Perl, Cold Fusion, CFML và Flash.

http://www.js-examples.com/ để tìm hiểu JavaScripts.

http://www.extensinet.com/ để tìm hiểu XML.

Các trang web trên đều cung cấp kỹ lưỡng cho bạn các ngôn ngữ lập trình máy chủ tương ứng và còn cung cấp thêm mã nguồn để tiện việc nghiên cứu.

Sử dụng web “động đậy” có sẵn: Đây là loại hình dịch vụ rất phổ biến trên mạng. Các dịch vụ này sẽ tự động tạo cho bạn những ứng dụng trên mạng như diễn đàn (forums), lưu bút (guest book), ý kiến phản hồi (feedback), phòng chat (chat room), bộ đếm (counter). Hai trang http://www.pollit.com; http://vnet.webprovider.com/ có dịch vụ hỗ trợ rất tốt loại hình này. Nguyên tắc cơ bản của dịch vụ này là bạn vào đăng ký cho mình một tên sử dụng (username), sau đó có thể tạo ra các ứng dụng trên mạng cho riêng mình và sử dụng website của mình cho liên kết đến đây, mọi hoạt động đều do các dịch vụ này quản lý.


Xuất bản web
Lựa chọn nơi đặt website của mình: Để có thể đưa trang web của mình lên mạng bạn cần phải tìm đến loại hình dịch vụ hosting (nơi cho phép lưu trữ và truy cập đến trang của bạn). Nếu trang của bạn được thiết kế đơn giản theo ngôn ngữ HTM thì bạn có thể đăng ký tại trang http://www.easyspace.com/ hoặc http://www.freeservers.com/ (20 MB dữ liệu) là được. Còn nếu trang web của bạn có sử dụng thêm các ngôn ngữ như ASP hay PHP bạn cần phải tìm kiếm đến các hosting tương thích. Địa chỉ tham khảo:

ASP : http://www3.domaindlx.com/.

PHP : http://www.spacetowns.com hoặc http://www.it-pc.de/.

Đối với vấn đề này bạn nên đọc kỹ những hướng dẫn trên trang web của có thể đưa trang web của mình lên đúng cách. Và do các dịch vụ này đều miễn phí nên đôi khi họ sẽ đặt quảng cáo vào trang web của bạn, bạn có thể xóa bỏ quảng cáo nhưng nếu loại bỏ quảng cáo thì khi bị phát hiện trang web của bạn sẽ bị xóa lập tức.

“Rút ngắn khoảng cách” : Các địa chỉ do dịch vụ hosting cung cấp đôi khi lại quá dài và quá khó nhớ. Để có thể rút ngắn các địa chỉ website này bạn có thể tìm đến các trang www.freeurl.com, www.jwdx.com, www.cjb.net, www.dot.tk, www.v3.com, www.hotredirect.com.
Các loại hình dịch vụ khác: Ngoài ra, trên mạng còn có một số dịch vụ khá độc đáo như: http://www.namezero.com/ (đăng ký miễn phí một tên miền .com trong thời gian một năm), http://www.v-communication.com/ và http://www.freenetname.co.uk/ (đăng ký miễn phí tên miền .co.uk trong một năm), http://bannerkillers.cjb.net/ và http://cadfree1.virtualave.net/wbindex.htm giúp bạn xóa các quảng cáo phiền phức trên các web hosting, http://www.topica.com/ để bạn tạo một mailing-list miễn phí.

[ThaiHoa]

Xin gửi đến các bạn một số mẹo thiết kế một Site đẹp
- Bạn đang có ý định lập cho mình một Website để giới thiệu về bản thân, gia đình và bạn bè… với mọi người ?
- Bạn đã có kiến thức về HTML, biết sử dụng FrontPage / DreamWeaver…, nhưng vẫn gặp khó khăn về cách thể hiện hay ý tưởng thiết kế ?
- Bạn hoàn toàn chưa biết gì về việc tạo Web ?

Với VisualSite Designer (VD), tất cả quá trình viết code HTML đều được chuyển thành các thao tác đơn giản bằng chuột hoặc bằng hộp thoại. Bạn có thể tự thiết kế một Website theo ý tưởng của mình hoặc dựa trên 52 mẫu (template) cho sẵn rất đẹp của chương trình.

VD do CoffeeCup, một công ty khá nổi tiếng về các phần mềm hỗ trợ viết Web, phát triển. Bạn có thể ghé thăm trang chủ của CoffeeCup là http://www.coffeecup.com để tải VD (shareware – 10,3 MB) và biết thêm chi tiết.

Hướng dẫn tạo một Website theo mẫu

Bước 1: Phác thảo Website

Hãy ghi ra giấy bất cứ hình dung nào trong đầu về Website của bạn. Phác thảo sơ lược những điểm quan trọng như:

* Mục đích và nội dung chính của Website (giao lưu, kinh doanh, trao đổi kinh nghiệm…)
* Đối tượng nào sẽ ghé thăm Website? (trẻ em, thanh niên, người thân…)
* Quy mô của Website và số trang/mục dự tính sẽ có

Thực hiện tốt bước này sẽ giúp bạn có ý tưởng và kế hoạch rõ ràng hơn trong quá trình thiết kế Website của mình.

Bước 2: Chọn Mẫu

- Khởi động VD, bấm vào nút Use Template trên hộp thoại Welcome (nếu không thấy xuất hiện hộp thoại này, bạn hãy vào menu Files/New Hompage Using Template…).

- Lựa cho mình một mẫu phù hợp nhất với ý tưởng ban đầu, sau đó OK.

Bước 3: Định Hình

Thiết lập số trang cần thiết cho Website của bạn. Để làm được điều này bạn thực hiện như sau:
1.Bấm chuột vào nút Show Page trên Toolbar.
2.Danh sách vừa xổ xuống sẽ cho bạn biết số trang mặc định mà mẫu đã có. Thông thường, bạn sẽ phải hiệu chỉnh lại thông số của các trang này cho phù hợp trên Page Window (nhấn vào nút Page nếu bạn không thấy cửa sổ này). Lưu ý là nếu muốn đưa một trang thành trang chủ (trang mà khách thăm Website của bạn sẽ vào đầu tiên) thì bạn hãy bấm chọn vào mục Front Page.
3.Bấm Add Page để thêm vào những trang còn thiếu.

Bước 4: Chỉnh Sửa

VD quy tất cả thành phần có trên một trang Web như chữ (Text), hình ảnh (Image), liên kết (link)… thành những đối tượng (Object) riêng biệt. Bạn có thể biết được vị trí chính xác của từng đối tượng qua Statusbar nằm góc dưới cùng cửa sổ chương trình. Nhìn chung, cách hiệu chỉnh từng đối tượng khá đơn giản. Thao tác căn bản nhất là:
- Bấm đúp chuột vào đối tượng. (Nếu muốn chọn một nhóm đối tượng, bạn hãy giử thêm phím SHIFT)
- Hiệu chỉnh các thông số cần thiết qua Inspector.

Sau đây là một số gợi ý:
- Để đưa một đối tượng lên trên hoặc dưới một đối tượng khác, bạn vào menu Object, chọn: Bring To Front (lên trên cùng), Send To Back (xuống dưới cùng), Bring Forward (lên trên một lớp), Send Backward (xuống dưới một lớp)

- Để giúp việc định vị các đối tượng dễ dàng hơn, bạn nên sử dụng những đường canh (guide) bằng cách vào menu View, chọn Show Guides, sau đó chọn Insert Horizontal Guide (chèn đường canh ngang) hoặc Insert Vertical Guide (chèn đường canh dọc). Các đường canh này sẽ không hiển thị trên trang Web và bạn có thể chèn bao nhiêu đường cũng được.

- Để chèn JavaScript, CGI Script hoặc bất cứ đoạn mã HTML nào vào trang Web, bạn sử dụng nút HTML trên ToolBox hoặc menu Edit/Insert HTML Header.

- VD có 3 hiệu ứng cho các đối tượng hình ảnh là đổ bóng (shadow), bo cạnh (bevel), phát sáng (glow). Để ‘xài’ các hiệu ứng này, bạn hãy bấm vào nút Effect.

- Đừng chèn quá nhiều hình ảnh vào trang Web, nó sẽ khiến cho quá trình tải Web của bạn lâu hơn.

- Đừng sử dụng nhiều loại Font chữ khác nhau (1 -> 3 font là lý tưởng nhất). Nên chọn những Font chữ quen thuộc mà hầu hết các máy tính đều có như Tahoma, Arial hoặc Verdana.

Bước 5: Hoàn Thành

Nếu bạn đã đăng ký gởi (host) Website của mình với các ISP (Internet Service Providers) thì lúc này, bạn đã có thể đưa nó lên Internet cho mọi người cùng ‘chiêm ngưỡng’. Cách thực hiện như sau:

- Bấm Preview trên Toolbar để xem thử Website của bạn sẽ như thế nào khi được thể hiện trên trình duyệt. Lưu ý là bạn nên chọn kiểu trình duyệt là Standard Browser (View/Choose Browser type). Khi đã cảm thấy ưng ý với Website vừa tạo của mình, bạn hãy lưu nó lại theo dạng tập tin .VNU của VD (File/Save) cho tiện việc chỉnh sửa và nâng cấp sau này. Bạn cũng có thể lưu Website của mình thành các trang HTML bằng cách vào menu Files/Export…

- Bấm Send trên Toolbar và bấm Enter Information trên thông báo nhắc nhở của VD. Nhập các thông tin cần thiết như FTP Server, tên người dùng ,mật mã, thư mục Web… ở hộp thoại Internet Connection, sau đó OK

- Trên hộp thoại Send vừa hiện ra, bạn bấm vào nút Send All là xong.

- Ở trên chỉ là một số bước căn bản. Hy vọng rằng chúng sẽ có ích trong quá trình tạo một Website của bạn. Chúc bạn thành công