HTML 5 - .:: HVAOnline ::.

English | Vietnamese

Rules

Main Forum

Portal

Member Listing

Statistics

Search

Reading Room
[Register]

Login [ | https ]

Forum Index

Thảo luận việc định hướng

HTML 5

[Guidance] HTML 5	24/02/2012 10:00:34 (+0700) \| #1 \| 254991

Son Cle
Member

Joined: 23/02/2012 12:13:06
Messages: 5
Location: Game Online
Offline

Mình mới chân ướt chân ráo tập tành món này.
Mình xin post bài này xin các bậc đàn anh/chị, ng am hiểu hay đã từng học HTML cho xin ý kiến về việc học môn này về những việc như : Mình nên bắt đầu ntn, công cụ nào để code cho đơn giản rõ ràng hay bất kì những gì có ích.
Cám ơn !

Multi FAP

[Guidance] HTML 5	24/02/2012 10:52:17 (+0700) \| #2 \| 255000

conmale
Administrator

Joined: 07/05/2004 23:43:15
Messages: 9353
Location: down under
Offline

Son Cle wrote:

Mình mới chân ướt chân ráo tập tành món này.
Mình xin post bài này xin các bậc đàn anh/chị, ng am hiểu hay đã từng học HTML cho xin ý kiến về việc học môn này về những việc như : Mình nên bắt đầu ntn, công cụ nào để code cho đơn giản rõ ràng hay bất kì những gì có ích.
Cám ơn !

Hì hì, mới "chân ướt, chân ráo" thì lên bờ chùi cho khô rồi ngồi uống tách trà nghỉ ngơi cho khoẻ cái đã. Sau đó thì bắt đầu bằng cái này:
http://www.w3schools.com/html5/default.asp

và theo dõi sự phát triển và thông tin kỹ thuật của nó ở đây:
http://www.html5rocks.com/en/

What bringing us together is stronger than what pulling us apart.

[Guidance] HTML 5	24/02/2012 18:23:50 (+0700) \| #3 \| 255116

Son Cle
Member

Joined: 23/02/2012 12:13:06
Messages: 5
Location: Game Online
Offline

Cám ơn bạn conmale,
Mình cũng đang mò mẫm ở http://www.w3schools.com
Nhưng cái mà mình k hiểu ở đây là sao họ code mà ra được cả video trong khi mình k thấy đề cập đến đường dẫn nào cả, thực sự mình rất cần những kiến thức chi tiết hơn để hiểu được bản chất.
Ví dụ như bài cái test này: http://www.w3schools.com/html5/tryit.asp?filename=tryhtml5_video_all
Mình ko hiểu video đc lấy ra ntn.
Bạn nào có time cùng tìm hiểu với mình cho mình đỡ cô đơn với smilie

P/s: sao cái trang http://www.html5rocks.com/en/ nó có kiểu text ji khó nhìn thế nhỉ ?

Multi FAP

[Guidance] HTML 5	24/02/2012 18:36:51 (+0700) \| #4 \| 255119

chiro8x
Member

Joined: 26/09/2010 00:38:37
Messages: 661
Location: /home/chiro8x
Offline

New media elements
Code:

<video></video>
<audio></audio>
<canvas></canvas>

http://lmgtfy.com/?q=HTML5+Elements

while(1){}

[Guidance] HTML 5	24/02/2012 22:47:28 (+0700) \| #5 \| 255153

thienhavodinh
Member

Joined: 13/03/2009 20:38:18
Messages: 20
Offline

Son Cle wrote:

Cám ơn bạn conmale,
Mình cũng đang mò mẫm ở http://www.w3schools.com
Nhưng cái mà mình k hiểu ở đây là sao họ code mà ra được cả video trong khi mình k thấy đề cập đến đường dẫn nào cả, thực sự mình rất cần những kiến thức chi tiết hơn để hiểu được bản chất.
Ví dụ như bài cái test này: http://www.w3schools.com/html5/tryit.asp?filename=tryhtml5_video_all
Mình ko hiểu video đc lấy ra ntn.
Bạn nào có time cùng tìm hiểu với mình cho mình đỡ cô đơn với

P/s: sao cái trang http://www.html5rocks.com/en/ nó có kiểu text ji khó nhìn thế nhỉ ?

