Đang tải... (xem toàn văn)
Đây đoạn văn
Đây đoạn văn khác
HTML tự động thêm dòng trắng trước sau heading Line Breaks - xuống dòng Thẻ sử dụng bạn muốn kết thúc dịng lại khơng muốn bắt đầu đoạn văn khác Thẻ tạo lần xuống dịng bạn viếtĐây đođoạn văn với thẻ xuống hàng
Thẻ thẻ trống, khơng cần thẻ đóng dạng Lời thích HTML Thẻ thích sử dụng để thêm lời thích mã nguồn HTML Một dịng thích bỏ qua trình duyệt Bạn sử dụng thích để giải thích code bạn, để sau bạn có phải quay lại chỉnh sửa dễ nhớ Bạn cần dấu chấm than ! sau dấu nhỏ không cần dấu lớn Các ký tự đặc biệt HTML Một vài ký tự tương tự dấu nhỏ hiển thị dạng siêu liên kết Thuộc tính đích đến: Với thuộc tính đích đến, bạn xác định liên kết đến tài liệu khác mở đâu Dòng code mở tài liệu liên kết cửa sổ trình duyệt Mời bạn vào diễn đàn niemvui.net Thẻ anchor thuộc tính tên Thuộc tính tên sử dụng để tạo điểm neo đặt tên Khi sử dụng điểm neo đặt tên trước tạo đường liên kết mà người đọc nhảy trực tiếp đến phần cụ thể trang web, thay họ phải kéo xuống để tìm thơng tin Một dạng bookmark vậy! Dưới cú pháp điểm neo đặt tên trước: Chữ bạn muốn hiển thị đây Thuộc tính tên sử dụng để tạo điểm neo Tên điểm neo thứ bạn muốn Dòng code sau xác định điểm neo đặt tên trước Tất tutorial đây Bạn nhận thẻ anchor đặt tên trước hiển thị khơng có đặc biệt Để trực tiếp liên kết phần Photoshop Tutorial, bạn phải thêm dấu # tên điểm neo cuối URL Xem ví dụ sau Quay lại trang tutorials Một đường liên kết đến phần Quay lại trang tutorials TỪ trang "html_chuong_3.htm" sau: Quay lại trang tutorials Điểm neo đặt tên thường sử dụng để tạo Mục Lục trang tài liệu nhiều trang Môi chương tài liệu cho điểm neo, liên kết đến điểm neo đặt tài liệu Nếu trình duyệt khơng tìm điểm neo từ trước, quay lên phần tài liệu Thẻ frameset Thẻ xác định bạn chia cửa sổ trình duyệt thành frame Mơi frame xác định tập hợp hàng cột Giá trị hàng cột diện tích hình mà frame chiếm Thẻ Frame Thẻ xác định tài liệu HTML chèn vào frame Ví dụ: Bảng HTML Với HTML bạn tạo bẳng cho trang web Bảng định dạng thẻ Một bảng chia làm nhiều hàng với thẻ , môi hàng chia làm nhiều cột liệu với thẻ Cbữ td chữ viết tắt "table data", nội dung cột liệu Một cột liệu bao gồm chữ, hình ảnh, danh sách, đoạn vắn, form bảng v.v Đoạn code hiển thị cửa sổ trình duyệt row 1, cell row 2, cell row 1, cell row 2, cell Bảng thuộc tính đường biên Nếu bạn khơng thiết lập thuộc tính đường biên cho bảng bảng bạn hiển thị mà khơng có đường biên Đơi hữu dụng thường bạn muốn bảng bạn có đường biên Để hiển thị đường biên bảng, bạn phải sử dụng thuộc tính đường biên Row 1, cell 1 Row 1, cell 2 Heanding bảng Heading bảng xác định thẻ Cột trống bảng Cột trống khơng có nội dung khơng hiển thị tốt hầu hết trình duyệt row 1, cell 1 row 1, cell 2 row 2, cell 1 Nó có dạng trình duyệt row 1, cell row 1, cell row 2, cell Bạn ý đường biên bao quanh cột trống bị (nhưng trình duyệt Mozilla Firefox hiển thị đường biên) Để tránh điều xảy ra, bạn thêm non-breaking space ( ) vào cột trống đó, để làm cho đường biên thỉ row 1, cell 1 row 1, cell 2 row 2, cell 1 Nó hiển thị sau trình duyệt row 1, cell row 1, cell row 2, cell Thẻ table Tag Mô Tả Vẽ bảng hàng đầu bảng hàng bảng ô hàng nhãn bảng nhóm cột Định thuộc tính cột Hàng Đầu bảng Thân bảng Hàng cuối bảng HTML form trường nhập liệu HTML form sử dụng để chọn liệu nhập vào khác người dùng Form Một form vùng mà bao gồm thành phần form Thành phần form thành phần cho phép người dùng điền thơng tin trường chữ, menu thả xuống, nút radio, hộp kiểm vào form Một form xác định thẻ Nhập liệu 10 3.4 Quản lý danh mục 27 Sơ đồ thực thể kiên kết 28 Chương I Thiết kế website Sử dụng open source joomla (phiên 1.5) để làm website tin tức Các bước chuẩn bị: Host: Nơi đặt Web Site, đề tài Web Site đặt Tạo Database: Tạo cở sở dử liệu cho Web Site Cài đặt Joomla!: Download cài đặt Joomla! 1.5 Cài ngôn ngữ tiếng Việt: Download cài đặt ngơn ngữ tiếng Việt Joomla! 1.5 Cấu hình: Thiết lập thông số cho Web Site Global Configuration Đăng nhập vào Admin (Back-end) 1.Tạo cấp lưu trữ nội dung cho chủ đề: Có thể xóa Section, Category Content Item mẫu có sẵn Joomla! đổi tên để sử dụng lại Tạo Section: Chọn Content -> Section Manager để tạo phần cho Web Site, sửa lại các Section có sẵn tạo thêm 29 Chọn New để tạo Section Tin nước, Tin giới, Tin thể thao Tạo Category: Chọn Content -> Category Manager để tạo mục phụ cho Web Site, sửa lại các Category có sẵn tạo thêm Chọn New để tạo Category Xã hội, Kinh tế, An ninh phần (Section) Tin nước, Tin giới, Category Trong nước, Quốc tế phần (Section) Tin thể thao 30 Tạo Menu 31 Chọn Menus -> mainmenu -> New -> Articles -> Section Blog Layout • Các Menu cịn lại muốn sử dụng cịn khơng xóa cách chọn Menu muốn xóa nhấn vào nút Trash • - Tạo Menu phụ (Sub Menu): Chọn Menus -> mainmenu -> New -> Articles -> Blog - Content Category 32 • Tạo thêm Sub Menu khác với lựa chọn Blog – Content Category Category Parent Item tương ứng với Section Category • Sau tạo xong Menu xếp lại theo thứ tự ý cách đánh số thứ tự mục Order nhấn vào biểu tượng dĩa mềm để Save dùng nút mũi tên lên xuống để xếp 33 Tạo phần liên hệ (Contact): • Chọn Components -> Contacts -> Manage Contacts -> chọn Contact mẫu có sẵn hay tạo cách nhấn New • Nhập địa Email vào mục E-mail, địa hiển thị phần người gửi người nhận trả lời lại cho địa • Nhập đầy đủ thông tin mục khác phần muốn bỏ bớt mục cách chọn Tab Parameters chọn Hide mục Nhấn Save để hồn tất • Có thể tạo nhiều liên hệ (Contact) muốn 34 Tạo viết - Chọn content -> Article Manager – New + Title: Tiêu đề viết + Section: Lựa chọn chuyên mục + Category: Lựa chọn chuyên mục - Ngồi cịn có chức Published, Front Page phê duyệt hiển thị trang chủ 35 II Đăng viết có sử dụng thẻ HTML5 CSS3: Ví dụ thẻ HTML5: - Ví dụ 1: Thẻ video - Với thẻ video HTML5, người sử dụng xem video mà khơng cần cài thêm phần hỗ trợ cả! Ta kết quả: 36 Ví dụ 2: Thẻ : Ta kết quả: Ví dụ thẻ CSS3: - Ví dụ 1: Thẻ DIV 37 Ta kết quả: 38 Chương Kết luận hướng phát triển I Kết đạt được: Trang chủ ứng dụng: Trang đăng nhập vào administrator: 39 Trang thêm viết mới: Trang quản lý viết: 40 II Kết luận - Ứng dụng đáp ứng yêu cầu giai đoạn phân tích thiết kế hệ thống - Ứng dụng kết hợp với thẻ HTML5 CSS3 III Hướng phát triển - Mở rộng trang web với quy mơ lớn hơn, có nhiều ứng dụng hợp lý - Xây dựng website có khả cập nhật tin tức tự động Như sau thời gian làm việc nghiêm túc giúp đỡ tận tình thầy giáo hướng dẫn Nguyễn Quốc Bảo, em hồn thành đề tài Q trình tìm hiểu nghiên cứu thực đề tài giúp em hiểu biết thêm nhiều kiến thức mơn Kỹ thuật máy tính Do thời gian thực đề tài có giới hạn kiến thức em cịn hạn hẹp nên khơng thể tránh khỏi thiếu sót chưa giới thiệu, đưa ưu điểm, nhược điềm tiềm ẩn bên website Chính em mong nhận bảo ban, đóng góp ý kiến thầy Nguyễn Quốc Bảo, giáo viên hướng dẫn trực tiếp thầy cô khoa bạn sinh viên để báo cáo em hồn thiện có hội phát triển Em xin chân thành cảm ơn! Thái Nguyên, tháng 06 năm 2011 Sinh viên Lê Duy Khánh 41 ... lựa chọn đề tài ? ?Tìm hiểu HTML5 CSS 3, ứng dụng để viết website đơn giản? ?? Trong đề tài thực tập em tập chung vào nghiên cứu nơi dung sau: Chương 1: Tổng quan html5, css3 Khái niệm HTML, CSS ... niệm HTML, CSS Điểm mạnh HTML5, CSS3 Chương 2: Phân tích thiết kế hệ thống Chương 3: Thiết kế website Sử dụng joomla để làm website tin tức ứng HTML5 CSS3 vào viết Chương 4: Kết luận hướng... CSS: CSS chữ viết tắt cụm từ tiếng Anh “Cascading Style Sheet”, kiểu thiết kế sử dụng nhiều lớp định dạng chồng lên CSS tổ chức World Wide Web (W3C) giới thiệu vào năm 1996 Cách đơn giản để hiểu