{"id":1458,"date":"2023-07-26T00:56:13","date_gmt":"2023-07-25T17:56:13","guid":{"rendered":"https:\/\/ladigi.vn\/t\/?p=1458"},"modified":"2023-07-25T12:06:48","modified_gmt":"2023-07-25T05:06:48","slug":"thiet-ke-website-voi-adobe-dreamweaver-cs5-phan-2","status":"publish","type":"post","link":"https:\/\/ladigi.vn\/t\/thiet-ke-website-voi-adobe-dreamweaver-cs5-phan-2\/","title":{"rendered":"Thi\u1ebft k\u1ebf website v\u1edbi Adobe Dreamweaver CS5 – Ph\u1ea7n 2"},"content":{"rendered":"
\n

Trong ph\u1ea7n 2 s\u1ebd gi\u1edbi thi\u1ec7u cho \u0111\u1ebfn c\u00e1c b\u1ea1n c\u00e1ch ch\u00e8n c\u00e1c n\u1ed9i dung \u0111a ph\u01b0\u01a1ng ti\u1ec7n nh\u01b0 \u1ea3nh (k\u00e8m hi\u1ec7u \u1ee9ng khi di chuy\u1ec3n tr\u1ecf chu\u1ed9t), \u0111o\u1ea1n flash, video clip. \u0110\u1ed3ng th\u1eddi h\u01b0\u1edbng d\u1eabn x\u1eed d\u1ee5ng ph\u1ea7n m\u1ec1m SothinkDHTMLMenu (t\u00edch h\u1ee3p v\u00e0o Adobe Dreamweaver) t\u1ea1o th\u1ef1c \u0111\u01a1n \u0111\u1ed9ng…<\/p>\n

7. Ch\u00e8n h\u00ecnh v\u00e0o website<\/strong><\/p>\n

– Ch\u00e8n \u1ea3nh t\u0129nh<\/strong><\/p>\n

Tr\u01b0\u1edbc khi mu\u1ed1n ch\u00e8n h\u00ecnh \u1ea3nh v\u00e0o website, b\u1ea1n ch\u1ec9 n\u00ean ch\u00e9p m\u1ecdi th\u1ee9 c\u00e1c h\u00ecnh \u1ea3nh c\u1ea7n ch\u00e8n v\u00e0o folder Image <\/em>c\u1ee7a b\u1ed9 web. Vi\u1ec7c l\u1ef1a ch\u1ecdn h\u00ecnh \u1ea3nh \u0111\u1ec3 ch\u00e8n v\u00e0o website c\u0169ng ph\u1ea3i ch\u00fa \u00fd cho \u0111\u1ebfn s\u1ed1 l\u01b0\u1ee3ng & k\u00edch th\u01b0\u1edbc c\u1ee7a \u1ea3nh v\u00ec n\u1ebfu ch\u00e8n qu\u00e1 nhi\u1ec1u ho\u1eb7c \u1ea3nh qu\u00e1 l\u1edbn s\u1ebd l\u00e0m cho website c\u00f3 d\u1ee5ng l\u01b0\u1ee3ng l\u1edbn, vi\u1ec7c t\u1ea3i v\u1ec1 xem c\u0169ng ch\u1eadm h\u01a1n. \u0110\u1ec3 th\u1ef1c hi\u1ec7n vi\u1ec7c ch\u00e8n h\u00ecnh \u1ea3nh v\u00e0o website, b\u1ea1n l\u00e0m nh\u01b0 sau: v\u00e0o Insert<\/strong>, ch\u1ecdn Image <\/strong>& t\u00ecm t\u1edbi h\u00ecnh \u1ea3nh mu\u1ed1n ch\u00e8n .<\/p>\n

Sau khi ch\u00e8n h\u00ecnh \u1ea3nh v\u00e0o website, b\u1ea1n ti\u1ebfn h\u00e0nh c\u00e0i \u0111\u1eb7t c\u00e1c thu\u1ed9c t\u00ednh cho h\u00ecnh \u1ea3nh v\u1eeba m\u1edbi ch\u00e8n \u1edf khung Properties <\/strong>(h\u00ecnh 8)<\/p>\n

\"Thi\u1ebft<\/p>\n

H\u00ecnh 8. Thu\u1ed9c t\u00ednh c\u1ee7a h\u00ecnh \u1ea3nh<\/p>\n

– T\u1ea1o Rollover Images.<\/strong><\/p>\n

Rollover Images <\/em>l\u00e0 m\u1ed9t h\u00ecnh \u1ea3nh s\u1ebd thay \u0111\u1ed5i khi con tr\u1ecf \u0111i ngang qua n\u00f3. Khi t\u1ea1o Rollover Images<\/em> th\u00ec hai \u1ea3nh ph\u1ea3i c\u00f3 k\u00edch th\u01b0\u1edbc b\u1eb1ng nhau. N\u1ebfu hai \u1ea3nh c\u00f3 k\u00edch th\u01b0\u1edbc kh\u00f4ng b\u1eb1ng nhau th\u00ec Dreamweaver s\u1ebd t\u1ef1 ch\u1ec9nh cho ch\u00fang b\u1eb1ng nhau.<\/p>\n

Tr\u01b0\u1edbc ti\u00ean b\u1ea1n \u0111\u1eb7t con tr\u1ecf \u1edf v\u1ecb tr\u00ed mu\u1ed1n ch\u00e8n. Sau \u0111\u00f3 ch\u1ecdn Insert <\/strong>> Image objects<\/strong> > Rollover Image<\/strong>.<\/p>\n

H\u1ed9p tho\u1ea1i Insert Image Rollover<\/strong> xu\u1ea5t hi\u1ec7n ta c\u00e0i \u0111\u1eb7t c\u00e1c n\u1ed9i dung sau:<\/p>\n

\"Thi\u1ebft<\/p>\n

H\u00ecnh 9. T\u1ea1o hi\u1ec7u \u1ee9ng \u1ea3nh \u0111\u1ed9ng khi di chuy\u1ec3n tr\u1ecf chu\u1ed9t<\/p>\n

– Image name: <\/span>\u0111\u1eb7t t\u00ean cho Image.<\/p>\n

– Original image: nh\u1ea5n v\u00e0o n\u00fat Browse ch\u1ec9 \u0111\u1ecbnh h\u00ecnh \u0111\u1ea7u ti\u00ean xu\u1ea5t hi\u1ec7n.<\/p>\n

– Rollover Images: nh\u1ea5n v\u00e0o n\u00fat Browse ch\u1ec9 \u0111\u1ecbnh h\u00ecnh s\u1ebd thay \u0111\u1ed5i khi di chuy\u1ec3n chu\u1ed9t qua n\u00f3.<\/p>\n

– When Clicked, Go to URL: nh\u1ea5n v\u00e0o n\u00fat Browse ch\u1ec9 ra website li\u00ean k\u1ebft cho \u0111\u1ebfn khi nh\u1ea5n v\u00e0o n\u00f3.<\/p>\n

Ch\u1ecdn OK <\/strong>\u0111\u1ec3 ho\u00e0n t\u1ea5t (h\u00ecnh 9).<\/p>\n

– Ch\u00e8n \u1ea3nh \u0111\u1ed9ng flash, video clip v\u00e0o website.<\/strong><\/p>\n

V\u00e0o Insert <\/strong>> media <\/strong>> ch\u1ecdn SWF <\/strong>ho\u1eb7c FLV <\/strong>t\u00f9y \u0111i theo \u0111\u1ecbnh d\u1ea1ng t\u1eadp tin c\u1ea7n ch\u00e8n. Sau \u0111\u00f3 duy\u1ec7t cho \u0111\u1ebfn File flash ho\u1eb7c File Video & b\u1ea5m OK.<\/p>\n

\"Thi\u1ebft<\/p>\n

H\u00ecnh 10. Ch\u00e8n t\u1eadp tin \u0111a ph\u01b0\u01a1ng ti\u1ec7n<\/p>\n

8. T\u1ea1o th\u1ef1c \u0111\u01a1n cho website.<\/strong><\/span><\/p>\n

Menu <\/strong>l\u00e0 1 ph\u1ea7n kh\u00f4ng th\u1ec3 thi\u1ebfu cho m\u1ecdi website. N\u00f3 l\u00e0 n\u01a1i li\u00ean k\u1ebft c\u00e1c trang r\u1eddi r\u1ea1c c\u1ee7a b\u1ed9 web l\u1ea1i v\u1edbi nhau th\u00e0nh m\u1ed9t h\u1ec7 th\u1ed1ng. Vi\u1ec7c t\u1ea1o ra m\u1ed9t th\u1ef1c \u0111\u01a1n th\u1eadt \u0111\u1eb9p & chuy\u00ean nghi\u1ec7p l\u00e0 \u01b0\u1edbc ao c\u1ee7a nhi\u1ec1u ng\u01b0\u1eddi thi\u1ebft k\u1ebf web.<\/p>\n

\u0110\u1ed1i v\u1edbi ph\u1ea7n m\u1ec1m thi\u1ebft k\u1ebf web Dreamweaver, \u0111\u00e3 c\u00f3 m\u1ed9t c\u1ed9ng c\u1ee5 t\u00edch h\u1ee3p b\u1ed5 tr\u1ee3 t\u1ea1o th\u1ef1c \u0111\u01a1n th\u1eadt chuy\u00ean nghi\u1ec7p l\u00e0 SothinkDHTMLMenu<\/strong>. B\u1ea1n c\u0169ng c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng ph\u1ea7n m\u1ec1m \u0111\u00f3 \u0111\u1ec3 thi\u1ebft k\u1ebf th\u1ef1c \u0111\u01a1n cho website c\u1ee7a m\u00ecnh.<\/p>\n

SothinkDHTMLMenu \u0111\u01b0\u1ee3c cung c\u1ea5p b\u1ea3n s\u1eed d\u1ee5ng th\u1eed t\u1ea1i trang ch\u1ee7 http:\/\/www.sothink.com\/product\/dhtmlmenu. Sau khi thi\u1ebft l\u1eadp th\u00e0nh c\u00f4ng ph\u1ea7n m\u1ec1m SothinkDHTMLMenu, tr\u00ean thanh th\u1ef1c \u0111\u01a1n c\u1ee7a Adobe Dreamweaver s\u1ebd c\u00f3 th\u00eam th\u1ef1c \u0111\u01a1n Sothink <\/strong>& v\u1edbi th\u1ef1c \u0111\u01a1n n\u00e0y c\u00e1c b\u1ea1n s\u1ebd t\u1ea1o ra m\u1ed9t th\u1ef1c \u0111\u01a1n b\u00f3ng b\u1ea9y cho website c\u1ee7a m\u00ecnh (h\u00ecnh 11).<\/p>\n

\"Thi\u1ebft<\/p>\n

H\u00ecnh 11. Kh\u1edfi \u0111\u1ed9ng DHTML Menu<\/p>\n

\u0110\u1ea7u ti\u00ean m\u1edf website c\u1ea7n t\u1ea1o th\u1ef1c \u0111\u01a1n b\u1eb1ng ph\u1ea7n m\u1ec1m Adobe Dreamweaver \u0111\u1eb7t con tr\u1ecf \u1edf v\u1ecb tr\u00ed c\u1ea7n ch\u00e8n th\u1ef1c \u0111\u01a1n, ch\u1ecdn th\u1ef1c \u0111\u01a1n Sothink<\/strong>, trong b\u1ea3ng hi\u1ec7n ra ch\u1ecdn DHTML Menu<\/strong> (ho\u1eb7c b\u1ea5m t\u1ed5 h\u1ee3p ph\u00edm Alt+Shift+D). L\u01b0u \u00fd, b\u1ea1n c\u1ea7n ph\u1ea3i l\u01b0u website tr\u01b0\u1edbc khi ti\u1ebfn h\u00e0nh t\u1ea1o th\u1ef1c \u0111\u01a1n.<\/p>\n

Trong c\u1eeda s\u1ed5 m\u1edf ra c\u1ee7a SothinkDHTMLMenu<\/em>, ch\u1ecdn Blank Menu <\/strong>\u0111\u1ec3 thi\u1ebft k\u1ebf m\u1edbi, From Template<\/strong> n\u1ebfu mu\u1ed1n ch\u1ecdn m\u1ed9t ki\u1ec3u th\u1ef1c \u0111\u01a1n c\u00f3 s\u1eb5n. Trong c\u1eeda s\u1ed5 Menu Tree<\/strong> (th\u1ef1c \u0111\u01a1n \u0111\u1ee9ng \u1edf b\u00ean tr\u00e1i), b\u1ea1n c\u0169ng c\u00f3 th\u1ec3 th\u1ef1c hi\u1ec7n c\u00e1c thao t\u00e1c nh\u01b0 c\u1eaft, d\u00e1n,\u2026 c\u00e1c ch\u1ee7 \u0111\u1ec1, chuy\u00ean m\u1ee5c cho th\u1ef1c \u0111\u01a1n th\u00f4ng qua c\u00e1c n\u00fat l\u1ec7nh tr\u00ean thanh c\u00f4ng c\u1ee5.<\/p>\n

To\u00e0n b\u1ed9 ti\u1ebfn tr\u00ecnh thi\u1ebft k\u1ebf trong SothinkDHTMLMenu<\/em> \u0111\u01b0\u1ee3c th\u1ef1c hi\u1ec7n ch\u1ee7 y\u1ebfu b\u1edfi c\u00e1c khung t\u00ednh n\u0103ng: Popup Menu, Menu Item<\/em>. Ngo\u00e0i ra, trong ti\u1ebfn tr\u00ecnh thi\u1ebft k\u1ebf, b\u1ea1n c\u0169ng c\u00f3 th\u1ec3 xem th\u00eam v\u1ec1 c\u00e1c c\u1eeda s\u1ed1: Scrolling <\/em>& Global Setting <\/em>(h\u00ecnh 12).<\/p>\n

\"Thi\u1ebft<\/p>\n

\"Thi\u1ebft<\/p>\n

H\u00ecnh 12. C\u00e1c t\u00e1c v\u1ee5 thi\u1ebft k\u1ebf<\/p>\n

– Khung Menu Item:<\/strong><\/p>\n

C\u1eeda s\u1ed5 n\u00e0y cho ph\u00e9p b\u1ea1n \u0111\u1ecbnh d\u1ea1ng cho \u0111\u00e3 t\u1eebng ch\u1ee7 \u0111\u1ec1, \u0111\u00e3 t\u1eebng m\u1ee5c trong th\u1ef1c \u0111\u01a1n (h\u00ecnh 13). Trong c\u1eeda s\u1ed5 n\u00e0y, b\u1ea1n c\u0169ng c\u00f3 th\u1ec3 \u0111i\u1ec1u ch\u1ec9nh c\u00e1c m\u1ee5c nh\u01b0 sau:<\/p>\n

(*2*)<\/p>\n

H\u00ecnh 13. Thu\u1ed9c t\u00ednh c\u1ee7a th\u1ef1c \u0111\u01a1n<\/p>\n

+ Ch\u1ecdn nh\u00e3n General <\/em>\u0111\u1ec3 nh\u1eadp c\u00e1c m\u1ee5c cho th\u1ef1c \u0111\u01a1n.<\/p>\n

+ Ch\u1ecdn Text <\/em>\u0111\u1ec3 nh\u1eadp t\u00ean ch\u1ee7 \u0111\u1ec1.<\/p>\n

+ Ch\u1ecdn m\u1ee5c HTML <\/em>\u0111\u1ec3 nh\u1eadp t\u00ean ch\u1ee7 \u0111\u1ec1 \u0111\u01b0\u1ee3c \u0111\u1ecbnh d\u1ea1ng trong c\u00e1c c\u1eb7p th\u1ebb HTML.<\/p>\n

+ \u0110\u1ec3 ch\u00e8n \u1ea3nh v\u00e0o th\u1ef1c \u0111\u01a1n, b\u1ea1n ch\u1ecdn Image<\/em>, x\u00e1c \u0111\u1ecbnh \u1ea3nh t\u1eeb n\u00fat l\u1ec7nh .<\/p>\n

+ C\u0103n ch\u1ec9nh v\u1ecb tr\u00ed hi\u1ec3n th\u1ecb n\u1ed9i dung tr\u00ean c\u00e1c m\u1ee5c th\u1ef1c \u0111\u01a1n v\u1edbi Align <\/em>(left, right, center) ho\u1eb7c Valign<\/em> (top, middle, bottom).<\/p>\n

+ \u0110\u1eb7t li\u00ean k\u1ebft cho c\u00e1c m\u1ee5c th\u1ef1c \u0111\u01a1n th\u00f4ng qua m\u1ee5c Link<\/em>.<\/p>\n

Ngo\u00e0i ra trong c\u1eeda s\u1ed5 Menu Item <\/em>b\u1ea1n c\u00f2n c\u00f3 th\u1ec3 \u0111\u1ecbnh d\u1ea1ng font ch\u1eef, m\u00e0u ch\u1eef, m\u00e0u n\u1ec1n, h\u00ecnh n\u1ec1n, khung, ki\u1ec3u cho th\u1ef1c \u0111\u01a1n trong c\u00e1c nh\u00e3n t\u01b0\u01a1ng \u1ee9ng c\u1ee7a c\u1eeda s\u1ed5 Menu Item<\/strong> l\u00e0 Font<\/em>, Icon<\/em>, Background<\/em>, Border<\/em>, Condition<\/em>, Style<\/em>, Advanced<\/em>.<\/p>\n

– Khung Popup Menu<\/strong><\/p>\n

\"Thi\u1ebft<\/p>\n

H\u00ecnh 14. C\u1eeda s\u1ed5 Popup Menu<\/p>\n

Sau khi t\u1ea1o xong th\u1ef1c \u0111\u01a1n, c\u1eeda s\u1ed5 n\u00e0y s\u1ebd gi\u00fap ch\u00fang ta thi\u1ebft k\u1ebf s\u1eafc m\u00e0u, ki\u1ec3u hi\u1ec3n th\u1ecb th\u1ef1c \u0111\u01a1n\u2026 & \u0111i\u1ec1u quan tr\u1ecdng b\u1ea1n c\u0169ng c\u00f3 th\u1ec3 t\u1ea1o nh\u1eefng hi\u1ec7u \u1ee9ng \u0111\u1eb7c bi\u1ec7t cho th\u1ef1c \u0111\u01a1n (h\u00ecnh 14).<\/p>\n

C\u00e1c b\u01b0\u1edbc th\u1ef1c hi\u1ec7n nh\u01b0 sau:<\/em><\/p>\n

Trong nh\u00e3n Genaral <\/strong>c\u1ee7a Popup Menu<\/strong>, ch\u1ecdn Horizontally <\/strong>trong khung Display <\/strong>\u0111\u1ec3 hi\u1ec3n th\u1ecb th\u1ef1c \u0111\u01a1n t\u1ecda l\u1ea1c ngang ho\u1eb7c ch\u1ecdn Vertically <\/strong>cho ki\u1ec3u th\u1ef1c \u0111\u01a1n d\u1ecdc (h\u00ecnh 15).<\/p>\n

\"Thi\u1ebft<\/p>\n

H\u00ecnh 15. Ch\u1ecdn ki\u1ec3u hi\u1ec3n th\u1ecb<\/p>\n

Ti\u1ebfp \u0111i theo ch\u1ecdn nh\u00e3n Background<\/strong>, trong m\u1ee5c Bg color<\/strong>, b\u1ea5m n\u00fat & ch\u1ecdn m\u00e0u n\u1ec1n cho th\u1ef1c \u0111\u01a1n t\u1eeb b\u1ea3ng m\u00e0u, c\u00f2n n\u1ebfu mu\u1ed1n th\u1ef1c \u0111\u01a1n c\u00f3 n\u1ec1n trong su\u1ed1t th\u00ec b\u1ea5m \u0111\u00e1nh d\u1ea5u ch\u1ecdn tr\u01b0\u1edbc m\u1ee5c Transparent<\/strong>. C\u0169ng c\u00f3 th\u1ec3 ch\u1ecdn \u1ea3nh n\u1ec1n c\u1ee7a th\u1ef1c \u0111\u01a1n b\u1eb1ng ph\u01b0\u01a1ng ph\u00e1p nh\u1ea5n n\u00fat trong m\u1ee5c Bg image <\/strong>(h\u00ecnh 16).<\/p>\n

\"Thi\u1ebft<\/p>\n

H\u00ecnh 16. Ch\u1ecdn m\u00e0u n\u1ec1n hay h\u00ecnh n\u1ec1n<\/p>\n

\u0110\u1ec3 \u0111\u1eb7t m\u00e0u n\u1ec1n cho th\u1ef1c \u0111\u01a1n, b\u1ea1n ch\u1ecdn nh\u00e3n Border<\/strong>, b\u1ea5m ch\u1ecdn n\u00fat m\u0169i t\u00ean tr\u00ean n\u00fat \u0111\u1ec3 \u0111\u1eb7t m\u00e0u cho m\u1ed7i c\u1ea1nh c\u1ee7a Menu. Trong nh\u00e3n Effects <\/strong>t\u1eeb c\u1eeda s\u1ed5 Popup Menu, c\u00e1c b\u1ea1n s\u1ebd \u0111\u1eb7t hi\u1ec7u \u1ee9ng cho th\u1ef1c \u0111\u01a1n (h\u00ecnh 17). C\u00e1c hi\u1ec7u \u1ee9ng trong m\u1ee5c nh\u01b0 sau:<\/p>\n

\"Thi\u1ebft<\/p>\n

H\u00ecnh 17. Ch\u1ecdn hi\u1ec7u \u1ee9ng<\/p>\n

+ \u0110\u1ed5 b\u00f3ng cho th\u1ef1c \u0111\u01a1n:<\/strong> B\u1ea1n c\u0169ng c\u00f3 th\u1ec3 \u0111\u1ed5 b\u00f3ng cho th\u1ef1c \u0111\u01a1n b\u1eb1ng ph\u01b0\u01a1ng ph\u00e1p ch\u1ecdn Simple ho\u1eb7c Complex t\u1eeb th\u1ef1c \u0111\u01a1n con c\u1ee7a Drop shadow, ch\u1ecdn \u0111\u01b0\u1eddng n\u00e9t, \u0111\u1ed9 d\u00e0y cho b\u00f3ng & s\u1eafc m\u00e0u cho b\u00f3ng.<\/p>\n

+ Hi\u1ec7u \u1ee9ng hi\u1ec3n th\u1ecb th\u1ef1c \u0111\u01a1n (Effects for showing): <\/strong>b\u1ea5m ch\u1ecdn th\u1ef1c \u0111\u01a1n & ch\u1ecdn m\u1ed9t hi\u1ec7u \u1ee9ng \u0111\u1eb7c bi\u1ec7t t\u1eeb danh s\u00e1ch.<\/p>\n

+ Hi\u1ec7u \u1ee9ng \u0111\u1eb7c bi\u1ec7t \u0111\u1ec3 \u1ea9n th\u1ef1c \u0111\u01a1n (Effect for Hiding): <\/strong>b\u1ea5m ch\u1ecdn m\u0169i t\u00ean, ch\u1ecdn hi\u1ec7u \u1ee9ng \u0111\u1ec3 \u1ea9n th\u1ef1c \u0111\u01a1n.<\/p>\n

+ Effect Speed: <\/strong>Nh\u1eadp gi\u00e1 tr\u1ecb v\u00e0o \u00f4 text \u0111\u1eb7t v\u1eadn t\u1ed1c hi\u1ec3n th\u1ecb cho hi\u1ec7u \u1ee9ng th\u1ef1c \u0111\u01a1n.<\/p>\n

– Khung Scrolling<\/strong><\/p>\n

N\u1ebfu trong th\u1ef1c \u0111\u01a1n c\u00f3 qu\u00e1 nhi\u1ec1u th\u1ef1c \u0111\u01a1n con, b\u1ea1n c\u0169ng c\u00f3 th\u1ec3 l\u00e0m cho c\u00e1c th\u1ef1c \u0111\u01a1n con cu\u1ed9n l\u1ea1i b\u1eb1ng ph\u01b0\u01a1ng ph\u00e1p tu\u1ef3 ch\u1ec9nh trong c\u1eeda s\u1ed5 Scrolling khi tr\u00ean m\u00e0n h\u00ecnh kh\u00f4ng \u0111\u1ee7 kh\u00f4ng gian \u0111\u1ec3 hi\u1ec3n th\u1ecb m\u1ecdi th\u1ee9 ch\u00fang (h\u00ecnh 18).<\/p>\n

\"Thi\u1ebft<\/p>\n

H\u00ecnh 18. T\u00f9y ch\u1ec9nh ki\u1ec3u d\u00e1ng thanh cu\u1ed9n<\/p>\n

+ Tu\u1ef3 ch\u1ec9nh ki\u1ec3u d\u00e1ng cho thanh cu\u1ed9n \u0111i theo chi\u1ec1u ngang (Horizontal Popup Menus) ho\u1eb7c \u0111i theo chi\u1ec1u d\u1ecdc (Vertical Popup Menus).<\/p>\n

+ \u0110\u00e1nh d\u1ea5u ch\u1ecdn Enable Scrolling.<\/em><\/p>\n

Sau khi \u0111\u00e3 ho\u00e0n t\u1ea5t c\u00e1c b\u01b0\u1edbc c\u00e0i \u0111\u1eb7t cho th\u1ef1c \u0111\u01a1n, b\u1ea1n ch\u1ecdn l\u1ec7nh Save and close<\/strong> \u0111\u1ec3 ho\u00e0n t\u1ea5t c\u00f4ng vi\u1ec7c. SothinkDHTMLMenu <\/em>s\u1ebd t\u1ef1 \u0111\u1ed9ng \u0111\u01b0a th\u1ef1c \u0111\u01a1n m\u00e0 b\u1ea1n v\u1eeba t\u1ea1o v\u00e0o website c\u1ee7a m\u00ecnh m\u00e0 kh\u00f4ng c\u1ea7n ph\u1ea3i l\u00e0m vi\u1ec7c v\u1edbi nh\u1eefng \u0111o\u1ea1n code n\u1eefa. Tuy nhi\u00ean, SothinkDHTMLMenu <\/em>l\u1ea1i c\u00f3 m\u1ed9t nh\u01b0\u1ee3c \u0111i\u1ec3m l\u00e0 b\u1ecb l\u1ed7i font ti\u1ebfng Vi\u1ec7t Unicode khi ch\u1ea1y th\u1ef1c \u0111\u01a1n tr\u00ean tr\u00ecnh duy\u1ec7t & c\u00e1c t\u1eadp tin do ch\u01b0\u01a1ng tr\u00ecnh t\u1ea1o ra l\u00e0 r\u1ea5t nhi\u1ec1u & t\u1ecda l\u1ea1c c\u00f9ng folder v\u1edbi t\u1eadp tin web v\u1eeba t\u1ea1o ch\u1ec9 n\u00ean c\u00f3 ph\u1ea7n n\u00e0o \u0111\u00f3 l\u00e0m cho ph\u1ea7n thi\u1ebft k\u1ebf kh\u00f4ng c\u00f3 t\u00ednh khoa h\u1ecdc. Nh\u01b0ng hai l\u1ed7i tr\u00ean v\u1eabn c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c kh\u1eafc ph\u1ee5c d\u1ec5 d\u00e0ng b\u1eb1ng ph\u01b0\u01a1ng ph\u00e1p l\u00e0m vi\u1ec7c v\u1edbi nh\u1eefng \u0111o\u1ea1n code.<\/p>\n

Tr\u01b0\u1edbc ti\u00ean, b\u1ea1n c\u0169ng c\u00f3 th\u1ec3 kh\u1eafc ph\u1ee5c l\u1ed7i font b\u1eb1ng ph\u01b0\u01a1ng ph\u00e1p v\u00e0o \u0111o\u1ea1n code do ch\u01b0\u01a1ng tr\u00ecnh t\u1ea1o ra trong Dreamweaver t\u00ecm t\u1edbi c\u00e1c t\u1eeb b\u1ecb l\u1ed7i font & s\u1eeda l\u1ea1i cho \u0111\u00fang. Ti\u1ebfp \u0111i theo, \u0111\u1ec3 kh\u1eafc ph\u1ee5c c\u00e1c t\u1eadp tin do SothinkDHTMLMenu <\/em>t\u1ea1o ra t\u1ecda l\u1ea1c \u201cm\u1ea5t tr\u1eadt t\u1ef1<\/em>\u201d trong folder ch\u1ee9a website b\u1ea1n t\u1ea1o ra m\u1ed9t folder m\u1edbi trong folder ch\u1ee9a website (folder Menu ch\u1eb3ng h\u1ea1n), ti\u1ebfp \u0111\u00f3 sao ch\u00e9p m\u1ecdi th\u1ee9 c\u00e1c t\u1eadp tin m\u00e0 SothinkDHTMLMenu t\u1ea1o ra v\u00e0o folder m\u1edbi n\u00e0y. Sau \u0111\u00f3 v\u00e0o c\u1eeda s\u1ed5 so\u1ea1n th\u1ea3o code & th\u00eam ph\u1ea7n \u201cmenu\\<\/strong>\u201d v\u00e0o tr\u01b0\u1edbc c\u00e1c d\u1eabn c\u0169 l\u00e0 xong (c\u00e1c \u0111\u01b0\u1eddng d\u1eabn c\u0169 l\u00e0 t\u00ean c\u1ee7a c\u00e1c t\u1eadp tin do SothinkDHTMLMenu t\u1ea1o ra).<\/p>\n

9. T\u1ea1o li\u00ean k\u1ebft cho website.<\/strong><\/p>\n

M\u1ed9t website \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf ra kh\u00f4ng ch\u1ec9 ch\u1ee9a th\u00f4ng tin c\u1ee7a n\u1ed9i b\u1ed9 website m\u00e0 n\u00f3 c\u00f2n ph\u1ea3i \u0111\u01b0\u1ee3c li\u00ean k\u1ebft v\u1edbi nhi\u1ec1u website kh\u00e1c \u0111\u1ec3 n\u1ed9i dung th\u00eam phong ph\u00fa. C\u00f3 th\u1ec3 t\u1ea1o li\u00ean k\u1ebft t\u1eeb m\u1ed9t h\u00ecnh \u1ea3nh cho \u0111\u1ebfn website ho\u1eb7c t\u1eeb m\u1ed9t d\u00f2ng ch\u1eef t\u00f9y \u0111i theo s\u1edf th\u00edch c\u1ee7a ng\u01b0\u1eddi thi\u1ebft k\u1ebf. C\u00e1c b\u01b0\u1edbc th\u1ef1c hi\u1ec7n nh\u01b0 sau:<\/p>\n

– Ch\u00e8n h\u00ecnh ho\u1eb7c nh\u1eadp d\u00f2ng ch\u1eef c\u1ea7n t\u1ea1o li\u00ean k\u1ebft.<\/p>\n

– B\u1ea5m ch\u1ecdn h\u00ecnh ho\u1eb7c ch\u1ecdn d\u00f2ng ch\u1eef c\u1ea7n t\u1ea1o li\u00ean k\u1ebft.<\/p>\n

Nh\u1eadp v\u00e0o \u00f4 Link \u1edf khung Properties address website c\u1ea7n li\u00ean k\u1ebft t\u1edbi.<\/p>\n

\"Thi\u1ebft<\/p>\n

H\u00ecnh 19. Thu\u1ed9c t\u00ednh address li\u00ean k\u1ebft<\/p>\n

L\u01b0u \u00fd,<\/em> address website li\u00ean k\u1ebft nh\u1eadp v\u00e0o c\u1ea7n ghi \u0111\u1ea7y \u0111\u1ee7 t\u00ean c\u1ee7a website. V\u00ed d\u1ee5, li\u00ean k\u1ebft cho \u0111\u1ebfn trang Quantrimang <\/em>th\u00ec c\u1ea7n nh\u1eadp \u0111\u00fang address https:\/\/quantrimang.com.<\/p>\n<\/div>\n

Thi\u1ebft K\u1ebf Web v\u1edbi Dreamweaver CS6<\/h2>\n