Chào Mừng Bạn Đến Với Chuyên Mục Thủ Thuật Web
[Đăng Nhập|Đăng Kí]


1.Thiết kế trang web và các lỗi thường gặp
2.Tối ưu hoá tốc độ kết nối băng thông rộng
3.Tạo menu chuyên nghiệp cho website
4.Định dạng trang web(Cascading Style Sheets)
5.JavaScript - gia vị cho website
6.Sổ web, Blog là gì?
7.Cùng blogger nuôi thú ảo
8.11 tuyệt chiêu dành cho Yahoo! 360
9.Hướng dẫn làm website
10.Âm nhạc, phim ảnh trong trang web
11.Hướng dẫn làm blog trên web opera

Thiết kế trang web và các lỗi thường gặp

Người viết: Bạch Thanh Thương
Phân chia các mục không rõ ràng và khó tìm kiếm khiến người xem cảm giác "lạc đường" trên website. Ngoài ra, một số thiết kế còn để quá nhiều ảnh động, pop-up... gây rối mắt.
1. Link đơn thuần là để nhấn chuột
Nếu cho rằng cứ có một đường link là người xem sẽ nhấn vào, người làm web đã sai lầm. Một click, hai click, ba click... rồi họ sẽ bỏ đi nếu không tìm thấy ngay mục họ cần ở những cái nhấn chuột đầu tiên.
2. Nhấn chuột vào các biểu tượng màu mè
Nhiều người bỏ nhiều công sức để thiết kế các kỹ thuật tương tác và di chuyển mục nọ sang mục kia rất rườm rà, lạ mắt. Tuy nhiên, không nên đặt cho chức năng đơn giản này một hình thức quá lạ lùng vì người sử dụng cần nhất sự nhanh chóng khi di chuyển trên web.
3. Hãy chiêm ngưỡng những bức ảnh
Một số website đưa ảnh có dung lượng lớn ngay trên trang chủ, khiến người xem phải chờ rất lâu trước khi biết trong trang có những mục gì. Do đó, nếu thấy rằng không thể cải thiện tốc độ truy cập, nhà thiết kế cần đặt ảnh nhẹ hơn và dùng kỹ thuật chỉnh sửa để bức ảnh vẫn sắc nét.
4. Gắn chặt với tập lệnh (script)
Các ngôn ngữ script rất hữu ích trong việc thiết kế nhiều tiện ích trên web nhưng có một số trường hợp bạn bấm vào link thấy thông báo lỗi script. Do đó, ở những chỗ HTML hoạt động tốt thì không cần dùng scripting.
5. Trình diễn quá nhiều thứ
Vô số hình ảnh động đậy, các biểu tượng sao sa bay lướt qua màn hình, âm thanh tưng bừng cho mỗi mục, cửa sổ pop-up nhảy ra tứ tung... là những thứ không khác nào một biển báo: "Tránh xa tôi ra".
6. Quên đặt chữ ở nơi cần thiết
Nhiều trang chú trọng đặt ảnh một cách hoa mỹ (thường thấy ở website thuộc lĩnh vực mỹ thuật) mà không cho người xem thấy ngay từ đầu chủ điểm chính của trang, thông tin hoạt động và địa chỉ liên hệ. Một số ảnh không có chú thích khiến độc giả "biết để đấy" mà không hiểu sâu hơn điều gì.
7. Thừa chữ, sai ngữ pháp
Độc giả thường đọc lướt rất nhanh nên các từ khóa thể hiện rõ bản chất của trang cần được làm nổi bật. Họ sẽ mau chóng bỏ qua những bài viết rườm rà, dây cà ra dây muống và chứa nhiều lỗi ngữ pháp, chính tả.
8. Bảng màu lóa mắt
Nhà thiết kế nên chú trọng tính giản dị khi đặt các tông màu cho từng khu vực vì mắt người xem dễ mỏi trong lúc nhìn màn hình máy tính. Thường thì phần văn bản và các tiêu đề của trang cần làm nổi bật trên nền nhạt.
9. Kết cấu các mục thiếu định hướng
Điều khiến người xem thích nhất khi vào một trang web là họ có thể làm chủ "đường đi" của mình qua các phân loại. Họ biết mình đang đứng ở đâu, tìm được cái gì và chắc chắn tìm thấy nó vài ngày sau gặp lại. Một số trang đặt chế độ hiển thị ngẫu nhiên, xáo lại các bài đăng từ lâu hoặc đặt bài vào mục không tương ứng, khiến người xem mất định hướng.
10. Để nhiều định dạng file khác nhau
Một trang đưa nhiều tập tin để tải nhưng chỗ này là file Word, chỗ kia là file PDF, khiến người ta rối mắt. Tốt nhất, hãy đưa về định dạng đọc ngay trên nền web.
Theo Onboom.com.vn
Cập nhật ( 24/09/2007 )

