1. Trang chủ
  2. » Tất cả

Tiểu luận môn học thiết kế web website shop sinh tồn

44 4 0
Tài liệu đã được kiểm tra trùng lặp

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 44
Dung lượng 1,94 MB

Nội dung

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT KHOA: KỸ THUẬT CÔNG NGHỆ TIỂU LUẬN MÔN HỌC THIẾT KẾ WEB WEBSITE: SHOP SINH TỒN Giảng viên hướng dẫn: Nguyễn Hữu Vĩnh Sinh viên thực hiện: Hồ Ánh Dương MSSV: 1824801030098 Lớp: D18PM02 Bình Dương, Tháng 6,Năm 2020 0 LỜI MỞ ĐẦU Để góp phần nâng cao hiệu cửa hàng Ý nghĩa website giúp dễ dàng quản lý thông tin sản phẩm Với chủ đề “ Website bán hàng sinh tồn cắm trại em thực dạng nghiên cứu xây dựng chức dựa vào việc tìm hiểu thực tế kiến thức học lớp, Nhưng với nghiên cứu tảng để phát triển sâu rộng cho đồ án môn học sau Do lần em tự xây dựng thiết kế website Kèm với hạn chế khả kiến thức thực tế Xin thầy thông cảm sai xót em Nhận xét sửa chữa để em rút kinh nghiệm cho đề tài sau Em xin chân thành cảm ơn thầy ! 0 LỜI NHẬN XÉT 0 Mục lục Table of Contents Chương : Khảo sát phân tích đề tài .1 Lý chọn đề tài: .1 Các công cụ cần thiết: .1 Chương 2: Thiết kế giao diện .2 Giao diện Trang chủ 2 Giao diện Sản phẩm: 3 Giao diện Giới thiệu: 4 Giao diện Liên hệ: .5 Giao diện Đăng nhập: 6 Giao diện đăng ký: Giao diện Sản phẩm theo chủ đề: 7.1 Dụng cụ sinh tồn: .8 7.2 Dụng cụ cắm trại: .9 8.1 Giao diện Chi tiết sản phẩm: Bình nước giữ nhiệt thể thao: .9 .9 8.2 Giao diện Dụng cụ đánh lửa: .10 .10 8.3 Giao diện Dao sinh tồn: 10 .10 8.4 Giao diện La bàn kiểu phi công Mỹ: 10 0 .11 8.5 Giao diện Lều giành cho người: 11 .11 Chương 3: Thiết kế chương trình .12 1.1 Trang chủ: 12 Code trang chủ 12 Chương 4: Kết luận 40 Những việc làm 40 Những việc chưa làm 40 Hướng phát triển 40 0 Chương : Khảo sát phân tích đề tài Lý chọn đề tài: Trong thời buổi cơng nghệ nay, hình thức bán hàng thủ công trước bắt đầu giảm bớt, cố sai xót đáng tiếc ảnh hưởng đến người tiêu dùng/ khách hàng lẫn doanh nghiệp thương mại Thay vào đó, hệ thống website ngày xuất đa dạng, hổ trợ hầu hết lĩnh vực: trị, kinh tế, giáo dục, mơi trường, y tế, Những website đem lại lợi ích vơ to lớn, hạn chế sai xót đáng tiếc dùng phương pháp thủ công trước Nhận thấy nhu cầu với qua tìm hiểu, em xin phép xây dựng hệ thống website“Shop bán đồ sinh tồn cắm trại” Các công cụ cần thiết: - Phần mềm làm website: Adobe Dreamweaver 0 Chương 2: Thiết kế giao diện Giao diện Trang chủ 0 Giao diện Sản phẩm: 0 Giao diện Giới thiệu: 0 Giao diện Liên hệ: Giao diện Đăng nhập: 0 .hinhsach{ box-shadow:0 4px 8px rgba(0,0,0,0.2), 6px 20px rgba(0,0,0,0.19); width:150px; height:180px; transition:all 0.5 ease; } hinhsach:hover{ transform:scale(1.1); } dongia{ margin-top:10px; font-size:15px; } gia{ color:red; font-weight:bold; } nutchonmua{ margin:5px 0px; height:30px; } footer{ clear:both; background:#FF80C0; height:180px; } ketthuc{ font-weight:bold; font-size:20px; } ketthuc a{ text-decoration:none; color:#5561ba; text-transform:uppercase; } footer b{ text-transform:uppercase; color:#808080; font-size:18px; } footer p{ font-style:italic; color:#000; font-weight:bold; 25 0 } chuchay1{ background-color:#f42b5d; color:#FFF; text-transform:uppercase; height:40px; line-height:40px; font-size:24px; border-radius:10px; } calendar{ border:1 px solid#206ab5; border-radius:4px; margin-bottom:10px; } calendar table{ width:100%; } calendar table tr td.monthyear{ background:#F60; text-align:center; font-size:16px; font-weight:bold; color:#fff; border:1px solid#666; } calendar table tr.weektitle td{ text-align:center; font-weight:bold; border:1px solid #666; background:#ccf; } calendar table tr td.weekday{ text-align:center; border:1px solid #666; } lh{ font-weight:bold; } lh2{ color:#551aa8; } lh3{ 26 0 color:#808080; } lh1{ color:#ff0000; } article ul li{ margin-left:40px; margin-bottom:15px; color:#F00; } h2{ color:#808080; text-align:center; font-style:italic; } hd1{ font-weight:bold; font-size:18px; margin-left:50px; text-decoration:none; color:#000; } hd2{ font-weight:bold; color:#f63566; } hd3{ font-weight:bold; color:#00F; } hd4{ margin-left:50px; color:#096; font-weight:bold; } hd5{ margin-left:50px; } hd6{ margin-left:50px; text-decoration:underline; font-weight:bold; } lhe{ 27 0 margin-left:2000px; } Sản Phẩm Code sản phẩm: Bỏ vào thẻ body title sản phẩm code sau:

SẢN PHẨM

Bình thể thao giữ nhiệt

Đơn giá: 260,000 VNĐ

Dụng cụ đánh lửa

Đơn giá: 350,000 VNĐ

Dao sinh tồn

Đơn giá: 500,000 VNĐ

La bàn kiểu phi công Mỹ

28 0

Đơn giá: 450,000 VNĐ

Lều dành cho ng ười

Đơn giá: 2,900,000 VNĐ

Đèn pin bỏ túi siêu sáng

Đơn giá: 290,000 VNĐ

Code Giới thiệu: Bỏ vào thẻ body title sản phẩm đoạn code sau: Shop sinh tồn gửi tới Quý khách hàng lời chúc sức khỏe lời chào trân trọn g Chúng xin chân thành cảm ơn Quý khách hàng tin t ưởng sử dụng sản phẩm thời gian vừa qua. Chúng chuyên phân phối buô n lẻ loại sản phẩm cao cấp nhập từ Mỹ Các Sản phẩm phân phối thị trường ln đáp ứng tiêu chí sau: 29 0 Giá rẻ thị tr ường Sản phẩm ln đảm bảo chất l ượng hãng Thông tin sản phẩm rõ ràng, minh bạch, tư vấn cụ thể t ừng loại hàng Xin liên hệ với Shop sinh tồn để biết thêm thông tin giá sản phẩm: Hotline: 023456789 Facebook: Shop sinh tồn
  • Quý khách nhận hàng toán tiền
  • Giao hàng trực tiếp với Khách hàng Hà Nội
  • Khách hàng tỉnh khác chuyển phát nhanh theo đ ường bưu điện
  • Miễn phí tồn cước vận chuyển khách hàng mua lẻ toàn quốc
***Trân trọng cảm ơn quan tâm quý khách hàng*** Code liên hệ: Bỏ vào thẻ body title sản phẩm đoạn code sau: Hãy liên hệ với chúng tôi: Code đăng nhập: Bỏ vào thẻ body title sản phẩm đoạn code sau: 30 0 ĐĂNG NHẬP Tên nhập: Mật khẩu: Đổi mật khẩu Code đăng ký: a Bỏ đoạn code sau vào thẻ head: function KiemTraThongTin(){ var hoTen=document.getElementById("hoten"); if(hoTen.value==""){ alert("Vui lòng nhập họ tên."); hoTen.focus(); return false; } 31 0 var email=document.getElementById("email"); re=/\w+@\w+\.\w+/; if(email.value==""){ alert("Bạn chưa nhập Email."); email.focus(); return false; } else if(re.test(email.value)==false){ alert("Email không định dạng!"); email.focus(); return false; } var tenDangNhap=document.getElementById("tendangnhap"); if(tenDangNhap.value==""){ alert("Vui lòng nhập Tên đăng nhập."); tenDangNhap.focus(); return false; } var matKhau=document.getElementById("matkhau"); var nhapLaiMatKhau=document.getElementById("nhaplaimatkhau"); if(nhapLaiMatKhau.value!=matKhau.value){ alert("Mật nhập lại khơng xác."); nhapLaiMatKhau.focus(); return false; } /*Thơng báo đăng nhập thành cơng"*/ alert("Đăng kí thành cơng! Xin chúc mừng."); return true; } b Code đăng ký: Bỏ vào thẻ bode title sản phẩm đoạn code sau:

ĐĂNG KÝ THÀNH VIÊN

Thông tin cá nhân 32 0 Họ tên: Ngày sinh: Giới tính: Nam Nữ Địa chỉ: Điện thoại: Email: Thông tin đăng nhập Tên đăng nhập: Mật khẩu: Nhập lại mật khẩu: 33 0 code dụng cụ sinh tồn: bỏ vào thẻ body title sản phẩm đoạn code sau:

DỤNG CỤ SINH TỒN

Dụng cụ đánh lửa

Đơn giá: 350,000 VNĐ

Dao sinh tồn

Đơn giá: 500,000 VNĐ

34 0

La bàn kiểu phi công Mỹ

Đơn giá: 450,000 VNĐ

10 code cắm trại: 11.

DỤNG CỤ CẮM TRẠI

12. 13. 14.

Bình thể thao giữ nhiệt

15. 16.

Đơn giá: 260,000 VNĐ

17. 18. 19 20. 21. 22.

Lều dành cho ng ười

23. 24.

Đơn giá: 2,900,000 VNĐ

25. 26. 27. 28. 29.

Đèn pin bỏ túi siêu sáng

30. 31.

Đơn giá: 290,000 VNĐ

35 0 height:60px; } #subnav{ width:1200px; margin:0px auto; } nav ul{ float:left; list-style:none; 19 0 margin-left:50px; } nav ul li{ position:relative; float:left; padding:11px 25px; } nav ul li ul{ display:none; position:absolute; top:41px; } nav ul li:hover ul{ display:block; } nav ul li:hover{ background:#000; } nav ul li a{ display:block; color:#206AB5; font-size:16px; font-family:Arial; text-decoration:none; font-weight:bold; } nav ul ul{ position:absolute; display:none; } nav ul li:hover a{ border-bottom:5px solid #206AB5; } nav div#subnav>div{ float:right; background:white; padding-left:10px; margin-top:5px; margin-right:5px; height:34px; width:380px; 20 0 border:0.5px solid #CED2DD; border-radius:5px; } #subnav>div input[type=text]{ float:left; height:29px; width:250px; font-size:14px; border:none; } #subnav>div input[type=submit]{ 0 float:right; height:100%; width:80px; background:#9CF; border-top-right-radius:5px; border-bottom-right-radius:5px; border-left:0.5px solid #936; font-size:14px; } #subnav>div input[type=submit]:hover{ cursor:pointer; } div#body{ width:1200px; margin:30px auto; background:#edeaea; box-shadow:0 4px 8px rgba(0,0,0,0.2), 6px 20px rgba(0,0,0,0.19); } article{ display:table-row; } aside#left,aside#right,section{ display:table-cell; vertical-align:top; background:#D7D7D7; } aside#left{ width:200px; } section{ background:#EBC5E1; 21 0 ... hiểu, em xin phép xây dựng hệ thống website? ? ?Shop bán đồ sinh tồn cắm trại” Các công cụ cần thiết: - Phần mềm làm website: Adobe Dreamweaver 0 Chương 2: Thiết kế giao diện Giao diện Trang chủ 0... Ý nghĩa website giúp dễ dàng quản lý thông tin sản phẩm Với chủ đề “ Website bán hàng sinh tồn cắm trại em thực dạng nghiên cứu xây dựng chức dựa vào việc tìm hiểu thực tế kiến thức học lớp,... kiến thức học lớp, Nhưng với nghiên cứu tảng để phát triển sâu rộng cho đồ án môn học sau Do lần em tự xây dựng thiết kế website Kèm với hạn chế khả kiến thức thực tế Xin thầy thơng cảm sai xót em

Ngày đăng: 01/03/2023, 09:44