Thực tập chuyên ngành: Phân tích thiết kế và xây dựng website giới thiệu sản phẩm cho shop thời trang Daisy

Thực tập chuyên ngành trình bày về một ngôn ngữ lập trình web hiện đang được sử dụng phổ biến đó là ngôn ngữ PHP. Để hiểu rõ hơn, mời các bạn tham khảo chi tiết nội dung thực tập này

TRƯỜNG ĐẠI HỌC CƠNG NGHỆ THƠNG TIN VÀ TRUYỀN THƠNG KHOA CƠNG NGHỆ THƠNG TIN BÁO CÁO  THỰC TẬP CHUN NGÀNH ĐỀ TÀI: PHÂN TÍCH THIẾT KẾ VÀ XÂY DỰNG WEBSITE GIỚI THIỆU SẢN PHẨM CHO SHOP THỜI TRANG DAISY Sinh viên thực hiện: Nguyễn Hồng Anh Lớp ĐHLT ­ CNTT­  K16D Giáo viên hướng dẫn:Ths Qch Xn Trưởng Hà Nội, Ngày 15 Tháng 4 Năm 2019 LỜI CẢM ƠN Trước tiên em xin gửi lời cám  ơn chân thành sâu sắc tới các thầy cơ giáo  trong trường Đại học Cơng Nghệ Thơng Tin & Truyền Thơng nói chung và các thầy   cơ giáo trong khoa Cơng Nghệ  Thơng Tin, bộ  mơn Kỹ  Thuật Phần Mềm nói riêng   đã tận tình giảng dạy, truyền đạt cho em những kiến thức, kinh nghiệm q báu  trong suốt thời gian qua Đặc biệt em xin gửi lời cảm  ơn đến thầy Qch Xn Trưởng, thầy đã tận  tình giúp đỡ, trực tiếp chỉ bảo, hướng dẫn em trong suốt q trình làm đề tài. Trong   thời gian làm việc với thầy, em khơng ngừng tiếp thu thêm nhiều kiến thức bổ ích   mà còn học tập được tinh thần làm việc, thái độ  nghiên cứu khoa học nghiêm túc,   hiệu quả, đây là những điều rất cần thiết cho em trong q trình học tập và cơng  tác  sau này Sau cùng xin gửi lời cảm ơn chân thành tới gia đình, bạn bè đã động viên, đóng   góp ý kiến và giúp đỡ trong q trình học tâp, nghiên cứu và hồn thành đề tài thực tập   của mình Hà Nội, ngày 15 tháng 4 năm 2019                   Người viết Nguyễn Hồng Anh MỤC LỤC LỜI NĨI ĐẦU Với sự  phát triển mạnh mẽ  của cơng nghệ  thơng tin và sự  lớn mạnh, rộng   khắp của mạng máy tính tồn cầu. Việc  ứng dụng tin học vào các lĩnh vực của   cuộc sống ngày càng được quan tâm và sử dụng hiệu quả, đem lại lợi ích to lớn về  mọimặt. Sự lớn mạnh của mạng máy tính đã xóa bỏ  mọi gianh giới về khơng gian  và thời gian để  đem con người và tri thức xích lại gần nhau hơn. Thơng qua mạng  máy tính, con người có thể được tiếp xúc với mọi loại tri thức như tri thức văn hóa,   xã hội, khoa học kỹ thuật. Do vậy ngày càng có nhiều  ứng dụng được viết để  hỗ  trợ cơng việc thủ cơng của con người, đặc biệt là các ứng dụng quản lý như quản  lý nhân sự, quản lý hàng hóa, quản lý điểm. Trước kia khi mạng Internet còn chưa   phổ  biến thì các  ứng dụng thường được viết trên máy Desktop, ngày nay Internet   khơng còn xa lạ  với bất cứ ai do vậy các  ứng dụng cũng có xu thế  phát triển dần   trên nền Web.Trong đề tài “Phân tích thiết kế và xây dựng website giới thiệu sản   phẩm cho shop thời trang Daisy” này tơi xin trình bày về  một ngơn ngữ  lập trình  web hiện đang được sử  dụng phổ  biến đó là ngơn ngữ  PHP. Trong q trình phân  tích và cài đặt ứng dụng khơng thể  khơng tránh khỏi những thiếu sót, rất mong sự  giúp đỡ tận tình của các thầy cơ trong Bộ mơn và bạn bè đồng nghiệp CHƯƠNG I: CƠ SỞ LÝ THUYẾT 1.1 HTML (HyperText Markup Language) HyperText Markup Language (HTML) là hàng loạt các đoạn mã chuẩn với  các quy ước được thiết kế để tạo ra trang web, giúp tạo và chia sẻ các tài liệu điện   tử  tích hợp đa phương tiện qua Internet và được hiển thị  bởi những trình duyệt  Web.HTML là nền tảng của World Wide Web, một dịch vụ tồn cầu của Internet   Weblà dịch vụ  mang tính đồ  hoạ  cao trong các dịch vụ  Internet, cho phép người  dùng có thể tự tạo cho riêng họ những trang Web. HTML cho phép áp dụng siêu liên  kết chotài liệu và trình bày tài liệu với phơng chữ, hình  ảnh, kiểu gióng hàng phù   hợp vớihệ thống hiển thị văn bản HTML khơng phải ngơn ngữ lập trình. Thay vào đó, tạo các trang Web thường nói đến như là “authoring” (sáng tác) và đơn giản hơn nhiều so với việc tạo   ra các  ứng dụng trên máy tính.Có nhiều trình soạn thảo HTML và Web khác nhau  như: NotePad, InternetExplorer, Microsoft FrontPage hay Netscape Navigator có cơng  cụ soạn thảo đơngiản cho phép tạo và hiệu chỉnh tập tin HTML Cấu trúc của HTML rất đơn giản và logic, với bố cục  từ trên xuống dưới, từ  trái qua phải, với 2 phần chính là HEAD và BODY. Các website viết bằng HTML  đều tn theo cấu trúc cơ bản như sau: + Mọi trang HTML đều phải khai báo DOCTYPE (định nghĩa chuẩn văn bản)  ngay từ dòng đầu tiên + Thẻ  cho trình duyệt biết mở đầu và kết thúc của trang HTML + Thẻ  chứa tiêu đề và các thơng tin khai báo, các thơng tin ẩn khác + Thẻ   sẽ hiển thị nội dung của trang web. Đây là phần thơng tin mà  người dùng sẽ nhìn thấy khi trình duyệt đọc các mã HTML + Mọi kí tự  nằm giữa dấu  sẽ  được xem là thẻ  comment và sẽ  bị  trình duyệt bỏ qua, khơng xử lý và khơng hiển thị Ví dụ:    Đây là thẻ đánh dấu tiêu đề trang web          Đây là dòng chữ in đậm  Đây là dòng chữ in nghiêng   1.2 CSS (Cascading Style Sheets) CSS là viết tắt của cụm từ "Cascading Style Sheet", nó là một ngơn ngữ quy   định cách trình bày của các thẻ html trên trang web. Là ngơn ngữ đang được sử dụng   rất nhiều trong lập trình web, có thể  nói CSS ra đời đã tạo nên một cuộc cách  mạng. Đơi khi các bạn sẽ bối rối khi nhận thấy rằng các đoạn code mình viết hiển  thị khơng giống nhau trên các trình duyệt khác nhau, CSS sẽ giúp các bạn giải quyết   bài tốn này.CSS quy định cách hiển thị  nội dung của các thẻ  HTML trên các trình   duyệt gần như giống nhau,bằng cách quy định các thuộc tính cho thẻ HTML đó 1.2.1 Tại sao phải sử dụng CSS ­ CSS cung cấp cho bạn hàng trăm thuộc tính trình bày dành cho các đối   tượng với sự  sáng tạo cao trong kết hợp các thuộc tính giúp mang lại hiệu quả   Ngồi ra, hiện tại CSS đã được hỗ trợ bởi tất cả các trình duyệt, nên bạn hồn tồn   có thể tự tin trang web của mình có thể hiển thị hầu như (như nhau) dù trên một hệ  thống sử  dụng Windows, Linux hay trên một máy Mac miễn là bạn đang sử  dụng  một phiên bản trình duyệt mới nhất ­   CSS  đưa     phương   thức   “ngoại   tuyến”   giúp   áp  dụng   một  khuôn   mẫu  chuẩn từ  một file CSS   ngồi. Nó thật sự có hiệu quả  đồng bộ  khi bạn tạo một   website có hàng trăm trang hay cả khi bạn muốn thay đổi một thuộc tính trình bày   nào đó.  ­ Sử  dụng CSS làm thay đổi font chữ  hay màu chữ  cho một thành phần nào  ­ Ngồi ra, CSS còn cho phép bạn áp đặt những kiểu trình bày thích hợp hơn cho  các phương tiện khác nhau như màn hình máy tính, máy in, điện thoại,… 1.2.2 Cách chèn CSS vào trang HTML Cách   1:   Chèn   nội   dung   CSS   vào     cặp   thẻ       phần    của trang web: Ví dụ: Chen CSS­Cách 1 //Nội dung CSS đặt bên trong đây  Cách 2: Chèn trực tiếp vào bên trong thẻ HTML ­ Chèn trực tiếp CSS vào bên trong các thẻ mở của HTML ­   Nếu   có   nhiều   thuộc   tính   cần   quy   định,   ta   ngăn   cách     chúng     khoảng trắng Ví dụ: Ở đây ta chèn CSS vào thẻ mở của cặp thẻ 

Chen CSS­Cách 2

Cách 3: Liên kết với một file *.css bên ngồi ­ Đây là cách được dùng nhiều nhất trong sử dụng CSS vì tính tiện dụng và   linh hoạt của nó. Giả  sử, bạn có một website gồm hàng trăm trang, khi bạn muốn  thay đổi một chút cách trình này của website, thay vì gạch cạch đi gõ từng trang  một, bạn chỉ cần sửa file CSS bên ngồi một chút, hàng trăm trang web của bạn đều  được thay đổi ­ Cú pháp: Thực hiện liên kết bằng thẻ ( Khơng có tag đóng ), theo cú  pháp sau: Tag này được đặt trong cặp tag  của trang web, và khơng cần   đặt trong tag  ­ Nếu bạn đặt file *.css cùng thư mục với trang web, thì trong thuộc tính href   bạn chỉ cần viết: href="