Tải bản đầy đủ (.doc) (108 trang)

báo cáo thực tập tại Trung tâm đào tạo và dịch vụ vận tải, du lịch

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (640.76 KB, 108 trang )

Trường THBC KTTH Hà Nội

Báo cáo thực tập tốt nghiệp

Lời cảm ơn
Thực tập là khoảng thời gian học sinh có thể thâm nhập vào môi trường làm
việc thực tế, tạo cơ hội để học sinh áp dụng các kiến thức đã học vào công việc,
qua đó học hỏi, rèn luyện tác phong làm việc công nghiệp, khoa học, chủ động,
sáng tạo và cách ứng xử trong các mối quan hệ công tác, rèn luyện ý thức tổ
chức và kỷ luật lao động.
Ý thức được sự quan tâm sâu sắc của nhà trường đối với việc nâng cao
trình độ chuyên môn của học sinh qua các kỳ thực tập tại cơ sở, em đã cố gắng
vận dụng những kiến thức đã được học ở trường trong năm học vừa qua vào
công việc thực tế tại Trung tâm đào tạo và dịch vụ vận tải, du lịch và rút ra
nhiều bài học kinh nghiệm quý báu.
Em xin được cảm ơn Trung tâm đào tạo và dịch vụ vận tải, du lịch đã tạo
mọi điều kiện giúp đỡ em trong thời gian thực tập.
Em xin chân thành cảm ơn thầy giáo Lê Văn Huỳnh đã hướng dẫn, chỉ bảo
em cẩn thận và TP Lê Minh Cường - cán bộ hướng dẫn tại cơ sở đã tận tình
giúp đỡ em trong quá trình làm việc và hoàn thành bản báo cáo này.

Hà Nội, ngày 14 tháng 4 năm 2009
Thực tập sinh

Nguyễn Thanh Bình


Nguyễn Thanh Bình – Q14A1

-1-



Trường THBC KTTH Hà Nội

Báo cáo thực tập tốt nghiệp

Mục lục
Tiêu đề........................................................................ Trang
Lời cảm ơn..................................................................................................

1

Mục lục........................................................................................................

2

Nhận xét cơ sở thực tập...............................................................................

4

Nhận xét giáo viên hướng dẫn....................................................................

5

Lời mở đầu..................................................................................................

6

Phần I: Giới thiệu về công ty thực tập....................................................

8


1. Giới thiệu chung về Trung tâm đào tạo và dịch vụ vận tải du lịch.........

8

2. Giới thiệu về năng lực công ty................................................................

9

* Sơ đồ tổ chức công ty...............................................................................

10

3. Đơn vị được bố trí thực tập.....................................................................

11

4. Cơ sở vật chất..........................................................................................

12

5. Nhận xét chung về cơ sở thực tập...........................................................

13

6. Tự đánh giá ưu khuyết điểm...................................................................

13

Phần II: Đề tài thực hiện trong quá trình thực tập................................


13

1. Giới thiệu HTML....................................................................................

13

2. Làm quen với môi trường làm việc của HTML......................................

14

a. HTML cơ bản..........................................................................................

14

*Frames - "Windows Explorer" trong trang web........................................

33

b. HTML Nâng cao.....................................................................................

40

*Cách sử dụng Style....................................................................................

43

*Xác định thông tin trên internet (URL = Uniform Resource Locator) HTML.
.....................................................................................................................


47

*HTML Scripts...........................................................................................

50

3. Giới thiệu về Microsoft FrontPage..........................................................

52

4. Làm quen với môi trường làm việc của Microsoft FrontPage................

52

Nguyễn Thanh Bình – Q14A1

-2-


Trường THBC KTTH Hà Nội

Báo cáo thực tập tốt nghiệp

5. Bắt đầu thiết kế web với Microsoft FrontPage .....................................

65

6. Bổ sung các tính năng cho trang web......................................................

76


7. Kết nối các trang web..............................................................................

86

8. Đưa một Web site lên mạng....................................................................

98

Phần III: Tổng quát chung.......................................................................

109

Kết quả thu hoạch.......................................................................................

110

Nguyễn Thanh Bình – Q14A1

-3-


Trường THBC KTTH Hà Nội



Báo cáo thực tập tốt nghiệp

NHẬN XÉT CỦA CƠ SỞ THỰC TẬP


............................................................................................................
................................................................................................................
................................................................................................................
................................................................................................................
................................................................................................................
................................................................................................................
................................................................................................................
................................................................................................................
................................................................................................................
................................................................................................................
................................................................................................................
................................................................................................................

Hà Nội, ngày

tháng

năm 2009

Ký tên



NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN

............................................................................................................

Nguyễn Thanh Bình – Q14A1

-4-



Trường THBC KTTH Hà Nội

Báo cáo thực tập tốt nghiệp

................................................................................................................
................................................................................................................
................................................................................................................
................................................................................................................
................................................................................................................
................................................................................................................
................................................................................................................
................................................................................................................
................................................................................................................
................................................................................................................
................................................................................................................

