... bằng cách làm
màu nền giống với màu nền của trình duyệt.
Giáo trìnhThiếtkếWeb : Nguyễn Hữu Tuấn Email: prohuutuan@yahoo.com -0912378211
Giáo trìnhthiếtkếWeb
17
xem có thể phân biệt ... v¨n b¶n 18
PhÇn II
thiÕt kÕ web sö dông ms frontpage 20
Giáo trìnhThiếtkếWeb : Nguyễn Hữu Tuấn Email: prohuutuan@yahoo.com -0912378211
Giáo trìnhthiếtkếWeb
7
> > > ... tài liệu được đặt ở đây
</HEAD>
Giáo trìnhThiếtkếWeb : Nguyễn Hữu Tuấn Email: prohuutuan@yahoo.com -0912378211
Giáo trìnhthiếtkếWeb
6
chữ, vượt quá giới hạn này, các thẻ...
... TJeTU
O"au
lG^SEO_U
Độ chính xác: 0% - 100%.Độ chính xác càng cao thìđường cong mới sẽ càng gần giống với đường cong góc
Giá trị này quản lý độ trơn(smoothness) của đường cong,thay đổi từ 0 - 180 . ... .#!"3D
B1r$X7
O"fl
lG^SEO_U
.III.5 Pathfinder Buttons: kết quả là một nhóm
(group) của các paths
Divide
trim
merge
crop
outline
minus back
.III.5.1 Divide.
... J"36+B18X&:!"3
O"al
fO.B1
CHƯƠNG III
THAO TÁC VỚI ĐỐI TƯỢNG
.I Chọn đối tượng bằng công cụ
FB.$B1*"N%+B
187...
... tả
11
Ebook được upload tại www.viet-ebook.co.cc
IV.THIẾT KẾ MỘT SỐ WEBSITE MẪU
1. Thiếtkế website theo mẫu sau (http://greetings.yahoo.com)
2. Thiếtkế website theo mẫu sau (http://www.flowers.com)
26
Ebook ... Chọn chủ đề để thiếtkế website
Website về dịch vụ việc làm.
Website về dịch vụ nhà đất (http://www.nhadat.com).
Website báo điện tử (http://vnexpress.net )
Website trường học.
Website bán hàng ... www.viet-ebook.co.cc
5. Thiếtkế website theo mẫu sau (http://vnexpress.net)
6. Thiếtkế website theo mẫu sau (http://www.codeproject.com)
28
Ebook được upload tại www.viet-ebook.co.cc
Liên kết tới một trang...
...
</FONT>
Giáo trìnhthiếtkếWeb
6
Giáo trìnhThiếtkếWeb :
4.6. Khái niệm văn bản siêu liên kết
Văn bản siêu liên kết hay còn gọi là siêu văn bản là một từ, một cụm từ hay một câu trên trang Web ... trang web trên, hãy tự thiếtkế các trang cho website của nhóm.
Gi¸o tr×nh thiÕt kÕ Web
22
Gi¸o tr×nh ThiÕt kÕ Web :
5. Thiếtkế website theo mẫu sau (http://vnexpress.net)
6. Thiếtkế website ... Web
21
Gi¸o tr×nh ThiÕt kÕ Web :
IV.THIẾT KẾ MỘT SỐ WEBSITE MẪU
1. Thiếtkế website theo mẫu sau (http://greetings.yahoo.com)
2. Thiếtkế website theo mẫu sau (http://www.flowers.com)
3. Thiết...
... cọ)
Rotation: hướng của đối tượng (từ -1800 đến 1800)so với
trang (page) hoặc so với đường đi của cọ (path)
Dùng công cụ Painbrush với Scatter brush để phân bổ bướm và chuồn chuồn
dọc theo ... cọ
Hướng vẽ
tỷ lệ thu phóng
giữ đúng tỷ lệ
lật ngang
lật dọc
.II.4 Tạo Pattern brush
Bước 1: thiếtkế sẵn các mẫu (tiles)
Bước 2: chọn Side tile (mẫu cạnh)
Bước 3: chọn New Brush. Một hộp ... tile(mẫu đầu)
end tile (mẫu cuối)
Khoảng cách giữa các tile
Thu phóng so với mẫu ban đầu
Co dãn các tikes cho phù hợpvới chiều dài path
thêm khoảng trắng giữa cáctiles cho phù hợp chiều dài path
lấp...
... trên, dưới của lưới bằng một hình chữ nhật
nế u đ á nh dấu tùy cho ïn này, lưới sẽ được tô (fill) với màu hiện hành. Nếu không,lưới sẽ không được tô
điểm gốc từ đó lưới được vẽ ra
nhấn Alt để đổi ... chiều hoặc ngượcchiều kim đồng hồ
ne á u đa ùn h dấ u tu ø y cho ï n n à y, lưới sẽ được tô (fill) với màu hiện hành. Nếu không, lưới sẽ không được tô (no fill)
điểm gốc từ đó lưới được vẽ ra
nhấn ... (opened)hoặc đóng (closed)
Dọc theo trục Xhoặc Y
Nếu có đánh dấu vào ô này, cung sẽ được tô (fill) với màu hiện hành. Nếu không, cung sẽ không được tô (no fill) Nhấn Alt để đổi Cancel thành Reset
Trang...
... giữa 2chiều ngang và dọc
co dãn 2 chiềộc lập với nhau
co dãn độ dày đường viền và hiệu ứng tương ứng với tỷ lệ
Co dãn đối tượng
Co dãn mẫu tô
xem trước kết quả
giữ lại đối tượng
.IV.4 Co dãn theo ... ngang
đối xứng theo trục dọc
đối xứng theo trục xác địnhbởi góc Angle
lấy đối xứng đối tượng
xem trước kết quả
giữ lại đối tượng cũ
lấy đối xứng mẫu tô
Trang 47
Chương 5 : Các phép biến đổi hình học
• ... học hoặc thay đổi kích thước của đối
tượng, để giữ lại đối tượng cũ, ta gõ vào các giá trị cần thiết,
rồi nhấn Alt+ Enter
Trang 40
Chương 5 : Các phép biến đổi hình học
• Lưu ý:
Để lập lại...
... bằng nhau, chứ khơng ngẫu nhiên như
Roughen
Độ biến dạng so vớikích thước của đối tượng
Tương đối: biến dạng theo tỷ lệ phần trăm so với kích thước của đối tượng
Số lượng điểm neược tạo ra thêm
Trơn
Nhọn
Tuyệt ... tượng
.I.9 Overprint black
Thiết lập thuộc tính in chồng (overprint) cho thành phần đen (K)
của đối tượng
Trang 77
Chương 9 : FILTER
Bao gồm cả các đối tượngcó màu CMYK và đen với Phần trăm đen quy ... 60%
Bloar 20% Bloat 60%
.III.3 Roughen
Làm cho các đường cong trở nên “gồ ghề”
Độ biến dạng so với kích thướccủa đối tượng
Số lượng điểm neo đượctạo ra thêm
Trơn
nhọn
Trang 80
Chương 9 : FILTER
.I.3...
... các tùy chọn trong hộp thoại
Name: tên cho tài liệu mới
Size: Kích thước khổ giấy chuẩn thiếtkế được xác lập sẵn
Unit: Đơn vị đo lường
Width and Height: Chiều cao và chiều rộng
Orientation: ... hiển thị bản vẽ.
.III.3.1 Chế độ Preview.
Chọn View > Preview (Ctrl + Y) để hiển thị hình ảnh với đầy đủ
các thuộc tính fill (màu tô) và stroke (đường viền)
.III.3.2 Chế độ Outline.
Chọn View...
... (mesh point) với màu hiện hành. Khi đó các đường
lưới (mesh lines) sẽ tạo ra kéo dài từ điểm lưới đến biên của
đối tượng. Bấm chuột vào một đường lưới sẵn có để tạo ra
một đường lưới giaovới đường ... >
Blend > Blend Options, AI sẽ hiển thị bảng tuỳ chọn
Trang 60
Chương 6 : Màu sắc
• Khi thao tác với các thuộc tính Appearance, ta nên sử dụng Layer
palette để dể dàng chọn các đối tượng, nhóm, ... đen (D)
stroke box
đổi thuộc tính fill thànhstroke và ngược lại (Shift- X)
.II Fill
Muốn thao tác với fill ta phải chọn Fill box ở chế độ foreground
Trang 50
Chng 6 : Mu sc
nh im u, im cui v hng...
... một khối văn bản
Hai khối văn bản sẽ tự động liên kết
.I.5 Object > Text Wrap> Make Text Wrap
Cho khối văn bản chạy xung quanh một path với một khoảng
cách là offset
Điều kiện: path phải ... khoảng cách dòng, canh (alignment),
indents…Mỗi style sẽ có một tên. Mỗi khi ta kết (tag) một para hoặc một
nhóm các ký tự với một style sheet, thì para đó hoặc nhóm ký tự đó sẽ
được định dạng theo ... Tabs
.I.4 Threaded Text (khối văn bản)
Dùng lệnh Type > Threaded Text> Create để tạo mối liên kết
giữa hai khối văn bản
Trang 62
Chương 7 : Các thao tác văn bản (TEXT)
Dùng để tìm và thay...
... Khi đó
các thành phần của nhóm sẽ được kết hợp với nhau như một thể thống
nhất. Ví dụ: khi ta di chuyển nhóm thì tất cả các phần tử của nhóm cùng
di chuyển với nhau
Để nhóm các đối tượng, ta phải ... Ungroup (Ctrl+Shift+G)
Trang 25
Chương 3 : Thao tác với các đối tượng
CHƯƠNG III
THAO TÁC VỚI ĐỐI TƯỢNG
.I Chọn đối tượng bằng công cụ
Muốn thao tác với một đối tượng, trước tiên ta phải chọn đối
tượng ... Chương 3 : Thao tác với các đối tượng
Send To Back (Crtl+Shift +]): đưa đối tượng xuống dưới cùng
Bring To Front Bring Forward
Trang 27
Chương 3 : Thao tác với các đối tượng
.I.3 Công...
... màu giống nhau
sẽ được kết nối (unite) lại với nhau
Trang 39
Chương 4 : Đường cong (PATH)
Độ chính xác: 0% - 100%.Độ chính xác càng cao thìđường cong mới sẽ càng gần giống với đường cong góc
Giá ... 36
Chương 4 : Đường cong (PATH)
.III.4.1 Add To Shape Ares
Kết nối các đối tượng chồng lấp lên nhau thành một đối tượng.
Đối tượng kết xuất sẽ có thuộc tính fill và stroke của đối tượng trên ... quá trình thực hiện lệnh Crop
.III.5.5 Outline
Tạo ra các đoạn thẳng / cong tại các vùng giao nhau của các đối
tượng. Ta có thể tách nhóm (Object > Ungroup) hoặc dùng công cụ để
thao tác với...
... www.fpt.com với cùng dịch vụ http.
Giáo trìnhthiếtkếWeb
9
Gi¸o tr×nh ThiÕt kÕ Web : Đỗ Văn Mười Email: biomuoi79@yahoo.com - 0983795384
IV.THIẾT KẾ MỘT SỐ WEBSITE MẪU
1. Thiếtkế website theo ... 0983795384
3. Thiếtkế website theo mẫu sau (http://shopping.yahoo.com)
4. Thiếtkế website theo mẫu sau (http://www.is-edu.hcmuns.edu.vn)
Gi¸o tr×nh thiÕt kÕ Web
23
Giáo trìnhThiếtkếWeb : Vn ... text
BORDER = n
SRC = url
Giáo trìnhthiếtkếWeb
12
Giáo trìnhThiếtkếWeb : Vn Mi Email: biomuoi79@yahoo.com - 0983795384
trình duyệt).
Thẻ này giống nh thẻ BR, nó cũng không có thẻ kết thúc tơng ứng....