Mình nghĩ là trước khi nghĩ tới HTML5 bạn hãy bám chắc vào những kiến thức cơ bản đi đã. Cụ thể là html và sâu hơn nữa là những kiến thức basic như địa chỉ tương đối là gì? địa chỉ tuyệt đối là gì?
Khi học html bạn không chỉ đơn giản là học html. Bạn thử đi sâu vào những vấn đề kiểu như nếu có thẻ mở mà không có thẻ đóng thì điều gì sẽ xảy ra, nếu thay đổi đường dẫn thì điều gì sẽ xảy ra... Lối học thử sai như vậy sẽ hay hơn là cách học thụ động qua ví dụ...

Code:

<!DOCTYPE html>
<html>
<body>

<video width="320" height="240" controls="controls">
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  Your browser does not support the video tag.
</video>

</body>
</html>

movie.mp4 chính là đường dẫn tương đối đến file mà bạn cần.

[Guidance] HTML 5	24/02/2012 22:47:29 (+0700) \| #6 \| 255154

thienhavodinh
Member

Joined: 13/03/2009 20:38:18
Messages: 20
Offline

Son Cle wrote:

Cám ơn bạn conmale,
Mình cũng đang mò mẫm ở http://www.w3schools.com
Nhưng cái mà mình k hiểu ở đây là sao họ code mà ra được cả video trong khi mình k thấy đề cập đến đường dẫn nào cả, thực sự mình rất cần những kiến thức chi tiết hơn để hiểu được bản chất.
Ví dụ như bài cái test này: http://www.w3schools.com/html5/tryit.asp?filename=tryhtml5_video_all
Mình ko hiểu video đc lấy ra ntn.
Bạn nào có time cùng tìm hiểu với mình cho mình đỡ cô đơn với

P/s: sao cái trang http://www.html5rocks.com/en/ nó có kiểu text ji khó nhìn thế nhỉ ?

<!DOCTYPE html>
<html>
<body>

<video width="320" height="240" controls="controls">
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  Your browser does not support the video tag.
</video>

</body>
</html>

movie.mp4 chính là đường dẫn tương đối đến file mà bạn cần.

[Guidance] HTML 5	25/02/2012 10:40:54 (+0700) \| #7 \| 255240

chicken_c500
Member

Joined: 17/04/2011 03:43:48
Messages: 25
Offline

Mình cũng đang học HTML biết một số cái cơ bản rùi, nên bây giờ đang kết hợp nghiên cứu thêm JavaScipt. Nhân tiện mình cũng đang thắc mắc một số điều như sau: Các thẻ JavaScript được viết một cách độc lập với các thẻ HTML hay viết lồng ghép vào các thẻ HTML để hỗ trợ thêm cho HTML. Hai là, JavaScript hỗ trợ thêm những gì cho HTML...Mong mọi người giải đáp hộ mình nhé, mình xin cảm ơn smilie

Luôn hiểu rằng...mình mới chỉ biết một ít thôi

[Guidance] HTML 5	25/02/2012 10:45:28 (+0700) \| #8 \| 255242

chicken_c500
Member

Joined: 17/04/2011 03:43:48
Messages: 25
Offline

thienhavodinh wrote:

Son Cle wrote:

Cám ơn bạn conmale,
Mình cũng đang mò mẫm ở http://www.w3schools.com
Nhưng cái mà mình k hiểu ở đây là sao họ code mà ra được cả video trong khi mình k thấy đề cập đến đường dẫn nào cả, thực sự mình rất cần những kiến thức chi tiết hơn để hiểu được bản chất.
Ví dụ như bài cái test này: http://www.w3schools.com/html5/tryit.asp?filename=tryhtml5_video_all
Mình ko hiểu video đc lấy ra ntn.
Bạn nào có time cùng tìm hiểu với mình cho mình đỡ cô đơn với

P/s: sao cái trang http://www.html5rocks.com/en/ nó có kiểu text ji khó nhìn thế nhỉ ?

Mình nghĩ là trước khi nghĩ tới HTML5 bạn hãy bám chắc vào những kiến thức cơ bản đi đã. Cụ thể là html và sâu hơn nữa là những kiến thức basic như địa chỉ tương đối là gì? địa chỉ tuyệt đối là gì?
Khi học html bạn không chỉ đơn giản là học html. Bạn thử đi sâu vào những vấn đề kiểu như nếu có thẻ mở mà không có thẻ đóng thì điều gì sẽ xảy ra, nếu thay đổi đường dẫn thì điều gì sẽ xảy ra... Lối học thử sai như vậy sẽ hay hơn là cách học thụ động qua ví dụ...

Code:
<!DOCTYPE html>
<html>
<body>

