1. Trang chủ
  2. » Luận Văn - Báo Cáo

BÁO CÁO "Xây dựng website bán giày”

38 212 2

Đ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

Nội dung

1 LỜI CẢM ƠN Em xin gửi lời cảm ơn chân thành tri ân sâu sắc thầy cô trường Đại Học Công Nghệ Thông Tin Truyền Thông Thái Nguyên, đặc biệt thầy khoa Khoa Học Máy Tính trường tạo điều kiện cho em tham gia tập chuyên ngành để có nhiều trải nghiệm định hướng tốt cho ngành nghề mà em theo đuổi Và em xin chân thành cảm ơn thầy Lê Sơn Thái nhiệt tình hướng dẫn em hồn thành tốt tập Trong trình thực tập, q trình làm báo cáo, khó tránh khỏi sai sót, mong Thầy, Cơ bỏ qua Đồng thời trình độ hiểu biết kinh nghiệm thực tiễn hạn chế nên báo cáo khơng tránh khỏi thiếu sót, em mong nhận ý kiến đóng góp Thầy, Cơ để em học thêm nhiều kinh nghiệm hoàn thành tốt kì đồ án tới Em xin chân thành cảm ơn! Sinh viên thực Hoàng Văn Cường LỜI MỞ ĐẦU Cùng với phát triển khơng ngừng kỹ thuật máy tính mạng điện tử, công nghệ thông tin coi cơng nghệ có trình độ cao chinh phục hết đỉnh cao đến đỉnh cao khác Mạng Internet sản phẩm có giá trị to lớn ngày cảng trở thành cơng cụ khơng thể thiếu, tảng cho truyền tải, trao đổi thơng tin tồn cầu Giờ đây, việc liên quan tới thông tin trở nên thật dễ dàng cho người sử dụng: cần có máy tính kết nối Internet dòng liệu truy tìm gần lập tức… giới vấn đề mà bạn quan tâm ra, có đầy đủ thơng tin, hình ảnh chí có âm video mà bạn cần Trong hoạt động sản xuất, kinh doanh, thương mại điện tử khảng định vai trò xúc tiến thúc đẩy phát triển doanh nghiệp Đối với dịch vụ kinh doanh, việc quảng bá giới thiệu đến khách hàng chương trình khuyến dịch vụ thời điểm cách hiệu kịp thời yếu tố mang tính chất định cho tồn phát triển website Vì vậy: Đây lý em chọn đề tài “Xây dựng website bán giày” làm đề tài thực tập sở * Mục đích đề tài: - Tìm hiểu ngơn ngữ HTML,CSS - Tìm hiểu PHP - Tìm hiểu hệ quản trị liệu mySQL - Tìm hiểu javascrip - Xây dựng website hỗ trợ bán hàng * Nội dung đề tài chia thành chương - Chương 1: Cơ sở lí thuyết - Chương 2: Phân tích thiết kế - Chương 3: Thiết kế giao diện CHƯƠNG I :CƠ SỞ LÝ THUYẾT I HTML 1.HTML gì? HTML ví xương giao diện website, dù dành cho WordPress hay website “Bộ xương” giúp xác định bố cục website đánh dấu lại phần thẻ (tag) định, sau tự xác định đối tượng đánh dấu mang vài trò riêng website HTML từ viết tắt HyperText Markup Language, nghĩa ngôn ngữ đánh dấu siêu văn Hypertext (siêu văn bản): đoạn text có chứa link đến nguồn thông tin khác (như đoạn văn khác, địa website, hình ảnh, âm thanh…) Ngôn ngữ đánh dấu cầu nối giao tiếp người dùng trình duyệt, giúp trình duyệt hiểu cách thức hiển thị trang web Khi trình duyệt đọc thấy kí tự A, đơn hiển thị A, khơng thể biết bạn muốn tô đậm, in nghiêng, hay màu mè hoa Chính lúc đấy, bạn cần HTML, thông qua việc sử dụng thẻ HTML Thẻ HTML định nghĩa cặp từ khóa nằm dấu < dấu >, báo cho trình duyệt biết cách thức hiển thị đoạn kí tự bên thẻ HTML In đậm thẻ : A In nghiêng thẻ : A Cấu trúc HTML Cấu trúc HTML đơn giản logic, với bố cục từ xuống dưới, từ trái qua phải, với phần HEAD BODY Các website viết HTML tuân theo cấu trúc sau: Mọi trang HTML phải khai báo DOCTYPE (định nghĩa chuẩn văn bản) từ dòng Thẻ cho trình duyệt biết mở đầu kết thúc trang HTML Thẻ chứa tiêu đề thông tin khai báo, thông tin ẩn khác Thẻ hiển thị nội dung trang web Đây phần thông tin mà người dùng nhìn thấy trình duyệt đọc mã HTML Mọi kí tự nằm dấu xem thẻ comment bị trình duyệt bỏ qua, khơng xử lý khơng hiển thị Đây thẻ đánh dấu tiêu đề trang web Comment: Các thông tin khai báo, thông tin ẩn > Comment: Nội dung trang web mà người dùng thấy > Đây dòng chữ in đậm Đây dòng chữ in nghiêng Pro tips: Ln đóng thẻ sau mở Điều giúp hạn chế lỗi bất ngờ hiển thị trình duyệt Một số thẻ khơng có thẻ đóng, thẻ , thẻ , ,… Cẩn thận gặp lỗi đóng thẻ, mở thẻ trường hợp có nhiều thẻ lồng

