Chương 1: Xây dựng Hệ thống bán hàng trên website Chương 2: Quản trị hệ thống bán hàng Trong quá trình biên soạn, nhóm giảng viên Bộ môn Tin cơ sở của Trường Cao đẳng Xây dựng Số 1 - Bộ Xây dựng, đã được sự động viên quan tâm và góp ý của các đồng chí lãnh đạo, các đồng nghiệp trong và ngoài trường. Mặc dù có nhiều cố gắng, nhưng trong quá trình biên soạn, biên tập và in ấn khó tránh khỏi những thiếu sót. Chúng tôi xin được lượng thứ và tiếp thu những ý kiến đóng góp. Trân trọng cảm ơn! Hà Nái, ngày……tháng……năm……… Tham gia biên so¿n 1.
Đß Thị Xuân Thắm - Chÿ biên Mÿc lÿc Ch°¢ng 1: Xây dāng há tháng bán hàng trên website. T¿o phÁn quÁng cáo .9 Sā dāng photoshop đÅ thiÁt kÁ giao dián quÁng cáo. T¿o phÁn hiÅn thị sÁn phẩm. Thêm dÿ liáu vào bÁng.
Trang hiÅn thị chi tiÁt sÁn phẩm. HiÅn thị sÁn phẩm trên website. Xây dāng bÁng sÁn phẩm. Xây dāng bÁng giao dịch.
Xây dāng bÁng đ¢n hàng .5 ThiÁt kÁ giao dián Web .14 Ch°¢ng 2: QuÁn trị há tháng bán hàng. Trang đăng nhÁp. Thêm, xóa menu ngang. Thêm, xóa menu dọc.
Thay đái quÁng cáo.35 CH¯¡NG TRÌNH MÔN HàC Tên môn hác: XÂY DĀNG WEBSITE TH¯¡NG M¾I Mã môn hác: MH16 Thái gian thāc hißn môn hác: 75 giß; (Lý thuyÁt: 15 giß; Thāc hành, thí nghiám, thÁo luÁn, bài tÁp: 56 giß; KiÅm tra: 4 giß) I. Vß trí, tính ch¿t cÿa môn hác: - Vị trí: Môn Xây dāng Website th°¢ng m¿i là môn học thuác nhóm các môn học chuyên ngành. - Tính ch¿t: Là môn học có tính āng dāng cao, góp phÁn nâng cao ch¿t l°ÿng đào t¿o nghà và phát triÅn ngußn nhân lāc trong giai đo¿n mới. Mÿc tiêu môn hác: - Và kiÁn thāc: + Trình bày đ°ÿc thành phÁn và cách thiÁt kÁ giao dián mát há tháng web; + Trình bày đ°ÿc kiÁn thāc và các thẻ, định d¿ng, ngôn ngÿ, ph°¢ng thāc liên kÁt c¢ sá dÿ liáu trong web.
- VÃ kÿ năng: + Xây dāng đ°ÿc bá cāc trang web, thiÁt kÁ giao dián, phân tích đ°ÿc há tháng web; + Xây dāng đ°ÿc web b¿ng ngôn ngÿ HTML, CSS, Javascrip, PHP và liên kÁt c¢ sá dÿ liáu. - VÃ năng lāc tā chÿ và trách nhiám: Rèn luyán lòng yêu nghÃ, t° thÁ tác phong công nghiáp, tính kiên trì, sáng t¿o trong công viác. Nái dung táng quát và phân bá thßi gian: Thái gian (giá) Sß Tên ch°¢ng, mÿc TT Tổng Lý TH,TN, KiÃm sß thuy¿t TL, BT tra Ch°¢ng 1: Xây dāng Há tháng bán 45 10 33 2 1 hàng trên website 2 Ch°¢ng 2: QuÁn trị há tháng bán hàng 30 5 23 2 Cßng 75 15 56 4 2. Nái dung chi tiÁt: Ch°¢ng 1: Xây dāng hß thßng bán hàng trên website Thái gian: 45 giá Māc tiêu: Cung cấp cho người học cách thiết kế website bán hàng Nái dung ch°¢ng: 1.
T¿o phÁn quÁng cáo 1. T¿o phÁn hiÅn thị sÁn phẩm 1. Thêm dÿ liáu vào bÁng 1. Trang hiÅn thị chi tiÁt sÁn phẩm 1.
HiÅn thị sÁn phẩm trên website 1. Phân trang sÁn phẩm 1. T¿o trang tìm kiÁm sÁn phẩm 1. Thông tin mua hàng trong giß hàng 1.
CÁp nhÁt giß hàng 1. Làm vùng giß hàng 1.5 ThiÁt kÁ giao dián Web Ch°¢ng 2: QuÁn trß hß thßng bán hàng Thái gian: 30 giá Māc tiêu: Cung cấp cho người học cách thiết kế trang quản trị hệ thống bán hàng Nái dung ch°¢ng: 2. Trang đăng nhÁp 2. Thêm, xóa menu ngang 2.
Thêm, xóa menu dọc 2. Thay đái quÁng cáo. ĐiÁu kißn thāc hißn môn hác: 1. Phòng học chuyên môn hóa/nhà x°áng: Phòng thāc hành máy tính 2.
Trang thiÁt bị máy móc: Máy chiÁu Projector, màn chiÁu và các thiÁt bị trÿ giÁng khác. Học liáu, dāng cā, nguyên vÁt liáu: - Giáo trình, đà c°¢ng, giáo án, tài liáu tham khÁo; - Bài tÁp thāc hành. Nßi dung và ph°¢ng pháp, đánh giá: 1. Nái dung: - KiÁn thāc: + Xây dāng bá cāc trang web với WordPress + Truy v¿n c¢ sá dÿ liáu + QuÁn trị trang và thay đái nái dung website bán hàng.
- Kÿ năng: + T¿o website bán hàng + T¿o trang quÁn trị thay đái nái dung website bán hàng - Năng lāc tā chÿ và trách nhiám: Rèn luyán tính sáng t¿o, óc thẩm mÿ trong công viác. Ph°¢ng pháp: Quy đßnh STT Nßi dung Ghi chú Hình thức Trọng số Tā luÁn/ trắc 1 Trung bình chung kiÅm tra 40% ≥5 nghiám/ thāc hành Tā luÁn/ trắc 2 ĐiÅm thi kÁt thúc môn học 60% nghiám/ thāc hành VI. H°ßng dẫn thāc hißn môn hác: 1. Ph¿m vi áp dāng môn học: Xây dāng Website th°¢ng m¿i trong thāc tÁ.
H°ớng d¿n và ph°¢ng pháp giÁng d¿y, học tÁp môn học: - Đái với giáo viên: Giáo viên d¿y môn Xây dāng website th°¢ng m¿i có b¿ng tát nghiáp Đ¿i học chuyên ngành Công nghá thông tin, có phẩm ch¿t đ¿o đāc tát, có ch°¢ng trình học phÁn, có bài giÁng chi tiÁt. Chuẩn bị tát các tài liáu minh họa và áp dāng linh ho¿t các ph°¢ng pháp giÁng d¿y đÅ phát huy tính chÿ đáng, tích cāc cho ng°ßi học. Giáo viên có thÅ sā dāng các ph°¢ng pháp giÁng d¿y sau: + ThuyÁt trình, giÁng giÁi, phát v¿n; + Nêu v¿n đÃ, giao bài tÁp nhóm và bài tÁp thāc hành; + Tá chāc thÁo luÁn nhóm đÅ ng°ßi học tā rút ra kÁt luÁn. - Đái với ng°ßi học: Ng°ßi học có b¿ng tát nghiáp THPT hoặc t°¢ng đ°¢ng, trong quá trình học ng°ßi học phÁi có đÁy đÿ tài liáu học tÁp đÅ phāc vā cho viác học tÁp trên lớp và nghiên cāu á nhà.
Ng°ßi học phÁi tham gia đÁy đÿ sá buái học theo quy định và thāc hián các bài tÁp thāc hành do giáo viên giao cho. Nhÿng trọng tâm cÁn chú ý: 4. Tài liáu tham khÁo: [1] Bài giÁng Xây dựng website thương mại, Khoa Tin học kinh tÁ, Tr°ßng Cao đÁng Kinh tÁ - Kÿ thuÁt th°¢ng m¿i, năm 2017. [2] Đặng Ngọc Bình, Thiết kế Web siêu tốc, APPNET – Trung tâm Đào t¿o Digital Marketing – Đ¿i học Bách Khoa TPHCM, năm 2015.com - https://thachpham.com/category/web-development/html-css CH¯¡NG 1: XÂY DĀNG HÞ THÞNG BÁN HÀNG TRÊN WEBSITE Māc tiêu: Cung cấp cho người học cách thiết kế website bán hàng Nái dung ch°¢ng: 1.
T¿o bß cÿc hß thßng 1. Tạo Banner Banner trong tiÁng Anh có nghĩa là biÅu ngÿ, khẩu hiáu chính trị, lá cß. Trong lĩnh vāc truyÃn thông, khái niám banner dùng đÅ chỉ nhÿng t¿m bÁng có nhiÃu kích th°ớc khác nhau, đ°ÿc trình bày nhÿng nái dung liên quan tới sÁn phẩm, lo¿i hình dịch vā hay mát thông điáp tới khách hàng mà doanh nghiêp nhắm tới, nh¿m thu hút sā chú ý cÿa mọi ng°ßi. Banner là mát d¿ng ¿n phẩm truyÃn thông quÁng cáo cho các sÁn phẩm, dịch vā, sā kián, hoặc truyÃn thông cho th°¢ng hiáu.
Các loại banner quÁng cáo hián nay đ°ÿc dùng phá biÁn trong lo¿i hình online, đ°ÿc đăng tÁi trên các website mà n¢i ¿y có các đái t°ÿng tiÃm năng mà doanh nghiáp mong muán h¿p d¿n ng°ßi dùng truy cÁp tới thông điáp quÁng cáo cÿa họ. 1 Banner in ¿n là các biÅu ngÿ đ°ÿc thiÁt kÁ đặc biát, chāa văn bÁn, hình Ánh, màu sắc, thông điáp v.v… nh¿m māc đích quÁng cáo hoặc thông báo điÃu gì đó tới mọi ng°ßi. Banner in ¿n th°ßng đ°ÿc thiÁt kÁ b¿ng mát sá phÁn mÃm trên máy tính và in ¿n với ch¿t liáu cũng nh° công nghá in hián đ¿i ngày nay. Banner báo, tạp chí Banner báo, t¿p chí là đ°ÿc thÅ hián d°ới d¿ng quÁng cáo trên các ¿n phẩm cÁm tay nh° t¿p chí, báo gi¿y.
Kích th°ớc cÿa banner báo phā thuác vào ng°ßi dàn layout cÿa ¿n phẩm hoặc quy định cÿa tòa báo. Thông th°ßng, các lo¿i banner này s¿ có bà ráng b¿ng với chiÃu ngang cÿa mặt báo, t¿p chí. Kích th°ớc cÿa banner t¿p chí s¿ phā thuác vào kích th°ớc layout cÿa tòa so¿n và phong cách thiÁt kÁ banner. Banner đường phố Banner đ°ßng phá th°ßng dùng đÅ thu hút các đái t°ÿng ng°ßi đi ngang qua n¢i treo banner.
Họ có thÅ là ng°ßi đi xe máy, đi bá, xe h¢i hoặc các lo¿i xe khác và tái đa là m¿t vài giây đÅ họ nhìn th¿y thông điáp mà b¿n muán chuyÅn tÁi. Vì thÁ, banner cÿa b¿n phÁi gây ¿n t°ÿng ngay lÁp tāc với nái dung dß hiÅu và hình thāc bắt mắt, sinh đáng. Nhÿng banner này th°ßng đ°ÿc đặt á n¢i đông ng°ßi nh° ngã ba, ngã t° lớn, quÁng tr°ßng … đÅ l¿y đ°ÿc nhiÃu sā chú ý cÿa ng°ßi đi đ°ßng. Banner Online Banner online là nhÿng biÅn hiáu đ°ÿc đặt trên các website có l°ÿt truy cÁp lớn, t¿i các báo đián tā hoặc các trang web có nhiÃu ng°ßi truy cÁp.
Nhÿng khung hình này th°ßng có kích th°ớc khá bé, giáng nh° t¿m Ánh 4×6 và chúng có thÅ là video, hình Ánh tĩnh, hình Ánh đáng. Māc đích cÿa viác sā dāng banner online là truyÃn tÁi thông điáp, ý nghĩa và nái dung cÿa sÁn phẩm, dịch vā mà doanh nghiáp muán đem tới cho mọi ng°ßi. Th°ßng là thu hút đÅ ng°ßi dùng nhìn th¿y và click vào đÅ đÁn mát trang đích nào đó. Hình thāc này đ°ÿc áp dāng r¿t phá biÁn hián nay, đem tới nhiÃu hiáu quÁ và lÿi ích cao.
Tạo menu ngang B°ớc 1: T¿o HTML Mark-up Tr°ớc khi tiÁn hành t¿o mát menu ngang trong HTML, b¿n cÁn thiÁt lÁp HTML mark-up b¿ng 1 liên kÁt di chuyÅn đÁn style sheet á ngoài (có d¿ng style. HTML này cũng đ°ÿc sā dāng đÅ t¿o kiÅu thiÁt kÁ cho menu. Cú pháp câu lánh t¿o HTML mark-up có d¿ng nh° sau: <html> <head> <title> An Horizontal Menu </title> <!-- Link to external stylesheet --> <link rel="stylesheet" type="text/css" href="style.css" /> 2 </head> <body> <div id="menu"> <!-- A division for the menu --> </div> </body> </html> B°ớc 2: TiÁn hành viÁt CSS cho Menu Division Khi đã hoàn t¿t t¿o mát HTML mark-up, b¿n thāc hián tiÁp b°ớc viÁt code CSS cho Menu Divsion. Lúc này, b¿n sā dāng đo¿n mã bên d°ới đÅ viÁt CSS.
#menu { width: 900px; border: 1px solid #000; height: 100px; background-color: #181818; font-family: Helvetica, sans-serif; font-size: 13px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } T¿i phÁn nái dung xác định t¿o menu ngang CSS, b¿n nhÁp các thông sá nh° sau: - Kích th°ớc chiÃu ráng là 900px, chiÃu cao là 100px. - Màu nÃn: Chọn màu đen. - TiÁp đÁn, b¿n xác định font chÿ, kích th°ớc chÿ. - Sử dụng CSS3 border-radius để thiết lập một đường cong nhỏ cho menu.
3 B°ớc 3: Thêm item vào menu Đái với t¿o menu ngang trong HTML, b°ớc này giúp b¿n định danh tÿng item đÅ ng°ßi truy cÁp website dß dàng di chuyÅn, hoặc chọn lāa trang cÁn xem thông tin. ĐÅ t¿o menu item, b¿n dùng đÁn unordered tag list (là d¿ng thẻ danh sách không có thā tā), và thêm đo¿n code bên d°ới vào giÿa các menu division tag cÿa phÁn nái dung cÿa HTML document. <div id="menu"> <!