Sunday, 6. May 2007, 15:35:21
Chẳng biết bà con có thích dịch ko nên để nguyên, hic, tuyên truyền CSS mà ít người hưởng ứng quá nên hơi nản, may mà mình có Sponsor
1. What does XHTML stand for?
EXtensible HyperText Markup Language
EXtra Hyperlinks and Text Markup Language
EXtreme HyperText Markup Language
EXtensible HyperText Marking Language
2. XHTML is a Web standard
True
False
3. XML and HTML will be replaced by XHTML
False
True
4. HTML will be replaced by XHTML
False
True
5. What is the correct XHTML for a paragraph?
<p></p>
</p><p>
<P></P>
<P></p>
6. What is a correct XHTML tag for a line break?
<break/>
<br />
<br>
7. What is the correct XHTML for an attribute and its value?
width=80
WIDTH=80
WIDTH="80"
width="80"
8. All elements in XHTML must be closed
True
False
9. Is this correct XHTML?
<ul>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea</li>
</ul>
<li>Milk</li>
</ul>
Yes
No
10. The DOCTYPE declaration has no closing tag
False
True
11. Which elements are mandatory in an XHTML document?
doctype, html, head, body, and title
doctype, html and body
doctype, html, head, and body
12. XHTML documents must be "well-formed"
False
True
13. What XHTML code is "well-formed"?
<p>A <b><i>short</b></i> paragraph</p>
<p>A <b><i>short</i></b> paragraph
<p>A <b><i>short</i></b> paragraph</p>
14. Which of the following is the right use of the lang attribute?
<div xml:language="en">Hello World!</div>
<div lang="en" xml:lang="en">Hello World!</div>
<div language="en">Hello World!</div>
15. Which attribute replaces the name attribute for the following elements: a, applet, frame, iframe, img, and map?
The id attribute
The src attribute
The class attribute
16. Is attribute minimization allowed in XHTML?
Yes
No
17. Do all XHTML documents require a doctype?
Yes
No
18. What are the different DTDs in XHTML?
Strict, Transitional, Loose, Frameset
Strict, Transitional, Frameset
Strict, Transitional, Loose
19. What is the most common XHTML DTD?
Transitional
Normal
Frameset
Loose
20. All XHTML tags and attributes must be in lower case
False
True
Thursday, 3. May 2007, 03:28:52
Tôi dự định chia Tutor này được chia làm 4 phần, mỗi phần gồm nhiều bài học được dẫn dắt theo những câu hỏi để các bạn có thể hứng thú hơn. Trong phần đầu đầu tiên, chúng ta sẽ học cách tạo ra 1 website đơn giản có sử dụng CSS để định dạng (format) cũng như tạo dáng (layout) cho web.
Web cuối cùng của phần 1 sẽ có dạng như hình sau:
Bài Tutor đầu tiên này coi như 1 bản dịch từ:
http://www.w3.org/Style/Examples/011/firstcsscó thể nói đây là 1 ví dụ "nhỏ như con thỏ" đối với dân Pro, nhưng nếu bạn mới biết CSS thì cũng ko phải nhìn vào là làm ngay được. Tuy ví dụ nhỏ nhưng nó sẽ giúp ta có những khái niệm căn bản về CSS.
Thursday, 3. May 2007, 03:22:31
Tạm thời mình dịch 1 trong 3 trắc nghiệm trên (về kiến thức HTML) ra tiếng Việt, nếu các bạn thấy việc dịch sang tiếng Việt là cần thiết thì mình sẽ tiếp tục dịch 2 trắc nghiệm còn lại, mong các bạn hưởng ứng trả lời đầy đủ:
1. Từ HTML là từ viết tắt của từ nào?
Hyperlinks and Text Markup Language
Home Tool Markup Language
Hyper Text Markup Language
2. Ai (tổ chức nào) tạo ra Web standards?
The World Wide Web Consortium
Microsoft
Netscape
3. Đâu là tag tạo ra tiêu đề web kích cỡ lớn nhất.
<heading>
<h1>
<h6>
<head>
4. Đâu là tag để xuống dòng trong web?
<lb>
<br>
<break>
5. Đâu là tag tạo ra mầu nền của web?
<body color="yellow">
<body bgcolor="yellow">
<background>yellow</background>
6. Đâu là tag tạo ra chữ in đậm
<b>
<bold>
<bld>
<bb>
7. Đâu là tag tạo ra chữ in nghiêng
<ii>
<italics>
<i>
8. Đâu là tag tạo ra liên kết (links) trong web
<a url="http://www.w3schools.com">W3Schools.com</a>
<a>http://www.w3schools.com</a>
<a href="http://www.w3schools.com">W3Schools</a>
<a name="http://www.w3schools.com">W3Schools.com</a>
9. Đâu là tag tạo ra liên kết đến email?
<a href="xxx@yyy">
<a href="mailto:xxx@yyy">
<mail>xxx@yyy</mail>
<mail href="xxx@yyy">
10. Làm sao để khi click chuột vào link thì tạo ra cửa sổ mới?
<a href="url" new>
<a href="url" target="new">
<a href="url" target="_blank">
11. Đâu là những tag dành cho việc tạo bảng?
<table><tr><td>
<thead><body><tr>
<table><head><tfoot>
<table><tr><tt>
12. Đâu là tag căn lề trái cho nội dung 1 ô trong bảng
<tdleft>
<td valign="left">
<td align="left">
<td leftalign>
13. Đâu là tag tạo ra 1 danh sách đứng đầu bằng số
<ul>
<list>
<ol>
<dl>
14. Đâu là tag tạo ra 1 danh sách đứng đầu bởi dấu chấm?
<list>
<ul>
<ol>
<dl>
15. Tag nào tạo ra 1 checkbox?
<check>
<input type="check">
<checkbox>
<input type="checkbox">
16. Tag nào tạo ra 1 text input field?
<textfield>
<textinput type="text">
<input type="text">
<input type="textfield">
17. Tag nào tạo ra 1 drop-down list?
<select>
<list>
<input type="dropdown">
<input type="list">
18. Tag nào tạo ra 1 text area?
<input type="textbox">
<textarea>
<input type="textarea">
19. Tag nào dùng để chèn 1 hình vào web?
<image src="image.gif">
<img>image.gif</img>
<img src="image.gif">
<img href="image.gif>
20. Tag nào dùng để tạo hình nền cho web?
<body background="background.gif">
<background img="background.gif">
<img src="background.gif" background>
Thursday, 3. May 2007, 03:20:08
Trước tiên để hiểu rõ trình độ của bạn trước khi "học" bạn vui lòng vào 3 link sau để trắc nghiệm kiến thức (mỗi trắc nghiệm là 20 câu):
1) về HTML
http://www.w3schools.com/html/html_quiz.asp2) về xHTML
http://www.w3schools.com/xhtml/xhtml_quiz.asp3) về CSS
http://www.w3schools.com/css/css_quiz.aspVui lòng sau khi trắc nghiệm sau bạn ghi lại quá trình làm bài của mình, đã làm những câu nào như thế nào, và được bao nhiêu điểm.
Mình xin trả lời tận tình và ... miễn phí các bạn có thực tâm học (thể hiện qua việc thực hiện yêu cầu trên của mình), còn với những bạn không trắc nghiệm thì vẫn hoan nghênh các bạn đọc blog này, nhưng mình sẽ không trả lời bạn nếu bạn hỏi mình trong blog này đâu nha
.
Trình độ của mình cũng không phải là cao, nhưng hi vọng có thể giúp các bạn ít nhiều vì 1 cộng đồng web standard đang nhen nhóm ở VN
.
Bạn nào muốn được thông báo khi có bài viết mới trên blog (tiếng Anh) hoặc là bài viết mới trong topic này, có thể add nick Yahoo của mình là zmt264 (hiện giờ tổng số friends trong nick của mình đã trên 300 nên có thể trục trặc, mình đang xóa dần 1 số nick hầu như ko liên lạc đi sau).
Wednesday, 2. May 2007, 14:35:04
Chào các bạn, mình mới lập 1 blog bằng tiếng Anh để hướng dẫn học thiết kế web sử dụng CSS (
http://cssquestions.wordpress.com), đối tượng học là những người đã biết một chút về HTML (và xHTML) muốn áp dụng CSS để tạo ra những trang web theo đúng tiêu chuẩn web (web standard). Nếu các bạn muốn thực tập khả năng đọc và viết tiếng Anh của mình cũng như có chút hứng thú hoặc tò mò về CSS, thì chúng ta có thể trao đổi trên blog của mình. (blog ko có quảng cáo hoặc google adsense gì đâu, trước mắt chủ yếu vì mục đích trao đổi kiến thức thôi)
Còn nếu bạn không muốn (hoặc ko biết dùng tiếng Anh) thì cũng kô sao cả, mình sẽ tạo một bản dịch bằng tiếng Việt của blog tại blog này và thường xuyên viết bài, những câu trả lời hoặc thắc mắc bằng tiếng Việt xin viết tại đây, trên blog thì mình sẽ chỉ sử dụng ngôn ngữ duy nhất là tiếng Anh thôi, mọi bài viết bằng thứ tiếng khác sẽ bị xóa mà ko cần báo trước, hì.
Về lợi ích của Web Standard các bạn có thể đọc tại đây (tiếng Việt):
http://sonnymotives.com/archives/web-stardards-uoc-mo-chuan-hoa-the-gioi-web-phan-1http://sonnymotives.com/archives/web-standards-uoc-mo-chuan-hoa-the-gioi-web-phan-2Nhân đây mình copy luôn phần kết luận của phần 3 (phần cuối):
http://sonnymotives.com/archives/web-stardards-uoc-mo-chuan-hoa-the-gioi-web-phan-3để các bạn có thể đọc luôn về lợi ích của Web Standard nói chung và CSS nói riêng:
- Hỗ trợ tốt cho search engine: chính cấu trúc chặt chẽ, không chen lẫn các thẻ định dạng đã giúp các search engine dễ dàng đọc, “hiểu” và đánh giá được nội dung trong những trang web theo chuẩn. Vì vậy, website theo chuẩn dễ được search engine xếp hạng cao hơn. Search engine trong chính website đó cũng được lợi tương tự, dẫn đến kết quả tìm kiếm chính xác hơn.
- Dung lượng các trang Web được thu nhỏ đáng kể, khiến thời gian tải xuống ngắn hơn (tránh cho người dùng dial-up ngồi … ngáp khi truy cập website của bạn) và tiết kiệm băng thông (tiền!)
- Tương thích với các trình duyệt tương lai: khi design của bạn sử dụng Web Standards, bạn có thể yên tâm rằng Website của bạn sẽ chạy tối với các bản nâng cấp trình duyệt, hoặc thậm chí một trình duyệt mới toanh nào đó trong tương lai.
- Tính tương thích ngược: Một điều mà chúng ta phải chấp nhận là các trình duyệt cũ không thể hiểu được những kỹ thuật của ngày nay. Tuy vậy, Web standards giúp các trình duyệt “cổ” đó hiển thị được đầy đủ những thông tin của website theo một cấu trúc cơ bản nhất mà người dùng có thể hiểu được. Hơn thế nữa, việc thiết kế theo chuẩn bảo đảm website của bạn sẽ tiếp tục hoạt động tốt trong tương lai bất chấp các công nghệ mới ra đời. Vì các chuẩn Web này sẽ luôn được cân nhắc kỹ lưỡng khi nâng cấp sao cho bản nâng cấp hay công nghệ mới phải tương thích với các thế hệ cũ hơn.
- Dễ dàng chuyển văn bản Web sang các dạng khác, chẳng hạn như database hay Word.
- Quá trình phát triển Web được rút ngắn và đơn giản hóa. Code trở nên logic hơn, dễ đọc và dễ hiểu.
- Dễ duy trì và sửa chữa: Một website có thể được thiết kế bởi nhiều designer khác nhau trong từng giai đoạn. Web standards thiết lập những luật chung mà bất cứ Web designer cũng có thể hiểu và áp dụng. Nên khi website được giao cho một designer mới, anh ta cũng có thể nhanh chóng tiếp tục những gì còn gì đang dang dở của người tiền nhiệm.
- Dễ truy cập (Accessibility): mang trang web của bạn tới mọi người, từ những người khuyết tật, phải sử dụng các thiết bị đọc Web đặc biệt tới người dùng sử dụng các thiết bị cầm tay.
Còn tại sao phải sử dụng Web Standard và CSS, bạn có thể đọc tại đây (tiếng Anh)
http://www.maxdesign.com.au/presentation/benefits/http://developer.mozilla.org/en/docs/The_Business_Benefits_of_Web_StandardsĐây là một xu hương đang được các nhà thiết kế web chuyên nghiệp cổ vũ, nếu các bạn mới học có quan tâm thì mình sẽ tiếp tục bài viết.
__________________
(56%)
WIDGETIZE