1. Trang chủ
  2. » Luận Văn - Báo Cáo

Đề tài: XÂY DỰNG TRANG WEB CÁ NHÂN HTML VÀ CSS doc

60 2,9K 5

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 60
Dung lượng 10,38 MB

Nội dung

Luận văn Đề tài: XÂY DỰNG TRANG WEB CÁ NHÂN HTML VÀ CSS 1 MỤC LỤC LỜI NÓI ĐẦU Ngày nay, Công nghệ thông tin ngành phát triển mạnh mẽ có ảnh hưởng sâu rộng đến mặt đời sống Nó tảng kinh tế tri thức, thước đo trình độ phát triển quốc gia.Vì vậy, việc đào tạo đội ngũ kỹ sư công nghệ thông tin có chất lượng địi hỏi phải trọng đầu tư mức Xã hội kinh tế phát triển địi hỏi cơng nghệ phải phát triển Công nghệ phát triển, người ngày phát minh thiết bị công nghệ số thông minh giúp đỡ người nhiều mặt sống Trong thời đại ngày nay, đất nước ta hội nhập vào WTO với phát triển nhanh chóng công nghệ thông tin áp dụng lĩnh vực sống kinh tế, trị, văn hóa xã hội, tất cần có cơng nghệ thông tin 2 Như biết lập trình thiết kế Website coi ngành “hot” mà quan tâm Ngày xã hội phát triển nhu cầu việc sở hữu riêng cho website cá nhân vô lớn Hầu hết có nhu cầu sở hữu website cá nhân hay blog để chia sẻ thông tin, học tập, viết nhật kí, lưu lại hình ảnh, video gia đình bạn bè… Nắm nhu cầu em định chọn đề tài: “Xây dựng trang web cá nhân HTML CSS” cho đợt thực tập chuyên ngành lần Trong trình triển khai đề tài có gặp số vướng mắc số thầy cô giáo bạn lớp giúp đỡ nên đề tài hoàn thành thời hạn kết ban đầu hoàn thiện Em xin chân thành cảm ơn giáo viên hướng dẫn thầy:Lê Khánh DươngBộ môn: Mạng Truyền Thôngđã giúp đỡ dẫn em hoàn thành báo cáo Sinh viên:Dương Thị Mai CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 1.1 TỔNG QUAN VỀ NGÔN NGỮ HTML 1.1.1 Giới thiệu HTML HTML (Hyper Text Markup Language - Ngôn ngữ đánh dấu siêu văn bản) định dạng để báo cho trình duyệt Web (Web browser) biết cách để hiển thị trang Web Các trang Web thực khơng có khác ngồi văn với thẻ (tag) HTML xếp cách đoạn mã để trình duyệt Web biết cách để thơng dịch hiển thị chúng lên hình Tên gọi ngơn ngữ dánh dấu siêu văn có ý nghĩa sau: 3 Đánh dấu (Markup): HTML ngôn ngữ thẻ đánh dấu - Tag Các thẻ xác định cách thức trình bày đoạn văn tương ứng hình Ngơn ngữ (Language): HTML ngôn ngữ tương tự ngôn ngữ lập trình, nhiên đơn giản Nó có cú pháp chặt chẽ để viết lệnh thực việc trình diễn văn Các từ khố có ý nghĩa xác định cộng đồng Internet thừa nhận sử dụng Ví dụ b = bold, ul = unordered list,… Văn (Text): HTML trước hết để trình bày văn dựa tảng văn Các thành phần khác hình ảnh, âm thanh, hoạt hình phải "cắm neo" vào đoạn văn Siêu văn (HyperText): HTML cho phép liên kết nhiều trang văn rải rác khắp nơi Internet Nó có tác dụng che dấu phức tạp Internet người sử dụng Người dùng Internet đọc văn mà khơng cần biết đến văn nằm đâu, hệ thống xây dựng phức tạp HTML thực vượt ngồi khn khổ khái niệm văn cổ điển 1.1.2 Trang mã nguồn HTML trang Web Trang mã nguồn HTML tệp văn bình thường gồm kí tự ASCII, tạo trình soạn thảo thông thường Theo quy ước, tất tệp mã nguồn trang siêu văn phải có html htm Khi trình duyệt (browser) đọc trang mã nguồn HTML, dịch thẻ lệnh hiển thị lên hình máy tính ta thường gọi trang Web Vậy trang web không tồn đĩa cứng máy tính cục Nó thể trang mã nguồn qua việc xử lý trình duyệt Như sau ta thấy, trình duyệt khác hiển thị trang mã nguồn khơng hồn tồn giống Nói soạn thảo siêu văn tức tạo trang mã nguồn HTML quy định để độ duyệt hiểu hiển thị Sử dụng HTML để soạn thảo trang siêu văn bản, nguyên tắc không khác so với dùng soạn thảo văn thông thường Chẳng hạn, soạn thảo văn thông 4 thường, để làm bật tiêu đề ta phải đánh dấu chọn cỡ to, Chương trình soạn thảo văn chèn dấu hiệu thích hợp (ta khơng nhìn thấy được) vào đầu cuối đoạn tiêu đề chọn để thể theo yêu cầu Với HTML tương tự 1.1.3 Thẻ (tag) HTML gì? Để biểu diễn thơng tin trang web, www sử dụng ngơn ngữ HTML để trình bày thơng tin Mỗi thơng tin chi tiết trình bày định dạng dựa vào cặp thẻ (tag) HTML tương ứng - Mỗi cặp thẻ bao gồm: thẻ mở thẻ đóng Tên thẻ mở thẻ đóng giống đặt tỏng cặp dấu - Trong thẻ mở có thêm tham số phía sau tên thẻ - Trong thẻ đóng có thêm dấu / phía trước tên thẻ - Dữ liệu cần trình bày đặt cặp thẻ mở thẻ đóng - Có số thẻ khơng thiết phải viết thẻ đóng - Có thể đặt cặp thẻ HTML lồng Cấu trúc chung thẻ (tag) HTML sau: Thông tin cần trình bày Ví dụ: chữ đậm chữ nghiêng chữ gạch chân chữ vừa đậm vừa nghiêng 1.1.4 Cấu trúc trang HTML Tiêu đề trang web 5 Nội dung trang web 1.1.5 Các quy tắc chung Một số điều cần lưu ý soạn thảo siêu văn HTML: - Nhiều dấu cách liền có tác dụng dấu cách Bạn phải sử dụng thẻ để thể nhiều dấu giãn cách liền - Gõ Enter để xuống dòng xem dấu cách, để xuống hàng phải sử dụng thẻ tương ứng - Có thể viết tên thẻ khơng phân biệt chữ in thường in hoa - Vì kí tự dấu lớn ">", dấu nhỏ "

