Thiết kế layout với Photoshop (phần 4/4)
- October 4, 2009
- 35 comments
Đây là phần cuối cùng của tutorial 4 phần, trong phần này chúng ta sẽ thiết kế phần footer và hoàn thành giao diện đã tạo ở ba phần trước.
Thời lượng:15:08
Link Download định dạng .avi chất lượng cao: MegaUpload, MediaFire
File Size: 68.6MB
Các phần khác: Phần 1, Phần 2, phần 3.
Thiết kế layout với Photoshop (phần 3/4) »
. đại loại là bạn echo ra 1 cái j đó nhưng trước đó đã...
cho mình xin cái demo nhé
Sao bác không up bài lên ạ. E tìm miết mà hok ra…….phần Thiết kế layout với Photoshop
Thanks bác, rất hay ạ
Thanks anh rất nhiều!
Hi,A trong forum co ai biet OScommer .giup em mot so tai lieu nghien cuu voi,E da tim rat nhieu nhung ma ko co nen bo tay nho A em giup do. co the mail giup em nha!
thanks.
lamemi2007@yahoo.com.
Không thấy demo đâu
sau khi thiết kế giao diện web bằng phóthop mình có thể chuyển nó sao giao diện web luôn được không vậy anh? 1 việc nữa em đang tìm bài viết về load trang web, vì em đang tập chững web, giống như khi click vào trang web thì nội dung thay đổi ở 1 vi trí chỉ định các phần khác giữ nguyên. tks anh nhiều
Bạn quay bằng phần mềm nào mà nét mà dung lượn lại nhẹ vậy?
Bạn hãy đọc FAQs trước khi hỏi nhá. Đã trả lời roài. http://www.izwebz.com/faqs/
Cảm ơn anh Deman Walock và Clackken Smith rất nhiều! Vào web của các anh lâu rồi nhưng nay mới viết được mấy dòng đầu tiên này
Em ngồi cả ngày hôm nay không cơm nước gì để làm cho xong cái phần giao diện đấy ạ 
làm rất thích nên cũng ko mệt gì cả! Uhm, bọn e luôn cập nhật và chờ Tut mới ạ! Chúc hai anh luôn tràn trề sức khỏe, niềm vui, cảm hứng và tiếp tuc tiến xa hơn nữa 
Àk cám ơn bạn nhiều nha ! … Sẵn đây mình muốn hỏi là … thiết kế 1 website thì mình đã có thể làm được phần nào rồi ! … Vậy thì cho mình hỏi làm sao để có những trang tin tức ở trên đó được ?
hix hix ! … E vẫn chưa đc hjểu lém … mình tạo ra 1 trang web thử trên PTS rồi sao đó mình dựa vào đó để làm lại cái website àk ? … chứ cái làm trên PTS này đâu có làm đc j` hả ?
… Sr e còn gà lắm
Chuyện này nói chính xác thì cũng đơn giản thôi. bạn cứ nghĩ xem nếu bạn xây 1 căn nhà, bạn có cần bản vẽ của ngôi nhà, có cần kiến trúc căn nhà xem có bao nhiêu phòng, phòng nào rộng bao nhiêu không ?. Hay chỉ đơn giản là thuê thợ tới thích xây kiểu gì xây ^^.
- PTS là bước dựng lên đựoc giao diện, dựng lên được khung chung của site bạn muốn xây dựng. Bước xây dựng nó thành HTML là bước đã chính thức xây dựng.
Mình tìm thấy rồi, thanks.
Mình mới xem xong clip hướng dẫn thiết kế layout web của DW rất hay, rất chi tiết. Cảm ơn bạn rất nhiều. Bạn DW có thể Share link bài viết về cắt Layout web từ thiết kế Photoshop không? Mình tìm không thấy, trong phần cuối của clip 4 bạn có nhắc là phần hướng dẫn cắt layout sẽ được giới thiệu sau, không biết đã có chưa?
comment của mình bị chạy tít xuống dưới rồi, cho nên để hỏi cho dễ
anh cho em hỏi.Nếu desgin template bằng PS như này thì sau này add cái ảnh này vào website như nào ạ.Với lại trong cái template bằng PS này, giả sử khi đưa vào website mà khi ấn chọn vào các Link như Home, Contact … để nó link tới các trang như home.php hoặc contact.php thì làm như nào nhỉ.Em mới tập tành làm web nên hơi mù mờ.Thanks anh
background-image use last:child, how to work in IE 6 7 8 !???
Link bác đưa đâu có chỉ cách fix gì đâu hic… T__T
Chào anh ! Kế hoạch em đang xây dựng một website theo một xu hướng mơí nó sẽ không hiện ra trước mắt nưã ! mà nó sẽ từ bên trái , bên phải chạy ra hoặc từ phiá dưới chạy lên trên chaỵ xuống !
Muốn làm tốt đập vào mắt người dùng thì đòi hỏi giao diện phải đẹp phải mang tính sáng tạo mơí !
Anh là một thế hệ IT đi trước và có điêù kiện du học tiếp thu nền công nghệ ngoaì nước .
P/S : Rất cảm ơn anh về những bài viết trên izwebz.com !Mong anh có những baì viết hay hơn nưã !
Oạch cái đoạn code nó không hiện được , thôi bác vào trang này mà xem
http://ie7-js.googlecode.com/svn/test/last-child.html
Hehe, cái này nếu đơn giản nhất thì bác cho thêm cái class hoặc id gì đó vào first-child hoặc last-child , sau đó style cái class hoặc id đó thôi.
Còn 1 cách khác mà em biết là dùng javascript , bác cứ cho đoạn này vào phần head là ok .
sau đó phần style muốn first-child hay last-child cũng được tuốt, bác có thể lần theo link cái js đó mà vào trang chủ của nó , cái này cũng fix khá nhiều bug của IE .
Trong tutorial thiết kế layout với CSS, DW có đề cập đến li:last-child. Thuộc tính last-child chỉ work trên FF va Safa thôi, not support trên IE… Làm sao để fix được vấn đề này vậy bạn??? Thanks
Làm như cách anh DW cũng hay,cách này dùng nếu bạn hok gộp group,nhưng nếu bạn gộp group thì chắc chắn sẽ khó tìm hơn vì Ctrl+ Click nó chỉ dzô tới group tổng thôi chớ hok dzô đến layer ^^
Anh thì anh tìm layer bằng cách Ctrl-click vào ngay cửa sổ đang làm việc thôi. Chư chuột phải rồi chọn layer cũng hơi mệt nếu file em làm có quá nhiều layer.
Đây thật là một trang web bổ ích anh ạ. Em cũng đang bắt đầu học dần từng thứ một, chắc sẽ lâu nhỉ. Mà sao em down file về thì không có tiếng nhưng xem trực tiếp lại được ạ? ( trước đó em vẫn down về và có tiếng bình thường).
À, khi tìm layer chứa đối tượng nào đó, anh chỉ cần click chuột phải vào phía trên đối tượng sẽ xuất hiện 1 list danh sách tên các layer có liên quan, anh chỉ cần chọn tên layer là được sẽ k mất nhều thời gian tìm trong tab layer nữa
Đó đó quan trọng là bước phải làm theo video. Chứ chỉ xem không thôi thì khó nhớ lắm. Yên tâm sẽ còn nhiều tut lắm. Thấy bên sidebar không hehe!
Em muốn tạo cái comment form mà không biết làm thế nào ?
Anh có thể làm 1 tut về vấn đề này được ko anh ?
hix coi là 1 chuyện vào làm thử mới biết là phải coi Tut của DW dài dài , như kiểu còn thiếu căn bản trầm trọng
Khiếp, cả buổi tối hì hục vẽ template ( mặc dù xấu quắc -.-’) . Cắt ra và viết HTML với CSS thì ôi thôi
trật đường ray hết 
– nhưng vui vì ít gì nó cũng lên đúng cái logo z.z’
Btw. Thank DW hehe hi vọng thêm vài tut nữa để bà con học hỏi.
Hết hồn! Cứ tưởng bị làm sao. Em thử xài VLC player đi. Anh thấy cái đó là tốt nhất bây giờ lại miễn phí nữa.
Sorry anh. Ko phải do video mà do em xem video với Total Media Player nên bị vậy. Nghe với Media Player Classic thì rất tốt. Cảm ơn anh nhiều nha!
Anh ơi! Video dạo này làm sao thế? Tiếng nói cứ bị lặp đi lặp lại, ngắt lên ngắt xuống, nghe chán wa. Hix hix…
Em cảm ơn anh ạ. Nhờ izwebz mà em đã học được rất nhiều !!!
Mỗi một giao diện đòi hỏi một cách làm khác nhau. Cho nên không thể mỗi tut anh lại làm một cái được đâu
. Nhưng cách cơ bản thì anh đã hướng dẫn rất tỉ mỉ ở những tut trước. Nếu em làm theo tất cả các phần đó thì anh chắc rằng giao diện này không có xi nhê gì với em hết.
Còn phần PSD của giao diện này có cần không nhỉ? khi mà anh đã hướng dẫn chi tiết tới từng bước.
Xin chào anh DW, xem nhiêu tutorial của anh, rất hay rất bổ ích cho một amateur web designer, có điều là khi thiết kế giao diện trên photoshop xong làm thế nào để có thể code web = dreamweaver trên giao diện đó. xin anh chỉ cụ thể xin cảm ơn!
Anh có thể hướng dẫn thêm cho chúng em cách Layout giao diện này bằng CSS nữa được không ạ. Phần này rất quan trọng và cũng rất khó để thực hiện. Em cũng đã xem các tutorial trước rồi, nếu có thêm một seri nữa làm bằng giao diện này thì thật là tuyệt vời. Em cảm ơn anh thật nhiều. (anh có thể share giao diện PSD này được không ạ.)