Luận Văn Xây dựng trang web cá nhân bằng HTML và CSS

Báo cáo thực tập năm 2013
Đề tài: Xây dựng trang web cá nhân bằng HTML và CSS
Định dạng file word


MỤC LỤC
LỜI NÓI ĐẦU 3
CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 5
1.1 TỔNG QUAN VỀ NGÔN NGỮ HTML 5
1.1.1 Giới thiệu về HTML. 5
1.1.2 Trang mã nguồn HTML và trang Web. 5
1.1.3 Thẻ (tag) HTML là gì?. 6
1.1.4 Cấu trúc của một trang HTML. 7
1.1.5 Các quy tắc chung. 7
1.1.6 Các thẻ định cấu trúc tài liệu. 8
1.1.7 Các thẻ định dạng. 9
1.1.8 Thẻ tạo link (liên kết). 11
1.1.9 Thẻ tạo frame (khung). 12
1.1.10 Thẻ chèn ảnh. 12
1.1.11 Thẻ tạo danh sách. 14
1.1.12 Thẻ tạo Form 17
1.1.13 Thẻ Marquee-tạo chữ chạy. 21
1.1.14 Các thẻ tạo bảng. 21
1.2 TỔNG QUAN Về CSS. 22
1.2.1 Giới thiệu về css. 22
1.2.2 Đặc tính của CSS. 23
1.2.3 Các thuộc tính cơ bản trong CSS. 23
CHƯƠNG 2: XÂY DỰNG TRANG WEB CÁ NHÂN 28
2.1 THẾ NÀO LÀ MỘT WEBSITE?. 28
2.2 QUY TRÌNH THIẾT KẾ 1 WEBSITE 28
2.3 XÂY DỰNG 1 TRANG WEB TỪ 1 THIẾT KẾ CÓ SẴN 30
2.3.1 Chọn một mẫu thiết kế. 30
2.3.2 Chuyển mẫu thiết kế sang trang web html 30
2.3.3 Các bước cắt layout 31
2.3.4 Các công cụ trong Photoshop. 31
2.3.5 Layer trong Photoshop. 33
2.3.6 Phân tích bố cục 1 website. 34
2.3.7 Sử dụng công cụ slice tool hoặc crop để cắt các thành phần giao diện 36
2.3.8 Dựng mã HTML/xHTML/CSS. 36
2.4 XÂY DỰNG TRANG WEB CÁ NHÂN 39
2.4.1 Thế nào là một website cá nhân?. 39
2.4.2 Các cách xây dựng 1 website cá nhân. 40
2.5 XÂY DỰNG TRANG WEB CÁ NHÂN TỪ MẪU GIAO DIỆN 41
2.5.1 Chọn giao diện cho website. 41
2.5.2 Cắt giao diện thành nhiều thành phần nhỏ trong trang web. 42
2.5.3 Viết mã HTML. 43
2.5.4 Viết mã CSS. 47
2.5.5 Kết quả hoàn thành. 49
KẾT LUẬN 58
TÀI LIỆU THAM KHẢO 59
NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN 60


