+ Trang liên hệ: Đây là trang mà khách hàng có thể liên hệ với shop + Trang đăng ký: Người dùng đăng ký tài khoản để trở thành khách hàng của + Trang chi tiết sản phẩm: Đây là trang khác
TỔNG QUAN VỀ ĐỀ TÀI
Tên Đề Tài
+ THIẾT KẾ WEBSITE SHOP ĐỒNG HỒ CAO CẤP CTP
Mục Tiêu của Đề Tài
+ Thiết kế Website bán Đồng hồ của cửa hàng CTP.
Ý Nghĩa Của Đề Tài
+ Đưa sản phẩm của cửa hàng đến đến gần hơn với người tiêu dùng.
+ Quảng bá thương hiệu, uy tín cửa hàng.
Đối Tượng Của Đề Tài
+ Đối tượng nghiên cứu chủ yếu là các sản phẩm đồng hồ cho nam và nữ.
GIỚI THIỆU CÔNG NGHỆ
Giới Thiệu Về HTML
HTML (Hypertext Markup Language - Ngôn ngữ đánh dấu siêu văn bản) là ngôn ngữ chuẩn để tạo lập các tài liệu trên World Wide Web HTML xác định cấu trúc và cách trình bày của một trang web, giúp trình duyệt hiển thị nội dung chính xác Nó đóng vai trò then chốt trong việc xây dựng các trang web và đảm bảo trải nghiệm người dùng mượt mà, trực quan.
Ngôn ngữ HTML sử dụng các thẻ và đoạn mã lệnh để hướng dẫn trình duyệt web biết cách hiển thị các thành phần của trang web, bao gồm văn bản và hình ảnh HTML đóng vai trò quan trọng trong việc xây dựng cấu trúc và định dạng nội dung trang web để đảm bảo hiển thị chính xác và hấp dẫn Việc sử dụng đúng các thẻ HTML giúp tối ưu hóa trải nghiệm người dùng và cải thiện SEO của trang web.
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, giúp xây dựng cấu trúc nội dung rõ ràng và dễ hiểu Ngoài ra, HTML còn cung cấp khả năng tạo siêu liên kết đến các tài liệu và trang web khác, tăng tính tương tác cho người dùng Điều này giúp tối ưu hóa SEO bằng cách nâng cao khả năng liên kết nội bộ và liên kết ngoài trong website của bạn.
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à trình 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 một cách dễ dàng Phần mềm này phù hợp với cả người thích viết mã HTML thủ công lẫn những ai ưa chuộng môi trường biên soạn trực quan, mang lại các công cụ hữu ích để nâng cao trải nghiệm thiết kế web Với Dreamweaver 8, bạn có thể tạo ra các trang web chuyên nghiệp, tối ưu hóa quá trình phát triển web và nâng cao hiệu quả công việc của mình.
Các tính năng biên soạn trực quan trong Dreamweaver cho phép bạn tạo website một cách nhanh chóng mà không cần viết mã Bạn có thể dễ dàng xem và kéo các thành phần của trang web từ panel vào nội dung, giúp tiết kiệm thời gian và nâng cao hiệu quả làm việc Ngoài ra, Dreamweaver hỗ trợ tích hợp với Macromedia Fireworks hoặc các ứng dụng chỉnh sửa ảnh khác để tạo và chỉnh sửa hình ảnh, sau đó chèn trực tiếp vào dự án của bạn Công cụ của Dreamweaver cũng giúp đơn giản hóa quá trình chèn các file Flash vào trang web, mang lại trải nghiệm thiết kế linh hoạt và chuyên nghiệp.
Dreamweaver cho phép bạn thiết kế các ứng dụng web động dựa trên dữ liệu và công nghệ máy chủ như CFML, ASP.NET, ASP, JSP, và PHP, giúp tạo ra các trang web phù hợp với nhiều nền tảng 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ụ dễ dàng để tạo các 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 có khả năng tùy biến hoàn toàn, giúp bạn tạo ra các đối tượng và yêu cầu riêng phù hợp với nhu cầu của mình Bạn có thể chỉnh sửa phím tắt để tối ưu hóa quá trình làm việc, viết mã JavaScript để mở rộng chức năng và thêm các hành vi tùy chỉnh Ngoài ra, Dreamweaver còn hỗ trợ các chuyên gia trong việc giám định thuộc tính mới và cung cấp các báo cáo site nâng cao, giúp quản lý và phát triển trang web hiệu quả hơn.
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 nhà phát triển sáng tạo trong việc kết hợp các thuộc tính để tạo ra giao diện độc đáo và hấp dẫn Việc sử dụng các thuộc tính này giúp tối ưu hóa khả năng hiển thị và nâng cao trải nghiệm người dùng trên các trang web Các thuộc tính trình bày của CSS không chỉ mang lại hiệu quả cao mà còn linh hoạt, cho phép tùy chỉnh theo ý muốn của người thiết kế Sáng tạo trong việc kết hợp các thuộc tính CSS là chìa khóa để tạo nên các bố cục đẹp mắt, chuyên nghiệp và phù hợp với nhiều mục đích khác nhau.
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 từ một file CSS bên ngoài, giúp quản lý phong cách một cách dễ dàng và hiệu quả Phương pháp này đặc biệt hữu ích khi xây dựng các website lớn có hàng trăm trang hoặc khi cần thay đổi các thuộc tính trình bày nhất quán trên toàn bộ trang web Việc sử dụng file CSS ngoài giúp đảm bảo tính đồng bộ, giảm thiểu công việc chỉnh sửa thủ công cho từng trang, từ đó tiết kiệm thời gian và nâng cao hiệu quả phát triển 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 ban đầu giới thiệu ngôn ngữ script có tên là LiveScript để phục vụ các chức năng trình duyệt, sau đó đã đổ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 Việc đổi tên này giúp ngôn ngữ mới dễ dàng tiếp cận và phát triển rộng rãi hơn trong cộng đồng lập trình viên và người dùng internet JavaScript trở thành ngôn ngữ chính cho các ứng dụng web tương tác, đóng vai trò quan trọng trong việc nâng cao trải nghiệm người dùng trên các trang web hiện đại.
Tiểu luận môn thiết kế web
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, chứa nhiều kiểu đối tượng như Math với các chức năng toán học phong phú Tuy nhiên, JavaScript không phải là ngôn ngữ hướng đối tượng truyền thống như C++ hay Java, mà mang đặc điểm linh hoạt trong việc xử lý các đối tượng và chức năng.