Lên Trên

Tạo menu chuyên nghiệp cho website

Nếu bạn đang thực hiện công việc tạo dựng website thì chắc hẳn bạn sẽ thích thú với NavStudio 2005 sẽ giúp bạn thực hiện ước mơ đó.
NavStudio 7.4 2005
giúp bạn dễ dàng tạo được các DHTML Thuc don giống với các website như Microsoft, Bestbuy… mà không cần phải biết lập trình DHTML/JavaScript. Giao diện thân thiện với người dùng, NavStudio cung cấp chi tiết các bước thực hiện thông qua chế độ Wizard trên mẫu có sẵn và các chức năng sau:
- Tạo Thuc don động với DHTML/Javascript.
- Chế độ Thuc don và rollover thân thiện với Tim Kiem engine.
- Hỗ trợ rất nhiều hiệu ứng động và bộ lọc.
- Hỗ trợ hơn 100 cấu hình cho từng phần của Thuc don.
- Hỗ trợ cho Dreamweaver templates, ASP …
- Thiết kế theo dạng WYSIWYG cho Thuc don.
Một điểm mạnh khác của NavStudio là hỗ trợ khá nhiều trình duyệt như: Internet Explorer, Netscape, Mozilla, Opera... và hỗ trợ cả cho Windows lẫn MacOS.
Sau đây là các bước tạo một Thuc don theo kiểu của website Microsoft.com:
- Mở NavStudio, ta chọn Popular Thuc don – Microsoft để lấy thanh Thuc don mẫu của Microsoft làm nền. Bạn sẽ thấy thanh Thuc don Microsoft với đầy đủ text và liên kết.
- Bây giờ bạn có thể chỉnh sửa tùy ý thành thanh Thuc don của website mình với các nội dung riêng biệt của website. Ví dụ ở đây, tôi muốn thay đổi dòng chữ đầu tiên “Windows Home” thành “VSC – TP143” thì ta click chọn, rồi phải chuột , chọn Edit Text.
- Hộp thoại “Item Text Put” sẽ xuất hiện, ta gõ “VSC – TP143” để thay thế cho “Windows Home”, hoặc muốn khi chuột rê qua thì sẽ xuất hiện dòng chữ khác thì chọn “Rollover” rồi gõ “VSC Homepage”. Nhấn OK để xem thay đổi.
- Nếu muốn thay đổi lien kết cho text, thì click chọn text, rồi phải chuột, nhấn “Edit URL”. Hộp thoại “URL Settings” sẽ xuất hiện, ta điền như sau:
- URL Address: liên kết cho text theo dạng http://...
- URL Target: chọn trang đang hiện hữu, hay mở trang mới, hoặc frame.
- URL Features: cấu hình các đặc tính cho liên kết.
- Khi muốn thêm/xóa một dòng Text trên thanh Thuc don, ta chọn Thuc don rồi phải chuột, chọn “Add Item” hoặc “Delete Item”. NavStudio cũng cho phép ta chèn một dòng text lên trên dòng text đang chọn bằng cách phải chuột “Insert Item”.
- Khi muốn tạo một Thuc don con (sub Thuc don) trong một text, ta chỉ cần click vào text muốn tạo Thuc don con và nhấn “Add New Sub Thuc don” để tạo.
Ngoài ra, nếu bạn muốn tinh chỉnh thêm nhiều hiệu ứng, font chữ, chèn hình nền… thì có thể cấu hình tùy ý trên thanh “Design Bar” của NavStudio. Ta cũng có thể chọn phong cách riêng cho Thuc don của mình với chế độ Styles.
Phiên bản thương mại, được bán với giá 179 USD, nhưng ngược lại bạn sẽ có được một thanh Thuc don chuyên nghiệp cho website của mình.
Theo Tuổi Trẻ
Lên Trên

Định dạng trang web(Cascading Style Sheets)

