Phần 2: Xây dựng code xHTML
- August 27, 2009
- 35 comments
Đây là phần thứ hai trong series gồm 3 phần. Trong phần này tôi sẽ cùng bạn xây dựng code xHTML của trang web. Chúng ta sẽ bắt đầu từ dòng code đầu tiên. Bạn có thể download file html của tutorial này về tham khảo thêm cho rõ ràng. Nhớ là đọc file ReadMe.txt
Thời lượng: 29:37
Xem Demo: Clean ‘n’ Clear
Download file PSD, html và CSS: Clean ‘n’ Clear
Các phần còn lại: Phần 1, Phần 3
Phần 1: Chuyển PSD thành xHTML »
Cai phan nay ngoi lau that:)oai
Upload dùm video chất lượng cao bài này cái anh !
Cảm ơn anh
pà con ơn giúp mình với, mình muốn làm cái sidebar như thế này
http://img2-photo.apps.zing.vn/upload/original/2010/12/09/16/14/12918860941988094376_574_574.jpg
mình đã thử nhưng ma nhìn nó xấu quá huhu…
Bạn nào cho mình xin phần 2. Mình cảm ơn nhiều
Các bạn có thể cho mình xin link download vào địa chỉ Email : domainlee.niit@gmail.com
Mình cảm ơn rất rất nhiều.
Cảm ơn anh Demon Warlock nhiều lắm, em rất thích trang web này của anh…em lang thang trên mạng đã lâu,nhưng nay mới tìm được trang về thiết kế web tuyệt vời như vậy…Xin chân thành cảm ơn!
Anh DW ơi, bài viết này thiếu video + thiếu link download. Và còn nhiều bài có link bị hỏng nữa nhưng em quên mất tiêu rồi.
Các bác ui, link bài này die rùi, em hok xem dc. Bác nào có link khác cho em xin với nhé, gửi qua mail quochuyls@gmail.com thì càng tốt. Em xin cảm ơn và hậu tạ(nếu có thể) (_^_^_)
Bác ơi! làm ơn giúp cháu cái này! cháu đang làm một tài liệu học HTML và có dạng giống như api của java. Tức là chia trang index thành 2 cột và cột bên trái lại chia thành 2 dòng. Dòng phía trên bên trái cháu có 3 link lớn để dẫn tới các thẻ. khi click chuột vào mỗi link thì sẽ có các thẻ trong nhóm link đó hiện ra ở hàng dưới của cột bên trái. và khi click chuột vào mỗi thẻ đó thì nội dung sẽ hiện sang cột bên phải. Cháu làm nhiều cách rồi mà cung không ra. Cháu làm được tới hàng trên cột trái rồi mà khi click chuột vào thì nó hiện các thẻ ngay tai hàng trên của cột trái luôn thay vì đúng là phải hiện ở hàng dưới cột trái. về nội dung thì khi click vào các thẻ vẫn hiện ra bên cột phải.Xin Bác gợi ý cho cháu cách để làm các thẻ xuất hiện ở hàng dưới cột trái theo yêu cầu nha bác. Cám ơn Bác !
bạn có yahoo không cho mình đi, mình xem nếu giúp được mình sẽ giúp.
Anh Clackken smith ko những trình bày video clipro ràng mà còn vui tính ghê
Tôi không thạo tiếng Anh, không thạo tin học cho lắm nên nge qua video rất khó. Tác giả có thể hướng dẫn tạo web bằng bài viết có hình ảnh minh họa được không? Rất mong Tác giả thông cảm, con số 56 nói lên sự lạc hậu của tôi rồi đó. Xin cảm ơn nhiều.
Nếu bác sinh năm 56 thì bác bằng tuổi bố cháu ^^. Cháu xin nói với bác một chuyện. Bọn cháu làm các Video này hoàn toàn nói bằng tiếng Việt, cháu chưa biết bác xem chỗ nào thể hiện tiếng Anh hả Bác. Mọi video hướng dẫn trên Izwebz 100% dùng Tiếng Việt, và nói tiếng việt Bác ạ.
- còn các nội dung mà bác thấy gh toàn tiếng anh trong Video thì đặc thù của thiết kế web thì các ngôn ngữ sử dụng chúng ta không dùng tiếng việt, chúng ta sử dụng tiếng anh cho các hàm, các câu lệnh của nó Bác ạ. Biết là mặc dù bác khó tiếp thu nhưng đó là đặc thù chung, bác cố gắng nhé.
- còn về phần bác yêu cầu, con xin nói với Bác, Video là hướng trực quan nhất mà một hướng dẫn có thể mang lại cho bác. ^^ Hình ảnh thì chưa chắc là ổn đâu ạ.
Có link down bản flv cho bác nè : http://qooy.com/files/0BKLLJQV/secondstep.flv
Thank U nhìu nghen.
Ai koá link download phần nè cho mynk` xyn.Tk
Anh Admin viết bài nào cũng thấy hay và bổ ích..cam ơn anh nhiều…Mình Muốn kết bạn với mọi người.. liên hệ minh nhé tai: Email:changtraicaothuong2091988@yahoo.com
tiện thể phần mềm xem định dạng file flv thì có rất nhiều, mình đang dùng vlc media player, nếu bạn chưa có phần mềm xem đình dạng này thì có thể dùng vlc media player xem , thường thường khi bật video lên, mình kích chuột phải chọn video sau đó chọn aspect ratio sau đó bạn chọn kích thước để hiển thị phù hợp với màn hình của bạn.
đối với âm thanh cũng tương tự như vậy nếu bạn cảm thấy DW nói chậm giông dài , bla bla bạn kích chuột phải chọn playback sau đó chọn fast hoặc slow, hoặc faster hoặc slower, để phù hợp. Chúc bạn thành công.
@pooh: dùng phần mềm hỗ trợ download như IDM chẳng hạn để bắt link down định dạng flv là xong – Chất lượng vẫn good.
@lam_hg94: Cốt yếu của vấn đề là hiểu được cách sử dụng các thẻ HTML sao cho hợp lí . Còn dreamwave là 1 IDE hỗ trợ cho việc code nó nhanh hơn thôi – đặc biệt
nhanh với cách sử dụng table.Còn bây giờ xu hướng hạn chế dùng table nên ý nghĩa nó cũng ko còn to lớn như trước .
Nếu code bằng notepad ko thì cũng ko nên vì nó ko hỗ trợ gì cả nên rất dễ sai lỗi chính tả , code khó đọc …Bạn có thể có nhiều lựa chọn cho IDE mà bạn cảm thấy code trên nó thoải mái nhất …
@pooh bạn có thể dùng phần mềm internet download manager bản mới nhất sau đó cài vào máy, phần mềm này sẽ tích hợp luôn tính năng down file video , khi bạn nhấn nút play khi xem online , thì sẽ xuất hiện một nút down phía trên bên phải của khung video, bạn nhấn vào đó để down file video về, tuy nhiên định dạng là flv độ nét tương đối nhưng xem cũng được.
Bác cho em xin link video bài này với. Tình hình là nhà em chưa nối mạng internet được, còn ở cơ quan thì máy không có loa!
thanks bác nhiều!
lam = html kho lam.dung cai macromedia dremwere…. de hon nhieu,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
Thì cái đó là từ chuyên ngành đó mà. Làm sao mà dịch ra được? Inline và Block element là 2 từ mà ai học CSS cũng phải biết thôi. Theo chú thì dịch là gì?
Em dịch ra là: Khối thành phần. Nhưng không hiểu chức năng của hai thành phần này, Bác DW có thể nói rõ hơn được không? Về chức năng của hai thành phần đó nha Bác
Ặc Ặc! làm gì có đoạn nào giải thích bằng tiếng Anh. Nếu nó là từ tiếng Anh thì phải sử dụng thôi chứ có khi nào lại giải thích bằng tiếng Anh
Ví dụ ở phần banner có đoạn Bác nói :
“Bởi vì nó đang là “in lai e le ment” nên phải set height và width cho nó. và một số đoạn dưới nữa.
Bác thông cảm nha, em Translator hơi đuối vì trình độ tiếng anh hơi ngô ngố …Hì
Bác DW có thể hạn chế dùng tiếng Anh trong video được không? Em xem đến mấy đoạn code mà Bác giải thích bằng tiếng Anh nghe hơi đuối Hjc Hjc
Thì bạn Hưng đã cho bạn link đến 2 phần đấy còn gì
. Nhưng nếu bạn tinh ý nhìn lên phía trên cùng của post thì sẽ thấy link đến 2 phần đó ngay.
@TQH: Thx chú.
Cảm ơn Hưng đã chia sẻ nhưng tớ nghĩ Hưng chưa hiểu ý tớ :d Tớ xin Phần 1 và Phần 3 của Tut Xây dựng Code xHTML á,tớ bấm vào liên kết của phần 2 này để tới phần 1 nhưng nó đã “cáo phó” rùi >”< Mong các bạn fix lại giúp tớ ! Thank nhiều lắm ^^
@danienloc
Phần 1: http://www.izwebz.com/video-tutorials/chyen-psd-sang-html/
Phần 3: http://www.izwebz.com/video-tutorials/tao-dang-voi-css/
Các bạn vui lòng cho tớ xin linkdown của phần 1 và phần 3. Hiện giờ tớ vô 2 trang đó hok đc,nó báo video đã bị xóa ! Vui lòng fix lại giúp tớ và các bạn khác ! Cảm ơn nhiều !
Video Tutorial ở phần này có vấn đề khi xem đến được 1 lúc.
Admin fix giúp.
Video Tutorial rất hay.. Thanks
Anh sẽ convert và update sớm nhất có thể.
Anh ơi có thể cho em xin link download file video này được ko àh…..??? mạng nhà em nó chậm quá, nên coi bị cà rựt, em mún xin link download về coi cho dễ học hơn, cảm ơn anh nhiều lắm…..
Thank you!Cảm ơn anh đã chia sẻ, em rất thích cách làm video của anh!
a oi
e ko co tgioan xem truc tuyen dc ma sao ko thay cho dơn ve ha a?
tra loi guip e voi nha’