Báo cáo tốt nghiệp khoa công nghệ thông tin

LỜI CÁM ƠNLuận văn đồ án/tiểu luận/báo cáo này là kết quả của quá trình học tập tại Trường Cao Đẳng nghề Công nghiệp Hà Nội trong năm qua.Với tình cảm chân thành, em xin bày tỏ lòng biế

Trang 1

LỜI CÁM ƠNLuận văn ( đồ án/tiểu luận/báo cáo) này là kết quả của quá trình học tập tại Trường Cao Đẳng nghề Công nghiệp Hà Nội trong năm qua.

Với tình cảm chân thành, em xin bày tỏ lòng biết ơn đến quý thầy cô giáo đã giảng dạy lớp CĐ10QTM2, khao Công Nghệ Thông Tin Trường Cao Đẳng nghề Công nghiệp Hà Nội, các bạn lớp CĐ10QTM2 cùng người thân trong gia đình đã tận tình giúp đỡ, tạo điều kiện cho em trong quá trình học tập và hoàn thành đề tài đồ án/luận văn/báo cáo

Đặc biệt em xin bày tỏ lòng biết ơn sâu sắc đến thầy Lê Hùng đã tận tình hướng dẫn, giúp đỡ em nghiên cứu đề tài và hoàn chỉnh báo cáo

Mặc dù em đã cố gắng hết sức để nghiên cứu đề tài nhưng do thời gian có hạn không thể tránh khỏi nhưng thiếu sót Em rất mong các thầy cô chỉ bảo thêm để em

có thể hiểu rõ hơn về đề tài mà mình đã chọn và cũng là để em có thêm kiến thức hoàn thiện hơn

Hà Nội ngày .tháng .năm .Sinh viên thực hiện

Trang 2

Báo Cáo Tốt Nghiệp Khoa: Công Nghệ Thông Tin

MỤC LỤC

PHẦN 1: Tổng quan về HTML

I.Giới thiệu về HTML

II.Chuẩn bị môi trường

1. Tải phần mềm Macromedia Dreamweaver 8

1.1 giới thiệu về Macromedia Dreamweaver 8

2 Cài Internet Information Services (IIS)

3 Cài đặt Microsoft SQL Server 2005

III Cài đặt Macromedia Dreamweaver 8

1. Giải nén

2. Tạo cơ sở dữ liệu cho hệ thống Microsoft SQL Server 2005

3. Tạo tài khoản đăng nhập cơ sở dữ liệu Microsoft SQL Server 2005

4. Thiết lập quyền hạn

5. Cấu hình IIS(Internet Information Services )

6. Cấu hình tệp tin “web.config”cho việc cài đặt

7. Cài đặt Macromedia Dreamweaver 8

PHẦN 2: THIẾT KẾ TRANG WEB

I.Chuẩn bị nội dung đưa lên trang web

1 Biên tập nội dung

1.1 Nội dung dạng text

1.2 Nội dung hình ảnh

2.Thời gian làm việc

3 Chỉnh Sửa, bỏ thông tin

II Hướng dẫn tạo trang web

1.Tạo trang đầu tiên

2 Chèn ảnh

3 Hyperlink và siêu liên kết

4 Đặt tên và lưu trang

III.Module

1. Tổng quan về module

2. Thêm module vào trang

3. Di chuyển, Xóa, phục hồi và phân quyền sử dụng

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

Trang 3

………

Trang 4

I.Giới thiệu về HTML

HTML là ngôn ngữ mô tả các trang web

HTML là viết tắt của cụm từ Hyper text markup language có nghĩa là ngôn ngữ đánh dấu siêu văn bản.HTML là ngôn ngữ đánh dấu bằng cách đánh dấu các thẻ.Các thẻ mô tả nội dung tài liệu.Các tài liệu HTML chứa các thẻ html và các dòng văn bản và được gọi chung bằng tên trang web

Các thẻ HTML(HTML Tags)

• Các thẻ HTML là các từ khóa được bao quanh các dấu ngoặc vuông ví dụ như <html>

• Thông thường đi theo cặp như <body></body>

