Trung Tâm Đào Tạo Mạng Máy Tính Nhất Nghệ   Trung Tâm Đào Tạo Mạng Máy Tính Nhất Nghệ
Trang Chủ Giới Thiệu Chương Trình Học Tài Liệu Lịch Khai Giảng Học Phí Việc Làm Lộ trình học

Go Back   Trung Tâm Đào Tạo Mạng Máy Tính Nhất Nghệ > WEB - ĐỒ HỌA - LẬP TRÌNH > Đồ Họa > Thiết kế giao diện Web
Đăng Ký Thành Viên Thành Viên Lịch Ðánh Dấu Ðã Ðọc


Thiết kế giao diện Web Vẽ giao diện với photoshop, Cắt HTML & CSS, HTML5 & CSS3, thiết kế banner động với Flash + Action Script 2.0 - 3.0

Vui lòng gõ từ khóa liên quan đến vấn đề bạn quan tâm vào khung dưới , trước khi đặt câu hỏi mới.


Trả lời
 
Ðiều Chỉnh
  #1  
Old 04-01-2012, 11:22
LVT LVT vẫn chưa có mặt trong diễn đàn
Nhất Nghệ Support Team
 
Tham gia ngày: May 2007
Bài gởi: 239
Thanks: 46
Thanked 179 Times in 81 Posts
Thumbs up Thiết kế giao diện Shophoa từ A tới Z (Cắt html - css: chuyển từ PSD sang HTML)

Việc thiết kế giao diện web (Xây dựng web tĩnh) phải qua nhiều bước khá phức tạp, trong bài viết này tôi sẽ giới thiệu đến các bạn chi tiết các bước thiết kế một trang web tĩnh. Bắt đầu với việc thiết kế giao diện từ photoshop đến cắt giao diện và cuối cùng là trình bày trang web bằng ngôn ngữ HTML và CSS.

Để cắt html cho tốt thì bạn phải có kế hoạch và kinh nghiệm làm việc nữa, nếu không cẩn thận bạn sẽ gặp nhiều rắc rối khi làm việc này.

Cắt Layout sau khi thiết kế xong giao diện của trang web là một việc làm hết sức quan trọng , nó có tác dụng sau
1.) Tách riêng các nút bấm ra khỏi image giao diện của trang web , việc này sẽ giúp cho bạn liên kết được nút bấm đến một trang web khác .
2.) Tăng tốc độ tải website . Giao diện của trang web sẽ được tải nhanh hơn nếu như bạn cắt Layout , vì những hình ảnh được cắt ra sẽ được IE tải về theo từng mảnh , nếu để nguyên một cái Image lớn như vậy thì trình duyệt web sẽ tải về rất chậm . Nếu mà trang web cuủa bạn tải về chậm thì sẽ làm người duyệt web dễ nản khi họ mới truy cập lần đầu tiên.

Các bước chuẩn bị cho bài thực hành
Download các file trong forder Source để lấy hình và mẫu thiết kế.
File thiết kế bằng photoshop phải giữ nguyên Layer để cắt giao diện cho web.
Phần mềm sử dụng:
1. Photoshop > vẽ và cắt giao diện
2. Dreamweaver > Layout HTML & CSS

Trước hết tôi sẽ giới thiệu đến các bạn phần 1 của bài viết này, nếu các bạn thấy hay thì tôi sẽ tiết tục cho các phần còn lại!@.......

Bây giờ hãy bắt tay ngay vào công việc

Việc thiết kế giao diện web được chia làm 3 phần như sau

Click vào để xem nha
Phần 1: Thiết kế giao diện bằng photoshop

Phần 2: Cắt html - css (Cắt giao diện web)
Phần 3: Layout web với html - CSS




Hôm nay tôi lập thread này mục đích là để mọi người có thể post những bài tut , các sample hoặc bạn đang gặp phải vấn đề khó khăng trong việc cắt html,... Hãy Post lên chủ đề này. Từ đó tôi sẽ tập hợp ý kiến của các bạn để viết bài hướng dẫn hoàn chỉnh để các bạn tham khảo.


thay đổi nội dung bởi: LVT, 16-03-2013 lúc 18:33
Trả Lời Với Trích Dẫn
Đã có 12 người gửi lời cảm ơn LVT vì bài viết hữu ích này:
  #2  
Old 17-01-2012, 08:45
LVT LVT vẫn chưa có mặt trong diễn đàn
Nhất Nghệ Support Team
 
Tham gia ngày: May 2007
Bài gởi: 239
Thanks: 46
Thanked 179 Times in 81 Posts
Uh