<video width="320" height="240" controls="controls">
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  Your browser does not support the video tag.
</video>

</body>
</html>
movie.mp4 chính là đường dẫn tương đối đến file mà bạn cần.

Cho mình hỏi. Đây là cách để up hai Video độc lập lên trang HTML hay là cách tạo một trình phát Video trên trang HTML
Và, mình có thể hiểu 2 đoạn mã dưới đây như thế nào hả bạn
type="video/mp4"
type="video/ogg"
Nếu thiếu 2 cái này thì liệu 2 Video kia có phát được không

Luôn hiểu rằng...mình mới chỉ biết một ít thôi

[Guidance] HTML 5	25/02/2012 14:03:36 (+0700) \| #9 \| 255336

LNTEAM
Member

Joined: 25/02/2012 01:23:38
Messages: 10
Offline

HTML 5, do trình duyệt hỗ trợ, tất nhiên là nó sẽ load trình phát mặc định của trình duyệt. Còn muốn tuỳ biến thì do bên site của bạn cài đặt. Thiếu type thì bạn thử edit trong phần demo của w3schools sẽ biết liền smilie

[Guidance] HTML 5	25/02/2012 21:27:42 (+0700) \| #10 \| 255486

chicken_c500
Member

Joined: 17/04/2011 03:43:48
Messages: 25
Offline

LNTEAM wrote:

HTML 5, do trình duyệt hỗ trợ, tất nhiên là nó sẽ load trình phát mặc định của trình duyệt. Còn muốn tuỳ biến thì do bên site của bạn cài đặt. Thiếu type thì bạn thử edit trong phần demo của w3schools sẽ biết liền

Ý mình là nó load 2 video này lên, hay là tạo một giao diện phát nhạc ấy smilie

Luôn hiểu rằng...mình mới chỉ biết một ít thôi

[Guidance] HTML 5	25/02/2012 21:33:02 (+0700) \| #11 \| 255489

chicken_c500
Member

Joined: 17/04/2011 03:43:48
Messages: 25
Offline

Mọi người cho mình hỏi. Có cách nào để hiển thị 1 file văn bản từ máy mình đã viết sẵn và lưu lại ) lên trang web mà không cần gõ cả một cái văn bản dài ngoằng như vậy trong các thẻ định dạng văn bản khi mình soạn thảo mã HTML cho trang web đó không vậy. Nếu làm được thì văn bản đó phải được lưu dưới định dạng nào, và dùng cách nào để đưa nó lên. Ai biết giải đáp hộ mình nhé. Mình cảm ơn

Luôn hiểu rằng...mình mới chỉ biết một ít thôi

[Guidance] HTML 5	26/02/2012 13:31:22 (+0700) \| #12 \| 255575

lamdt
Member

Joined: 25/02/2012 11:00:01
Messages: 10
Location: nowhere
Offline

chicken_c500 wrote:

Mọi người cho mình hỏi. Có cách nào để hiển thị 1 file văn bản từ máy mình đã viết sẵn và lưu lại ) lên trang web mà không cần gõ cả một cái văn bản dài ngoằng như vậy trong các thẻ định dạng văn bản khi mình soạn thảo mã HTML cho trang web đó không vậy. Nếu làm được thì văn bản đó phải được lưu dưới định dạng nào, và dùng cách nào để đưa nó lên. Ai biết giải đáp hộ mình nhé. Mình cảm ơn

Bạn lưu nội dung cần hiện thị vào file txt hoặc html cũng được, rồi:
Cach 1: Dùng hàm include() của php
Code:

include(“file_name.ext”);

Cách 2: Lưu file gốc ở dạng shtml và dùng đoạn code để hiện thị file kia:
Code:

< ! -- #include virtual="file_name.ext" -- >

Chỗ < ! -- bạn viết liền hết nhé smilie

Chân cứng, đá mềm

[Guidance] HTML 5	26/02/2012 15:36:37 (+0700) \| #13 \| 255584

idid231
Member

Joined: 03/06/2011 09:36:19
Messages: 32
Offline

Bác nào tốt bụng chỉ em cách download hay convert từ html5 về swf định dạng flash với. Em google không thấy, nhiều bài học (Flashcard) hay trò chơi định dạng này mà không sao tải đc smilie

[Guidance] HTML 5	26/02/2012 16:02:04 (+0700) \| #14 \| 255587

lamdt
Member

Joined: 25/02/2012 11:00:01
Messages: 10
Location: nowhere
Offline