• Thẻ đầu tiên được gọi là thẻ mở đầu, thẻ còn lại là thẻ kết thúc Nó cũng có thể được gọi là thẻ mở và thẻ đóng.

• Thẻ kết thúc viết giống với thẻ đầu tiên, chỉ có điều nó nó có dấu”/” ngay sau”<”.

Trang 5

Cấu trúc một trang web HTML

Trang 6

II.Chuẩn bị môi trường

1.Tải phần mềm Macromedia Dreamweaver 8

1.1 giới thiệu về Macromedia Dreamweaver 8

Macromedia Dreamweaver 8 là trình biên soạn HTMl chuyên nghiệp dùng để thiết

kế, viết mã và phát triển website cùng các trang web và các ứng dụng web Cho dù bạn có thích thú với công việc viết mã HTML thủ công hoặc bạn thích làm việc trong môi trường biên soạn trực quan, Dreamweaver cung cấp cho bạn những công

cụ hữu ích để nâng cao kinh nghiệm thiết kế web của bạn

Các tính năng biên soạn trực quan trong Dreamweaver cho phép bạn tạo nhanh cáctrang web mà không cần các dòng mã Bạn có thể xem tất cacr các thành phần trong website của bạn và kéo chúng trực tiếp từ một panel dễ sử dụng vào 1 văn bản Bạn có thể nâng cao sản phẩm của bạn bằng cách tạo và sửa các ảnh trong Macromedia Fireworks hoặc trong ứng dụng ảnh khác, rồi sau đó chèn trực tiếp vào Dreamweaver Dreamweaver cũng cung cấp những công cụ giúp đơn giản hóa việc chèn Flash vào trang web

Bên cạnh những tính năng kéo và thả giúp xây dựng trang web của bạn,

Dreamweaver còn cung cấp một môi trường viết mã đầy đủ chức năng bao gồm các công cụ viết mã (như tô màu mã, bổ sung thẻ tag, thanh công cụ mã và thu bớt mã) và nguyên liệu tham chiếu ngôn ngữ trong Cascading Style Sheets (CSS), JavaScript, ColdFusion Markup Language (CFML) và các ngôn ngữ khác Công nghệ Macromedia Roundtrip HTML nhập các văn bản HTML viết mã thủ công màkhông định dạng lại mã; khi đó bạn có thể định dạng lại mã với phong cách định dạng của riêng bạn

Dreamweaver cũng cho phép bạn xây dựng các ứng dụng web động dựa theo dữ liệu sử dụng công nghệ máy chủ như CFML, ASP.NET, ASP, JSP, và PHP Nếu sở thích của bạn là làm việc với dữ liệu XML, Dreamweaver cung cấp những công cụ cho phép bạn dễ dàng tạo các trang XSLT, chèn file XML và hiển thị dữ liệu XML trên trang web của bạn

Trang 7

tượng và yêu cầu, chỉnh sửa shortcut bàn phím và thậm chí viết mã JavaScript để

mở rộng những khả năng của Dreamweaver với những hành vi mới, những chuyên gia giám định Property mới và những báo cáo site mới

việc để tiện cho thiết kế và tạo lập 1 trang web ta sử dụng phần mềm hỗ trợ ngôn ngữ để thiết kế thuận tiện nên ta sử dụng phần mềm Macromedia Dreamweaver 8bạn có thể tải về phiên bản mới nhất của phần mềm Macromedia Dreamweaver 8 tại trang chủ http://macromedia-dreamweaver.soft32.com/

2 Cài Internet Information Services (IIS)

(Đối với win XP):

- Vào Start – Control panel - Add Remove Programs

- Chọn tab Add/Remove windows Components - đánh dấu vào ô Internet

Information Services (IIS)

Trang 8

Nhấn next

Trong quá trình cài, Windows có thể yêu cầu cho đĩa Windows vào ổ CD để nó chép các file cần thiết Lúc này ta có thể có hai cách:

• 1 Cho đĩa vào ổ CD và OK

• 2 Nếu trên máy bạn đã có sẵn thư mục chứa bộ cài đặt Windows, nhấn Browse và tìm đến thư mục I386 có trong bộ cài đặt đó -> OK

