Tìm hiểu công cụ Adobe Dreamweaver CS3 và ứng dụng ngôn ngữ PHP xây dựng website bán hàng trực tuyến động kết nối cơ sở dữ liệu MySQL

 TRNG I HC M TPHCM KHOA CÔNG NGH THÔNG TIN   ÁN MÔN HC CHUYÊN NGÀNH : C S D LIU  tài : Tìm hiu công c Adobe Dreamweaver CS3 Lp trình website bán hàng có kt ni c s d liu MySQL  S dng ngôn ng PHP, HTML, Javascript  S dng th vin CSS, Flash Ging viên hng dn : Thy H Quang Khi Sinh viên : Hoàng Phi V MSSV : 0851010336 Lp : TH08A1 TP.H CHÍ MINH – 2/2012 GII THIU  ÁN CHUYÊN NGÀNH CSDL HOÀNG PHI V – 0851010336 – TH08A1    ÁN MÔN H C : HOÀNG PHI V - 0851010336 Trang 1 Li m đu Trong thi đi ngày nay dch v kinh doanh online trên các website bán hàng trc tuyn đã không ngng phát trin và vn xa, đáp ng các nhu cu mua sm, tìm kim thông tin sn phm ca khách hàng. Qua internet vic giao dch trao đi hàng hóa đã tr nên nhanh chóng và tin li, không mt quá nhiu thi gian và công sc. ng dng website bán hàng trc tuyn tr nên hiu qu và đang là tiêu chí hàng đu ca nhiu doanh nghip trong và ngoài nc. Loi hình dch v  này không nhng là cách thc marketing d tip cn nht đi vi khách hàng mà còn đem li hiu qu kinh doanh cao. Kinh doanh bán hàng trên website đang là hình thc ph bin đc nhiu doanh nghip la chn nht là các lnh vc kinh doanh thi trang, công ngh thông tin, vin thông… Chính vì l đó mà em thc hin đ án “Tìm hiu công ngh Adobe Dreamweaver CS3 và ng dng ngôn ng php xây dng website bán hàng trc tuyn đng kt ni c s d liu MySQL” vi mong mun góp phn vào vic công ngh hóa các dch v bán hàng th công nh trc đây.  án xây dng hoàn chnh nn tng ca mt website đng có kt ni c s d liu chi tit, hp lý nht theo qui mô trung bình. ng thi đ án này cng là điu kin cn và đ đ phát trin website có qui mô ln thích hp cho nhu cu ngày mt cao hn ca doanh nghip. L i cm n Trong quá trình thc hin đ án “ Tìm hiu công c Adobe Dreamweaver CS3 và ng dng ngôn ng PHP đ lp trình website bán hàng trc tuyn đng kt ni c s d liu MySQL” em xin gi li cm n chân thành nht đn vi thy H Quang Khi, ngi luôn nhit tình, tn tâm hng dn em đ hoàn thành tt đ án này. Em hy vng trong tng lai gn có th phát trin nhiu ng dng t đ tài này đ góp phn xây dng và phát trin nn công ngh thông tin nc nhà. CHNG I TÌM HIU CÔNG C ADOBE DREAMWEAVER CS3    ÁN MÔN H C : HOÀNG PHI V - 0851010336 Trang 2 I. CHNG I : ADOBE DREAMWEAVER CS3 1) Tìm hiu s lc công c Adobe Dreamweaver CS3 a. Giao din chính trong Adobe Dreamweaver CS3 b. Tng bc to Site Qun lý d liu website đc chi tit, bao quát, gn gàng, c th hn  Bc 1 : Menu site -> New site CHNG I TÌM HIU CÔNG C ADOBE DREAMWEAVER CS3    ÁN MÔN H C : HOÀNG PHI V - 0851010336 Trang 3  Bc 2 : Thit lp các thông s (Cho mt website tnh) CHNG I TÌM HIU CÔNG C ADOBE DREAMWEAVER CS3    ÁN MÔN H C : HOÀNG PHI V - 0851010336 Trang 4 CHNG I TÌM HIU CÔNG C ADOBE DREAMWEAVER CS3    ÁN MÔN H C : HOÀNG PHI V - 0851010336 Trang 5 c. Tìm hiu các công c chính  Các ch đ quan sát  Code : Ch đ code ca page – phù hp vi lp trình, kim tra code  Design : Ch đ giao din website – phù hp vi vic thit k  Split : Ch đ kt hp ca code và giao din – phù hp vi thit k, lp trình  To trang HTML  B1 : Menu File  New  B2 : Chn các trang tng ng theo nhu cu  Xem trc trang : F12 – ging nh ngi dùng quan sát website CHNG I TÌM HIU CÔNG C ADOBE DREAMWEAVER CS3    ÁN MÔN H C : HOÀNG PHI V - 0851010336 Trang 6  Edit Browser List : Thay đi, thit lp trình duyt web mc đnh đ demo  Thuc tính trang  Cách 1 : Modify -> Page Properties  Cách 2 : CHNG I TÌM HIU CÔNG C ADOBE DREAMWEAVER CS3    ÁN MÔN H C : HOÀNG PHI V - 0851010336 Trang 7 Tab Apperrance : Page font : Font mc đnh cho trang Size : C ch mc đnh cho trang Text color : Màu ch mc đnh cho trang Background color : Màu nn cho trang Background image : nh nn trang web Repeat : Các lp li nh nn No Repeat-x : Lp li nh nn theo chiu ngang trang web Repeat-x : Lp li nh nn theo chiu ngang trang web Repeat-y : Lp li nh nn theo chiu dc trang web Repeat : Lp li nh nn theo chiu ngang và chiu dc trang web Left margin : l trái trang web Right margin : l phi trang web Top margin : l trên trang web Bottom margin : l  di trang web Tab Title/ Encoding : Title : Tiêu đ ca trang web Encoding : Chn Unicode (UTF-8) Tab Link Link color : Màu link Rollover links : Màu khi di chuyn mouse vào link Underline style : gch di Tab Headings Mc đnh màu sc, font cho các head Tab trancing Image : đ trong sut ca hình nh CHNG I TÌM HIU CÔNG C ADOBE DREAMWEAVER CS3    ÁN MÔN H C : HOÀNG PHI V - 0851010336 Trang 8  Insert bar  Là thanh toolbar đ chèn các đi tng vào website(table, hình, form, div, )  n hin Insert bar : Nhp menu Window  chn Insert  Thanh Properties  Là thanh nm bên di vùng son tho. Thanh Properties là ni hin các thuc tính ca đi tng mà bn đang chn trên website. Bàn dùng thanh này đ hiu chnh thuc tính ca đi tng.  n hin thanh Properties : Nhp menu Window  chn Properties  Co giãn : Nhp nút hình tam giác  góc di phi ca thanh Properties  Toolbar Document  Là thanh toolbar cha các thao tác vi tài liu hin hành. Toolbar này cha các nút Design, Code, Split mà bn đã dùng  n hin toolbar Document : Nhp menu View  Toolbars  Document  Mt s nút trên toolbar document Code : Ch đ Code Split : Ch đ Split Design : Ch đ Design Title : Tiêu đ trang Upload / Download trang web Preview : Xem th trang CHNG I TÌM HIU CÔNG C ADOBE DREAMWEAVER CS3    ÁN MÔN H C : HOÀNG PHI V - 0851010336 Trang 9  Thanh Tag  Là thanh nm ngang, ngay phía trên thanh Properties. ây là ni hin ra các tag cha đi tng mà bn đang chn. Ngha là nu bn mun bit 1 đi tng nào đó nm trong các tag nào, hãy chn nó ri nhìn vào thanh này  Panel Group :  Là vùng nm dc bên phi vùng son tho. ây là ni cha rt nhiu thông tin mà bn có th dùng đ to và đnh dng trang, các panel thng dùng trong đây là CSS, File  n hin : Nhp nút mi tên  cnh trái ca Panel [...]... 0851010336 Trang 29 CH L P TRÌNH WEBSITE BÁN HÀNG B NG PHP K T N I NG III CSDL MySQL ÁN MÔN H C : HOÀNG PHI V - 0851010336 Trang 30 CH L P TRÌNH WEBSITE BÁN HÀNG B NG PHP K T N I NG III CSDL MySQL ÁN MÔN H C : HOÀNG PHI V - 0851010336 Trang 31 CH L P TRÌNH WEBSITE BÁN HÀNG B NG PHP K T N I NG III CSDL MySQL 3) T ng quát d li u website a Folder WebDong : ch a toàn b d li u website b Th vi n CSS : c Thi... C : HOÀNG PHI V - 0851010336 Trang 25 CH L P TRÌNH WEBSITE BÁN HÀNG T NH – KHÔNG K T NG II N I CSDL g Liên h : lienhe.html ÁN MÔN H C : HOÀNG PHI V - 0851010336 Trang 26 CH L P TRÌNH WEBSITE BÁN HÀNG B NG PHP K T N I NG III CSDL MySQL III CH NG III : L P TRÌNH WEBSITE BÁN HÀNG B NG PHP – K T N I CSDL MySQL 1) Ph n m m qu n tr c s d li u b ng ngôn ng MySQL a Cài t server o AppServ 2.5.10 Cài t t i ây... PHI V - 0851010336 Trang 15 CH NG I TÌM HI U CÔNG C ADOBE DREAMWEAVER CS3 b FLASH Chèn Flash vào website : Menu Insert Media Flash Ch n file Flash trong m c URL Chèn Flash video : Menu Insert Media Flash Video Ch n file flash ho c gõ URL c a file flash trong m c URL Ch nh size Ok ÁN MÔN H C : HOÀNG PHI V - 0851010336 Trang 16 CH NG I TÌM HI U CÔNG C ADOBE DREAMWEAVER CS3 Flash button Menu Insert Media... di n website bán hàng t nh a Trang ch : index.html ÁN MÔN H C : HOÀNG PHI V - 0851010336 Trang 19 CH L P TRÌNH WEBSITE BÁN HÀNG T NH – KHÔNG K T NG II N I CSDL b Gi i thi u : gioithieu.html ÁN MÔN H C : HOÀNG PHI V - 0851010336 Trang 20 CH L P TRÌNH WEBSITE BÁN HÀNG T NH – KHÔNG K T NG II N I CSDL c S n ph m : sanpham.html ÁN MÔN H C : HOÀNG PHI V - 0851010336 Trang 21 CH L P TRÌNH WEBSITE BÁN HÀNG... II L P TRÌNH WEBSITE BÁN HÀNG T NH – KHÔNG K T NG II N I CSDL CH NG II : L P TRÌNH WEBSITE BÁN HÀNG T NH – KHÔNG K T N I CSDL 1) S thi t k website V2 Company V2.com.vn All in one Trang ch Gi i thi u S n ph m Laptop Dell Inspiron Dell Studio ÁN MÔN H Khuy n mãi Desktop Dell Vostro Tuy n d ng H tr Liên h M t hàng khác Diamond C : HOÀNG PHI V - 0851010336 Trang 18 CH L P TRÌNH WEBSITE BÁN HÀNG T NH – KHÔNG... vào phpMyAdmin b Folder ch a AppServ www : là n i l u tr trang web -> T ng t nh 1 Hosting c Giao di n qu n lý CSDL : phpMyAdmin Database Manager Version 2.10.3 ÁN MÔN H C : HOÀNG PHI V - 0851010336 Trang 27 CH L P TRÌNH WEBSITE BÁN HÀNG B NG PHP K T N I NG III CSDL MySQL Cách ng nh p: Open trình duy t web : Firefox, Internet Explorer, Google Chrome v v Gõ vào thanh Address ; localhost Click vào : phpMyAdmin...CH NG I TÌM HI U CÔNG C ADOBE DREAMWEAVER CS3 2) M t vài i u v ngôn ng HTML a Website t nh Yêu c u User (Browser) áp ng (htm,gif…) b Website Web Server ng Yêu c u User (Browser) Web Server PHP, ASP H CSDL áp ng (htm,gif…) Tools qu n tr c Gi i thi u HTML (Hyper Text Markup Language) là ngôn ng quy nh cách hi n th thông tin trong trang web HTML g... lý CSDL Xóa S a Qu n lý CSDL S a Thêm Xóa S a ÁN MÔN H C : HOÀNG PHI V - 0851010336 Trang 33 CH L P TRÌNH WEBSITE BÁN HÀNG B NG PHP K T N I NG III CSDL MySQL 5) Giao di n Website a Trang ch ÁN MÔN H C : HOÀNG PHI V - 0851010336 Trang 34 CH L P TRÌNH WEBSITE BÁN HÀNG B NG PHP K T N I NG III CSDL MySQL b Gi i thi u ÁN MÔN H C : HOÀNG PHI V - 0851010336 Trang 35 ... 0851010336 Trang 32 CH 4) S L P TRÌNH WEBSITE BÁN HÀNG B NG PHP K T N I NG III CSDL MySQL website V2.com.vn (Website Map) và c ch ho t ng Trang ch Gi i thi u S n ph m webtm_sanpham webtm_loaisp Tin t c binhchon phuongan Tìm ki m webtm_sanpham webtm_loaisp webtm_chungloaisp webtm_chungloaisp Liên h ng nh p Th t b i X lý QLUser Thông báo l i ây là trang n Thành công Administrator Trang qu n lý Modifier... : phpMyAdmin Database Manager version 2.10.3 Khung ng nh p : root - vu Giao di n qu n tr CSDL : phpMyAdmin Ch c n ng qu n tr CSDL Các Table Tên CSDL ÁN MÔN H C : HOÀNG PHI V - 0851010336 Trang 28 CH L P TRÌNH WEBSITE BÁN HÀNG B NG PHP K T N I NG III CSDL MySQL 2) Thi t k CSDL theo ngôn ng MySQL : s d ng phpMyAdmin user.Idloaiuser = user_loai.IDloaiuser binhchon.idBC = phuongan.idBC webtm_sanpham.idLoai . hin đ án Tìm hiu công ngh Adobe Dreamweaver CS3 và ng dng ngôn ng php xây dng website bán hàng trc tuyn đng kt ni c s d liu MySQL vi mong mun góp phn vào vic công ngh. KHOA CÔNG NGH THÔNG TIN   ÁN MÔN HC CHUYÊN NGÀNH : C S D LIU  tài : Tìm hiu công c Adobe Dreamweaver CS3 Lp trình website bán hàng có kt ni c s d liu MySQL. phn xây dng và phát trin nn công ngh thông tin nc nhà. CHNG I TÌM HIU CÔNG C ADOBE DREAMWEAVER CS3    ÁN MÔN H C : HOÀNG PHI V - 0851010336 Trang 2 I. CHNG I : ADOBE DREAMWEAVER