bạn thử trang này xem http://www.spacegoo.com/demo_html5toflash.php

Chân cứng, đá mềm

[Guidance] HTML 5	26/02/2012 20:17:24 (+0700) \| #15 \| 255611

thienhavodinh
Member

Joined: 13/03/2009 20:38:18
Messages: 20
Offline

Mình nói rồi mà. Bạn thử xoá đi rồi try it your seft biết liền...
/hvaonline/posts/list/10525.html

[Guidance] HTML 5	26/02/2012 21:13:14 (+0700) \| #16 \| 255617

idid231
Member

Joined: 03/06/2011 09:36:19
Messages: 32
Offline

lamdt wrote:

bạn thử trang này xem http://www.spacegoo.com/demo_html5toflash.php

Rất Cảm Ơn bạn.

[Guidance] HTML 5	26/02/2012 21:24:46 (+0700) \| #17 \| 255618

LNTEAM
Member

Joined: 25/02/2012 01:23:38
Messages: 10
Offline

chicken_c500 wrote:

LNTEAM wrote:

HTML 5, do trình duyệt hỗ trợ, tất nhiên là nó sẽ load trình phát mặc định của trình duyệt. Còn muốn tuỳ biến thì do bên site của bạn cài đặt. Thiếu type thì bạn thử edit trong phần demo của w3schools sẽ biết liền

Ý mình là nó load 2 video này lên, hay là tạo một giao diện phát nhạc ấy

Nó load trình chơi lên bạn ạ, tuỳ theo bạn dùng thẻ nào thôi, còn phần nội dung thì phải có tài nguyên, đường dẫn thì mới load được chứ bạn, định gọi trình play lên ngắm à bạn!

[Guidance] HTML 5	27/02/2012 09:47:58 (+0700) \| #18 \| 255693

Son Cle
Member

Joined: 23/02/2012 12:13:06
Messages: 5
Location: Game Online
Offline

Khi học html bạn không chỉ đơn giản là học html. Bạn thử đi sâu vào những vấn đề kiểu như nếu có thẻ mở mà không có thẻ đóng thì điều gì sẽ xảy ra, nếu thay đổi đường dẫn thì điều gì sẽ xảy ra... Lối học thử sai như vậy sẽ hay hơn là cách học thụ động qua ví dụ...

Làm sai > ko chạy đc
Như vậy thì rút ra cái ji ?

Multi FAP

[Guidance] HTML 5	27/02/2012 11:40:47 (+0700) \| #19 \| 255732

lamdt
Member

Joined: 25/02/2012 11:00:01
Messages: 10
Location: nowhere
Offline

Nhìn thấy cái hố để tránh nó đi.

Chân cứng, đá mềm

[Guidance] HTML 5	27/02/2012 15:44:08 (+0700) \| #20 \| 255815

thienhavodinh
Member

Joined: 13/03/2009 20:38:18
Messages: 20
Offline

Đôi khi là nhảy vô một cái hố khác to hơn nhưng mà ít ra nó giúp bạn trả lời cho câu hỏi:
type="video/mp4"
type="video/ogg"
Nếu thiếu 2 cái này thì liệu 2 Video kia có phát được không

Và khi bạn biết nó không chạy được thì tới lúc đó mới có thêm một câu hỏi nữa đặt ra là tại sao lại thế. Khác nhiều so với việc là cứ viết như thế thì nó sẽ chạy...

[Guidance] HTML 5	27/02/2012 16:06:40 (+0700) \| #21 \| 255824

lamdt
Member

Joined: 25/02/2012 11:00:01
Messages: 10
Location: nowhere
Offline

Son Cle wrote:

Cám ơn bạn conmale,
Mình cũng đang mò mẫm ở http://www.w3schools.com
Nhưng cái mà mình k hiểu ở đây là sao họ code mà ra được cả video trong khi mình k thấy đề cập đến đường dẫn nào cả, thực sự mình rất cần những kiến thức chi tiết hơn để hiểu được bản chất.
Ví dụ như bài cái test này: http://www.w3schools.com/html5/tryit.asp?filename=tryhtml5_video_all
Mình ko hiểu video đc lấy ra ntn.

Mình xin được mạn phép giải thích cái ví dụ trên trang demo đấy http://www.w3schools.com/html5/tryit.asp?filename=tryhtml5_video_all) như sau:

Code:

<video width="320" height="240" controls="controls">
<source src="movie.ogg" type="video/ogg" />
<source src="movie.mp4" type="video/mp4" />
Your browser does not support the video tag.
</video>