Chú ý cả bộ cài cũng như đĩa Windows đều phải là bản thích hợp với phiên bản Windows hiện tại ta đang dùng Ví dụ nếu bạn dùng Windows XP Service Pack 2 thì ta cũng phải bỏ đúng đĩa Windows XP Service pack 2 vào thì mới cài được

Trang 9

Đợi một chút để máy cài IIS vào

Khi máy báo cài xong, nhấn Finish

Trang 10

3 Cài đặt Microsoft SQLSWerver 2005

Cài Microsoft SQL Server 2005

Nhấn vào file SQLEXPR.EXE

Trên màn hình tiếp theo, đánh dấu vào mục: "I accept the licensing terms and conditions", nhấn Next

Trên màn hình tiếp theo, nhấn Install

Trang 11

Nhấn Next

Tiếp tục nhấn Next

Trang 12

Trên màn hình tiếp theo, bỏ dấu check mở mục "Hide advanced configuration options", nhấn Next

Nhấn Next trên màn hình tiếp theo

Trang 13

Khai báo Instance name, chọn Default Instance (Server Name sẽ trùng với tên máy)

Nhấn Next

Trang 14

Trên cửa sổ tiếp theo, chọn chế độ chứng thực user

• Windows Authentication Mode: Sử dụng chứng thực của Windows

• Mixed Mode: Kết hợp cả chứng thực của Windows và chứng thực của SQL Server

Ở đây có thể để mặc định: "Windows Authentication Mode"

Nhấn Next

Trang 15

Nhấn Next

Trang 16

Nhấn Next

Click Install để bắt đầu cài đặt

Trang 17

Quá trình cài đặt có thể mất 5 -> 10 phút

Khi màn hình báo cài đặt thành công như hình dưới, click Next

Trang 18

Tiếp tục click Finish

Sau đó chọn OK để khởi động lại server

Trang 19

III Cài đặt Macromedia Dreamweaver 8

1.Giải nén

Sau khi tải Macromedia Dreamweaver 8 về máy ta giải nén vào một thư mục bất

kỳ trên ổ cứng Trong VD này chúng ta chọn thư mục giải nén là

:”D:\web\Macromedia Dreamweaver “.

2.Tạo cơ sở dữ liệu cho hệ thống Microsoft SQL Server 2005

Vào Start - programs - Microsoft SQL Server 2005 –SQL Server Management Studio để đăng nhập vào công cụ quản lý cơ sở dữ liệu SQL Server

+Nhắp chuột phải lên database - chọn New Database như hình dưới đây:

- Trong khung “Name”, đặt tên cho CSDL Trong ví dụ này, chúng ta đặttên là “ VsBMSNEW”

Trang 20

- Sau Bạn đó chọn: OK

3.Tạo tài khoản đăng nhập cơ sở dữ liệu Microsoft SQL Server 2005

+ vào Security , nhắp chuột phải lên logins - chọn new login:

+ Trong tab “General”

Trang 21

- Login name: tên tài khoản đăng nhập Trong VD này chúng ta chọn “dnnacc”.

- Chọn SQL Sever authenticaton Nhập password của tài khoản & confirmpassword

- Bỏ lựa chọn “User must change password at next login”

- Default database: chọn CSDL chúng ta vừa tạo là “mrim_dnn”

Chuyển qua tab “User Mapping”

- Trong khung “Users mapped to this login”, check “mrim_dnn”

- Trong khung “Database role membership for: mrim_dnn”, check “db_owner”

Trang 22

* Lưu ý: Phần “Authentication” phải chọn “SQL Server and Windows”

- Nhấn chuột phải vào computer, chọn Properties

- Chọn tab “Security”

- Trong khung Security, chọn “SQL Server and Windows”

- Chọn OK

4.Thiết lập quyền hạn

Cho phép process ASP.NET quyền read/write đối với thư mục trên

+ Đối với IIS5 (Win 2000, XP) tài khoản này tên là {Server}\ASPNET

+ Đối với IIS 6 (Win 2003) tài khoản này là NT AUTHORITY\NETWORK SERVICE