Tiêu đề

Các tag HTML cần biết cho blogger: Đề mục: Có loại đề mục tất với mức độ nhấn mạnh giảm dần từ đến Nếu bạn quan tâm đến SEO có lẽ thẻ mà bạn nên trọng sử dụng cách 01 Tiêu đề viết 02 Phần 1 03 Chương 1.1 04 Tiểu mục 1.1.1 05 Đề mục 1.1.1.1 06 Đề mục 1.1.1.1.1 Định dạng Text: 01 Tô đậm 02 In nghiêng 03 Tô đậm theo chuẩn web ngữ nghĩa 04 In nghiêm theo chuẩn web ngữ nghĩa Phân đoạn: Comment: thẻ p dùng để đánh dấu đoạn văn, tách riêng với đoạn text bình thường >

Đoạn văn bản

Comment: br thẻ đơn, nên bạn khơng cần thẻ đóng > Xuống dòng với Comment: trích dẫn từ nguồn khác > 7 "Tôi chuẩn man" ~ Cao Thái Sơn Danh sách: Có loại danh sách có đánh số thứ tự
    danh sách khơng đánh số thứ tự
      Bên thẻ danh sách này, phần tử đánh dấu với thẻ
    • 01 Comment: Danh sách có xếp thứ tự > 02
        03
      1. Phần tử 1
      2. 04
      3. Phần tử 2
      4. 05
      06 Comment: Danh sách không xếp thứ tự > 07
        08
      • Phần tử 1
      • 09
      • Phần tử 2
      • 10
      Liên kết: 01 Đây liên kết 02 Liên kết sổ mới 01 Ảnh: II CSS Làm quen với CSS Nếu HTML xem xương website CSS da thịt đắp lên xương đó, mục đích đơn giản cho website trông đẹp đẽ chuyên nghiệp CSS từ viết tắt Cascade Style Sheet, ngơn ngữ giúp trình duyệt hiểu thiết lập định dạng bố cục cho trang web CSS cho phép bạn điều khiển thiết kế nhiều thành phần HTML với vùng chọn CSS Điều giúp giảm thiểu thời gian thiết kế chỉnh sửa, bạn tách biệt cấu trúc (HTML) định dạng (CSS) CSS cho phép bạn đưa thông tin định nghĩa thẻ thông qua nhiều đường khác Style quy định thẻ HTML, quy định trang web file CSS bên Cú pháp CSS Cú pháp CSS bao gồm phần: vùng chọn (selector), thuộc tính (property) giá trị (value) 01 VÙNG-CHỌN { 02 Thuộc-tính-1: giá-trị-1; 03 Thuộc-tính-2: giá-trị-2; 04 } Vùng chọn: cách xác định thẻ HTML dựa cấu trúc phân cấp HTML Vùng chọn tạo nên dựa nhiều yếu tố định danh (id), tên lớp (class), quan hệ cha – – hậu duệ… Bạn xem ví dụ trực quan số vùng chọn CSS đây, đọc thêm W3S Thuộc tính: yếu tố bạn muốn thay đổi thẻ HTML thuộc vùng chọn Danh sách thuộc tính xem thêm W3S Giá trị: thuộc tính yêu cầu giá trị khác Đó từ khóa định sẵn (none, block), tên màu hay mã màu (black, white, #000, #FFFFFF), hay giá trị kích thước tính px, em, rem, % Các vùng chọn CSS (selector) cần biết cho blogger #ID Dấu # sử dụng để chọn thẻ HTML có định danh cụ thể (ID) Do đó, chất việc sử dụng ID tái sử dụng Hãy chắn việc gán ID cho thẻ HTML chọn thẻ ID cách bạn định dạng cho Thạch Phạm Blog

      Cạch WordPress blog lớn Việt Nam.

      u màu tím Sống nội tâm Hay khóc thầm Nhưng không gay.

      Class Dấu “.” đại diện cho tên lớp Nhiều thẻ HTML có tên lớp Do đó, khác ID Class là: ID cho phép chọn phần tử, Class cho phép bạn chọn nhiều thẻ HTML lúc 10 SQL hoạt động với hầu hết chương trình CSDL MS Access, DB2, Informix, MS SQL Server, Oracle, Sybase v.v Nó có nhiều phiên cho hệ điều hành khác nhau: phiên Win32 cho hệ điều hành dòng Windows, Linux, Mac OS X, Unix, Solaris… Lưu ý: Hầu hết chương trình CSDL hỗ trợ SQL có phần mở rộng cho SQL hoạt động với chương trình Một CSDL thường bao gồm nhiều bảng (table) Mỗi bảng xác định thông qua tên (ví dụ Customers Orders) Bảng chứa mẩu tin - dòng (record - row), liệu bảng MySQL sở liệu tốc độ cao, ổn định dễ sử dụng, có tính khả chuyển, hoạt động nhiều hệ điều hành cung cấp hệ thống lớn hàm tiện ích mạnh Với tốc độ tính bảo mật cao, MySQL thích hợp cho ứng dụng có truy cập CSDL internet MySQL server hoạt động hệ thống nhúng client/server 3.Tạo sở liệu người dùng: 3.1 Kết nối tạo sở liệu: Để kết nối sở liệu ta thực theo hai cách: + Kết nối tạo CSDL Command line + Kết nối tạo CSDL giao diện đồ họa: MySQL Administrator phpmyadmin 3.2 Quản lý người dùng: Để đăng nhập vào MySQL ta sử dụng user root pass rỗng Ngoài tài khoản ta tạo thêm tài khoản cho người dùng với users pass khác 3.3 Cấp quyền cho người dùng: Với quyền root ta thực thao tác CSDL: select, update, insert, delete,… 24 Tuy nhiên, tạo quyền người dùng ta hạn chế bớt số quyền định Xóa quyền xóa tài khoản người dùng: Sau cấp quyền cho người dùng ta thêm loại bỏ số quyền Với việc truy cập vào tài khoản root ta xóa tài khoản người dùng tạo Các kiểu liệu Mysql: Dữ liệu kiểu numeric: Bao gồm kiểu sau: Tinnyint: Lưu số nguyên không dấu (unsigned) từ 0-255 số nguyên có dấu từ -128 -> 127 Mediumint: Lưu số nguyên từ đến 16.777.215 từ -8.388.608 đến 8.388.607 Int: Lưu số nguyên từ đến 4.294.967.295 từ -2.147.483.648 đến 2.147.483.647 Bigint Float Doube Decimal/real Dữ liệu kiểu date time: Bao gồm kiểu sau: Date: Lưu trữ ngày dạng yyy-mm-dd Cho phép giá trị từ 100001-01 đến 9999-12-31 Datetime: Lưu trữ dạng yyyy-mm-dd hh:mm:ss Timestamp: Tự động ghi nhận thời gian thay đổi gần Tùy thuộc vào độ rộng cột nằm khoảng từ đến 14 (yy đến yyyy-mm-dd hh:mm:ss) Time: Dùng để lưu trữ định dạng hh:mm:ss 25 Year: Dùng để lưu năm 1970 Dữ liệu kiểu string: bao gồm kiểu sau: Char: Chiều dài tối đa 255 ký tự, kiểu có chiều dài cố định Varchar: Cũng tương tự kiểu char có chiều dài tối đa 255 ký tự, song có điểm khác có chiều dài thay đổi, giá trị không bị nối thêm ký tự trắng Tinytext: kiểu ký tự văn nhị phân Có chiều dài tối đa 255 Text: có chiều dài 65.535 ký tự Các mục tạo 255 ký tự đầu cột text Mediumtext: có chiều dài 16.777.215 Longtext: có chiều dài >4 tỉ ký tự Enum, Set,… Các câu lệnh SQL: 5.1Câu lệnh SELECT Dùng để truy vấn liệu từ hay nhiều bảng khác trả kết tập mẫu tin thỏa mãn điều kiện Cú pháp: SELECT [FROM ] [WHERE ] [GROUP BY ] [HAVING ] [ORDER BY ] [LIMIT FromNumber | ToNumber] Trong đó, danh sách cột: Tên cột, biểu thức kết hợp cột bảng Trường hợp truy vấn tất cột bảng ta sử dụng tốn tử * thay danh sách tất cột 26 Trường hợp, có cột tên bảng khác ta cần tên bảng trước theo cú pháp: Tên_bảng.Tên_cột 5.2 Câu lệnh Insert Được sử dụng cần thêm mẫu tin vào bảng CSDL MySQL Khi thêm liệu, cần ý đến kiểu liệu cột cần thêm liệu Cần quan tâm đến quyền User đăng nhập có phép Insert hay khơng Khi Insert liệu vào bảng có trường hợp: Insert từ giá trị cụ thể Lấy giá trị từ nhiều bảng khác Bao gồm hai trường hợp Câu lệnh Update Dùng để cập nhật lại liệu tồn bảng Nếu cập nhật giá trị cụ thể: UPDATE SET = , [ = ] [WHERE ] Cập nhật giá trị từ bảng khác: UPDATE SET = … UPDATE ảnh hưởng đến nhiều bảng cập nhật giá trị có hiệu lực bảng 5.4 Câu lệnh Delete Dùng để xóa mẫu tin bảng tên bảng mệnh đề WHERE (nếu có) nhằm xác định mẫu tin cần xóa theo điều kiện DELETE FROM WHERE Conditions: phép tốn cột giá trị giá trị kết trả câu lệnh SELECT khác 27 Lưu ý: khơng có khái niệm xóa giá trị cột, xóa giá trị cột đồng nghĩa với cập nhật cột giá trị rỗng 5.5 Câu lệnh Join Inner Join: Dùng để kết hợp bảng liệu Cú pháp: SELECT [các cột] FROM INNER JOIN ON WHERE … ODER BY … Ví dụ: SELECT Hoten, Tongdiem FROM Sinhvien INNER JOIN Hocsinh ON Sinhvien.Masv = Hocsinh.Masv WHERE Tongdiem >2.0 ORDER BY Tongdiem ASC Lưu ý: cần trả kết tất cột bảng tham gia Inner Join ta áp dụng cú pháp: SELECT bảng 1.*, bảng 2.* [, bảng n.*] FROM bảng INNER JOIN bảng ON … Left Join: Dùng để kết hợp bảng liệu muốn trả kết mẫu tin bảng bên trái tồn ứng với mẫu tin bảng bên phải không tồn Cú pháp: SELECT [các cột] FROM LEFT JOIN ON WHERE … ODER BY … Right Join: Dùng để kết hợp bảng liệu muốn trả kết mẫu tin bảng bên phải tồn dù bảng bên trái không tồn Cú pháp: SELECT [các cột] FROM RIGHT JOIN ON WHERE … ODER BY … 6.Các hàm MySQL Các hàm phát biểu Group by Hàm AVG: trả giá trị bình quân cột hay trường câu truy vấn Hàm MIN: trả giá trị nhỏ cột hay trường câu truy vấn Hàm MAX: trả giá trị lớn cột hay trường câu truy vấn 28 Hàm SUM: trả tổng giá trị cột hay trường câu truy vấn Các hàm xử lý thời gian Hàm CurDate(): trả ngày, tháng, năm hành hệ thống Hàm CurTime(): trả giờ, phút, giây hành hệ thống Hàm Period_Diff(ngày đầu, ngày cuối): trả số ngày khoảng thời gian ngày đầu ngày cuối Hàm dayofmonth: trả ngày thứ tháng 6.3 Các hàm xử lý số học Hàm sqrt: trả bậc hai Hàm round: làm tròn giá trị biểu thức V.JAVASCRIP JavaScript, theo phiên hành, ngôn ngữ lập trình kịch dựa đối tượng phát triển từ ý niệm nguyên mẫu Ngôn ngữ dùng rộng rãi cho trang web, dùng để tạo khả viết script sử dụng đối tượng nằm sẵn ứng dụng Nó vốn phát triển Brendan Eich Hãng truyền thông Netscape với tên Mocha, sau đổi tên thành LiveScript, cuối thành JavaScript Giống Java, JavaScript có cú pháp tương tự C, gần với Self Java .js phần mở rộng thường dùng cho tập tin mã nguồn JavaScript Tất đoạn mã Javascript phải đặt cặp thẻ script trên, ví dụ: alert("Hello World!"); 29 CHƯƠNG II: PHÂN TÍCH THIẾT KẾ  Dưới biểu đồ Use Case tổng quát web:  Tới biểu đồ tương tác khách hàng với sản phẩm 30  Tới biểu đồ tương tác khách hàng với quản trị viên 31  Tiếp biểu đồ chi tiết theo tác nhân quản trị viên CHƯƠNG III: THIẾT KẾ GIAO DIỆN WEB Ý tưởng thiết kế bố cục Wesite Đây trang chủ giao diện bán giày phác họa công cụ Paint 32 Thiết kế chức Khái quát giao diện website: Phần banner: Gồm có logo website Menu Chức menu: Home Shop Blog Men Contact Khi click vào chức năng: Home: Thì quay trang chủ Shop: giới thiệu trang web Contact: Sẽ trang hỗ trợ khách hàng Kích vào giỏ hàng giỏ hàng Liên hệ Home Shop Blog Men Contact Shop Nam Ảnh: Shop Nữ Một số hình ảnh giới thiệu giày Content: Slide ảnh quảng cáo giày Danh mục sản phẩm + Đặc sắc, nhất, bán chạy + Sản phẩm khuyến + Sản phẩm bật + Bài viết gần 33 + Các nhãn hiệu + Sản phẩm bán chạy + Tốp hụ kiện + Top Khi di chuột vào sản phẩm giày có hiệu ứng ảnh lên cho nhìn rõ sản phẩm Giúp cho người nhìn cảm thấy thích mua Giày + Giày thể thao + Giày nam + Giày nữ Có loại thẻ tốn cho khách hàng mua hàng Footer: Copyright © 2017 BELLA SHOP & Hoang Cuong Cài đặt Với ý tưởng xây dựng website bán giày Mục đích giới thiệu tới người tín đồ giày nói riên tồn thể người tín đồ thời trang nói chung Trên website khách hàng liên hệ xem dịch vụ bán hàng đặt hàng theo yêu cầu theo yêu cầu  Đây phần đầu: header web  Kế tiếp quảng cáo sản phẩm 34  Kế tiếp mặt hàng bán chạy đặc sắc  Kế tiếp mặt hàng bật  Kế tiếp viết gần 35  Kế tiếp nhãn hiệu tiếng phần kết web Đây giao diện website, từ giao diện khách hàng tìm kiếm thơng tin dịch vụ mà muốn tham khảo, dịch vụ mà bạn muốn mua…  KẾT LUẬN Với tốc độ phát triển ngày tăng mạng máy tính việc thiết kế cài đặt ứng dụng cho người dùng cần thiết Vì ý tưởng quảng cáo giới thiệu dịch vụ qua mạng phần giúp cho khách hàng tìm hiểu thông tin dịch vụ mua sắm giày cách tiện lợi 36 Trong hoạt động sản xuất, kinh doanh, thương mại điện tử khẳng định vai trò xúc tiến thúc đẩy phát triển doanh nghiệp Với kiến thức tảng học trường nỗ lực mình, em hồn thành đề tài “website bán giày” Mặc dù cố gắng đầu tư nhiều thời gian có hạn Em mong nhận thơng cảm góp ý thầy để đề tài em hoàn thiện Đánh giá kết xây dựng cài đặt Trong trình thực đề tài em cố gắng để tìm hiểu xây dựng cài đặt chương trình thời gian có hạn, kiến thức thân hạn chế nên chưa giải tất vấn đề đặt Em mong nhận thông cảm thầy Em xin chân thành cảm ơn ! Những kết đạt Về cơng nghệ: Tìm hiểu nắm bắt HTML CSS công cụ thiết kế Website quảng cáo dịch vụ trực tuyến Biết thêm ngơn ngữ lập trình PHP, JS Query Biết cách thiết kế Web tĩnh cách tổ chức liệu Các dịch vụ Internet, đặc biệt Web Về cài đặt chương trình Giao diện thân thiện với người dùng Giới thiệu mặt hàng đẹp mắt đến với khách hàng Hướng phát triển đề tài Phát triển thêm chức website Chỉnh sửa thêm phần giao diện cho thân thiện thêm với mục đích người dùng Thêm CSDL cho web 37 Thêm chức tích hợp ứng dụng vào website Cho phép tra cứu dịch vụ hệ thống Cho phép khách hàng thực việc mua bán, đặt hàng qua mạng Tiếp nhận đơn đặt hàng khách hàng tài liệu tham khảo [1] Đinh Xuân Lâm, Những thực hành HTML, NXB Thống kê, 08/2004 [2] Lê Minh Hoàng, Thiết Kế Web với CSS, NXB Lao động xã hội, 04/2007 38

Ngày đăng: 05/03/2019, 10:47

TỪ KHÓA LIÊN QUAN

w