Chang thay ai quan tâm đến đề tài này nhỉ,
Trả Lời Với Trích Dẫn
Đã có 2 người gửi lời cảm ơn LVT vì bài viết hữu ích này:
  #3  
Old 17-01-2012, 21:27
EMoon EMoon vẫn chưa có mặt trong diễn đàn
Thành Viên Mới
 
Tham gia ngày: Oct 2010
Tuổi: 28
Bài gởi: 34
Thanks: 8
Thanked 12 Times in 8 Posts
Trích:
Nguyên văn bởi LVT View Post
Chang thay ai quan tâm đến đề tài này nhỉ,
Mình ủng hộ, post thêm nhiều bài hướng dẫn đi LVT
Trả Lời Với Trích Dẫn
  #4  
Old 18-01-2012, 10:11
kaka246 kaka246 vẫn chưa có mặt trong diễn đàn
Khám Phá
 
Tham gia ngày: Nov 2009
Bài gởi: 172
Thanks: 28
Thanked 21 Times in 16 Posts
Vấn đề này cũng rất hay. Ai có tài liệu, lab thì post lên cho mọi người cùng học hỏi ...
Trả Lời Với Trích Dẫn
  #5  
Old 24-01-2012, 11:02
teohamhoc teohamhoc vẫn chưa có mặt trong diễn đàn
Khám Phá
 
Tham gia ngày: Jun 2009
Tuổi: 39
Bài gởi: 121
Thanks: 41
Thanked 29 Times in 23 Posts
Hay day
Toi cung quan tam den de tai nay
Trả Lời Với Trích Dẫn
  #6  
Old 02-04-2012, 12:12
t589 t589 vẫn chưa có mặt trong diễn đàn
Mới Đăng Ký
 
Tham gia ngày: Oct 2011
Bài gởi: 6
Thanks: 3
Thanked 0 Times in 0 Posts
Thanks for share.
Trả Lời Với Trích Dẫn
  #7  
Old 11-04-2012, 14:12
maxnguyen82 maxnguyen82 vẫn chưa có mặt trong diễn đàn
Thành Viên Mới
 
Tham gia ngày: Apr 2009
Tuổi: 36
Bài gởi: 38
Thanks: 0
Thanked 1 Time in 1 Post
thank bồ.....................................................
Trả Lời Với Trích Dẫn
  #8  
Old 16-05-2012, 22:13
cafesg cafesg vẫn chưa có mặt trong diễn đàn
Thành Viên Mới
 
Tham gia ngày: Sep 2011
Tuổi: 32
Bài gởi: 15
Thanks: 0
Thanked 0 Times in 0 Posts
Nhất nghệ có dạy cái này không vậy mình muốn đăng ký học thêm nè
Trả Lời Với Trích Dẫn
  #9  
Old 17-05-2012, 09:59
LVT LVT vẫn chưa có mặt trong diễn đàn
Nhất Nghệ Support Team
 
Tham gia ngày: May 2007
Bài gởi: 239
Thanks: 46
Thanked 179 Times in 81 Posts
Đây là lớp Đồ Họa Web,
Bạn xem chương trình học ở đây
http://nhatnghe.com/?id=webdesign

Trả Lời Với Trích Dẫn
  #10  
Old 17-05-2012, 10:00
doanchinhthuan9 doanchinhthuan9 vẫn chưa có mặt trong diễn đàn
Mới Đăng Ký
 
Tham gia ngày: Dec 2011
Tuổi: 29
Bài gởi: 2
Thanks: 0
Thanked 0 Times in 0 Posts
k co video ak bo.................................
Trả Lời Với Trích Dẫn
Trả lời

Bookmarks

Ðiều Chỉnh

Quyền Sử Dụng Ở Diễn Ðàn
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is Mở
Smilies đang Mở
[IMG] đang Mở
HTML đang Tắt

Chuyển đến

Similar Threads
Ðề tài Người Gởi Chuyên mục Trả lời Bài mới gởi
Cắt PSD thành html hocmai_hocmai Thiết kế giao diện Web 5 06-02-2012 16:32
sao css định dang trên html rất đẹp nhưng khi sang aspx thì bị lại rất xấu thuan21 HTML/JavaScript 2 18-09-2011 08:11
Tipard PDF Converter Platinum v3.0.22 - Chuyển đổi PDF sang Word và các định dạng khác tangduongtrieu Softwares - Tools 0 09-04-2011 11:02
WIN MPG Video Convert Master Chương trình chuyển đổi định dạng video đa năng hamyvo Softwares - Tools 0 08-12-2010 23:32



Múi giờ GMT +7. Hiện tại là 05:31
Powered by: vBulletin Version 3.8.7
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.
Ad Management by RedTyger