LỜI NÓI ĐẦU Ngày nay, Công nghệ thông tin là một trong những ngành đang phát triển rất mạnh mẽ và có ảnh hưởng sâu rộng đến mọi mặt đời sống. Nó là nền tảng của nền kinh tế tri thức, là thước đo trình độ phát triển của một 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 được chú trọng và đầu tư đúng mức.
Xã hội và kinh tế phát triển đòi hỏi công nghệ cũng phải phát triển. Công nghệ phát triển, con người ngày càng phát minh ra những thiết bị công nghệ số thông minh giúp đỡ con người về rất nhiều mặt trong cuộc sống. Trong thời đại ngày nay, đất nước ta đang hội nhập vào WTO cùng với sự phát triển nhanh chóng của công nghệ thông tin được áp dụng trên mọi lĩnh vực của cuộc sống như kinh tế, chính trị, văn hóa xã hội, tất cả đều cần có công nghệ thông tin. Như hiện nay chúng ta đã biết lập trình và thiết kế Website có thể được coi là ngành “hot” mà hiện nay chúng ta đang rất quan tâm. Ngày nay xã hội phát triển nhu cầu về việc sở hữu riêng cho mình một website cá nhân là vô cùng lớn. Hầu hết ai cũng có nhu cầu sở hữu một website cá nhân hay một blog để chia sẻ thông tin, học tập, viết nhật kí, lưu lại những hình ảnh, video về gia đình bạn bè Nắm được nhu cầu đó em đã quyết định chọn đề tài: “Xây dựng trang web cá nhân bằng HTML và CSS” cho đợt thực tập chuyên ngành lần này. Trong quá trình triển khai đề tài có gặp một số vướng mắc nhưng đã được một số thầy cô giáo và các bạn cùng lớp giúp đỡ nên đề tài đã hoàn thành đúng thời hạn và kết quả ban đầu cũng khá hoàn thiện.


CHƯƠNG 1: CƠ SỞ LÝ THUYẾT1.1 TỔNG QUAN VỀ NGÔN NGỮ HTML1.1.1 Giới thiệu về HTMLHTML (Hyper Text Markup Language - Ngôn ngữ đánh dấu siêu văn bản) là một sự định dạng để báo cho trình duyệt Web (Web browser) biết cách để hiển thị một trang Web. Các trang Web thực ra không có gì khác ngoài văn bản cùng với các thẻ (tag) HTML được sắp xếp đúng cách hoặc các đoạn mã để trình duyệt Web biết cách để thông dịch và hiển thị chúng lên trên màn hình.
Tên gọi ngôn ngữ dánh dấu siêu văn bản có ý nghĩa như sau:
Đánh dấu (Markup): HTML là ngôn ngữ của các thẻ đánh dấu - Tag. Các thẻ này xác định cách thức trình bày đoạn văn bản tương ứng trên màn hình.
Ngôn ngữ (Language): HTML là một ngôn ngữ tương tự như các ngôn ngữ lập trình, tuy nhiên đơn giản hơn. Nó có cú pháp chặt chẽ để viết các lệnh thực hiện việc trình diễn văn bản. Các từ khoá có ý nghĩa xác định được cộng đồng Internet thừa nhận và sử dụng. Ví dụ b = bold, ul = unordered list,
Văn bản (Text): HTML đầu tiên và trước hết là để trình bày văn bản và dựa trên nền tảng là một văn bản. Các thành phần khác như hình ảnh, âm thanh, hoạt hình đều phải "cắm neo" vào một đoạn văn bản nào đó.
Siêu văn bản (HyperText): HTML cho phép liên kết nhiều trang văn bản rải rác khắp nơi trên Internet. Nó có tác dụng che dấu sự phức tạp của Internet đối với người sử dụng. Người dùng Internet có thể đọc văn bản mà không cần biết đến văn bản đó nằm ở đâu, hệ thống được xây dựng phức tạp như thế nào. HTML thực sự đã vượt ra ngoài khuôn khổ khái niệm văn bản cổ điển.
1.1.2 Trang mã nguồn HTML và trang Web.Trang mã nguồn HTML là một tệp văn bản bình thường gồm các kí tự ASCII, có thể được tạo ra bằng bất cứ trình soạn thảo thông thường nào. Theo


TÀI LIỆU THAM KHẢO
[1] Lê Anh Tú, Giáo trình Lập trình mạng, Bộ môn Mạng và Truyền Thông, 2012.
[2] Nguyễn Trường Sinh, HTML, NXB Lao động xã hội , 2006
[3] Đinh Xuân Lâm, Những bài thực hành HTML, NXB Thống Kê, 2006

[4] Website http://izwebz.com/
[5] Website http:// ewebvn.com/
[6] Forumhttp://vn-zoom.com/
[5] Website http:// google.com.vn/