Đề tài tiểu luận gồm các phần được phân chương như sau: Chương 1: Tổng quan về đề tài Chương 2: Giới thiệu công nghệ Chương 3: Giao diện website Chương 4: Kết luận và hướng phát triển...
TỔNG QUAN VỀ ĐỀ TÀI
Tên Đề Tài
+ THIẾT KẾ WEBSITE SHOP MÁY ẢNH HOÀNG LONG
Mục Tiêu của Đề Tài
+ Thiết kế Website shop bán máy ảnh cho công ty Hoàng Long.
Ý Nghĩa Của Đề Tài
+ Đưa sản phẩm của công ty đến đến gần hơn với người tiêu dùng.
Đối Tượng Của Đề Tài
+ Đối tượng nghiên cứu chủ yếu là máy ảnh và phụ kiện.
GIỚI THIỆU CÔNG NGHỆ
Giới Thiệu Về HTML
HTML (Ngôn ngữ đánh dấu siêu văn bản) là chuẩn ngôn ngữ dùng để tạo các tài liệu trên World Wide Web, giúp xác định cách hiển thị của trang web trên trình duyệt.
Trong ngôn ngữ HTML, các tag và đoạn mã lệnh được sử dụng để hướng dẫn trình duyệt (web browsers) hiển thị các thành phần của trang web, bao gồm văn bản và đồ họa một cách chính xác và trực quan.
HTML là ngôn ngữ xác định cấu trúc của thông tin.
HTML sử dụng các thẻ và thuộc tính để hiển thị văn bản cùng các thông tin khác một cách chuyên nghiệp Nó cung cấp khả năng tạo siêu liên kết giúp kết nối tới các tài liệu và trang web khác dễ dàng Nhờ vào cấu trúc này, HTML đóng vai trò quan trọng trong việc xây dựng nội dung website rõ ràng, hiệu quả và tối ưu cho công cụ tìm kiếm.
Thiết kế được nội dung và hình thức của trang web.
Xuất bản được các tài liệu trực tuyến hay truy xuất các thông tin trực tuyến bằng cách dùng các liên kết được chèn vào trang web.
Tạo ra các biểu mẫu trực tuyến nhằm thu thập các thông tin người dùng, quản lý giao dịch….
Thêm vào đối tượng các hình ảnh video, âm thanh…
Là một tập tin có phần mở rộng là htm hoặc html
Là một tập tin văn bản thuần túy, có chứa các mã đặc biệt gọi là Tag(thẻ), thường được đặt xung quanh một khối văn bản nào đó.
Có thể viết trên nhiều trình soạn thảo: Microsoft Fontpage, notepad…và được sử dụng nhiều nhất đó là adobe dreamweaver.
Giới thiệu về Adobe Dreamweaver
Macromedia Dreamweaver 8 là phần mềm biên soạn HTML chuyên nghiệp giúp thiết kế, viết mã và phát triển website cùng các ứng dụng web Với Dreamweaver, bạn có thể dễ dàng tạo trang web bằng cách viết mã thủ công hoặc sử dụng môi trường biên soạn trực quan, phù hợp với mọi sở thích và kỹ năng Công cụ này cung cấp các tính năng hữu ích để nâng cao hiệu quả và trải nghiệm thiết kế web của bạn.
Các tính năng biên soạn trực quan trong Dreamweaver giúp bạn dễ dàng tạo ra các trang web một cách nhanh chóng mà không cần viết mã Với công cụ này, người dùng có thể xem và chỉnh sửa tất cả các thành phần của trang web một cách trực quan và dễ dàng Tính năng này tối ưu hóa quy trình thiết kế web, phù hợp cho cả những người không chuyên về lập trình Dreamweaver mang lại trải nghiệm thiết kế web trực quan, giúp tiết kiệm thời gian và nâng cao hiệu quả công việc.
Bạn có thể dễ dàng quản lý và chèn trang web của mình trực tiếp từ một bảng điều khiển thân thiện bằng cách sử dụng Dreamweaver Để nâng cao chất lượng sản phẩm, bạn có thể tạo và chỉnh sửa hình ảnh trong Macromedia Fireworks hoặc các ứng dụng chỉnh sửa ảnh khác rồi chèn trực tiếp vào Dreamweaver, giúp tối ưu hóa quá trình thiết kế Ngoài ra, Dreamweaver còn cung cấp các công cụ hỗ trợ đơn giản hóa việc chèn nội dung Flash vào trang web nhanh chóng và chuyên nghiệp.
Dreamweaver hỗ trợ thiết kế các ứng dụng web động dựa trên dữ liệu sử dụng công nghệ máy chủ như CFML, ASP.NET, ASP, JSP và PHP, giúp bạn tạo ra các trang web linh hoạt và tương tác Ngoài ra, nếu bạn yêu thích làm việc với dữ liệu XML, Dreamweaver cung cấp các công cụ giúp dễ dàng tạo trang XSLT, chèn file XML và hiển thị dữ liệu XML trực tiếp trên trang web của mình.
Dreamweaver là phần mềm tùy biến hoàn toàn, cho phép người dùng tạo đối tượng và yêu cầu riêng, chỉnh sửa shortcut bàn phím, và viết mã JavaScript để mở rộng khả năng của chương trình Bạn có thể tùy chỉnh các hành vi mới, thêm các chuyên gia giám định Property, cũng như tích hợp các báo cáo site mới nhằm nâng cao hiệu quả công việc.
Ngôn ngữ CSS
CSS (Cascading Style Sheets) là một ngôn ngữ quy định cách trình bày cho các tài liệu viết bằng HTML, XHTML, XML, SVG, hay UML,…
CSS cung cấp nhiều thuộc tính trình bày đa dạng giúp các đối tượng hiển thị một cách linh hoạt và sáng tạo Việc kết hợp các thuộc tính này cho phép tạo ra các giao diện chuyên nghiệp, thu hút người dùng Nhờ vào khả năng tùy biến cao của CSS, các nhà thiết kế có thể tối ưu hóa trải nghiệm người dùng và nâng cao hiệu quả của trang web Điều này giúp các trang web trở nên hấp dẫn hơn về mặt hình thức và chức năng, đáp ứng yêu cầu ngày một cao của người dùng hiện nay.
CSS đã được hỗ trợ bởi tất cả các trình duyệt và hiển thị “như nhau” trên mọi hệ điều hành.
CSS cho phép áp dụng các kiểu dáng thông qua một file CSS bên ngoài, giúp quản lý dễ dàng và hiệu quả hơn khi xây dựng website gồm hàng trăm trang Với phương thức này, việc thay đổi thuộc tính trình bày trên toàn website trở nên nhanh chóng và đồng bộ, tiết kiệm thời gian và công sức trong quá trình thiết kế và duy trì website.
CSS được cập nhật liên tục mang lại các trình bày phức tạp và tinh vi hơn.
Ngôn ngữ Javascript
Với HTML chỉ biểu diễn thông tin chứ chưa phải là các trang Web động có khả năng đáp ứng các sự kiện từ phía người dùng.
Hãng Netscape đã giới thiệu ngôn ngữ script mang tên LiveScript để thực hiện các chức năng lập trình trên trình duyệt Sau đó, họ đã đổi tên thành JavaScript nhằm tận dụng sự phổ biến của ngôn ngữ lập trình Java Điều này giúp JavaScript trở thành một ngôn ngữ lập trình web phổ biến và ứng dụng rộng rãi trong phát triển các trang web động.
JavaScript là ngôn ngữ dưới dạng script có thể gắn với các file HTML Được trình duyệt diễn dịch, trình duyệt đọc JavaScript dưới dạng mã nguồn.
JavaScript là ngôn ngữ dựa trên đối tượng, sở hữu nhiều kiểu đối tượng phong phú như đối tượng Math chứa các chức năng toán học mạnh mẽ Tuy nhiên, JavaScript khác biệt so với các ngôn ngữ hướng đối tượng như C++ hay Java, vì nó không phải là ngôn ngữ hướng đối tượng truyền thống.
SVTH: NGUYỄN MINH HÙNG – LỚP D18PM03 4