Ngày đăng: 10/03/2014, 11:20

HÌNH ẢNH LIÊN QUAN

Hình 1.1: Hiển thị hình ảnh trong trang HTML với thẻ img - Đề tài: XÂY DỰNG TRANG WEB CÁ NHÂN HTML VÀ CSS doc
Hình 1.1 Hiển thị hình ảnh trong trang HTML với thẻ img (Trang 11)
Hình 1.2: Thuộc tính align trong thẻ img với các giá trị khác nhau. - Đề tài: XÂY DỰNG TRANG WEB CÁ NHÂN HTML VÀ CSS doc
Hình 1.2 Thuộc tính align trong thẻ img với các giá trị khác nhau (Trang 12)
Hình 1.3:Danh sách không có thứ tự UL LI - Đề tài: XÂY DỰNG TRANG WEB CÁ NHÂN HTML VÀ CSS doc
Hình 1.3 Danh sách không có thứ tự UL LI (Trang 14)
Hình 1.4: Danh sách có thứ tự OL LI 1.1.12 Thẻ tạo Form - Đề tài: XÂY DỰNG TRANG WEB CÁ NHÂN HTML VÀ CSS doc
Hình 1.4 Danh sách có thứ tự OL LI 1.1.12 Thẻ tạo Form (Trang 15)
Hình 2.1: Hộp công cụ trong photoshop - Đề tài: XÂY DỰNG TRANG WEB CÁ NHÂN HTML VÀ CSS doc
Hình 2.1 Hộp công cụ trong photoshop (Trang 30)
Hình 2.2: Layer trong photoshop - Đề tài: XÂY DỰNG TRANG WEB CÁ NHÂN HTML VÀ CSS doc
Hình 2.2 Layer trong photoshop (Trang 31)
Hình 2.3: Mẫu thiết kế của một website - Đề tài: XÂY DỰNG TRANG WEB CÁ NHÂN HTML VÀ CSS doc
Hình 2.3 Mẫu thiết kế của một website (Trang 32)
Hình 2.4: Bố cục thành phần giao diện của mẫu thiết kế - Đề tài: XÂY DỰNG TRANG WEB CÁ NHÂN HTML VÀ CSS doc
Hình 2.4 Bố cục thành phần giao diện của mẫu thiết kế (Trang 33)
Hình 2.6: Mẫu một trang web cá nhân - Đề tài: XÂY DỰNG TRANG WEB CÁ NHÂN HTML VÀ CSS doc
Hình 2.6 Mẫu một trang web cá nhân (Trang 37)
Hình 2.7: Mẫu giao diện trang web cá nhân được chọn - Đề tài: XÂY DỰNG TRANG WEB CÁ NHÂN HTML VÀ CSS doc
Hình 2.7 Mẫu giao diện trang web cá nhân được chọn (Trang 39)
Hình 2.8: Các ảnh được cắt từ giao diện trang web mẫu. - Đề tài: XÂY DỰNG TRANG WEB CÁ NHÂN HTML VÀ CSS doc
Hình 2.8 Các ảnh được cắt từ giao diện trang web mẫu (Trang 40)
Hình 2.9: Trang chủ Index.html - Đề tài: XÂY DỰNG TRANG WEB CÁ NHÂN HTML VÀ CSS doc
Hình 2.9 Trang chủ Index.html (Trang 47)
Hình 2.11: Trang chủ index hiển thị trên trình duyệt chorme 25 - Đề tài: XÂY DỰNG TRANG WEB CÁ NHÂN HTML VÀ CSS doc
Hình 2.11 Trang chủ index hiển thị trên trình duyệt chorme 25 (Trang 48)
Hình 2.10: Trang chủ index hiển thị tốt trên trình duyệt firefox 20 - Đề tài: XÂY DỰNG TRANG WEB CÁ NHÂN HTML VÀ CSS doc
Hình 2.10 Trang chủ index hiển thị tốt trên trình duyệt firefox 20 (Trang 48)
Hình 2.14: Trang about hiển thị trên firefox 20 - Đề tài: XÂY DỰNG TRANG WEB CÁ NHÂN HTML VÀ CSS doc
Hình 2.14 Trang about hiển thị trên firefox 20 (Trang 51)
Hình 2.15: Trang about hiển thị trên trình duyệt chorme 25 - Đề tài: XÂY DỰNG TRANG WEB CÁ NHÂN HTML VÀ CSS doc
Hình 2.15 Trang about hiển thị trên trình duyệt chorme 25 (Trang 51)
Hình 2.13: Trang about.html - Đề tài: XÂY DỰNG TRANG WEB CÁ NHÂN HTML VÀ CSS doc
Hình 2.13 Trang about.html (Trang 51)
Hình 2.16: Trang about hiển thị trên trình duyệt IE 9 - Đề tài: XÂY DỰNG TRANG WEB CÁ NHÂN HTML VÀ CSS doc
Hình 2.16 Trang about hiển thị trên trình duyệt IE 9 (Trang 52)
Hình 2.17:  Trang blog cá nhân - Đề tài: XÂY DỰNG TRANG WEB CÁ NHÂN HTML VÀ CSS doc
Hình 2.17 Trang blog cá nhân (Trang 54)
Hình 2.19: Trang Blog hiển thị trên trình duyệt Chorme 25 - Đề tài: XÂY DỰNG TRANG WEB CÁ NHÂN HTML VÀ CSS doc
Hình 2.19 Trang Blog hiển thị trên trình duyệt Chorme 25 (Trang 54)
Hình 2.18: Trang Blog hiển thị trên trình duyệt Firefox 20 - Đề tài: XÂY DỰNG TRANG WEB CÁ NHÂN HTML VÀ CSS doc
Hình 2.18 Trang Blog hiển thị trên trình duyệt Firefox 20 (Trang 54)

TỪ KHÓA LIÊN QUAN

TÀI LIỆU CÙNG NGƯỜI DÙNG

TÀI LIỆU LIÊN QUAN

w