Tìm hiểu về HTML5 và CSS 3, ứng dụng để viết một website đơn giản
Số trang: 29
Loại file: ppt
Dung lượng: 2.81 MB
Lượt xem: 3
Lượt tải: 0
Xem trước 3 trang đầu tiên của tài liệu này:
Thông tin tài liệu:
Hyper Text Markup Language chính là HTML (Viết tắt)* Nhiều người nhầm tưởng HTML là ngôn ngữ lập trình nhưngsự thực không phải như vậy, nó là một ngôn ngữ đánh dấu* Một ngôn ngữ đánh dấu là một bộ các thẻ đánh dấu* Để có thể miêu tả trang web ta cần đánh dấu các thẻ HTML
Nội dung trích xuất từ tài liệu:
Tìm hiểu về HTML5 và CSS 3, ứng dụng để viết một website đơn giản ĐềTài:TìmhiểuHTML5vàCSS3Ứngdụngđểxâydựngmộtwebsiteđơngiản Sinh Viên: Lê Duy Khánh Lớp: CĐ K7c Giáo Viên Hướng Dẫn: Nguyễn Quốc Bảo Bộ môn: Kỹ thuật máy tính Giới Thiệu Đề Tài Gi Phân Tích Thiết Kế Hệ PhânThống Kết Luận và Hướng Phát Triển GiỚI THIỆU VỀ HTML VÀ CSS GiỚI THIỆU VỀ HTML5 VÀ CSS3 GiỚI THIỆU VỀ JOOMLA MỤC TIÊU VÀ YÊU CẦU KHI XÂY DỰNG WEBSITE HTML được biết đến là một loại ngôn ngữ dùng để mô tả hiển thị các trang web. *Hyper Text Markup Language chính là HTML (Viết t ắt) * Nhiều người nhầm tưởng HTML là ngôn ngữ lập trình nhưng sự thực không phải như vậy, nó là một ngôn ngữ đánh dấu * Một ngôn ngữ đánh dấu là một bộ các thẻ đánh dấu * Để có thể miêu tả trang web ta cần đánh dấu các thẻ HTML GiỚI THIỆU VỀ HTML VÀ CSS CSS là chữ viết tắt của cụm từ tiếng Anh “Cascading Style Sheet”, là kiểu thiết kế sử dụng nhiều lớp định dạng chồng lên nhau. CSS được tổ chức World Wide Web (W3C) giới thiệu vào năm 1996. Cách đơn giản nhất để hiểu CSS là hãy coi nó như một phần mở rộng của HTML để giúp đơn giản hóa và cải tiến việc thiết kế cho các trang web. GiỚI THIỆU VỀ HTML5 VÀ CSS3 HTML5 và CSS3 là những công nghệ mới nhất cho ứng dụng việc thiếtkế web. Các tính năng video của HTML5 – cho phép đơn giản hoá việcthêm một video vào trang Web – đã được nhận được nhiều sự chú ý, khôngnhững thế HTML5 còn có nhiều tính năng làm nó trở nên tuyệt vời đối vớingười sử dụng cũng như các nhà phát triển web.HTML5 sẽ cho phép bạn xem video, nghe nhạc, chơi game mà không c ần s ử d ụngmột plugin như Flash hoặc Silverlight. - Khả năng tương thích: HTML5 vẫn giữ lại các cú pháp truyền thống trước đây,và nếu một vài tính năng mới nào đó của HTML5 chưa được trình duyệt hỗ trợ thìnó phải có một cơ chế fall back để render trong các trình duy ệt cũ. Đương nhiên là,HTML5 không thể xóa bỏ tất cả những gì đã có suốt hơn 20 năm chỉ trong mộtngày. Mặc dù điều này cũng không đồng nghĩa với việc HTML5 hỗ trợ tất cả cáctrình duyệt, nhưng nếu bạn có một trình duyệt đủ cũ để không tương thích vớiHTML5, có lẽ đã đến lúc bạn nâng cấp trình duyệt mới! CSS3 cho phép bạn áp dụng nhiều hình nền lên một phần tử (element) Với CSS3 bạn có thể thay đổi kích thước phần tử với thuộc tính Nếu ở CSS2 bạn bị hạn chế với các font như Arial, Verdana , Tahoma vì phần lớn các máy tính có các font này thì ở CSS3 bạn có th ể s ử dụng bất kỳ font nào bạn muốn. Font sẽ được lấy từ một địa chỉ nào đó trên internet. Joomla! là một hệ quản trị nội dung mã nguồn mở. Joomla! cho phép người sử dụng có thể dễ dàng xuất bản các nội dung của họ lên Internet hoặc Intranet. Joomla! có các đặc tính cơ bản là: bộ đệm trang (page caching) để tăng tốc độ hiển thị, lập chỉ mục, đọc tin RSS (RSS feeds), trang dùng để in, bản tin nhanh, blog, diễn đàn, bình chọn, lịch biểu, tìm kiếm và hỗ trợ đa ngôn ngữ. Các Thành Phần của JOOMLA Front-end (Frontpage): Là các trang Web mà mọi người sẽ được thấy khi truy cập vào Web Site của bạn. Back-end (Admin): Là phần quản lý Web Site dành cho các Quản trị, chủ nhân của Web Site Template (Temp): Là giao diện, khuông dạng, kiểu mẫu, hình thức đ ược thiết kế để trình bày nội dung của trang Web và có các vị trí định sẵn để tích hợp các bộ phận, thành phần của trang Web Mục tiêu xây dựng hệ thống : Nhằm đáp ứng được nhu cầu cập nhật tin tức mới của độc giả Thông tin luôn được cập nhật mới và luôn đáp ứng được nhu cầu tim kiếm thông tin của độc giả.Yêu cầu đặt ra cho hệ thống: Hỗ trợ độc giả : • Có được những thông tin hữu ích. Hỗ trợ cho thành viên: › Để an toàn cho hệ trống thì hệ thống sẽ cấp cho thành viên một mật khẩu để người quản trị có thể truy cập vào mục quản lý, thao tác trên cơ sở dữ liệu (như bổ sung, cập nhật tin tức …) PHÂN TÍCH HỆ THỐNG SƠ ĐỒ PHÂN CẤP CHỨC NĂNG SƠ ĐỒ MỨC ĐỈNH, DƯỚI ĐỈNH, KHUNGCẢNH SƠ ĐỒ THỰC THỂ LIÊN KẾT Hoạt động của Website tin tức gồm 2 hoạt động chính:Hoạt động của độc giảHoạt động của người quản lýHoạt động của độc giả: Một khách độc giả khi truy cập vào website, họ sẽ đặt vấn đề trang website có những thông tin gì, thông tin về những vấn đề nào, cách tìm kiếm tin tức như thế nào Khách hàng có thể vào các chuyên mục hoặc nhóm tin để tìm kiếm các bài viết Đọc tin tứcHoạt động của người quản lý:Hướng dẫn tìm kiếm tin tứcQuản lý tin tứcPhê duyệt tin tứcTiếp nhận ý kiến của độc giả Quản lý website tin tứcQuản lý bài Quản lý Hiển thị tin Tìm kiếm viết danh mục Hiển Tìm thị Cập Cập kiếm theo nhật nhật theo trang tin nhóm nhóm chủ tin Phê Hiển Tìm duyệt thị kiếm Cập tin theo chủ theo nhật đề nhóm danh mục Hiển Tìm Tìm thị kiếm kiếm theo theo từ chủ khóa đề Hồi đáp Tìm kiếm ...
Nội dung trích xuất từ tài liệu:
Tìm hiểu về HTML5 và CSS 3, ứng dụng để viết một website đơn giản ĐềTài:TìmhiểuHTML5vàCSS3Ứngdụngđểxâydựngmộtwebsiteđơngiản Sinh Viên: Lê Duy Khánh Lớp: CĐ K7c Giáo Viên Hướng Dẫn: Nguyễn Quốc Bảo Bộ môn: Kỹ thuật máy tính Giới Thiệu Đề Tài Gi Phân Tích Thiết Kế Hệ PhânThống Kết Luận và Hướng Phát Triển GiỚI THIỆU VỀ HTML VÀ CSS GiỚI THIỆU VỀ HTML5 VÀ CSS3 GiỚI THIỆU VỀ JOOMLA MỤC TIÊU VÀ YÊU CẦU KHI XÂY DỰNG WEBSITE HTML được biết đến là một loại ngôn ngữ dùng để mô tả hiển thị các trang web. *Hyper Text Markup Language chính là HTML (Viết t ắt) * Nhiều người nhầm tưởng HTML là ngôn ngữ lập trình nhưng sự thực không phải như vậy, nó là một ngôn ngữ đánh dấu * Một ngôn ngữ đánh dấu là một bộ các thẻ đánh dấu * Để có thể miêu tả trang web ta cần đánh dấu các thẻ HTML GiỚI THIỆU VỀ HTML VÀ CSS CSS là chữ viết tắt của cụm từ tiếng Anh “Cascading Style Sheet”, là kiểu thiết kế sử dụng nhiều lớp định dạng chồng lên nhau. CSS được tổ chức World Wide Web (W3C) giới thiệu vào năm 1996. Cách đơn giản nhất để hiểu CSS là hãy coi nó như một phần mở rộng của HTML để giúp đơn giản hóa và cải tiến việc thiết kế cho các trang web. GiỚI THIỆU VỀ HTML5 VÀ CSS3 HTML5 và CSS3 là những công nghệ mới nhất cho ứng dụng việc thiếtkế web. Các tính năng video của HTML5 – cho phép đơn giản hoá việcthêm một video vào trang Web – đã được nhận được nhiều sự chú ý, khôngnhững thế HTML5 còn có nhiều tính năng làm nó trở nên tuyệt vời đối vớingười sử dụng cũng như các nhà phát triển web.HTML5 sẽ cho phép bạn xem video, nghe nhạc, chơi game mà không c ần s ử d ụngmột plugin như Flash hoặc Silverlight. - Khả năng tương thích: HTML5 vẫn giữ lại các cú pháp truyền thống trước đây,và nếu một vài tính năng mới nào đó của HTML5 chưa được trình duyệt hỗ trợ thìnó phải có một cơ chế fall back để render trong các trình duy ệt cũ. Đương nhiên là,HTML5 không thể xóa bỏ tất cả những gì đã có suốt hơn 20 năm chỉ trong mộtngày. Mặc dù điều này cũng không đồng nghĩa với việc HTML5 hỗ trợ tất cả cáctrình duyệt, nhưng nếu bạn có một trình duyệt đủ cũ để không tương thích vớiHTML5, có lẽ đã đến lúc bạn nâng cấp trình duyệt mới! CSS3 cho phép bạn áp dụng nhiều hình nền lên một phần tử (element) Với CSS3 bạn có thể thay đổi kích thước phần tử với thuộc tính Nếu ở CSS2 bạn bị hạn chế với các font như Arial, Verdana , Tahoma vì phần lớn các máy tính có các font này thì ở CSS3 bạn có th ể s ử dụng bất kỳ font nào bạn muốn. Font sẽ được lấy từ một địa chỉ nào đó trên internet. Joomla! là một hệ quản trị nội dung mã nguồn mở. Joomla! cho phép người sử dụng có thể dễ dàng xuất bản các nội dung của họ lên Internet hoặc Intranet. Joomla! có các đặc tính cơ bản là: bộ đệm trang (page caching) để tăng tốc độ hiển thị, lập chỉ mục, đọc tin RSS (RSS feeds), trang dùng để in, bản tin nhanh, blog, diễn đàn, bình chọn, lịch biểu, tìm kiếm và hỗ trợ đa ngôn ngữ. Các Thành Phần của JOOMLA Front-end (Frontpage): Là các trang Web mà mọi người sẽ được thấy khi truy cập vào Web Site của bạn. Back-end (Admin): Là phần quản lý Web Site dành cho các Quản trị, chủ nhân của Web Site Template (Temp): Là giao diện, khuông dạng, kiểu mẫu, hình thức đ ược thiết kế để trình bày nội dung của trang Web và có các vị trí định sẵn để tích hợp các bộ phận, thành phần của trang Web Mục tiêu xây dựng hệ thống : Nhằm đáp ứng được nhu cầu cập nhật tin tức mới của độc giả Thông tin luôn được cập nhật mới và luôn đáp ứng được nhu cầu tim kiếm thông tin của độc giả.Yêu cầu đặt ra cho hệ thống: Hỗ trợ độc giả : • Có được những thông tin hữu ích. Hỗ trợ cho thành viên: › Để an toàn cho hệ trống thì hệ thống sẽ cấp cho thành viên một mật khẩu để người quản trị có thể truy cập vào mục quản lý, thao tác trên cơ sở dữ liệu (như bổ sung, cập nhật tin tức …) PHÂN TÍCH HỆ THỐNG SƠ ĐỒ PHÂN CẤP CHỨC NĂNG SƠ ĐỒ MỨC ĐỈNH, DƯỚI ĐỈNH, KHUNGCẢNH SƠ ĐỒ THỰC THỂ LIÊN KẾT Hoạt động của Website tin tức gồm 2 hoạt động chính:Hoạt động của độc giảHoạt động của người quản lýHoạt động của độc giả: Một khách độc giả khi truy cập vào website, họ sẽ đặt vấn đề trang website có những thông tin gì, thông tin về những vấn đề nào, cách tìm kiếm tin tức như thế nào Khách hàng có thể vào các chuyên mục hoặc nhóm tin để tìm kiếm các bài viết Đọc tin tứcHoạt động của người quản lý:Hướng dẫn tìm kiếm tin tứcQuản lý tin tứcPhê duyệt tin tứcTiếp nhận ý kiến của độc giả Quản lý website tin tứcQuản lý bài Quản lý Hiển thị tin Tìm kiếm viết danh mục Hiển Tìm thị Cập Cập kiếm theo nhật nhật theo trang tin nhóm nhóm chủ tin Phê Hiển Tìm duyệt thị kiếm Cập tin theo chủ theo nhật đề nhóm danh mục Hiển Tìm Tìm thị kiếm kiếm theo theo từ chủ khóa đề Hồi đáp Tìm kiếm ...
Tìm kiếm theo từ khóa liên quan:
kỹ năng internet thiết kế web lập trình web tìm hiểu về HTML5 và CSS 3 viết website đơn giản lập trình HTMLTài liệu liên quan:
-
Báo cáo thực tập: Đề tài thiết kế Web
77 trang 574 2 0 -
Đề thi thực hành môn Thiết kế Web - Trường Cao đẳng nghề Vĩnh Phúc
3 trang 283 2 0 -
Hướng dẫn cài đặt tomcat và cấu hình với netbeans
19 trang 139 0 0 -
[Thảo luận] Học PHP như thế nào khi bạn chưa biết gì về lập trình?
5 trang 134 0 0 -
161 trang 134 1 0
-
Bài giảng Lập trình web nâng cao: Chương 8 - Trường ĐH Văn Hiến
36 trang 121 1 0 -
MỘT SỐ ĐIỂM CẦN CHÚ Ý KHI THIẾT KẾ WEB
5 trang 115 0 0 -
GIÁO TRÌNH LẬP TRÌNH WEB_PHẦN 2_BÀI 3
3 trang 105 0 0 -
Lập Trình Web: Các trang quản trị trong PHP - GV: Trần Đình Nghĩa
8 trang 105 0 0 -
231 trang 95 1 0