Hà Nội, ngày

tháng

năm 2009

Ký tên

Lời mở đầu

N


gày nay, ứng dụng công nghệ thông tin và việc tin học hoá được xem là
một trong những yếu tố mang tính quyết định trong hoạt động của các

chính phủ, tổ chức cũng như của các Công ty, nó đóng vai trò hết sức quan
trọng, có thể tạo ra những bước đột phá mạnh mẽ.

Nguyễn Thanh Bình – Q14A1

-5-


Trường THBC KTTH Hà Nội

Báo cáo thực tập tốt nghiệp

Sự phát triển của công nghệ thông tin ở nước ta đang bước vào thời kỳ
mới với việc triển khai rộng rãi các ứng dụng của tin học và truyền thông cho
các tổ chức quy mô lớn.
Nhu cầu ứng dụng công nghệ thông tin cũng không ngừng biến đổi và
đòi hỏi đội ngũ cán bộ làm công tác tin học phải thường xuyên nâng cao trình
độ, bắt kịp những tiến bộ trên thế giới và ứng dụng có hiệu quả vào thực tế
nước ta.
Cùng với sự phát triển không ngừng về kỹ thuật máy tính và mạng điện
tử, công nghệ thông tin cũng được những công nghệ có đẳng cấp cao và lần
lượt chinh phục hết đỉnh cao này đến đỉnh cao khác. Quản lý sổ sách trên máy
tính là một trong những sản phẩm có giá trị hết sức lớn lao và ngày càng trở
nên một công cụ không thể thiếu trong các tổ chức công ty.
Bằng việc quản lý trên máy tính, chúng ta đã thực hiện được nhiều công
việc với tốc độ nhanh hơn và chi phí thấp hơn nhiều so với cách thức truyền
thống. Chính điều này đã thúc đẩy sự khai sinh và phát triển của thương mại

điện tử trên khắp thế giới, làm biến đổi đáng kể bộ mặt văn hoá, nâng cao chất
lượng cuộc sống con người.
Trong hoạt động sản xuất, kinh doanh giờ đây thương mại điện tử đã
khẳng định được vai trò xúc tiến và thúc đẩy sự phát triển của doanh nghiệp.
Đối với một Công ty, việc quản lý và giám sát nhân viên trong từng thời điểm
một cách hiệu quả và kịp thời là yếu tố mang tính quyết định cho sự tồn tại và
phát triển của Công ty. Và một vấn đề được đặt ra song song cùng với nó là
làm sao để có thể quản lý và điều hành hệ thống một cách dễ dàng và hiệu quả,
có như vậy thì mới tránh được sự nhàm chán cho những người thường xuyên sử
dụng hệ thống. Và thu được những kết quả như mong muốn. Đây là vấn đề hết
sức cấp thiết và luôn là mối trăn trở của hầu hết các Công ty nói riêng và cả các
doanh nghiệp khác nói chung, nhất là các doanh nghiệp Việt Nam - với họ
thương mại điện tử còn rất mới.

Nguyễn Thanh Bình – Q14A1

-6-


Trường THBC KTTH Hà Nội

Báo cáo thực tập tốt nghiệp

Với bản báo cáo này, em xin được trình bày một số vấn đề em đã tích
góp được trong thời gian em được đào tạo trong trường. Cũng qua đây em tìm
hiểu được thêm nhiều kiến thức mà em chưa từng được biết đến trong nhiều
lĩnh vực khác trong công nghệ thông tin.

I. Giới thiệu về công ty thực tập
1. Giới thiệu chung về Trung tâm đào tạo và dịch vụ vận

tải, du lịch
Nguyễn Thanh Bình – Q14A1

-7-


Trường THBC KTTH Hà Nội

Tên doanh nghiệp: Trung

Báo cáo thực tập tốt nghiệp

tâm đào tạo và dịch vụ vận tải, du

lịch
Giấy chứng nhận đăng ký kinh doanh số: 0103013043
Do: Phòng ĐKKD – Sở Kế hoạch và Đầu tư Hà Nội

Cấp ngày: 30/3/2006

Trụ sở: Số 35B Nguyễn Huy Tưởng, phường Thanh Xuân Trung, quận Thanh Xuân,
Hà Nội
Điện thoại: 5572485/5580041/8581068

Fax: 5572480/5583766

Ngành, nghề kinh doanh.
 Đào tạo dạy nghề kỹ thuật, nghiệp vụ vận tải đường bộ (chỉ được hoạt động
sau khi cơ quan Nhà nước có them quyền cho phép);
 Sửa chữa điện dân dụng và công nghiệp;

 Đào tạo lái xe môtô hạng A1; Đào tạo lái xe cơ giới đường bộ (chỉ được
hoạt động sau khi cơ quan Nhà nước có them quyền cho phép);
 Tư vấn đào tạo kỹ thuật, nghiệp vụ vận tải đường bộ ;
 Kinh doanh vận chuyển hành khách du lịch, du lịch lữ hành nội địa và quốc