Tương tự trong Word, bạn có thể dùng Style Sheets (CSS) trong HTML để định dạng cho trang web. Thay vì phải viết đi viết lại một số TAGs, bạn có thể viết sẵn trong một đoạn code ở đầu trang hoặc trong một .css file rồi import vào trang web. CSS/CSS2 có rất nhiều thuộc tính mà tôi không thể kể hết trong trang này, xin giới thiệu với bạn chút ít về nó để bạn làm quen và có thể học thêm bằng cách xem trong HTML code của các trang web hay. Xem trong đoạn code dưới bạn sẽ thấy rõ hơn tác dụng của CSS.
Trong ví dụ trên, bạn thấy dòng chữ "This is a test" không nằm trong cặp TAG mà nằm giữa
. TAG
mang thuộc tính class="text" và có tác dụng như: . Và cứ như vậy với những đoạn text khác trong cả trang. Cái lợi ở đây là khi muốn thay đổi giao diện cả trang, bạn không cần sửa từng đoạn code mà chỉ cần thay đổi thuộc tính .text trong CSS.
Thuộc tính của font
font-style: normal (thẳng) hay italic / oblique (nghiêng)
font-variant: normal (bình thường) hay small-caps (hoa nhưng nhỏ như các chữ khác trong cùng dòng)
font-weight: normal (bình thường), bold, bolder (đậm) hay light, lighter (gầy)
font-size: cỡ của chữ - giống như
kiểu tuyệt đối: xx-small, x-small, small, medium, large, x-large hoặc xx-large
kiểu tương đối: smaller hoặc larger
chiều rộng: mm, cm, in (inch), pt (point), px (pixel), pc (pica)...
line-height: khoảng cách giữa các dòng chữ
normal: bình thường
tuyệt đối: dùng số (1.5 / 2 / 3....). Ví dụ: nếu chiều khổ chữ là 10 pt và line-height: 1.5 thì khoảng cách giữa các dòng sẽ là 10 x line-heigt = 10 x 1.5 = 15 pt
font-family: cho phép định kiểu chữ (Arial, Verdana, sans-serif)
Thuộc tính của nền và màu trong trang web
background-attachment: thuộc tính này cho phép chọn xem hình nền nằm cố định trong trang web (fixed) hay trượt theo phần bạn xem (scoll)
background-color: có thể chọn màu (RGB: 255,255,255 / color name: white / Hex: #ffffff) hoặc transparent
background-image: cho phép bạn chọn một hình làm nền cho trang web
background-position: cho phép bạn chọn điểm bắt đầu của hình nền
background-repeat: tự động nối tiếp (repeat) / tự động nối tiếp theo chiều ngang (repeat-x) / tự động nối tiếp theo chiều dọc (repeat-y) / khộng tự động nối tiếp (no-repeat)
Lên Trên

Cùng blogger nuôi thú ảo

blog giờ đây không còn là những trang nhật ký nghèo nàn mà đã được các teen bỏ công sức “đại tu” thành những trang web cá nhân mang đậm bản sắc, cá tính của mình. Bên cạnh những khám phá mới trong công nghệ blog về theme, post ảnh, post nhạc, post video trong blog, giờ đây các teen đã có thể “xin” về một chú thú cưng ảo để “nuôi” trong blog.
Thú ảo đến từ đâu?
http://bunnyherolabs.com/adopt/ là link của trang web cung cấp thú ảo. Nói một cách dễ hiểu, bunnyherolabs là một trại chăn nuôi, nơi bạn có thể đến, ngắm nghĩa, lựa chọn và nhận nuôi thú. Việc nhận nuôi hoàn toàn “free”.
Chọn thú như thế nào?
Trước tiên, bạn truy cập vào địa chỉ trang web, rồi làm theo các bước như sau:
- Bước 1: Chọn vật nuôi mà bạn yêu thích. Trang web sẽ liệt kê tất cả những thú ảo dưới dạng hình ảnh để bạn lựa chọn. Bạn có thể chọn từ chó, mèo, lợn, gà, gấu trúc,... đến nhện, nhím, chó sói,… và thậm chí là cả… bút chì, kéo cắt giấy và bóng đèn.
- Bước 2: Đặt tên cho vật nuôi của bạn và nhập nick của bạn trong Adopter name, vừa là để làm “giấy khai sinh” cho thú ảo, vừa xác nhận chủ quyền cho bạn.
- Bước 3: Chọn màu cho vật nuôi của bạn bằng cách bấm vào bảng màu (Bạn thậm chí có thể nuôi một con gà chích màu xanh lá cây, hay một cô nàng mèo màu tím). Sau đó nhấn “Finish” để hoàn thành.
- Bước 4: Trang web sẽ cho bạn một cái code (mã) cho thú cưng của bạn. Việc bạn cần làm chỉ còn là copy cái code đó, rồi mở cửa sổ tạo blog entry mới, ở khung tạo entry, bạn bấm View HTML và paste (dán) cái code của thú vào blog. Sau đó, bạn bỏ chọn View HTML để gửi blog như bình thường. Sau khi gửi blog, trong cái blog entry mới của bạn sẽ có flash của con thú ảo bạn đã chọn.
Làm sao để nuôi được nó?
Dĩ nhiên là bạn phải cho con vật của mình ăn. Bạn cho vật nuôi ăn bằng cách rê chuột vào chữ More phía dưới, bấm chọn thức ăn, sau đó kéo chuột tới mồm con vật để cho nó măm măm.
Bên cạnh thức ăn, trang web còn cung cấp cho bạn thêm một số yếu tố khá thú vị như là đồ chơi cho thú ảo, công nghệ tạo hình nền (wallpaper) cho “chuồng” nuôi thú.
Bên cạnh việc cho thú ăn, bạn cũng phải vuốt ve, âu yếm nó chứ! bạn có thể thực hiện được việc này bằng cách nhấn chuột vào đầu hoặc thân con vật lâu lâu 1 tí. Mỗi con vật sẽ có một phản ứng khác nhau.
Trang trí “chuồng trại” ra sao?
Thật ra, nếu bạn không rành về HTML code cho lắm, thì có thể tạm hài lòng với một chú cún hoặc chú mèo chạy qua chạy lại theo hướng bạn rê chuột. Tuy nhiên, nếu bạn biết chút ít về code và có thể mò mẫm được, thì phần Advanced trong Adoption Centre sẽ giúp bạn ra trò đấy! Ở đây, bạn sẽ được hướng dẫn tỉ mỉ để có thể thêm hình nền, chèn chữ (có màu) vào cho chuồng thú. Khu vực chăn nuôi của bạn sẽ sinh động hơn, và nhóc thú ảo của bạn cũng sẽ sung sướng hơn nhiều.
Vậy là, từ giờ trở đi, bạn có thể vừa viết blog, lại vừa nuôi một con vật xinh xắn trong blog rồi đó! Chắc chắn bạn bè và khách khứa đến thăm blog của bạn cũng sẽ rất ngạc nhiên và thích thú. Và biết đâu lại chẳng có những tình bạn chớm nở từ sở thích đồng điệu, phải không?
Lên Trên

11 tuyệt chiêu dành cho Yahoo! 360

Blog càng ngày càng trở nên quen thuộc với người sử dụng máy tính, đặc biệt là Yahoo! 360, dịch vụ blog dễ tạo, dễ sử dụng của Yahoo!. Bài viết sau giới thiệu 10 thủ thuật nhằm đem lại cho trang web Yahoo! 360 của bạn vẻ chuyên nghiệp và ấn tượng. Lưu ý là bài viết áp dụng cho những bạn đã biết cách tạo trang web Yahoo! 360 và bạn đã đăng nhập vào Yahoo! khi thực hiện theo bài viết.
1. Tạo liên kết đơn giản cho Blog
Chức năng “Simple URL” cho phép người khác có thể truy cập Blog của bạn qua một địa chỉ dễ nhớ, có dạng http://360.yahoo.com/Ten-tai-khoan-cua-ban (ví dụ: http://360.yahoo.com/mr.ngocchinh). Để kích hoạt địa chỉ này, bạn vào “Blog Settings” và đánh dấu kiểm ở dòng “Simple URL…”
2. Đếm số người ghé thăm Blog
Chức năng “Visitor Stats” sẽ cho biết số lượt ghé thăm trang web từ lúc bạn tạo trang web đến hiện tại. (nếu trang web được tạo trước ngày 18/1/2006 thì con số lượt ghé thăm chỉ tính từ ngày này tới hiện tại vì chức năng “Visitor Stats” được Yahoo! đưa vào hoạt động từ ngày 18/1/2006).
Ở trang chủ 360° của bạn (Yahoo! 360° Homepage), Visitor Stats sẽ cho biết số lượt thăm trang web và số người đã ghé thăm (không xác định là ai, chỉ có mỗi bạn được biết con số này) trong tuần hiện tại (Week), trong tháng hiện tại (Month) hoặc tổng số (Total)
Trang “My Page” (trang web hiển thị cho người khác theo dõi) chỉ cung cấp số lượt ghé thăm trang web, sẽ cho mọi người cùng biết khi bạn chọn “Public” và chỉ bạn được biết nếu bạn chọn “Just me”. 3. Tạo Feed như thế nào?
Một số người dùng Yahoo! 3600 còn khá bỡ ngỡ về mục Feed và không biết sử dụng như thế nào. Feed được thiết kế cho việc chia sẻ nội dung, tin tức, cung cấp thông tin chủ yếu là tiêu đề, tóm tắt và liên kết đến trang tin đầy đủ của một website khác. Nhờ mục Feed này, người đọc tin có thể biết tin tức nào mới từ website đó một cách nhanh chóng mà không cần vào website để tìm.
Cách tạo Feed như sau:
- Bạn truy cập trang web mà bạn muốn lấy tin. Trang web này phải hỗ trợ RSS. Nếu có hỗ trợ RSS, thông thường trên website sẽ có biểu tượng RSS hay XML . Rất nhiều trang tin có hỗ trợ RSS, chẳng hạn như: www.cnn.com, http://msdn.microsoft.com, www.nld.com.vn, www.tuoitre.com.vn…
- Bạn nhấn vào biểu tượng RSS hay XML, trang web sẽ hiển thị các link đến các mục tin tức mà trang web cung cấp, chẳng hạn http://rss.cnn.com/rss/cnn_topstories.rss hay http://www.nld.com.vn/rss/the-thao.xml. Bạn tô đen nội dung đường link này, nhấn Ctrl-C để sao chép vào clipboard.
- Bạn chuyển sang trang web của mình, nhấn “Share Feed”, chuyển đến ô URL rồi nhấn Ctrl-V để dán vào link trang tin bạn muốn lấy từ clipboard
4. Cho phép lấy tin từ Blog của bạn
Khi đọc blog của một số người, bạn thấy cuối trang blog cũng có biểu tượng RSS. Điều này có nghĩa là người đó cho phép bạn có thể lấy nội dung blog của họ đưa vào Feed của bạn (cách đưa vào Feed cũng giống trên). Bạn cũng có thể cho phép người khác lấy tin tức từ blog bạn dưới dạng Feed. Cách làm như sau: bạn vào “Blog Settings”, thiết lập tùy chọn mục “Who can see your blog” là “Public” và đánh dấu kiểm ở dòng “, public my blog…” ở mục “Publish site feed”
5. Tạo bài viết bình chọn
Bạn có thể giao tiếp với bạn bè trên Blog qua các nhận xét (comment) quanh một bài viết. Một hình thức tương tác khác Yahoo! hỗ trợ là bình chọn. Bạn đặt ra một vấn đề nào đó và mỗi tài khoản Yahoo! có thể bình chọn một lần (nếu bạn cho phép họ đọc bài bình chọn).
Ở cửa sổ soạn thảo bài viết mới, bạn nhấn vào link “Create Poll”, điền vào câu hỏi ở ô “Enter Poll Question” và các mục chọn lựa ở các ô “Enter Response Lua chon” (nếu có nhiều hơn 3 lựa chọn thì bạn nhấn “Add another option“ để thêm tùy chọn). Sau này, để ngưng việc bình chọn, bạn dùng chức năng Edit mở lại bài viết, đánh dấu kiểm ở ô “End this poll”
6. Hiển thị tiếng Việt Unicode trên Blog với Internet Explorer (IE)
Tiếng Việt Unicode trên Blog sẽ hiển thị với trình duyệt Firefox, nhưng với IE thì không. Nguyên nhân là do Yahoo! 360° không hỗ trợ Unicode và IE không thể tự xác định font chữ chính xác. Một điều hiển nhiên là số người sử dụng IE vẫn còn rất nhiều và bạn cũng cần phổ biến Blog của mình đến những đối tượng này. Hiện thời, bạn có thể tạm khắc phục bằng cách giúp IE xác định font chữ trong bài viết, qua đó người dùng có thể đọc được tiếng Việt khi sử dụng IE (một số nơi khác như trang chủ, nội dung comment thì vẫn không hiển thị tiếng Việt nếu dùng IE).
Bạn làm như sau: trong cửa sổ soạn thảo bài viết, đánh dấu kiểm ở dòng “View HTML Source. Most HTML is ” rồi điền vào phần trên cùng nội dung ở cửa sổ soạn thảo dòng chữ “” (không đánh 2 dấu “, có thể thay font Arial bằng bất cứ font nào bạn thích). Bạn có thể dùng cách khác đơn giản hơn là tô đen nội dung muốn hiển thị tiếng Việt, nhấn nút “Font Face” trên thanh công cụ soạn thảo rồi chọn font chữ.
7. Danh sách các bài viết ưu tiên
Đối với những bài viết bạn thấy hay hoặc yêu thích, bạn có thể đưa vào danh sách ưu tiên để giới thiệu với người đọc. Khi soạn thảo hoặc sửa chữa bài viết, bạn đánh dấu kiểm ở dòng “Highlight this blog entry”, bài viết này sẽ được đưa vào danh sách ưu tiên hiển thị ở góc trên phải tại trang các bài viết.
8. Lấy link bài viết
Bạn muốn giới thiệu cho người khác một bài viết nào đó trong Blog nên cần gửi cho họ link đến bài viết này. Khi đó, bạn xem dưới mỗi bài viết sẽ thấy link có tên “Permanent Link”, đó là link trực tiếp đến bài viết. Bạn nhấn chuột phải trên dòng chữ này, chọn Copy Shortcut để sao chép link vào clipboard và gửi link này cho người khác.
9. Tạo mục lục bài viết
Khi số bài viết trên Blog của bạn lên đến hai chữ số thì bạn nên tiến hành tạo mục lục các bài viết để dễ quản lý và theo dõi. Mục lục này là một bài viết trên Blog, nội dung bao gồm tựa đề và link đến các bài viết (xem cách lấy link bài viết ở trên). Khi có bài viết mới, bạn cập nhật danh sách bài viết này bằng cách tạo một bài viết mục lục mới và xóa đi mục lục cũ. Bạn chỉ việc sao chép nội dung từ mục lục cũ và bổ sung tên và link những bài viết mới nên thực ra chỉ tốn công sức ở lần tạo mục lục đầu tiên. Với mục lục này, bạn và người xem dễ dàng theo dõi các bài viết, chỉ việc nhấn chuột vào link là di chuyển nhanh chóng đến ngay bài viết tương ứng.
10. Tìm kiếm Blog theo chủ đề
Qua chức năng “Tim Kiem” của Yahoo! 3600, bạn có thể tìm kiếm những Blog khác theo các chủ đề như tên, email, nơi ở, trường học… Chức năng này rất hữu ích để bạn tìm kiếm những trang blog hay, độc đáo hoặc blog của những người quen biết hay cùng sở thích với bạn, chẳng hạn tìm blog những người từng học chung trường tiểu học, những trang blog của người Việt Nam…
Tại trang web của mình, bạn vào mục “Tim Kiem”, chọn hoặc điền vào nội dung các chủ đề muốn tìm kiếm rồi nhấn nút “Tim Kiem”, Yahoo! sẽ cung cấp cho bạn những trang blog phù hợp tìm được.
11. Hiển thị đúng font tiếng Việt trong Y!360
Là 1 mẹo nhỏ thôi, các bạn vào “Edit custom theme” chọn font hiển thị là Arial, Tahoma hoặc Verdana -> sẽ ko còn xuất hiện lỗi font nữa (Áp dụng với Custom Theme thôi nhá)
Lên Trên

Âm nhạc, phim ảnh trong trang web

Video âm nhạcBạn còn có thể làm cho trang web của mình sinh động hơn bằng âm nhạc, video... Trang này sẽ giúp bạn thực hiện điều đó. Nhưng hãy đừng quên là internet còn đang tương đối chậm và sử dụng quá nhiều những thứ đó sẽ mang lại phản tác dụng. Video, sounds thường là những files lớn và cần rất nhiều thời gian dể load.
Có rất nhiều dạng audio (*.au, *.wav, *.mid....) và video (*.mpeg, *.avi...). Nhưng có lẽ chỉ có dạng midi (*.mid) là cỡ nhỏ nhất. Một bản nhạc 5 phút chiếm khoảng 30KB trong khi đó 5 phút dưới dạng wav lên tới 5MB.
Ðể đưa chúng vào một trang web, bạn cần viết dòng html-code sau:

Trong đó "music.mid" là tên của file nhạc, autostart="true" chạy bản nhạc tự động, loop="true" tự động quay lại đầu bản nhạc khi và chạy tiếp, nếu bạn chỉ muốn bản nhạc chạy một số lần nhất định lần rồi dừng, hãy thay "true" bằng "1", "2"...
Riêng Internet Explorer còn cho phép bạn tạo nhạc nền với tag đơn Dòng code sẽ được viết như sau:

Âm nhạc
loop="infinite" cho phép browser chạy bản nhạc không ngừng.
Ngoài ra còn một cách đưa video vào trang web (chỉ dùng cho Internet Explorer) như một bức ảnh:

Nếu đã từng sử dụng RealPlayer chắc bạn sẽ hỏi, làm thế nào để nó tự động chạy một bài hát dưới dạng *.rm Ðiều đó không phức tạp lắm nhưng đòi hỏi người đến thăm trang web của bạn phải có RealPlayer cài trong máy, đó lại là điều ít xảy ra. Như vậy bạn phải tạo một link để người đọc có thể download phần mềm này từ RealNetwork server. Sau đây là dòng code bạn cần để đưa RealPlayer vào một trang web:



Có một điều bạn cần chú ý là tất cả các files nhạc, video... đều phải được upload cùng với trang web và cùng nằm trong một địa chỉ như trang web. Nếu sử dụng một file của trang web khác, bạn phải đưa địa chỉ đầy đủ của file đó vào html-code. Ví dụ:

Theo thienantech
Lên Trên

JavaScript - gia vị cho website

Lên Trên

Hướng dẫn làm blog trên web opera

Hiện nay blog không còn xa lạ với chúng ta. Nó được biết đến như một cuốn nhật ký online thu hút rất nhiều giới trẻ các nước tham gia viết. Cùng với đó kéo theo các dịch vụ tạo blog miễn phí, một trong số đó là blog Opera. Một blog khá chuyên nghiệp với nhiều tính năng lý thú không kém gì các blog free khác. Hãy gửi bài viết này cho bạn bè để cộng đồng blog Opera đông vui hơn.
- Các tính năng nổi bật nhất trong blog Opera
Dung lượng lưu trữ cho phép lớn lên tới 300 MB, cho phép upload nhiều định dạng file như GIF, JPG, ZIP, RAR, MP3, WAV, WMA, EXE...Cho phép upload file với dung lượng lớn. Tôi đã up thử các file nhạc với dung lượng lớn hơn 11 MB nhưng vẫn Ok.
Chia sẻ photo, tạo album ảnh, tính năng tạo ecard từ ngay chính bức ảnh đó và gửi cho bạn bè.
Lưu trữ bài viết theo ngày, tháng, năm, theo các chủ đề do người viết tạo ra giúp tìm kiếm dễ dàng
Cho phép tạo danh sách các trang web yêu thích hoặc link bạn bè theo chủ đề, cho phép add Feeds và đọc RSS ngay trên blog
Nhiều giao diện sẵn có, cho phép tùy biến giao diện theo ý thích. Khung cửa sổ viết bài đẹp, rất thuận tiện theo chuẩn WYSIWYG, có bộ đếm số người truy cập blog
Quản lý comment trong blog của mình và các blog của bạn bè dễ dàng, cho phép gửi thư cho bạn bè trong cùng cộng đồng Blog Opera
Cho phép add code nhạc hình, nhạc tiếng, flash rất link hoạt.
Cho phép tự tạo và quản lý diễn đàn cá nhân, nhóm làm việc
- Đăng ký tài khoản.
Việc đăng ký một blog ở Opera là rất dễ dàng. Các bạn hãy vào trang To view links in this Dien dan your post count must be 1 or greater. Your post count is 0 momentarily. để đăng ký cho mình tài khoản. Việc đăng ký là vô cùng đơn giản, các bạn chỉ việc nhập nick cần tạo, điền các thông tin về họ tên và địa chỉ Email, điền dãy số và chữ đã hiển thị sẵn để xác nhận là các bạn đã có một trang blog của riêng mình. Sau khi tạo được một tài khoản bạn phải nhấn vào chữ Start Blog để tạo tiêu đề của Blog cùng một số các lời giới thiệu ngắn về blog của mình nếu có. Sau khi nhấn Save blog của bạn đã sẵn sàng cho bài viết đầu tiên. Còn chờ gì nữa, thử viết một bài xem sao nhỉ?
- Các tính năng chính.
1. Get started guide: N/I (No Information)
2. Web page layout:
Cho phép chọn các giao diện tùy biến khác nhau của blog
Chi tiết: Chọn layout mà bạn thích rồi tích vào ô tròn dưới layout đó để lưu lại. Để tùy biến layout theo ý muốn bạn nhấn vào custom style sheet. Trong ô Enter CSS bạn có thể chèn các code CSS để thay đổi giao diện. Nếu bạn chưa biết cách thì hãy đọc bài viết này và nếu tiếng Anh của bạn giỏi thì thật tuyệt vời khi vào trang web này.
3. Blog settings:
Nơi cho phép thay đổi các tùy chọn trong blog, ví dụ như có cho phép khách comment hoặc không, tùy chọn ngày tháng theo vùng..
Chi tiết:
+ Blog title: Tiêu đề của blog
+ Blog Subtitle: Phụ đề của blog
+ Description: Bạn có thể viết một vài dòng đề miêu tả về blog của bạn.
+ Number of bai viet per page: Số bài viết hiển thị trên trang chủ trong blog của bạn.
+ Access Settings: Show blog to everyone? Hiển thị blog với tất cả mọi người hay không. Có 3 lựa chọn Yes, tất cả mọi người có thể xem, chọn No, chỉ có mình xem thôi, chọn Friend Only, chỉ có bạn bè trong cộng đồng opera xem. Allow comments? Chấp nhận cho những ai gửi ý kiến phản hồi trong blog của bạn, cũng có 3 lựa chọn như trên.
+ Allow anonymous comments? Bật tính năng comment của blog hay không bật? Có hai sự lựa chọn, có hoặc không.
+ Trackback? Hiển thị các bài viết có liên quan trên nhau hay không.
+ Send me e-mail when comments are added? Chấp nhận email khi khách gửi comment vào địa chỉ thư đã đăng ký trước hay không?
+ Enable MMS blogging and Attempt to remove operator signature: N/I
+ Blog language: Chọn ngôn ngữ trong blog.
4. Dien dan settings:
Tạo, sửa chữa các tùy biến trong diễn đàn nếu bạn là thành viên của một diễn đàn trong Opera
5. Ignored .:
Danh sách các thành viên xấu đã bị bạn cấm. Những thành viên này sẽ không thể comment trong blog của bạn.
6. My groups:
Cho phép xem, sửa chữa nhóm làm việc hoặc diễn đàn trong Opera mà bạn đang tham gia.
7. Edit profile:
Nơi sửa chữa các thông tin cá nhân như ngày sinh, tên, tuổi, email, các thông tin khác có liên quan tới cá nhân. Upload ảnh đại diện, đổi mật khẩu.
Chi tiết:
+ Photo: Upload ảnh cá nhân hoặc bất kỳ ảnh gì bạn thích. Hình ảnh này sẽ hiện trong friend list của những người đã add bạn. Show photo in blog sidebar: Hiển thị ảnh ở trang chủ của blog hay không. Đánh dấu chọn là có hiển thị, ngược lại là không. + Avatar: Hình đại diện, sẽ hiện thị khi bạn comment trong blog của bạn bè. Có thể sự dụng ảnh jpg hoặc gif kích thước 50x50 pixel. Bạn có thể chọn ảnh lớn hơn một chút nhưng Opera sẽ tự resize kích thước của bạn.
+ Personal: Hiển thị các thông tin cá nhân về tên tuổi, ngày tháng năm sinh, giới tính, đất nước hoặc thành phố sinh sống, nghề nghiệp, trang web, địa chỉ email, nick chát ở các dịch vụ chát khác nhau.
+ Privacy. E-mail: có 2 nút chọn lần lượt từ trên xuống là: Ẩn, hiện với bạn bè trong cộng đồng Opera, hiện với tất cả mọi người. Logged in: hiện hoặc ẩn khi đăng nhập, cũng có 3 lựa chọn như bên cạnh.
+ RDF: N/I
+ Time zone: Chọn múi giờ, múi giờ của Việt Nam là + 7. Sẽ hiển thị giờ khi bạn gửi bài viết theo múi giờ mà bạn chọn. Start of the week: chọn ngày đầu tuần
+ Languages: N/I
+ About me: Giới thiệu về cá nhân
+ My work: Giới thiệu về công việc của bạn
+ Fast facts: Các sở thích khác nữa
+ Quote: Nếu bạn viết vào đây thì nội dung sẽ hiển thị bên cạnh photo trong friend list của bạn bè đã add bạn.
Sau khi điền đầy đủ các bạn chỉ việc Save vào là Oke.
8. Spotlights:
Hiển thị, sửa, xóa các blog hoặc bài viết hay đã được bạn xem qua và đánh dấu lại.
9. Countdowns:
Ghi chú các sự kiện sắp tới, có thể ghi nhiều sự kiện một lúc và luôn hiển thị ở trang chủ của blog.
Chi tiết: Add các sự kiện cần nhớ và sẽ được đếm ngược từng ngày. Date: Ghi ngày của sự kiện sắp tới theo quy kiểu năm/tháng/ngày. Event: Tên của sự kiện sau đó save. Bảng countdowns sẽ hiện thị bên sidebar trong trang chủ của blog. Các bạn có thể add nhiều sự kiện một lúc.
10. My files:
Cho phép bạn upload files, tạo thư mục cho từng loại tài liệu hoặc nhóm tài liệu có liên quan. Nơi lưu trữ files của bạn.
Chi tiết: Nhấn vào Upload new file. Có thể tạo thư mục bằng cách nhấn vào chữ Create a new directory, đặt tên thư mục và nhấn vào nút Create a new directory. Chọn thư mục cần upload, nhấn vào nút Choose... để chọn tới file cần upload. Nhấn vào nút Upload File để upload, đợi đến khi upload file đó hoàn thành mới được đóng trang đó vào. Tip: Có thể mờ nhiều cửa sổ một lúc để upload nhiều file.
11. Access rights:
Thiết lập việc truy cập blog
12. Tags:
Quản lý chủ đề giúp việc tìm kiếm trong blog dễ dàng hơn, tạo hình đại diện cho chủ đề.
Chi tiết: Vào Tag, nếu không có tag nào tức là bạn chưa add tag. Dưới ô viết bài có một ô Tags, bạn có thể phân loại nội dung bài viết theo Tags đó, nếu bài viết là Thơ, hãy viết Thơ vào ô đó, nếu là âm nhạc hãy gõ chữ Music tùy theo ý bạn... Nếu đã có tag, nhấn vào edit tag, chọn upload và trỏ tới 1 file ảnh để làm hình đại diện cho tag đó. Nếu đánh dấu vào Delete this icon và save hình đại diện hiện tại sẽ bị xóa.
13. Show the following items in the top navigation Thuc don:
Hiện hoặc không hiện các mục Archive, Photo, Links, Friends, About trên blog
Chi tiết: Đánh dấu vào ô mà bạn muốn mục đó hiển thị rồi chọn save để lưu lại.
Theo gapnhau.
Lên Trên

Sễ cập nhật thêm hãy quay lại vào vài ngày tới
Tối ưu hoá tốc độ kết nối băng thông rộng
Hãy tham gia vào diễn đàn để trao đổi thêm-->click here