Lưu ý : bạn phải đăng ký làm thành viên thì mới có thể download tại diễn đàn này ^-^
Người đẹp
Social bookmarking
Tìm kiếm
Latest topics
Phần 1: Chuyển PSD thành xHTML
Dịch Vụ - Kinh Doanh :: Thủ Thuật :: 1. Thiết kế website :: 1.1 Web Development :: 1.1.2. HTML/JavaScript
Trang 1 trong tổng số 1 trang
Phần 1: Chuyển PSD thành xHTML
Thủ thuật Thiết kế website
Nguồn: izwebz.com
Ở những bài trước bạn đã học được những kiến thức căn bản về CSS và
xHTML. Trong bài này tôi sẽ hướng dẫn bạn cách chuyển một file PSD sang
xHTML. Đây cũng là giai đoạn cuối cùng trong cả hành trình học CSS và
xHTML của bạn.
Chúng ta cũng phải thực sự cảm ơn thế mạnh của CSS, nhờ nó chúng ta
có thể tạo ra trang web với code xHTML “sạch sẽ” chứ không còn như mớ
bòng bong với hàng trăm dòng code của bảng và các thành phần font face,
color … như trước đây.
Đây là phần thứ nhất trong series gồm 3 phần. Trong phần này tôi sẽ
nói sơ qua về cách xây dựng trang web trong Photoshop và cách lấy những
tấm hình mình cần cho phần 2 là phần viết code xHTML.
Thời lượng: 24:39
Lưu ý: Bạn cần Hjsplit để join các file lại (phần mềm miễn phí)
Link MediaFire: Phần 1, Phần 2, Phần 3, Phần 4.
File size: 318.47 MB
Download file PSD, html và CSS: Clean ‘n’ Clear
Nguồn: izwebz.com
Ở những bài trước bạn đã học được những kiến thức căn bản về CSS và
xHTML. Trong bài này tôi sẽ hướng dẫn bạn cách chuyển một file PSD sang
xHTML. Đây cũng là giai đoạn cuối cùng trong cả hành trình học CSS và
xHTML của bạn.
Chúng ta cũng phải thực sự cảm ơn thế mạnh của CSS, nhờ nó chúng ta
có thể tạo ra trang web với code xHTML “sạch sẽ” chứ không còn như mớ
bòng bong với hàng trăm dòng code của bảng và các thành phần font face,
color … như trước đây.
Đây là phần thứ nhất trong series gồm 3 phần. Trong phần này tôi sẽ
nói sơ qua về cách xây dựng trang web trong Photoshop và cách lấy những
tấm hình mình cần cho phần 2 là phần viết code xHTML.
Thời lượng: 24:39
Lưu ý: Bạn cần Hjsplit để join các file lại (phần mềm miễn phí)
Link MediaFire: Phần 1, Phần 2, Phần 3, Phần 4.
File size: 318.47 MB
Download file PSD, html và CSS: Clean ‘n’ Clear
Được sửa bởi it24seo24 ngày Sun Sep 11, 2011 10:17 am; sửa lần 1.
it24seo24- Đại tướng cấp 1
- Tổng số bài gửi : 434
Points : 1093
Reputation : 8
Join : 01/09/2011
Game
2:
(2/2)
Re: Phần 1: Chuyển PSD thành xHTML
Đâ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
Download file PSD, html và CSS: Clean ‘n’ Clear
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
Download file PSD, html và CSS: Clean ‘n’ Clear
Được sửa bởi it24seo24 ngày Sun Sep 11, 2011 10:18 am; sửa lần 1.
it24seo24- Đại tướng cấp 1
- Tổng số bài gửi : 434
Points : 1093
Reputation : 8
Join : 01/09/2011
Game
2:
(2/2)
Re: Phần 1: Chuyển PSD thành xHTML
Đây là phần 3 và cũng là phần cuối cùng của series tutorial chuyển
file PSD thành xHTML. Trong phần trước bạn đã xây dựng xong code HTML và
đã validate thành công. Bây giờ tới công đoạn dùng CSS để tạo dang cho
giao diện cho giống với mockup trong photoshop.
Khi chuyển từ mẫu thiết kế sang HTML, bạn nên làm càng giống càng tốt
với mẫu thiết kế. Kể cả là font chữ, khoảng cách, màu sắc … vì đó là ý
tưởng thiết kế của người làm. Chúng ta phải có trách nhiệm làm giống y
như trong thiết kế ban đầu.
Phần này khá dài, do vậy bạn nên đi lấy ly nước, đem theo ít bắp rang rồi mới vô cinema coi được =p
Thời lượng: 46:39
Link download định dạng .avi chất lượng cao: MediaFire Phần 1, Phần 2
File size:
Link reset CSS: Eric Meyer CSS Reset
file PSD thành xHTML. Trong phần trước bạn đã xây dựng xong code HTML và
đã validate thành công. Bây giờ tới công đoạn dùng CSS để tạo dang cho
giao diện cho giống với mockup trong photoshop.
Khi chuyển từ mẫu thiết kế sang HTML, bạn nên làm càng giống càng tốt
với mẫu thiết kế. Kể cả là font chữ, khoảng cách, màu sắc … vì đó là ý
tưởng thiết kế của người làm. Chúng ta phải có trách nhiệm làm giống y
như trong thiết kế ban đầu.
Phần này khá dài, do vậy bạn nên đi lấy ly nước, đem theo ít bắp rang rồi mới vô cinema coi được =p
Thời lượng: 46:39
Link download định dạng .avi chất lượng cao: MediaFire Phần 1, Phần 2
File size:
Link reset CSS: Eric Meyer CSS Reset
it24seo24- Đại tướng cấp 1
- Tổng số bài gửi : 434
Points : 1093
Reputation : 8
Join : 01/09/2011
Game
2:
(2/2)
Similar topics
» Pokemon [ 50 Mb/Ep + phần 1 - phần 9 + MF + hoàn thành]
» 6 cách học SEO để thành chuyên gia
» Manga Gundam The Origin được chuyển thể thành anime
» Facebook Marketing phần 5: Phân tích Thống kê
» Isekai no Seikishi Monogatari (Dị giới Thánh kỵ sĩ Truyền kì) (Hoàn thành)
» 6 cách học SEO để thành chuyên gia
» Manga Gundam The Origin được chuyển thể thành anime
» Facebook Marketing phần 5: Phân tích Thống kê
» Isekai no Seikishi Monogatari (Dị giới Thánh kỵ sĩ Truyền kì) (Hoàn thành)
Dịch Vụ - Kinh Doanh :: Thủ Thuật :: 1. Thiết kế website :: 1.1 Web Development :: 1.1.2. HTML/JavaScript
Trang 1 trong tổng số 1 trang
Permissions in this forum:
Bạn không có quyền trả lời bài viết
|
|
Tue Jul 28, 2015 10:41 pm by wm1933
» Hakoiri Shoujo: Virgin Territory, anime hentai 18+ , vietsub by Baka-sub
Fri Feb 14, 2014 12:37 pm by jake9x
» Learn English Vocabulary - GRE (145 Lesson / 5') part1
Fri Nov 22, 2013 11:37 am by tien02ltck2
» BEN 10 [Mediafire + vietsub ]
Thu Sep 19, 2013 11:39 am by cucphamdangian
» Panty Flash Teacher, hoạt hình người lớn 18+ , vietsub by Baka-sub
Wed May 01, 2013 2:48 pm by lahan42012
» Game Ninja Legend of Kage (Free) dành cho Smartphone Android và Tablet…
Tue Oct 30, 2012 9:38 am by thejovialman
» Bán website nông nghiệp
Wed Oct 03, 2012 6:25 am by mshuong
» Anime NARUTO 50 MB/ep + SS1+SS2+ 7 The Movie, update thường xuyên!!!
Tue Sep 25, 2012 6:46 am by dionelam
» Viết ứng dụng Facebook
Mon Sep 24, 2012 5:13 pm by it24seo24