tế và các dịch vụ phục vụ khách du lịch; Kinh doanh khách sạn, nhà hàng
(không bao gồm kinh doanh phòng hát karaoke, vũ trường, quán bar);
 Mua, bán phương tiện vận tải đường bộ;
 Quảng cáo thương mại;
 Dịch vụ kho bãi, trông giữ xe, ăn nghỉ phục vụ cho lái xe;
 Tư vấn và đầu tư phát triển du lịch;
Với đội ngũ nhân viên trẻ về tuổi đời nhưng có trình độ học vấn và kinh
nghiệm làm việc chúng tôi tin tưởng sẽ đáp ứng tốt yêu cầu của quý khách
hàng nếu được quý khách hàng tin tưởng chọn làm đối tác. Tôn chỉ phục vụ của
chúng tôi là: tạo niềm tin và chữ tín với khách hàng trên cơ sở cung cấp các
thiết bị và dịch vụ đạt chất lượng cao với giá cả và chất lượng hợp lý nhất nhằm
thoả mãn tối đa nhu cầu của khách hàng.
Nguyễn Thanh Bình – Q14A1

-8-


Trường THBC KTTH Hà Nội

Báo cáo thực tập tốt nghiệp

2. Giới thiệu năng lực của Công ty:
Lời giới thiệu
Trung tâm đào tạo và dịch vụ vận tải, du lịch vào thời điểm này Công ty
là một trong những nhà cung cấp hàng đầu các phương tiện vận tải. Trải qua
quá trình hoạt động và phát triển Công ty đã ngày một lớn mạnh và chứng tỏ

được sự phát triển bền vững trong những giai đoạn đầy khó khăn trên thị
trường quốc tế và ở Việt nam. Kể từ khi thành lập đến nay Công ty đã có những
thành tích rất đáng khích lệ trong thị trường Việt Nam và đã có những xây
dựng được những mối quan hệ chặt chẽ với các khách hàng, các nhà sản xuất
và các bạn hàng trên thị trường trong và ngoài nước. Phương hướng và mục
tiêu công ty đề ra là đẩy mạnh hoạt động kinh doanh. Với quá trình ra đời và
phát triển , kế thừa những kinh nghiệm trong quá trình hoạt động và với khả
năng của đội ngũ nhân viên có trình độ, năng lực Công ty đã tự khẳng định
mình và dẫn trở thành một đơn vị hàng đầu trong việc cung cấp các giải pháp
kinh doanh.

Tổ chức Công ty
- Các thành phần của cơ quan :
Giám đốc công ty: Hạ Tất Toàn
Phó giám đốc : Vũ Văn Hùng – Phạm Văn Hưng
Nguyễn Thanh Bình – Q14A1

-9-


Trường THBC KTTH Hà Nội

Báo cáo thực tập tốt nghiệp

- Gồm 5 phòng ban :
+ Ban tổng hợp : Vũ Văn Hùng – Trưởng ban
+ Ban quản lý đào tạo : Phạm Văn Hưng – Trưởng ban
+ Ban tài chính kế toán : Nguyễn Thị Hà - Trưởng ban
+ Ban đào tạo lái xe A1 : Phạm Minh Dũng – PTB phụ trách
+ Ban nghề : Đào Hồng Phong – Trưởng ban

*Sơ đồ tổ chức công ty:

Giám đốc

Phó giám đốc
Tổng hợp

Ban
tổ
n

Phó giám đốc
Đào tạo

Ban
T
C

Ban đào
tạo
Lái xe A1

Ban
Q
L

Ban
n
g


*Các lĩnh vực hoạt động chính của Công ty

Nguyễn Thanh Bình – Q14A1

- 10 -


Trường THBC KTTH Hà Nội

Báo cáo thực tập tốt nghiệp

 Đào tạo dạy nghề kỹ thuật, nghiệp vụ vận tải đường bộ
 Đào tạo lái xe môtô hạng A1
 Tư vấn đào tạo kỹ thuật, nghiệp vụ vận tải đường bộ
 Dịch vụ kho bãi, trông giữ xe, ăn nghỉ phục vụ cho lái xe
Phục vụ tới tận tay người tiêu dùng với phương châm ″ Khách hàng là thượng
đế ″ Công ty đã và đang nhìn nhận hoạt động kinh doanh bán lẻ như một cầu
nối gắn kết Công ty và bạn hàng. Với mỗi khách hàng đến với Công ty không
những họ được thoả mãn đến mức cao nhất nhu cầu của mình mà họ còn được
tư vấn để có thể đáp ứng tới mức tối ưu nhất hiệu quả nhất với cùng một chi phí
bỏ ra. Làm hài lòng khách hàng bằng chính sự phục vụ của mình luôn là kim
chỉ nam cho mỗi nhân viên trong phòng. Ngoài ra với một hệ thống dịch vụ
hoàn hảo tới tận tay người tiêu dùng đã làm cho sự kết dính của công ty với
khách hàng ngày thêm khăng khít.