- Để thực hiện được điều này click chuột phải lên thư mục bạn đặt DotNetNuke, chọn Properties và chọn tab Security

Trang 23

Lưu ý:

Một số hệ thống, thường là mới cài đặt sẽ không có tab Security trên cửa sổ Properties Để hiển thị tab này:

• Bạn mở Windows Explorer (click đúp vào MyComputer)

• Chọn menu Tool -> Folder Options

Trang 24

Trang 25

• Nhấn vào nút “Add”

Trang 26

• Chọn tài khoản “ASPNET”

• Chọn OK

Trang 27

• Chọn tài khoản ASP.NET và check vào “Full Control”

• Chọn OK

5.Cấu hình IIS(Internet Information Services )

Vào start menu gõ iis chọn vào iis manager click chuột phải vào defaut webchọn add aplication

Trang 28

Sau đó điền vào các thông tin Alias là tên của website bạn và chọn đường dẫnchỉ đến thư mục cài đặt của bạn

6 Cấu hình “web.config”

Trang 29

<! Connection String for SQL Server 2000/2005 - kept for backwards

compatability - legacy modules

>

………

</appSettings>

Trang 30

Chọn file Dreamweaver8-en.exe trong thư mục Dreamweaver của đĩa CD hoặc

Trang 31

(hình 3)

Chọn Create shortcut và NEXT(hình 4)

Trang 32

Báo Cáo Tốt Nghiệp Khoa: Công Nghệ Thông TinChọn Select all hoặc sử dụng php để lập trình web động và javascript NEXT(Hình 5)

(hình 5)Chọn INSTALL ñể bắt ñầu cài ñặt (Hình 6)

Trang 33

(hình 6)Chọn Launch Macromedia Dreamweaver 8 và FINISH (Hình 7)

(hình 7)

PHẦN 2: THIẾT KẾ WEB

I.chuẩn bị nội dung đưa lên trang web

1 Biên tập nội dung

1.1 Nội dung dạng text

- Những nội dung khá dài hay cần biên tập kỹ nên lập thành dạng file hoànchỉnh với font unicode (Arial hay Times new roman) Các file có sẵn từ font VNIphải dược convert qua unicode

- Khi dán thông tin từ file phải gỡ bỏ các định dạng word thì chọn OK khôngchọn Cancel

- Dán thông tin vào hộp thoại “dán thông tin với định dạng word “rồi click

Trang 34

- Trong trường hợp cần dán biểu bảng excel, cần kiểm tra và chỉnh sửa kíchthức biểu bảng cho phù hợp Biểu bảng word nên hạn chế dán vào vì dễ làm hưgiao diện (khi dán một file word có dạng biểu bảng, nếu thấy giao diện bị “banh

“rộng ra đó là do biểu bảng, phải bỏ đi và tạo table ngay tại website hoặc excel)

- Tùy theo vị trí muốn đưa lên mà hình ảnh cắt ra cho phù hợp

- Sau khi chỉnh sửa vừa ý, lưu lại ở chế độ “save for web”, chất lượng

“High” đuôi JPEG là tốt nhất

2 Thời gia làm việc

Để đảm bảo an toàn cho website, hệ thống quy định thời gian làm việc cho mỗithao tác cập nhật của người admin là khong quá 30 phút Nếu sau 30 phút mới đặtlệnh “ cập nhật” cho thao tác thì sẽ không có kết quả Đó là tình trạng “hết giờ”

“Hết giờ”(timeout)thường xảy ra trong trường hợp sau:

- Do chưa chuẩn bị kỹ thông tin, nên khi muốn đăng ký tin tức hay cập nhậtsản phẩm , người admin quay ra tìm thông tin, hình ảnh, chỉnh sửa hìnhảnh, đoi khi ngồi thiết kế mới thậm chí đi chụp ảnh Khi có thông tin, thấytrang web vẫn còn trong tình trạng đã login nên lại tiếp tục cập nhật thôngtin vào đó rồi chọn update Nếu bị timeout sẽ không có kết quả, mất luôn

