Create Website in Dreamweaver

12
Biên son: Ngô Hi Anh Liên h: http://www.ngohaianh.info Trang 1/12 To website bng Dreamweaver và ñưa lên Internet sdng free hosting (1/2009) * * * 1. ðăng ký mt tài khon free hosting Truy cp trang web sau ñể ñăng ký dch vweb host min phí: http://www.t35.com Hình 1 – Giao din ca trang web http://www.t35.com Chn phn “FREE HOSTING PACKAGE” và n “Sign Upñể bt ñầu ñăng ký. Giao din trang ñăng ký như sau: Hình 2 – Giao din phn ñăng ký

description

dreamweaver

Transcript of Create Website in Dreamweaver

  • Bin son: Ng Hi Anh Lin h: http://www.ngohaianh.info

    Trang 1/12

    To website bng Dreamweaver v a ln Internet s dng free hosting

    (1/2009) *

    * * 1. ng k mt ti khon free hosting Truy cp trang web sau ng k dch v web host min ph:

    http://www.t35.com

    Hnh 1 Giao din ca trang web http://www.t35.com

    Chn phn FREE HOSTING PACKAGE v n Sign Up bt u ng k. Giao din trang ng k nh sau:

    Hnh 2 Giao din phn ng k

  • Bin son: Ng Hi Anh Lin h: http://www.ngohaianh.info

    Trang 2/12

    n vo lin kt Accept pha di bn tri trong hnh 2. Lu rng dy s trong ngoc n l a ch IP ca ngi ng k. Sau mn hnh s chuyn sang trang in thng tin ca ngi ng k.

    Hnh 3 Form ngi ng k in thng tin

    Bn in y thng tin vo cc trng trong form ng k ri n vo Proceed to the Next Page. Nu mi thng tin bn in c chp nhn th bn s chuyn n mt trang qung co, bn hy n vo nt SKIP b qua phn qung co ny.

    Hnh 4 Giao din qung co, n SKIP b qua

  • Bin son: Ng Hi Anh Lin h: http://www.ngohaianh.info

    Trang 3/12

    Tip theo bn li chuyn n mt trang qung co na, ko thanh cun ca frame gia xung, s thy 2 nt SUBMIT v SKIP, bn tip tc chn SKIP b qua phn qung co.

    Hnh 5 Giao din qung co tip theo, n SKIP b qua

    Lc ny bn s chuyn n mt trang xc nhn rng qu trnh ng k ca bn hon tt, mt email xc nhn c gi n a ch email ca bn.

    Hnh 6 Giao din xc nhn qu trnh ng k hon tt

    By gi bn m hp th in t ca bn xem thng tin xc nhn ng k ca trang web http://www.t35.com gi n cho bn. Trong email c mt s thng tin nh username v password ca bn, c bit trong email s c

  • Bin son: Ng Hi Anh Lin h: http://www.ngohaianh.info

    Trang 4/12

    dng yu cu bn phi n vo mt lin kt kch hot ti khon ca bn: In order to activate your new account you will need to click on the link below. Bn hy n vo URL . Ch sau khi lin kt ny c clicked, ti khon ca bn mi c hiu lc hot ng.

    Hnh 7 Email xc nhn ng k thnh cng

    Sau khi bn n vo lin kt kch hot ti khon trong email, mt ca s mi s m ra, lc ny bn hon tt mi th tc ng k v c th s dng ti khon ca mnh trn http://www.t35.com. Giao din trang xc nhn ti khon ca bn c kch hot ging nh hnh 8 di y:

    Hnh 8 Xc nhn mi th tc ng k hon thnh

    Tip theo cn a th mt vi trang HTML ln web host m bn va ng k.

  • Bin son: Ng Hi Anh Lin h: http://www.ngohaianh.info

    Trang 5/12

    2. a website ca bn ln Internet M phn mm Dreamweaver 8, to mt site mi bng cch n vo Dreamweaver Site trong phn Create New. Thit lp cc thng tin cho website ca bn.

    - What would you like to name your site?: c th in tn ca bn - What is the HTTP Address (URL) of your site?: in ng a ch

    website va ng k ca bn: http://ngohaianh.t35.com Sau n Next.

    Hnh 9 Thit lp thng tin cho website ca bn bng Dreamweaver 8

    Tip theo, chn s dng server technology nh sau:

    Hnh 10 Chn s dng cng ngh PHP/MySQL

  • Bin son: Ng Hi Anh Lin h: http://www.ngohaianh.info

    Trang 6/12

    Sau chn th mc lu cc webpages trn my cc b, chn ch son tho trn my cc b ri mi ti ln server nh sau:

    Hnh 11 Chn ch son cc trang web v ti ln server

    Bc tip theo rt quan trng l nhp ng thng s cho FTP (y l phng thc gip bn ti cc trang web t my cc b ln server trn Internet): nhp ng cc thng s m bn ng k trn trang http://www.t35.com (xem li cc bc hnh 7, hnh 8)

    Hnh 12 Nhp thng s cho phng thc FTP

  • Bin son: Ng Hi Anh Lin h: http://www.ngohaianh.info

    Trang 7/12

    Sau khi nhp cc thng s ca bn, c th kim tra ngay vic kt ni ti server trn Internet bng cch n vo nt Test Connection. Nu khng c li g th s xut hin mt ca s pop-up nh bo kt ni thnh cng nh sau:

    Hnh 13 Thng bo kt ni ti server trn Internet thnh cng

    Tip theo l in a ch HTTP cho website ca bn (l a ch m ngi dng dng trnh duyt web truy cp)

    Hnh 14 in a ch HTTP cho website ca bn

  • Bin son: Ng Hi Anh Lin h: http://www.ngohaianh.info

    Trang 8/12

    C th kim tra a ch website ca bn bng cch n vo nt Test URL, nu khng c li s xut hin mt ca s pop-up nh bo thnh cng The URL Prefix test was successfully nh sau:

    Hnh 15 Thng bo a ch website ca bn hp l

    Mn hnh tip theo bn c th ty chn mt trong 2 la chn. Nu mun an ton bn c th chn Yes, enable check in and check out trnh trng hp c th c 2 ngi cng tc ng n website (trong trng hp lm vic nhm). Hoc bn chn No, do not enable check in and check out cng khng sao. Sau n Next.

    Hnh 16 La chn No, do not enable check in and check out

  • Bin son: Ng Hi Anh Lin h: http://www.ngohaianh.info

    Trang 9/12

    n y cc bc cn thit xong, Dreamweaver lit k li cc thng tin ca website bn xem li mt ln na. Khi chc chn mi thng tin mnh va nhp l ng n, bn n nt Done.

    Hnh 17 Hon tt vic to website bng Dreamweaver

    Sau bn son mt trang c ni dung ty , lu li di tn index.htm lm trang ch cho website ca bn. Trang index.htm bt buc phi c v bt k website no cng phi c trang ch (homepage).

    Hnh 18 To trang ch index.htm cho website ca bn

  • Bin son: Ng Hi Anh Lin h: http://www.ngohaianh.info

    Trang 10/12

    Sau bn s a trang index.htm ln server trn Internet bng chc nng Put File (s): n vo nt mi tn hng ln mu xanh m.

    Hnh 19 Ti trang ch index.htm ln server trn Internet

    S xut hin thng bo hi bn c mun a ton b cc files ln server khng? Bn chn OK.

    Hnh 20 a ton b cc files ln server

    S xut hin ca s thng bo qu trnh cc files ca bn ang c ti ln server trn Internet (trng hp ny ch c 1 file index.htm ).

    Hnh 21 Ca s thng bo qu trnh ti file ln server

    Sau bn c th xem tnh trng server trn Internet bng cch chuyn t ch Local view sang ch Remote view. Khi s xut hin mt ca s pop-up nh bo ang kt ni ti server nh hnh 22, sau khi kt ni thnh cng th ca s Remote view s xut hin tp index.htm va c ti ln thnh cng nh hnh 23:

    Hnh 22 Thng bo ang kt ni ti server trn Internet

  • Bin son: Ng Hi Anh Lin h: http://www.ngohaianh.info

    Trang 11/12

    Hnh 23 Chn ch Remote view xem tnh trng server trn Internet

    Nh vy lc ny bn hon tt vic to mt website trn Internet. M trnh duyt web Internet Explorer hoc Firefox v g vo a ch website ca bn:

    http://ngohaianh.t35.com Nu trn trnh duyt hin ra ni dung ca trang index.htm m bn son bng Dreamweaver th c ngha l mi vic thnh cng.

    Hnh 24 Website ca bn trn Internet

    Chc mng cc bn to c mt ngi nh cho mnh trn Internet.

  • Bin son: Ng Hi Anh Lin h: http://www.ngohaianh.info

    Trang 12/12

    Lu : khi bn thot khi Dreamweaver, c th ln lm vic sau ca bn, khi thc hin thao tc ti file ln server c th khng thnh cng, nguyn nhn l khi bn thot th cc thng s lin quan n username, password FTP ca bn b mt i, trnh trng hp ny, bn c th lu thng tin theo cc sau:

    Hnh 25 Vo Site Manage Sites Edit

    Hnh 26 in li thng tin ca bn v nh nh du chn Save

    Nh vy mi phin lm vic vi Dreamweaver ca bn s khng phi mt thi gian nhp li username, password na. Tuy nhin nn lu n vn ring t nu nhiu ngi cng dng chung mt my tnh.