3. Đơn vị được bố trí thực tập:
Em vừa trình bầy xong những việc đã làm tại Trung tâm đào tạo và dịch
vụ vận tải, du lịch, em đã áp dụng những kiến thức đã học và thực tế công việc
và em đã cố gắng hoàn thành tốt công việc được giao. Nhờ những việc này, em
đã biết được khả năng làm việc của mình để từ nay rút ra bài học kinh nghiệp

cho bản thân.
Trong quá trình làm việc mặc dù đã gặp không ít khó khăn, sai sót,
nhưng được sự giúp đỡ của nhiều cán bộ, nhân viên trong công ty đặc biệt là
cán bộ hướng dẫn em thực tập tại cơ sở. Trong những công việc như trên em đã
học được tính cẩn thận trong công việc.
Đối với công việc được giao, em luôn cố gắng hoàn thành, với sự giúp
đỡ nhiệt tình của cán bộ hướng dẫn em đã hoàn thành công việc và học hỏi
thêm nhiều điều bổ ích.
Em được sắp xếp vào phòng máy tính của công ty
- Chức năng hoạt động :
Nguyễn Thanh Bình – Q14A1

- 11 -


Trường THBC KTTH Hà Nội

Báo cáo thực tập tốt nghiệp

Phòng máy có chức năng là giảng dạy các học sinh, sinh viên làm quen
với máy tính. Các môn giảng dạy thường là đánh máy, tin học văn phòng.
Ngoài ra còn là nơi để cán bộ công ty quản lý hồ sơ, tra tìm tài liệu.
- Cán bộ hướng dẫn em tại cơ sở thực tập là anh Lê Minh Cường. Anh là người
trực tiếp quản lý phòng máy, anh rất nhiệt tình đối với em, mọi thắc mắc trong
khi thực tập đều được anh chỉ dạy tận tình. Công việc hằng ngày của em là vệ
sinh máy tính, cài đặt các chương trinh ứng dụng đơn giản và thỉnh thoảng gost
lại máy để tăng tốc độ. Ngoài ra còn có một số công việc khác như soạn thảo
văn bản, chuyển giao tài liệu.
Trong công ty thì các kỹ thuật viên đều còn trẻ nên rất năng nổ trong
công việc và rất tận tình đối với em. Các thắc mắc trong khi thực tập đều được

các anh chỉ dạy tận tình. Được thực tập trong môi trường như vậy giúp ích cho
em rất nhiều. Dưới sự chỉ đạo tận tình đó, em đã bước đầu làm quen với cơ cấu
làm việc đơn giản của máy móc và sử dụng các phần mềm ứng dụng phổ thông
dành cho tin học.

4. Cơ sở vật chất:
Công ty nhận thấy rõ tầm quan trọng trong việc đầu tư máy móc trang
thiết bị là để phục vụ tốt trong công việc và dạy học, giúp nâng cao uy tín cũng
như lợi ích của công ty. Do vậy, hệ thống máy móc và trang thiết bị của công ty
cũng khá đầy đủ và hiện đại. Trong phòng là 30 máy tính với chip 3.0, ram 1gb
và card màn hinh 128mb.
Ngoài ra công ty còn có 4 máy in đạt ở các phòng ban khác nhau nhằm phục vụ
cho việc photo tài liệu, in ấn.

5. Nhận xét chung về cơ sở thực tập:
Cụng ty tuy nhỏ về quy mô nhưng lại có những hoạt động kinh doanh
khá chuyên nghiệp. Số lượng nhân viên ở đây tuy không nhiều nhưng chuyên
môn khá tốt và làm việc rất hiệu quả. Trong những ngày thực tập ở công ty, em
Nguyễn Thanh Bình – Q14A1

- 12 -


Trường THBC KTTH Hà Nội

Báo cáo thực tập tốt nghiệp

nhận thấy mọi người có ý thức làm việc rất tốt, tác phong công việc rất chuyên
nghiệp, đặc biệt là vấn đề thời gian, luôn bắt đầu và kết thúc công việc đúng
giờ.


6. Tự đánh giá về ưu khuyết điểm:
Trong 2 tháng thực tập tại Trung tâm đào tạo và dịch vụ vận tải, du lịch, em
đã gặp không ý khó khăn vướng mắc trong công việc mà mình được giao.
Trong thời gian thực tập, dưới sự giám sát và hướng dẫn của thầy hướng dẫn
thực tập em đã cố gắng hoàn thành tốt những công việc mà công ty giao phó.
Được các anh chị trong công ty yêu quý và tận tình chỉ bảo, em đã thấy được
những thiếu sót trong công việc và khắc phục kịp thời. Em luôn cố gắng để
hoàn thành tốt những công việc mà Giám Đốc cũng như công ty giao trong suốt
thời gian thực tập tại công ty.
Tuy thời gian thực tập ngắn và trong khoảng thời gian đó em đã mắc nhiều
sai sót, song em đã có nhiều bài học bổ ích cho mình chính từ những điều sai
sót ấy. Em nghĩ rằng, đây là bước đệm cho em để tự đúc kết kinh nghiêm, vận
dụng kiến thức vào trong việc học tập cũng như công tác sau này của mình.