Ví dụ này, có thể hiểu được chia ra làm 3 mức:

1. Nếu trình duyệt hỗ trợ thẻ <audio> và định dạng .oog thì dòng <source src="movie.ogg" type="video/ogg" /> được gọi để chạy file movie.ogg ( file này nằm dùng folder với file code - đây là đường dẫn tương đối tới file movie.* mà bạn thienhavodinh nói, vì vậy đường dẫn của nó là movie.ogg chứ không cần http://..../movie.org ).
2. Nếu trường hợp 1. không xảy ra nhưng trình duyệt hỗ trợ thẻ <audio> và định dạng .mp4 thì dòng <source src="movie.mp4" type="video/mp4" /> được gọi để chạy file movie.mp4.
3. Nếu cả 2 trường hợp trên không xảy ra, thì trình duyệt sẽ hiện dòng Your browser does not support the video tag.

Chân cứng, đá mềm

[Guidance] HTML 5	27/02/2012 18:59:47 (+0700) \| #22 \| 255870

Son Cle
Member

Joined: 23/02/2012 12:13:06
Messages: 5
Location: Game Online
Offline

Đôi khi là nhảy vô một cái hố khác to hơn nhưng mà ít ra nó giúp bạn trả lời cho câu hỏi:
type="video/mp4"
type="video/ogg"
Nếu thiếu 2 cái này thì liệu 2 Video kia có phát được không

Vấn đề này lại phải tìm lại lý thuyết xem cái đó là gì.
Nhưng có thể suy luận nó sẽ định dạng cho cái Đường Dẫn Tương Đối phía trước ?

Nếu trình duyệt hỗ trợ thẻ <audio> và định dạng .oog thì dòng <source src="movie.ogg" type="video/ogg" /> được gọi để chạy file movie.ogg ( file này nằm dùng folder với file code - đây là đường dẫn tương đối tới file movie.* mà bạn thienhavodinh nói, vì vậy đường dẫn của nó là movie.ogg chứ không cần http://..../movie.org ).

Nói nhưng bạn thì mình hiểu sơ sơ thì 1 đường dẫn tuyệt đối sẽ là http://..../movie.org ?
---------
Như vậy thì đường dẫn http://..../movie.org có khác gì với 1 đường dẫn của 1 video trên youtube ?
Và làm thế nào để có được đường dẫn tuyệt đối/tương đối của 1 video/image, có phải đơn giản là up lên 1 host nào đó như photobucket ?

Multi FAP

[Guidance] HTML 5	27/02/2012 21:06:00 (+0700) \| #23 \| 255898

registereds
Member

Joined: 16/04/2006 15:00:21
Messages: 4
Offline

Pác ợ, đường dẫn tương đối với tuyệt đối là do pác thôi. Nếu pác có 1 cái host và domain (http://abc.com/), pác up code (file html) của pác lên folder A trong abc.com đó và pác up thêm 1 file video cũng lên file A luôn. Lúc này pác có thể dùng đường dẫn tương hay tuyệt thì tuỳ pác:
- Tương đối: thì pác cứ chèn code như w3school src="movie.mp4" tức là khi pác chạy file html ở trên và src="movie.mp4" thì nó sẽ tìm 1 file tên là movie.mp4 trên folder A (tức là folder chứa html đang chạy). Lưu ý nếu file HTML của pác nằm ở folder B mà movie.mp4 ở A thì bó tay (lúc này nó sẽ tìm ở Folder B xem có file movie.mp4 ko).

- Tuyệt đối: thì pác cứ src="http://abc.com/A/movie.mp4" thì lúc này pác chạy file html ở chỗ nào (dù là A hay B) thì nó vẫn chạy cái file movie.mp4 ở trong folder A.

Mình ko có khả năng sư phạm :-s.. diễn giải hơi lờ mờ...

[Guidance] HTML 5	29/02/2012 21:33:06 (+0700) \| #24 \| 256312

Son Cle
Member

Joined: 23/02/2012 12:13:06
Messages: 5
Location: Game Online
Offline

^ Uh mình hiểu ý bạn rồi !
Đi chỉnh sửa mấy cái code trong Try it your self ở trang w3c mà xoá mấy cái đi nó vẫn chạy đc mới kì :-s

Dạo này lười lý thuyết quá, chỉ muốn vào làm cái ji đó cho mình đc nhìn thấy thành quả của mình smilie

Dù là những cái cơ bản nhất.

Multi FAP