Quy trình+kĩ thuật tạo 1 template từ photoshop rồi hiểu chỉnh+hoàn thiện bằng DW [Archive]

PDA

View Full Version : Quy trình+kĩ thuật tạo 1 template từ photoshop rồi hiểu chỉnh+hoàn thiện bằng DW

Breakup

24-04-2008, 01:12

anpro.us.to

26-04-2008, 15:44

có bạn nào chỉ dẩn cho mình cách đăng ký web free hem

godot

06-10-2008, 23:32

Chú em cứ chịu khó lần mò thế nào rồi cũng ra thôi.

truongtoan32

20-10-2008, 02:49

deo biet bon nay noi chuyen gi ca. kho hieu qua, ko biet bon nay bay cho nguoi khac lam wb hay la khoe khoang ty hieu biet cua minh lam nhu gioi lam ma noi thi deo ai biet ma cung cu noi thong minh that kham phuc may anh

ngonluabac

26-10-2008, 23:57

Nếu bạn vẫn cần một bài viết về quy trình tạo một template từ PTS rồi chuyển thành trang HTML thì tham khảo thử trang này xem http://dohoavn.net/forum/index.php

motminh_1212

29-10-2008, 10:19

có ai giúp minh học viết một trang wed với minh k biết gi cả thank !
mail của minh danghoaithach@yahoo.com.vn thank

ductoan1810

10-11-2008, 22:30

Google sẽ giúp các bạn học tất cả mọi thứ luôn

Mr.SeYeu

24-11-2008, 16:59

Bạn dùng PTS để design ra layout của trang web của bạn.
Sau khi design hoàn thiện, bạn dùng Slice Tool (hình con dao rọc giấy) để rạch thành các vùng trên layout.
Sau đó vào File > Export --> export thành html.
Bạn thử 1 vài lần sẽ hiểu được cơ chế của việc làm này, đồng thời hiểu luôn cách biến từ 1 PTS layout thành trang html nhé :)

laughatlife85_x1

05-12-2008, 15:27

Một vấn đề nữa đó là các text, khi design PTS bạn phải dùng font family của web, tránh dùng font đặc biệt

Khi dùng Slice tool cắt ,bạn phải hide các layout text đi, sau khi export ra HTML thì dùng Dreamwaver chèn text đó trở lại

---------
http://dtc.vnn.vn

final_wizards

11-12-2008, 13:59

Mình mới tập tành làm web và mới biết được mọi người thường dùng cách, tạo một template từ 1 file PTS, chỉnh sửa, cắt ảnh, xuất ra HTML...rồi hoàn thiện bằng Dreamweaver.
Mình cũng tìm hiểu và làm thử nhưng sao thấy khó quá!
Về quy trình tuần tự làm cái việc đó mình còn chưa nắm được nữa :(
Anh em ddth có thể cho mình xin một bài viết nhỏ về quy trình + kĩ thuật làm công việc trên được không?
Cảm ơn mọi người nhiều lắm!

[=========> Bổ sung bài viết <=========]

Oài! Chán đời! 5x người view mà ko ai trả lời sao?

Trước tiên bạn cần tạo ra mẫu web của mình bằng Photoshop. tất nhiên đây là công việc quan trọng nhất. Tiếp đến sử dụng công cụ Slice phân chia hình ảnh. Điều quan trọng là bạn dựa vào các nút nhấn, banner, và các vùng nội dung để phân chia hình ảnh cho phù hợp. một vùng chứa nội dung nên được chia thành 1 slice vì mỗi một Slice được tạo ra sẽ là 1 hình ảnh được cắt ra. sau khi cắt cắt hình ảnh bằng công cụ slice xong, bạn lưu file được phân chia dưới dạng trang web. Cuối cùng là bước sử dụng Dreamweaver hoặc Frontpage mở trang web vừa tạo bằng Photoshop và hiệu chỉnh nó.

mình xin đóng góp ý kiến rất nhỏ giúp đỡ cho bạn như vậy thôi.
Chúc bạn thành công nha.

smeex1

01-07-2011, 16:55

thiet ke web (http://websitedangcap.net/web) | thiet ke trang web (http://websitedangcap.net/web) | thiet ke website (http://websitedangcap.net/web) | cong ty thiet ke web (http://websitedangcap.net/web) | thiết kế web (http://websitedangcap.net/web) | thiết kế trang web (http://websitedangcap.net/web) | thiết kế website (http://websitedangcap.net/web) | công ty thiết kế web (http://websitedangcap.net/web) |[/FONT]
websitedangcap.net sdfsdf

vu_chung

19-07-2011, 20:14

Bác Mr.SeYeu nào nói rõ hơn không em hơi mơ hồ về thiết kế layout đó. Thanks

tuanhsp

22-07-2011, 17:48

bạn đã biết quy trình làm rùi thì chịu khó thử vài lần với 1 file PSD.

sau mỗi lần bạn sẽ rút được thêm kinh nghiệm ngay !

PS: để hiểu thấu đáo vấn đề, bạn cân có kiến thức cơ bản về xHTML, CSS, photoshop

ga_gi

12-08-2011, 16:28

Bác Mr.SeYeu nào nói rõ hơn không em hơi mơ hồ về thiết kế layout đó. Thanks
Layout là hình dáng của trang web bạn xây dựng, không biết đúng không nữa.

trantrungvu

30-08-2011, 12:53

Xem thử ở đây http://www.hocpsd.com/2010/09/thiet-ke-web-template.html không biết đúng ý bác chưa?

vnnguyendung

30-08-2011, 14:18

Quy trình design là
1. phác thảo layout
2. thiết kế bằng phần mềm đồ họa như GIMP, hoặc photoshop...
3. html+css (dùng Quanta, hoặc notepad++...)

Chỉ nhiêu đó là đủ rồi, Dreamweaver có vẻ hơi thừa.

mrdesign

13-09-2011, 16:42

Nếu có điều kiện online bạn vào trang izwebz.com tham khảo. Trang này hướng dẫn chi tiết và đầy đủ từ căn bản tới nâng cao... hic không biết tới bao giờ mới up được link để chia sẻ với các Bác.
Để biết được sự khác nhau giữa graphic design Print và web design thì vào http://polygon.vn/VN/bai-viet/thiet-ke-do-hoa-trong-linh-vuc-in-an-va-ket-xuat-web-/ContentDetail-Content-521-polygon.aspx

miopro

22-09-2011, 20:47

Chịu khó mày mò rồi cũng ra thôi...google rất hữu ích........ntuts,idesign,....

cuty

11-10-2011, 01:44

trong trang iz web có hướng dẫn tỉ mỉ lắm đó bạn
hoặc bạn search đi
có nhiều video cho bạn mà

khalonely74

13-10-2011, 00:05

uhm! nhu the cung hay !

jackiekiller

16-08-2012, 22:04

Đầu tiên bạn phải biết HTML là gì? và nếu bạn thực sự muốn học thì phải qua trường lớp chứ học trên mạng tùy biến cái web mà bạn cắt ra nó cũng khó, nếu bạn có đam mê và không có điều kiện thì phải thực sự cố gắng và vào W3C để học, ở trên đây nó có gần như đầy đủ, sau khi học HTML cơ bản xong, bạn có thể vào Izweb đọc những bài của DW có video hướng dẫn hẳn hoi đấy.

Chúc bạn thành công!