II. Đề tài thực hiện trong quá trình thực tập
Tên đề tài: Thiết kế web
Tóm tắt nội dung: giới thiệu về thiết kế web và các thao tác cơ bản

1. Giới thiệu về HTML
HTML là ngôn ngữ cơ bản nhất của tất cả các website. Kể cả những
trang web động được viết bằng PHP nhưng trong nó vẫn có code HTML. Do
vậy dù cho bạn có thể sở hữu trong tay những chương trình làm web
WYSIWYG hàng đầu như: Frontpage và Dreamweaver, nhưng điều đó vẫn
chưa phải là đầy đủ nếu bạn không biết chút gì về HTML.
- HTML là chữ viết tắt của Hyper Text Markup Language (Ngôn ngữ hiển thị
siêu văn bản).
Nguyễn Thanh Bình – Q14A1

- 13 -



Trường THBC KTTH Hà Nội

Báo cáo thực tập tốt nghiệp

- Một file HTML là một file text bao gồm những tag nhỏ
- Những tag hiển thị nói cho trình duyệt biết nó phải hiển thị trang đó như thế
nào
- Một file HTML phải có phần mở rộng là .htm hoặc .html
- Một file HTML có thể được tạo bởi một trình soạn thảo đơn giản.

2. Làm quen với môi trường làm việc của HTML
a. HTML cơ bản
Nếu bạn sử dụng Window hãy mở Notepad, nếu bạn sử dụng Mac mở
ứng dụng Simple Text. Với OSX bạn mở TextEdit và thay đổi lựa chọn sau:
Select (trong cửa sổ preference) > Plain Text thay vì Rich Text và chọn "Ignore
rich text commands in HTML files". Việc này rất quan trọng bởi vì nếu bạn
không làm vậy thì code HTML có thể không đúng. Một document HTML luôn bắt đầu bằng
<html> và kết thúc bằng </html> (trong đó bạn cũng có thể viết nhỏ hoặc viết hoa <html> và </html>). Nhờ có cặp TAG
này mà Browser biắt được đó là HTML - document để trình duyệt. Những chữ đó chỉ để dành riêng cho Browser, người đọc
chỉ nhận được những gì viết giữa cặp TAG <body> và </body>. Trong một document html, chú thích được dùng như sau:

Như vậy một trang web viết bằng html sẽ có cấu trúc như sau:
Code:
<html>
<body>
<!-- Phần bạn cần trình bày. Ví dụ một bức ảnh hay lời văn. -->
</body>
</html>


Một trang trống, không có nội dung với nền màu da cam sẽ được viết như sau:

Code:
<html>
<body bgcolor="orange">
<!-- Phần bạn cần trình bày. Ví dụ một bức ảnh hay lời văn. -->
</body>
</html>
Nguyễn Thanh Bình – Q14A1

- 14 -


Trường THBC KTTH Hà Nội

Báo cáo thực tập tốt nghiệp

Tất nhiên, một Homepage còn có nội dung (lời viết và hình ảnh):

Code:
<html>
<body bgcolor="beige">
<font face="Arial" size="2" color="black">
Chào bạn, đây là dòng chữ viết bằng font Arial, màu đen, cỡ 2
</font>


<font face="Verdana" size="3" color="navy">
Còn đây là dòng chữ viết bằng font Verdana, màu xanh nước biển, cỡ 3
</font>


<font face="Bodoni" size="4" color="red">

Dòng này lại là font Bodoni, màu đỏ, cỡ 4 </font>

</body>
</html>

face thể hiện cho mẫu chữ, size thể hiện cho cỡ chữ (số càng lớn thì chữ càng to) và color thể hiện cho màu sắc của chữ,
#000000 là màu đen, #FF0000 là màu đỏ, #FFFF00 là màu vàng.
TAG
cho phép bạn chuyển sang dòng mới. Bạn có thể dùng nhiều
như bạn muốn. Cứ mỗi lần có
là một lần
xuống dòng. Bạn có thạ dùng mouse phải gõ vào nền của một trang web nào đó rồi chọn source code để tham khảo xem nó
được viết như thế nào. Ðấy là cách tốt nhất để khám phá ra những điều "bí mật" của các website đẹp.

Như vậy là bạn đã có thể viết được một trang web đơn giản rồi đó. Một trang web bao giờ cũng có hai phần cơ bản là tiêu
đề và phần thân. Tiêu đề luôn được viết to. Bạn có thể dùng size lớn hơn và cũng có thể dùng những TAG đã được định sẵn
cho tiêu đề.

