Tìm hiểu về HTML5 và CSS 3, ứng dụng để viết một website đơn giản

Chia sẻ: Lê Duy Khánh | Ngày: | Loại File: PPT | Số trang:29

Thêm vào BST

Báo xấu

397
lượt xem 159
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

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

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: Tìm hiểu về HTML5 và CSS 3, ứng dụng để viết một website đơn giản

Đề Tài: Tìm hiểu HTML5 và CSS3 Ứng dụng để xây dựng một website đơn giả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ân Thố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ết kế web. Các tính năng video của HTML5 – cho phép đơn giản hoá việc thêm một video vào trang Web – đã được nhận được nhiều sự chú ý, không những thế HTML5 còn có nhiều tính năng làm nó trở nên tuyệt vời đối với ngườ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 ụng mộ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ột ngà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ác trình duyệt, nhưng nếu bạn có một trình duyệt đủ cũ để không tương thích với HTML5, 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, KHUNG CẢ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ức 
Hoạt động của người quản lý: Hướng dẫn tìm kiếm tin tức Quản lý tin tức Phê duyệt tin tức Tiếp nhận ý kiến của độc giả
Quản lý website tin tức Quả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 Người Quản lý Độc giả quản lý website tin tức Yêu cầu Tin tức
Tin trang chủ Quản lý bài viết Người đưa tin Quản lý thành viên Quản lý thành viên Tin tức Quản lý danh Nhóm tin mục Hiển thị tin Danh mục Tìm kiếm Độc giả
Quản lý Cập website Người đưa tin nhật Phê duyệt Kết quả Tìm kiếm yệt ê du Tin trang chủ Tin tức Danh mục Ph Nhóm tin Tìm kiếm