cả phần phía trên, phải làm lại

- Cập nhật thông tin bằng cách soạn trược tiếp lên trang web, nhưng dothông tin quá dài, phỉa tập trung suy nghỉ và tận tụy làm quá lâu (“không

để ý”) đến khi update thì mất luôn, làm lại cũng khó khăn vì đó là ý nghĩ

Trang 35

- Do bận đột xuất việc khác nên bỏ dở, sau đó quay lại làm tiếp, nhưng khiupdate thì không được, phải làm lại.

3.Chỉnh sữa, bỏ thông tin

- Khi đưa thông tin sai hoặc tin test, sau đó muốn chỉnh sữa hay bỏ đi làmlại, admin có thể chọn bỏ hay chỉnh sửa (edit) thông tin

- Lưu ý bỏ thông tin không thực hiện bằng cách delete trang hay module.Trang có thể còn liên kết với trang khác Còn các module đã dược cài lên chowebsite thường có giá trị sử dụng hợp lý và có khi liên kết rất phức tạp, nếu bỏ 1cái có thể gây ra lỗi hoàn toàn, phải làm lại

- Cần phải tuân theo hướng dẫn sử dụng của tường module đã được hướngđãn chi tiết Chỉnh sửa hay bỏ đi trược tiếp thông tin đó tại chỗ mà nó được đưavào Còn module hay trang thể hiện thông tin đó có thể chỗ khác và còn dùng chonhiều thông tin khác nữa

II HƯỚNG DẪN TẠO TRANG WEB

1. Tạo trang đầu tiên

1.1 TẠO 1 TRANG MỚI :

1. Trang đầu Tiên trong 1 Site sẽ là Trang Index.html

2. Sau đó tạo các Trang kế tiếp Để tạo 1 Trang Mới , bạn sử dụng Start Page hay HT New Document

1.2. SỬ DỤNG START PAGE :

1. Trong phần Create New > Nhấp HTML (H1)

• Bạn cũng có thể sử dung Start Page để mở các Trang mà bạn đã làm việc gần đây Chỉ việc nhấp tên của Mục trong Phần Open a recent Item của Start Page

• Nhấp ColFusion hoặc PHP cũng tạo 1 Trang HTML

Trang 36

• Nhấp CSS sẽ tạo 1 Style Sheet CSS Mới (H2)

• Nhấp bất kỳ chọn lựa khác sẽ tạo các tài liệu được thiết kế cho ngôn ngữ lập trình Web khác nhau

• Nếu nhấp bất kỳ Mục trong Phần Create From Samples của Start page, Dreamweaver mở HT New Document để bạn chọn Trang Mẫu.Các

Trang 37

• Có thể tắt Start page : Menu Edit > Preferences > Nhấp Hạng Mục General > Hủy chọn Show Start page.

2. SỬ DỤNG HT NEW DOCUMENT :

• Menu File >New ( Ctrl+N )

• HT New Document hiện ra > Đang mở Tab General.(H3)

• Chọn 1 Mục trong Cột Category > Cột Basic Page sẽ thay đổi tùy Mục bạn đã chọn

• Chọn Mục ở Cột Phải > Khung Preview có Ảnh xem trước ( Hầu như

có sẵn khi chọn Trang Mẫu và Template với phần mô tả bên dưới )

• Bạn có thể tạo 1 số tài liệu trong HT này > Menu bật lên Document Type (DTD) sẽ có sẵn Bạn có thể thay đổi DocType từ Menu bật lên.Thí dụ chọn Page Designs(CSS).(H4)

Trang 38

• Nếu muốn thay đổi bất kỳ xác lập mặc định > Preference > HT Mới xuất hiện > bạn có thể thay đổi loại tài liệu (H5)

Trang 40

HT New

Document > Cột category > Chọn Frameset> Có 15 Frameset tạo sẵn với các kiể Khung khác nhau

• Hạng Mục Page Designs(CSS) cung cấp 6 mẫu tốt hoàn toàn dựa vào CSS cho kiểu trình bày của chúng.(H9)

Định dạng
Số trang	63
Dung lượng	4,04 MB