Code:
<html>
<body bgcolor="#000080">

<font face="Verdana, Tahoma, Arial" color="#ffffff">

Tiêu đề của trang web



Welcome to my Homepage!



Tiêu đề của trang web



Tiêu đề của trang web



Tiêu đề của trang web


Tiêu đề của trang web


</font>
Nguyễn Thanh Bình – Q14A1

- 15 -



Trường THBC KTTH Hà Nội

Báo cáo thực tập tốt nghiệp


</body>
</html>

là to nhất và
là nhỏ nhất. Tiêu đề luôn nằm ở trung tâm của trang, vì vậy ta phải dùng thêm một cặp
TAG nữa :
Tất cả những gì nằm giữa cặp TAG này đều được định hướng vào phía giữa của trang.
Trong một HTML Document, ngoài phần body còn có phần head, được viết bởi cặp tag <head></head>. Nếu bạn sử dụng
cặp tag này, bạn bắt buộc phải viết thêm một cặp tag nữa, đó là <title></title> Giữa <title> và </title> là tên của trang web
được browser trình bày phía trên cùng của menubar. Như vậy một trang web với "đầu" sẽ có cấu trúc như sau:

Code:
<html>
<head>
<title>Trang web dau tien cua toi</title>
</head>
<body>
Phần bạn cần trình bày. Ví dụ một bức ảnh hay lời văn.
</body>
</html>

Trong "head" ta còn có thể đưa rất nhiều thông tin vào cho browser, search engine... Cái đó sẽ được đề cập đến trong một
mục riêng.

Các thuộc tính của thẻ HTML
Những thẻ HTML đều có những thuộc tính riêng. Những thuộc tính này cung

