kinh nghiệm thiết kế web

Việc đầu tiên là bước chuẩn bị cho sự ra đời của “đưa con tinh thần”: Bạn hãy viết ra giấy tất cả những dự định của mình về trang web như nội dung chính, cấu trúc các trang web, cách trang trí, sắp xếp, màu sắc chính của từng trang, các trang web cần lấy tư liệu,…. Hãy làm việc này càng tỉ mỉ càng tốt vì nó sẽ tiết kiệm cho bạn rất nhiều thời gian trong giai đoạn xây dựng website. Để tránh rắc rối phát sinh sau này, bạn phải lưu trữ các trang web của...
Nội dung trích xuất từ tài liệu:
kinh nghiệm thiết kế web Những kinh nghiệm xương máu Việc đầu tiên là bước chuẩn bị cho sự ra đời của “đưa con tinh thần”: Bạn hãy viết ra giấy tất cả những dự định của mình về trang web như nội dung chính, cấu trúc các trang web, cách trang trí, sắp xếp, màu sắc chính của từng trang, các trang web cần lấy tư liệu,…. Hãy làm việc này càng tỉ mỉ càng tốt vì nó sẽ tiết kiệm cho bạn rất nhiều thời gian trong giai đoạn xây dựng website. Để tránh rắc rối phát sinh sau này, bạn phải lưu trữ các trang web của mình (tập tin HTML) và các file được sử dụng trong một ổ chứa. Ví dụ: trong trang giadinh.html của bạn có sử dụng file hình ancom.gif và file nhạc giutar.mid thì 3 file đó phải nằm trong 1 thư mục. Ngoài ra, bạn nên đặt tên cho trang chủ của mình thay vì là trangchu.html hay home.html thành index.html. Kế tiếp đến việc sắp xếp các công cụ. Bạn nên sưu tập thật nhiều các tập tin multimedia như các file ảnh, các file âm thanh, tiếng động, các file flash,… và đưa chúng vào những ổ chứa một cách trật tự. Internet là phương tiện chủ yếu. Hãy gõ vào thanh Search của Google hay Yahoo các từ khoá như “pictures”, “images”, “clips art”, “sounds”,…. Ngoài ra, bạn còn có thể kiếm được những gì mình cần trong các CD trên thị trường như là HTML Grafix, Web Decoration, Best Pictures, Clips Art,…. Bên cạnh đó, bạn còn có thể tạo ra một hình ảnh với nhiều hiệu ứng đặc biệt như Xara3D – phần mềm làm các chữ xoay, Button Studio, 1 Cool Button, Button Maker – cá tiện ích tạo nút bấm, AniGif – tạo các ảnh động,…. - các file multimedia chuẩn (WAV, BMP,…) thường có dung lượng rất lớn, nếu bạn sử dụng chúng để chèn vào web, người đọc khó có thể xem đựơc vì không đủ kiên nhẫn chờ Internet tải xuống vài MB cho 1 trang web. Vì thế, hãy dùng những cách sau: Đối với các file ảnh: hãy chuyển đổi tất cả các file ảnh sử dụng trong web của bạn sang file JPG hay file GIF bằng các phần mềm xử lý ảnh. Ơû đây, tôi lấy ví dụ bằng phần mềm thông dụng nhất là ACD See. Mở ACD See, tìm đến đường dẫn và chọn file hình, chọn Tools/Convert. Trong khung Destination Convert, bạn chọn JPG hay GIF rồi click OK. So sánh dung lượng của file mới được nén với file gốc, bạn sẽ thấy sự khác biệt hoàn toàn. Riêng với file JPG, bạn có thể điều chỉnh độ chất lượng cũng như dung lượng của ảnh được tạo ra. sau khi chọn JPG trong khung Destination Convert, bạn click chọn nút Format Settings. Sau đó, bạn điều chỉnh chất lượng ảnh bằng cách trượ thanh trượt trong phần Image Quality. Hình ảnh có độ phân giải (chất lượng) càng thấp thì dung lượng càng thấp và ngược lại. Sau đó click OK để hoàn thành công việc. Với các file âm thanh lớn như WAV hay WMA, hãy nén chúng lại bằng MPEG Layer-3. bằng phần mềm trên, file nén của bạn sẽ có dung lượng chỉ bằng 1/5, thậm chí 1/10 file gốc mà chất lượng gần như chẳng kém bao xa. Ngoài ra, bạn còn có thể chuyển các file WAV thành các file nhạc cơ bản MIDI bằng phần mềm WAV2MIDI. Đối với các file COM, EXE, DOC, RAR,…hãy nén chúng lại bằng các phần mềm nén phổ thông như WinZip hay WinRar. -để tránh rắc rối phát sinh sau này, bạn phải lưu trữ các trang web của mình (tập tin HTML) và các file được sử dụng trong một ổ chứa. Ví dụ: trong trang giadinh.html của bạn có sử dụng file hình ancom.gif và file nhạc giutar.mid thì 3 file đó phải nằm trong 1 thư mục. Các phần mềm kể trên bạn rất thông dụng, bạn có thể kiếm chúng dễ dàng trong các CD sofwares trên thị trường. Làm đẹp trang web của mình Để trang web của bạn thêm phần hấp dẫn, hãy thêm vào đó các hiệu ứng đặc biệt. Một vài phần mềm dưới đây sẽ giúp bạn làm việc đó dễ dàng. Koolmoves 3.70 KoolMoves giúp bạn dễ dàng tạo file Flash, banner,ảnh động... cho trang web của mình. Nó kết hợp và thao tác một cách khéo léo với những hình ảnh, âm thanh, văn bản mà bạn cung cấp cho nó để tạo Flash. Bạn có thể chọn trong thư viện đồ sộ của nó rất nhiều hiệu ứng văn bản, clip art, hình ảnh, video... cho file Flash của mình thêm đặc sắc.Nó cho phép bạn thêm vào nhiều loại file âm thanh(MP3,WAV...), nhiều hiệu ứng chuột, button và sự chuyển đổi hài hòa giữa các hiệu ứng ấy. KoolMoves được đánh giá 5 sao theo bình chọn của tạp chí PC Magazine(Mỹ), đây là shareware, dung lượng 2.6MB, download tại www.getafile.com/cgi- bin/merlot/get/koolmoves/kmsetup.exe Anfi- Tạo hiệu ứng sống động Phần mềm này giúp bạn tạo ra những hiệu ứng sống động cho các nút bấm, hình ảnh, banner, … nói chung là tất cả các đối tượng trong trang web của bạn. Đối với mỗi đối tượng, bạn có gần 20 hiệu ứng đặc biệt để chọn. Ví dụ đối với hiệu ứng dành cho hình ảnh, bạn có thể đặt hình của bạn trong sa mạc Sahara. hay làm cho người ta cảm thấy là bạn đang bị chìm dần trong một hồ nước sâu không đáy,… Còn rất nhiều, rất nhiều những hiệu ứng lạ mắt khác đang chờ bạn khám phá. Sau khi hoàn tất mọi công đoạn như chọn hiệ ứng, điều chỉnh ánh sáng, trục quay, màu sắc, hình nền, bạn sẽ được cung cấp mọi mã nguồn. Hãy click vào nút Copy into clipboard để lưu mã nguồn này vào máy. Sau đó, bạn mở trang web mà bạn muốn chèn các hiệu ứng vừa mới tạo bằng Notepad. Dưới dòng , bạn thêm vào , ở dấu ………bạn chèn đoạn mã vừa lưu. Anfi còn cung cấp cho bạn gần 100 ví dụ về các hiệu ứng để bạn tiện tham khảo. File install của Anfi nặng khoảng 3,3MB, download tại: http://www.anfyteam.com/ . Javascript Clock 1.0: đây là một phần mềm nhỏ, giúp bạn tạo ra một chiếc đồng hồ nho nhỏ trong trang web của mình bằng ngôn ngữ Java. Khởi động chương trình, bạn chỉ cần chọn màu của các kim giờ, phút, giây và màu nền của đồng hồ. Ngoài ra bạn còn có thể điều chỉnh được kích thước, kiểu dáng hay hiệu ứng đặc biệt và vị trí, liên kết của đồng hồ trên trang web. Sau khi xong việc, bạn chọn Menu/Build HTML. Lưu đoạn mạ đó vào và chèn vào các file HTML như cách mà tôi đã hướng dẫn ở trên. File xài thử của Javascript Clock 1.0 nặng khoảng 500KB, chạy được trên hệ điều hành Win9x, Win2k, WinNT và WinXP. Bạn có thể download tại: http://www.usingit.com/product ...