cấp thông tin về thành phần HTML của trang web. Tag này xác định thành
phần thân của trang HTML: <body>. Với một thuộc tính thêm vào là bgcolor,
bạn có thể báo cho trình duyệt biết rằng màu nền của trang này là màu đỏ,
giống như sau: <body bgcolor="red"> hoặc <body bgcolor="#E6E6E6">
(#E6E6E6 là giá trị hex của màu)
Thẻ này sẽ xác định dạng bảng HTML:<table> với một thuộc tính đường viền
(border), bạn có thể báo cho trình duyệt biết rằng bảng sẽ không có đường viền:
<table border="0">

Nguyễn Thanh Bình – Q14A1

- 16 -


Trường THBC KTTH Hà Nội

Báo cáo thực tập tốt nghiệp

Thuộc tính luôn luôn đi kèm một cặp như name/value: name="value" (tên="giá
trị")
thuộc tính luôn luôn được thêm vào thẻ mở đầu của thành phần HTML.
Dấu ngoặc kép, "red" hoặc 'red'
Giá trị thuộc tính nên được đặt trong dấu trích dẫn " và ". Kiểu ngoặc kép như
vậy thì phổ biến hơn, tuy nhiên kiểu đơn như ' và ' cũng có thể được dùng.
Code:

Đây là đoạn văn


Đây là một đoạn văn khác



Cơ bản về các thẻ HTML
Những thẻ quan trọng nhất trong HTML là những thẻ xác định Heading, đoạn

văn và xuống dòng.
Headings
Headings được định dạng với hai thẻ

đến

.

xác định heading
lớn nhất.

xác định heading nhỏ nhất
Code:

Đây là heading


Đây là heading


Đây là heading


Đây là heading


Đây là heading

Đây là heading

HTML sẽ tự động thêm một dòng trắng trước và sau mỗi heading.
Đoạn văn - paragraphs
Paragraphs được định dạng bởi thẻ

.
Code:

Đây là đoạn văn


Nguyễn Thanh Bình – Q14A1

- 17 -


Trường THBC KTTH Hà Nội

Báo cáo thực tập tốt nghiệp

Đây là một đoạn văn khác


HTML sẽ tự động thêm một dòng trắng trước và sau mỗi heading.
Line Breaks - xuống dòng
Thẻ
được sử dụng khi bạn muốn kết thúc một dòng nhưng lại không
muốn bắt đầu một đoạn văn khác. Thẻ
sẽ tạo ra một lần xuống dòng khi

bạn viết nó.

Code:

Đây
là một đo
ạn văn với thẻ xuống hàng


Thẻ
là một thẻ trống, nó không cần thẻ đóng dạng

Lời chú thích trong HTML
Thẻ chú thích được sử dụng để thêm lời chú thích trong mã nguồn của HTML.
Một dòng chú thích sẽ được bỏ qua bởi trình duyệt. Bạn có thể sử dụng chú
thích để giải thích về code của bạn, để sau này bạn có phải quay lại chỉnh sửa
gì thì cũng dễ nhớ hơn.

<!-- Chú thích ở trong này -->
Bạn cần một dấu chấm than ! ngay sau dấu nhỏ hơn nhưng không cần ở dấu lớn
hơn.

Nguyễn Thanh Bình – Q14A1

- 18 -


Trường THBC KTTH Hà Nội

Báo cáo thực tập tốt nghiệp

Những thẻ HTML cơ bản
Tag

Mô Tả

<html>


Xác định một văn bản dạng HTML

<body>

Xác định phần thân của tài liệu

to



Xác định header từ 1 đến 6



Xác định một đoạn văn




Chèn một dòng trắng

<hr>

Xác định một đường thẳng

<!-->

Xác định vùng chú thích

View source
Nếu bạn muốn xem mã nguồn của một trang web bạn chỉ cần nhấp chuột phải
> View Source là bạn có thể xem được cấu trúc của trang đó như thế nào.



Nguyễn Thanh Bình – Q14A1

- 19 -


Trường THBC KTTH Hà Nội

Báo cáo thực tập tốt nghiệp

Những thẻ dùng để định dạng văn bản
Tag

Mô Tả

<b>

Định dạng chữ đậm

<big>

Định dạng chữ lớn

<em>

Định dạng kiểu chữ được nhấn mạnh

<i>

Chữ in nghiêng


<small>

Chữ nhỏ

<strong>

Chữ đậm

<sub>

định dạng subscripted (chữ nhỏ)

<sup>

Định dạng superscripted (chữ lên cao)

<ins>

Dạng chữ mới chèn thêm

<del>

Dạng chữ bị xóa

<s>

Hết hỗ trợ. Thay bằng <del>

<strike>


Hết hỗ trợ. Thay bằng <del>

<u>
Gạch dưới
"Computer Output" Tags
Tag

Mô Tả

<code>

Định dạng code

<kbd>

Kiểu keyboard text

<samp>

Kiểu sample computer code

<tt>

Kiểu teletype text

<var> Thanh
Kiểu
a variable
Nguyễn

Bình
– Q14A1

- 20 -


Trường THBC KTTH Hà Nội

Báo cáo thực tập tốt nghiệp

Các ký tự đặc biệt trong HTML
Một vài ký tự tương tự như dấu nhỏ hơn <, có một ý nghĩa đặc biệt trong
HTML, và do đó không thể được sử dụng như là chữ được. Do vậy để hiển thị
được dấu nhỏ hơn < trong HTML chúng ta phải sử dụng những ký tự đặc biệt.
Bởi vì dấu < xác định điểm bắt đầu của một thẻ HTML. Nên nếu bạn muốn
trình duyệt hiển thị ký tự đó bạn phải thêm và code của nó những ký tự đặc
biệt.
Một ký tự đặc biệt có 3 phần: Ký hiệu (&), tên của ký tự hoặc một dấu # và
một dãy số và cuối cùng là dấu chấm phẩy ;
Để hiển thị được dấu nhỏ hơn trong HTML bạn phải viết là < hoặc <
Cái hay của việc sử dụng tên thay vì sử dụng số là vì tên của nó thì dễ nhớ hơn
nhiều. Nhưng cái dở lại là không phải trình duyệt nào cũng hỗ trợ những tên
mới này, trong khi đó hầu hết các trình duyệt đều có thể nhận ra nó ở dạng số.
Bạn nên chú ý rằng ký tự đặc biệt phân biệt chữ hoa và chữ thường. Ví dụ sau
đây sẽ giúp bạn thực nghiệm với những ký tự đặc biệt. Lưu ý bạn rằng những
ký tự này chỉ có trong trình duyệt Internet Explorer.

Code:

Nguyễn Thanh Bình – Q14A1


- 21 -


Trường THBC KTTH Hà Nội

Báo cáo thực tập tốt nghiệp

<html>
<body>

Character entities


&X;



Substitute the "X" with an entity number like "#174" or an entity name like
"pound" to see the result.


</body>
</html>

Non-breaking space
Ký tự được dùng nhiều nhất trong HTML có lẽ là nbsp (non-breaking space)
Thường thì HTML cắt bớt khoảng trống trong chữ của bạn. Ví dụ nếu bạn viết
10 chỗ trống trong text của bạn thì HTML sẽ loại bỏ 9 trong số đó. Để thêm
khoảng trống vào chữ của bạn, bạn phải sử dụng ký tự đặc biệt là  

Nguyễn Thanh Bình – Q14A1

- 22 -



Trường THBC KTTH Hà Nội

Báo cáo thực tập tốt nghiệp

Những ký tự được dùng thường xuyên nhất
Kết quả Loại
một khỏang
trắng

Tên của ký tự

Số

 

 

<

nhỏ hơn

<

<

>

lớn hơn

>


>

&

dấu và

&

&

"

ngoắc kép

"

"

'

ngoặc đơn

' (does not work in
IE)

'

Một vài ký tự khác
Kết quả Loại


Tên của ký tự

Số

¢

cent

¢

¢

£

pound

£

£

¥

yen

¥

¥

§


section

§

§

©

copyright

©

©

®

registered trademark

®

®

×

nhân

×

×


÷

chia

÷

÷

Nguyễn Thanh Bình – Q14A1

- 23 -


Trường THBC KTTH Hà Nội

Báo cáo thực tập tốt nghiệp

Cách đưa tranh ảnh vào một trang web
Thẻ Image
Tag

Mô Tả

<img>

Hình ành

<map> Định nghĩa map ( sơ đồ trên 1 hình)
<area> Định Area, 1 vùng nhỏ tương ứng trên sơ đồ


Trong trang trước, chúng ta đã đề cập đến cách trình bày chữ trong trang web. Ðể làm cho trang web sinh động hơn, hấp
dẫn hơn, bạn có thể đưa thêm tranh ảnh vào. Có những trang web liên quan đến số liệu, đồ thị và đồ thị cũng là một dạng
ảnh (images). Sau đây là cách đưa một bức ảnh vào trong trang web.
• Ảnh cho vào trang web nên save dưới dạng .GIF hoặc .JPG
• Không nên to quá, đây không nói đến kích thước (cm) mà nói đến kính cỡ file (số KB).
• Khi scan, bạn hãy chọn 72 dpi (dots per inch) bởi vì đa phần các màn hình máy tính làm việc với độ phân giải này.
• Khi upload trang web, nhớ upload cả ảnh.
• Tên của các file nên sử dụng chữ thường, không nên sử dụng chữ hoa. Ví dụ: myphoto.jpg chứ không Myphoto.jpg.
Sau đây là HTML Code để đưa hình ảnh vào trang web:

Code:
<html>
<body bgcolor="#ffffff">

alt="Here is my first photo">

</body>
</html>

Bạn thấy không, điều đó rất đơn giản. Chỉ riêng <img src="myphoto.jpg"> đã đủ để đưa một bức ảnh vào trang web. img là
image và src là source. Tất cả những cái đi đằng sau chỉ để trình bày bức ảnh đó đẹp hơn thôi. width là chiều rộng của bức
ảnh mà bạn muốn, nó không phụ thuộc vào kích thước gốc của bức ảnh. height là chiều cao. Tất cả đều đo bằng pixel.
border="0" báo cho Browser biết là ảnh này sẽ được trình bày không có khung. alt có ích khi ảnh chưa hoặc không được
nạp (nhiều người surf không ảnh để đỡ tốn thời gian) Khi đó người xem biết được mình sẽ được xem cái gì.

Nguyễn Thanh Bình – Q14A1

- 24 -



Trường THBC KTTH Hà Nội

Báo cáo thực tập tốt nghiệp

Dùng tranh ảnh làm nền cho trang web
Trong trang trước, chúng ta đã nói đến màu sắc của nền trang web. Bằng cách thay đổi thông số của bgcolor, bạn sẽ tạo
được màu nền khác tuỳ theo sở thích của mình. Như bạn chắc cũng đã thấy trong các website đã đến thăm, một trang web
còn có thể có nền rất đẹp, tạo ra từ những bức tranh nhỏ. Cái đó rất đơn giản. HTML Code sẽ như sau:

Code:
<html>
<body bgcolor="#màu mà bạn thích" background="back.jpg">
</body>
</html>

Bạn thấy đó, ở đây chỉ có một sự khác biệt rất nhỏ: ta thêm background vào và
nhận được nền là back.jpg. Tuỳ theo kích cỡ của back.jpg mà nền trông khác
nhau. back.jpg sẽ được ghép vào với nhau nếu như cỡ của nó nhỏ hơn window
của Browser.
bgcolor có cũng được mà không có cũng vẫn được, nó chỉ có tác dụng khi
back.jpg vì lý do gì đó không được nạp.
Cách trang trí chữ, bố cục một trang web

Trong trang trước, chúng ta đã đề cập đến cách định hướng một object trong
document bằng cặp TAG:
Những gì nằm giữa cặp TAG này
đều được Browser đưa vào giữa của window. Nếu bạn không định hướng thì
browser sẽ tự động theo thứ tự từ trái sang phải. Nhưng đừng vội thử với
<left></left> hay <right></right> vì hai cặp TAG này không tồn tại ;-)

Muốn có một trang mà tranh ở bên phải còn chữ ở bên trái bạn phải dùng đến
TABLE. Cái đó sẽ được nhắc đến trong phần sau. Bạn có thể dùng cặp TAG

để tạo ra từng khổ của bài viết. Thực ra đây chỉ là một TAG đơn.
Phần

ở đằng sau có thể bỏ đi cũng được. Tuy vậy đa phần các Webeditor
vẫn đặt nó ở cuối một khổ. Bạn có thể định hướng khổ chữ về phía phải, trái
hay vào trung tâm. Ai đã từng sử dụng Word đều biết đến điều đó, mỗi cái là
không phải dùng đến TAG thôi. Bạn cũng có thể áp dụng TAG này cho bất kỳ
một object nào khác như picture, video...
Nguyễn Thanh Bình – Q14A1

- 25 -


×