đề tài xây dựng trang web sắc màu cuộc sống

Trang 1

Lời giới thiệu

Hiện nay sự bùng về thơng tin đã tạo nên bước nhay vọt kỳ diệu Tin học đã và đang đi vào cuơc sống muơn màu muơn vẻ của con người trong xã

hội phát triển Tin học phat triển rất mạnh khơng những ở trong nước má cịn phát triển trên tồn thế giới Chính vì thế những hoc sinh,sinh viên như chúng

ta cần phải tìm tịi ,học hỏi phổ cập nhưng hiểu biết về tin học để sử dụng cĩ hiệu quả cho cơng việc và cuộc sống của mỗi chúng ta.Nếu trước đây máy tính chỉ sử dụng cho nghiên cứu khoa học,kĩ thuật thì ngày nay nĩ được áp dụng cho nhiều mục đích khác nhau

Trong thực tế xã hội và trong sản xuất hiện nay hầu hết các cơng

ty ,cơng sở cũng như các văn phong làm việc từ lớn tới bé ,từ trường học đến

gia đình đều đa phần sử dụng máy tính Thương mại điện tử đang phát triển mạnh mẽ là một trong những hướng phát triển hàng đầu của nghành cơng

nghệ thơng tin thì WEB sử dụng trên ngơn ngữ html cũng đang đĩng gĩp tầm

cao mới thay thế cho chế độ thủ cơng

Trang WEB “ sắc màu cuộc sống” của chúng em được xây dựng lên để giúp chúng ta cĩ những phút giây thư giãn trong cuộc sống vắt vả , bận rộn,thường ngày ! Khi tham gia vào trang WEB này bạn cĩ thể cảm thấy mình đang được đi vào một khoảng khơng gian mới mẻ vui vẻ thoải mái hơn cho mọi người

Nhĩm IX lớp 2031 chúng em nĩi riêng Và các bạn khoa CNTT của trường THDLKTKT Thăng Long nĩi chung.Qua 2 năm học chúng em thấy rằng với vốn kiến thức nhất định và sự tim tịi cũng như gợi ý hướng dẫn của thầy giáo hướng dẫn Việc giải trí thường được coi nhẹ trong cuộc sống ,tuy

là ván đề khơng mới mẻ nhưng nĩ luơn rat cần thiết trong cuộc sống.Chính vì thế tất cả chúng ta những học sinh khoa CNTT hãy cùng nhau tìm tịi học hỏi

đưa nghành thơng tin ngày càng phát triển sánh vai với các nước trên thế giới

Trang 2

Mục Lục

trang

Lời cám ơn 1

Lời giới thiệu 2

Nội dung

Phan I:CO SO LY THUYET

Chuong I:Téng quan vé Internet: 1.1.Khai niém

1.1.1.Mang may tinh 1.1.2.Internet 1a gi?

1.1.3.Cac dich vu trén Internet

Chương II:Cơng nghệ WORLD WIDE WEB

2.1.Dịch vu WORLD WIDE WEB

2.1.1.Trang Web 2.1.2.Website

2.2.Những thuộc tính của WEB 2.2.1 ưu điểm của web

2.3.giới thiệu ngơn ngữ html 2.3.1 định nghĩa html 2.3.2.các thẻ html

2.4.m6 dau

2.4.1 sơ bộ tạo web 2.4.2 văn bản và các đoạn

2.4.3 làm việc với các liên kết siêu văn bản 2.4.3.1.chèn hình

2.4.3.2 nhập văn bản cho phần thân trang web 2.5 định dạng văn bản

2.5.1các kiểu định dạng vạt lí

2.5.3 các kiểu định dạng tiêu đề ,đường kẻ đoạn văn

2.5.4 thêm hình ảnh vào trang web

2.5.5 liên kết URL

2.5.6 thêm các siêu lên kết

2.5.7 tạo danh sách

2.5.8 định dạng bảng cơ sở 2.5.9 các thuộc tính của bảng 2.5.10 màu nền

2.6.nhận xét ưu điểm, nhược điểm của html

Trang 3

3.1 khái niệm

3.1.1 quản trị cơ sở dữ liệu?

3.1.2 ODBC(open database conectivity)

3.1.3 cầu trúc của ODBC

3.1.4 cấp đọ tương thích

3.1.5 cấu hình ODBC

3.2 kết thúc chương

phanll: xây dựng chương trình ứng dụng thiết kế trang web sắc màu cuộc sống

chương! :giới thiệu đề tài

L/mục đích đề tài

1U/ sơ đồ quan hệ các trang IH/ chức năng từng trang chươngÏI :mã nguồn U/mã nguồn trang chủ

I/mã nguồn trang PERSONAL III/mã nguồn trang ACDEMIC

IV/mã nguồn trang MUSIC V/ mã nguồn trangTRAVEL VI/ mã nguồn trang COLLINKS

VII/ mã nguồn trang DANH NGƠN

Trang 4

Phan I Cơ sớ lý thuyết Chương I Tổng quan về Internet 1.1 Khái niệm 1.1.1 Mạng Máy tính

Mạng máy tính là tập hợp các máy tính được kết nĩi với nhau bởi các đường truyền theo một cấu trúc nhất định

Một mạng máy tính cần đảm bảo những nguyên tắc sau: - Đảm bảo thơng tin khơng bị mắt mát trên đường truyền - Thơng tin phải được truyền nhanh chĩng, kịp thời chính xác

- các máy tính trong mạng phải nhận biết được nhau khi truyền số liệu - Phải cĩ một chuẩn chính xác và thống nhất khi đặt tên cung như xác định đường truyền thơng tin trên mạng

Mạng máy tính cĩ thể là rất đơn giản, chỉ cĩ 2 máy tính nối với nhau qua cổng máy in đề truyền file cho nhau, hoặc cũng cĩ thể là rất phức tạp, rất nhiều máy trạm và máy nhiều máy chủ

Lợi ích của việc kết nĩi mạng:

- Dùng chung cho các tài nguyên như:

+ Các thiết bị

+ các phần mềm hệ thống

+ Các hệ thống về thơng tin co sở đữ liệu

eCác hệ thống thơng tin tài chính, ngân hàng cho phép thanh tốn và kiểm tra tài khoản trên phạm vi tồn cầu

eCác hệ thống thơng tin dịch vụ liên quốc gia như đăng kívà đặt chỗ khách sạn, đăng kí và thanh tốn vé máy bay, vé xe lửa,

eCác hệ thống quản lý như hệ thống thơng tin thư viện, hệ thống phục vụ cho cơng tác quản lý,

eCác hệ thống thơng tin xã hội cơng cộng

- tăng cường độ tin cậy của hệ thống thơng tin nhờ khả năng thay thế khi cĩ sự

cố đối với 1 máy tính

- chinh phục khoảng cách, 1.1.2 Internet là gì ?

Internet là 1 mạng máy tính nĩi hàng triệu máy tính với nhau trên phạm vi

tồn thế giới Internet cĩ lịch sử rất ngắn, nĩ cĩ nguồn gốc tir 1 dự án của bộ quốc

phịng My co tén la: ARPANET( Advanced Research Project Agenci Network) 1.1.3 Cac dich vu trén Internet

Trang 5

-5-

- Thư điện tử( Email): Dich vu - Email cĩ thể dùng đề trao đổi thơng tin giữa

các cá nhân với nhau, các cá nhân với tổ chức và giữa các tổ chức với nhau Dịch vụ này cịn cho phép tự động gửi nội dung thơng tin đến từng địa chỉ hoặc tự động gửi đến tất cả các địa chỉ cần gửi theo danh sách địa chỉ cho trước

( gọi là Miling List) Nội dung thơng tin gửi đi dùng trong thư điện tủ khơng chỉ cĩ văn bản ( text) Mà cịn cĩ thê ghép thêm( Attack) các văn bản đã được định dang,,graphic, sound, video.Các dạng thơng tin này cĩ thể hịa trộn,kết hợp với nhau thành một tài liệu phức tạp Lợi ích chính dịch vụ thư diện tử là thơng tin gửi di nhanh Và TẺ

-www(world wide web): Đây là khái nệm mà người dùng Internet quan tâm nhất hiện nay.Web là một cơng cụ,hay đúng hơn là một dịch vụ của Internet,web chứa thơng tin bao gồm văn bản,hình ảnh,âm thanh và thậm chí cả video được kết hợp với nhau web cho chúng ta chui vào mọi ngõ ngách của Internet,là những điểm chứa cơ sở dữ liệu gọi là website.Nhờ cĩ web nên dù khơng phải là chuyên gia, mọi người cĩ thể sử dụng Internet một cách đễ dàng.Phần mềm sử dụng để xem web gọi là trình duyệt (browser).Một trong những trình duyệt hiện nay là Navigator của Netcape.tiếp đĩ là Internet Explorer của Microsoft

-Dịch vụ truyền file (FTP —File Transfer Protocol):La dich vu ding dé trao đổi các tệp tin từ máy chủ xuống các máy cá nhân và ngược lại

-Gropher:Dịch vụ này hoạt động thư viện Menu đủ loại.Thơn tin hệ thống Menu pâhn cấp giúp người sử dụng từng bứớc xác định được các thơng tin cần thiết để đi tới vị trí cần đến Dịch vụ này cĩ thể sử dụng để tìm kiếm các thơng tin trên FTPSite

-Telnet:Dich vu nay cho phép truy cap đến Server được xác định rõ như một

Telnetsite tìm kiếm Server.Người tìm cĩ thê thấy một dịch vụ vơ giá khi tìm kiếm các

thơng tin trong thư viện và các thơng tin lưu trữ.Telnet đặc biệt quan trọng trong việc kết nĩi các thơng tin từ các máy tính xuống trung tâm

Chương II

Cơng nghệ World Wide Web 2.1 Dịch vụ World Wide Web

2.1.1.Trang Web:

Trang web là một đơn vi thong tin goi la tai liéu ,co thé hién thi thong qua Web, trang Web cĩ thẻ lớn hơn trang màn hình và cĩ thẻ in ra nhiéu trang giay Web

cung cấp thơng tin rất đa dạng,bao gồm văn bản và đồ họa cĩ các điểm siêu liên kết mà người dùng cĩ thể lựa chọn.Những siêu liên kết này sẽ đưa người dùng tới các tài nguyên trên mạng với đầy đủ tính năng độc đáo như các hình ảnh ,đồ

họa,video.Thơng tin được biểu diễn bằng mơt trang web theo đúng nghĩa là một trang mà chúng ta cĩ thể nhìn thay trên màn hình máy tính.Web rất đễ sử dụng cùng một

giao diện dùng đề truy nhập đến những form khác của thơng tin và mọi thứ chỉ cịn lại

việc trỏ va bam -Web tinh :

Trang 6

-6-

nhanh hơn,khi cơ sở dữ liệu nhỏ thì việc phân tán dữ liệu cĩ hiệu quả.Server cĩ thể đáp ứng yêu cầu của Client một cách nhanh chĩng.Kiểu Web tĩnh được sử dụng khi dữ liệu cĩ sẵn trên đĩa cứng và khơng bị thay đổi nhưng trang web tĩnh khơng cĩ tương tác vĩi người sử dụng,khơng đáp ứng dược nhu cầu mang thơng tin tính chất thời gian thực

-Web dong:

Các trang web động là các trang web hỗ trợ thêm khả năng tương tác với người sử dụng.Một ví dụ về trang web động là xây dựng trang web mà thơng tin về doanh số bán ra trong ngày của từng cửa hàng hoặc quá trình nhập kho hàng bán của một cơng ty thương mại,mọi số liệu đều mang tính chất thời gian thực và được cập nhật thường xuyên,do đĩ người giám đốc cĩ thể xem báo cáo ngay tức thời tại một

thời điểm hiện tại về doanh số bán ra của một loại mặt hàng.Điều này Web tĩnh khơng

thể đáp ứng được 2.1.2.Website:

Tập hợp các trang web đựoc kết nĩi từ trang chủ,do tơ chức doanh nghiệp tạo nhằm mục đích chủ yếu là tự giới thiệu,cĩ quan hệ mật thiết với chức năng hoạt động chính của tổ chức,đoanh nghiệp thường đặt trên một Web server gọi là Website của tổ chức doanh nghiệp đĩ

2.2 Những thuộc tính của web

2.2.1.Ưu điểm của web

- Dé sit dung : chi cần nhắn trỏ chuột đề truy nhập thơng tin cần thiết -_ Dễ viết :dựa trên ngơn ngữ xiêu văn bắn HTML

- Tudo :Chuẩn mở cho phép web cĩ thẻ hiển thị ở các máy cĩ tính kết nĩi internet va trình duyệt web.Web browser cung cấp một ý nghĩa quan trọng là việc truy nhập thơng tin tự do dễ đàng cho việc tim kiếm và chạy nĩ

~ Tính năng thuận tiện :

+ Khả năng cho phép tải suống các tệp phần mềm và dữ liệu

+ Cho phép xuất bản và cập nhật thường xuyên các tài liệu trực tuyến và tiếp nhận các quan hệ ngược tài liệu thơng qua EMAIL

+ Thiết lập các quan hệ cộng đồng độc giả cùng sở thích ,khơng hạn chế về mặt địa lý

+ Đảm bảo tin tức và những phát triển nghề nghiệp mới nhất ,truy nhập các thơng tin chưa sẵn sàng ở các phương tiện truyền thơng khác

+ Tham chiếu đến các nguồn web khac một cach dé dang thong qua siéu va n bản

+ Cho phép suất bản và cập nhật thường xuyên các tài liệu trực tuyến và tiếp nhận các quan hệ ngược trực tiếp đến tài liệu thơng qua EMAIL

+ Web cĩ thê nhúng trong nĩ khã năng của tát cả các dịch vụ khác 2.2.2 Trang chủ

Trang đầu tiên của tổ chứa doanh nghiệp được mở khi người sử dụng gõ tên vùng gọi là trang chủ (home page) Đây là trang chính của web là nơi xuất phát ,là nơi

chứ những liên kết hướng dẫn đề đi đến các trang khác

2.2.3 Hyper links

Trang 7

-7-

một điềm khác trong trang web,mở ra một trang web mới hay truy nhập đến một vài tài nguyên trên mạng

2.2.4 Hyper media

Là những áp dụng bao gồm đồ hoạ ,âm thanh ,video 2.2.5.Phim trên internet

Đĩ là việc kết hợp hồn hảo giữa các mảng âm thanh và hình ảnh Hypertext,khi kết hợp chung lại với nhau nĩ tạo thành một loại âm thanh rất thú vị

2.2.6 tích hợp các dịch vụ khác trong www

Một trong những sức mạnh của www là nĩ cĩ khả năng tích hợp nhiều dịch vị của thơng tin internet Các dịch vụ được web hỗ trợ rất đa dạng ,bao gồm :

gopher,wais ,fpt ,telnet

- Web và gopher:WWWcĩ khả năng hỗ trợ mọi đặc điểm ,tính năng của gopher ,bao gồm hiển thị thực đon của gopher Đề truy cập tới thơng tin của dịch vụ gopher ta cĩ thê mở một URL từ một web browse, khi do web browse sé trực tiếp kết nơi với gopher server tại máy cĩ tên nhu URL Sau d6 gopher serve sé tra về một thực đơn các đề mục thơng tin và web brow hién thị thực đơn như một gopherclient Khi người sử dụnh chọn một thơng tin, webbrowser sẽ tạo một URL tương ứng gửi cho gopher server yêu cầu đĩ Lúc này quá trình trao đổi thơng tin gia web browser va gopher server dién ra giống như dịch vy gopher

- Web va FTP : tat ca các web browser đều tích hợp kha nang truy nhập dịch vụ FTP trong chương trình của mình Khi người sử dụnh FTP truy nhập bằng dịch vụ web thì web browser sẽ trực tiếp trao đồi thơng tin với FTP server Người sử dụng cĩ thé duyệt qua lại các cây thư mục này và lấy các tệp về máy tính của mình

-Web va wais : WWW cé thé giao tiếp được với dịch vụ tìm kiếm thơng tin diện rộng wais (wide area infomatiom server ).Détim kiém thơng tin Để đổi trực tiếp hoặc thơng qua nĩ đề trao đồi

2.3 Giới thiệu ngơn ngữ HTML

HTML là ngơn ngữ chuẩn để tạo lập các tài liệu cho WWW HTML được sử dụng trong chương trình tạo Web Ví dụ như MS: internet Explorer,nescafe,một tài liệu HTML là một tệp các văn bản chứa các phần tử mà các chương trình duyệt sẽ sử

dụng để hiện các văn bản ,các đối tượng Multinmedia và các siêu liên kết Người sử

dụng cĩ thê dùng chuột đề chọn các văn bản được format như một siêu liên kết trong các tài liệu này Sau khi liên kết này được chọn ,tài liệu mà nĩ trỏ tới sẽ được nạp vào máy và hiện lên màn hình

Một phần tử là một đơn vị cơ sở của HTML Nĩ bao gồm một thẻ khởi đầu

(start-tag) một thẻ kết thúc (end-tag), và các ký tự dữ liệu được đặt trong các thẻ này

.Một thẻ bắt đầu bằng một dấu nhỏ hơn (<) và kết thúc bằng một dấu lớn hon (>) Thẻ kết thúc phải cĩ thêm một dấu số chéo (/) ngay trước tên thẻ Cĩ một số thẻ luơn kết

thúc băng một thẻ phù hợp , cịn một số khác lại cho phép bỏ qua thẻ kết thúc nêu kết

quả là rõ ràng và khơng cĩ sự mập mờ nào cả

Trang 8

-8-

nào về phơng , hình ảnh dé hoạ và chỗ đề đặt ching HTML chi “gan thé “ cho nội

dung tập tin với những thuộc tính nào đĩ mà sau đĩ chúng được xacs định bởi chương trình duyệt để xem tập tin này Điều này giĩng như người đánh dấu bằng tay một số đoạn trên van bản tài liệu dé chỉ cho người thư ký biết những việc cần thiết như : “chỗ này in đậm “, “chỗ này in nghiêng “

Ví dụ : các thẻ về kích thước chữ <hl> </hl> <h2> </h2> Các thẻ về kiểu chữ <b> </b> <p> </p>

HTML gan thé cho kiểu chữ ,chèn file ảnh đồ hoạ ,âm thanh ,video vào văn bản tạo ra mối liên kết hình thức gọi là siêu văn bản ( hypertext).Siêu văn bản là đặc tính quan trọng nhất của HTML Điều này cĩ nghĩa là một văn bản hay đồ hoa bat ky

chỗ nào cũng cĩ thê liên kết với một tài liệu khác

2.3.1 Đặc điểm ngơn ngữ HTML

HTML được thiết kế ra để dùng cho web : trong phần lớn các chưong trình sử lý văn bản khá rắc rối trong một số tiêu tiết ví dị như chọn phơng -HTML,được thiết ké dé dùng trên mọi kiểu máy tính Nĩ được thiết kế vừa để dé vận chuyen tren internet , vừa thích hợp với các loại máy tính

HTML là một chuẩn mở : ngồi các thẻ trong bộ chuẩn ,HTML cĩ thể đọc mở rộng bằng nhiều cách như : mở rộng thêm các thẻ HTML , sử dụng javascript, 'VBScript, và các ngơn ngữ lập trình khác

HTML dễ đọc dễ hiểu , cĩ chứa các liên kết và hỗ trợ multimedia

HTML là ngơn ngữ thơng dịch : đây được coi là nhược điểm của ngơn ngữ bởi vì nĩ sẽ làm giảm tốc độ thực hiện các ứng dụng khác trên web đồng thời nĩ đảm bảo tính an tồn ,bảo mật

2.3.2 Các thẻ HTML

2.4 Mé dau

Cơng việc đầu tiên mà ta phải làm là khởi động trình soạn thảo văn bản mà bạn yêu thích của bạn và bảo đảm đã cĩ một tài liệu rộng được hiển thi

Trình sử lý văn bản của bạn phải cĩ khả năng lưu tập tin ở dạng văn bản, notepad làm việc này một cách tự động , cịn các trình sử lý văn bản khác như word và word perfect , thì cịn tuỳ thuộc văn bản trong hội thoại save as Hãy tham khảo tài liệu thuyết minh của trình sử lý văn bản Đồng thời bạn phải lưu các trang đuơi mở rong.HTM va HTML

2.4.1 Sơ bộ về tạo web

Tạo lập trang web là một van dé don gian, chi cần đánh văn bản của bạn

vào rồi chèn thêm ký hiệu đánh dấu ,gọi là thẻ cĩ dạng như sau :

Phần thẻ là một mã xác định hiệu ứng mà bạn yêu cầu

Ví dụ : cho thẻ net đậm là <b> cho nên ta muốn câu “sinh viên 611” xuất hiện theo kiểu chữ đậm ( bold ) bạn phải đưa dịng sau đây vào tài liệu của mình :

Trang 9

-9-

Thẻ đầu tiên báo cho trình duyệt (browers) hién thi tat ca phần văn bản tiếp theo bằng phơng chữ đậm , liên tục cho đến thẻ <b> Dấu gạch chéo (/) xác định thẻ

kết thúc ,và báo cho trình duyệt ngừng hiệu ứng đĩ HTML cĩ nhiều thẻ đành cho nhiều hiệu ứng khác, bao gồm chữ nghiêng( I) , dấu đoạn văn bản( paragraph), tiêu

đề, tên trang, liệt kê , liên kết và nhiều thứ nữa

Các tập tin HTML luơn bắt đầu bằng thẻ < HTML> Thẻ này khơng làm gi

khác ngồi nhiệm vụ báo cho trình duyệt WEB biết rằng nĩ đang đọc một tài liệu

chứa các mã HTML Tương tự, dịng cuối trong tài liệu của bạn luơn luơn là thẻ </HTML>, tuong duong như “ hết”

Chỉ tiết kế tiếp trong Catalog thẻ HTML dùng để chia tài liệu thành 2 phần: Đầu và than

+ Phan đầu: Giống như lời giới thiệu cho trang Các trình duyệt WEB đùng

đầu này đề thu thập các loại thơng tin khác nhau về trang Đề xác định phần đầu, bạn đưa thêm thẻ < HEAD> và thẻ</ HEAD> vào ngay sau thé <HTML> Mac dt ban co

thé dat 1

số chỉ tiết bên trong phạm vi phần đầu này, nhung phổ biến nhất là tên trang Nếu cĩ ai đĩ xem trang này trong BROWSER, thì tên trang sẽ xuất hiện trong dai tên của cửa số BROWSER Đề xác định tên trang, bạn đặt đoạn văn bản tên đĩ giữa các thẻ <TITLE> và </TITLE>

+ Phần thân: Là nơi bạn nhận vào các văn bản sẽ xuất hiện trên trang WEB lẫn các thẻ khác qui định dáng vẻ của trang Đề xác định phần thân, bạn đặt các thẻ

<BODY> và </ BODY> sau phần đầu( dưới</ HEAD>)

Các thẻ sau đây xác định cấu truc cơ bản của mọi trang Web <HTML>

<HEAD>

<TITLE>ten trang</TITLE> </HEAD>

<BODY> Van ban va cac the cua trang WEB</BODY> </HTML>

2.4.2 Van ban va cac doan

Bồ sung văn bản của trang WEB bằng cách đánh nĩ bằng giữa các thẻ< BODY> va </BODY> Tuy nhién, cần nhớ rằng khơng thẻ bắt đầu 1 đoạn văn bản

mới mà chỉ ấn phím ENTER, bạn phải dùng thé dé báo cho BROWSER biết rằng bạn

muốn chuyền và một đoạn văn mới : <HTML>

<HEAD>

<TITLE> My home sweet home page</TITLE> </HEAD>

<BODY> Van ban nay se xuat hien trong phan than cua trang WEB <P> Van ban nay se xuat hien trong | doan van ban moi

</BODY> </HTML>

Bồ sung định dạng và các tiêu đề:

HTML bao gồm nhiều thẻ làm đẹp cho văn bản trong trang.Bạn đã thấy ở

trên,một từ hoặc một câu sẽ hiện thành chữ đậm như thế nào để khi đọc và thẻ <B>và </B>.Bạn cũng cĩ thê biểu hiện văn bản theo kiểu chữ nghiêng bằng cách tạo chúng

Trang 10

-9 10-

lai bang thé <I> va</I> và làm cho các từ xuất hiện ở dang cách đơn với các thẻ <TT> </TT>

2.4.3.Lam viéc với các liên kết siêu văn bản

Thẻ HTML dùng để thiết lập các liên kết siêu văn bản va <a> và </a> thẻ

<a> hơi khác với các thẻ khác bạn khơng thể dùng nĩ một mình mà phải kèm theo địa chỉ của tài liệu bạn muốn liên kết sau đây là các hoạt động của nĩ

<AHREF=”ADDREFF”>

href 1a viét tit cia HYPERTEXT REFERENCE (tham chiếu siêu văn bản)

chi can thay bằng địa chỉ thực của trang Web mà bạn muốn dùng đẻ liên kết 2.4.3.1.Chèn hình

Nếu bạn muốn Website của mình nồi bật hơn,bạn phải theo xu hướng đồ hoạ với các hình ảnh được chọn kĩ lưỡng nhờ bổ xung thé <IMG> vao tài liệu ,nĩ sẽ ra lệnh “chèn một hình ảnh vào đây”.Thẻ này xác định tên của tập tin đồ hoạ để trình duyệt cĩ thể mở tập tin đĩ và hiền thị các hình

<IMG> src=”filcname”

ở đây src là viết tắt của SOURCE(nguồn) về tên của tập tin:gõ cả tên đường dẫn đến tập tin đồ hoạ mà bạn muốn hiền thị ( dùng dạng GIF hoặc JPG)

2.4.3.2.Nhập văn bán cho phần thân của trang web

Phan thân của tắt cả các tài liệu HTML được định nghĩa bang Container tag <body>.Nĩ gồm một tag <body> la noi thong tin bắt đầu;và tag </body>là nơi kết thúc dữ liệu

2.5.Định dạng văn bản 2.5.1.Các kiểu định dạng vật lý

Trong các trình soạn thảo văn bản , khi nêu bật phần nào chúng ta hay cho

đậm „nghiêng hay gạch đưới định dạng trực tiếp như thế gọi là định dạng vật lý

Đề định dạng cho tài liệu bạn làm theo những bước sau:

1.Nhập văn bản *Tài liệu HTML của bạn

2.Đặt con trỏ tại vị trí bắt đầu của phần chữ bạn muốn định dang.G6 tag mở của kiểu định dạng mà bạn muốn áp dụng cho phần này

3.Di chuyên con trỏ đến phần cuối mà bạn muốn định dạng

4.Nhập tag đĩng cho kiểu định dạng mà bạn áp dụng cho phần văn bản này

2.5.2.Các kiểu định dạng logic

Định dạng kiểu logic một kiêu định dạng đưa ra bởi trình duyệt web.Mặc

dù hầu hết các trình duyệt web giúp bạn hiền thị các đoạn văn bản,bạn cĩ thể làm

khác như tạo khoảng trống dịng trống giữa các đoạn và Container kế tiếp khác, các đoạn cĩ thể làm bằng những cách khác

2.5.3 Các kiểu định dạng tiêu đề, đường kẻ đoạn văn

Thêm các tiêu đề,tag tiêu đề là Container tag,va chúng giống như các tag đoạn văn.Các tiêu đề cĩ 6 mốc,từ mức 1-6 cho phép bạn tạo các mức khác nhau đề tổ chức tài liệu sáng trở nên

Đường kẻ ngang:tag (HR) đặt một đường mở ngang qua bề rộng của cửa số trình duyệt web tag (HR) khơng cần tag đĩng

Đường kẻ ngang:Horizotelinef chèn một dấu ngắt đoạn trước và sau đoạn thắng.Tag (HR) được thêm bắt kì nơi nào trong tài liệu

Trang 11

-10 11-

Định dạng đoạn văn:

-Nếu bạn muốn đưa thơng tin lên Web và bạn đã cĩ một tài liệu phi HTML bạn khơng muốn mắt cơng gõ lại Thay vì bạn dùng đưa thơng tin đĩ vào giữa các tag và </BRE>Container tag giữ lại định dạng của văn bản dùng font của máy chữ như font (courier)

-Van ban định dạng trước tương tự như các mã lập trình chúng phải được căn lề và định dang chinh xac.Tag <PRE> va </PRE> cho phép bạn căn chỉnh văn bản bằng cách chèn thêm khoảng trắng hay dùng dé tao bảng

2.5.4 Thêm hình anh vao trang Web a.Thém hinh anh

Thêm hình ảnh được vẽ bằng tay,chụp hình hay vẽ bằng máy tính.Chúng cũng cĩ thể là hình của văn bản, tập tin nhị phân,khác với tập tin văn ban hay dạng ASCII

Hình ảnh hỗ trợ trang web đây là một số điều nỗi bật mà hình ảnh mang lại cho bạn

-Chúng phân chia van bản thành trang,phan giúp doc dé hon -Chúng phân cách các phần nội dung khác nhau

-Chúng cung cấp nội dung khơng thẻ nhằm lẫn với đoạn văn bản khác -Chúng mang màu sắc,tính hài hước và sự sinh động

-Chúng cĩ thể nhận được sự sáng tạo của tác giả b.Tag (IMG)

Khi bạn mụốn chèn một tập tin hình ảnh lên trang web,bạn thật sự cần tới URL URL chỉ định vị trí của tập tin ảnh này lên Internet,nĩ cũng cĩ thể nằm trên cùng một máy với tài liệu HTML của bạn,hay nĩ nằm trên 1 máy nào khác trên Internet

Để thêm | anh inline vào trang web của bạn,dùng tag (IMG).Đây là một empty tag cĩ hành vi như là giữ một vùng trống trong văn bản của bạn, vùng này là

nơi để trình duyệt đặt ảnh

c.Căn chỉnh phần chữ và hình ánh:

Trên vùng hiển thị,trình duyệt web khơng làm được gì hơn là giúp phần chữ và phần hình ảnh chia sẻ khơng gian trên trang web trình duyệt xem các ảnh inline như một kí tự trong một dịng của văn bản

Tag (IMG) cĩ một cấu trúc gọi là align.Align quýêt định các hình ảnh vào văn bản thích hợp với nhau như thé nao trên một trang web.Cụ thé hon align điều

khiển như thế nào đĩ dé văn ban duoc đặt trên cùng một địng với một ảnh,chính địng

văn bản này nằm bên cạnh của ảnh d.Chiều rộng và cao của ảnh:

Hai thuộc tính của (IMG) đĩ là Width và Height.Chúng đựoc thiết kế để giúp

cho website hiển thị nhanh hơn

Width và Height giúp giải quyết một trong những vấn đề của web.Khi độc giả nhấp vào một liên kết các trang web của bạn.trình duyệt của bạn cần phải chờ cho đến khi tất cả các hình ảnh inline được nhập trước khi nap đầy phần chữ chung quanh chúng.Các thuộc tính Width và Height làm giảm bớt thời gian chờ này

Bằng cách gửi tới trình duyệt kích thước của hình ảnh trong trang web,nĩ cĩ thé bĩ trí văn bản trước khi khởi động đề nhận ảnh.Nếu bạn là độc giả và muốn

Trang 12

-ll 12-

nhập vào văn bản liên kết trước khi nạp hồn tồn tất cá các hình thì tính năng này rat cần thiết

2.5.5 liên kết và URL

a Hoạt động của các liên kết:

Trên web, các siêu liên kết là nền tảng của tất cả các hoạt động và thao tác Khi nhấp lên một liên kết trang web Thường nĩ chuyển mạng tới các tài nguyên cĩ liên quan Đơi khi nhảy đến một trang web mới, đơi khi nĩ cũng là một dịch vụ của Internet, như một thơng điệp Email hay một nhĩm thảo luận USENET

Ban dung mot tag dac biét, tag Anchor để tạo một siêu liên kết Anchor cĩ một thuộc tinh HREF, ding đề báo cho trình duyệt web URL nơi nào đang được tham

khảo bởi siêu liên kết Vì thế, để tạo một siêu liên kết, trước nhất bạn phải xác định

URL của trang đích hay tài nguyên cần truy cập b UNIFORM RESOURCE LOCATOR:

Mỗi siêu liên kết chứa một URL ( địa chỉ tài nguyên thống nhát) URL là địa

chỉ của trang web xuất hiện trong phần LOCATION hay URL Box ở gần đỉnh của trình duyệt khi bạn lướt trang web Nĩ cũng là địa chỉ để hiện thị dưới thanh trạng thái

của trình duyêt khi bạn di chuyển chuột qua các siêu liên kết

URL gồm 2 phần chính: giao thức ( Protocol) và đích truy cập (Target), mac dù chúng cĩ rất nhiều tên gọi khác nhau

+ Giao thức cho phép bạn đặc tả loại dịch vụ Internet bạn cần

+ Đích truy cập cĩ thể là tên tập tin, tên một thư mục, hay tên một máy tính

c Các liên kết:

Hầu hết các mối liên kết siêu văn bản được thêm vào đẻ liên kết các tài liệu

HTML dùng Anchor <A></A>.Anchor bao gồm một văn bản mơ tả những nơi mà nĩ liên kết tới Ban thân URL phải ở trong ngoặc kép và chùng cĩ thuộc tinh HREF

- Liên kết trong cùng một trang: Nếu bạn muốn liên kết trên cùng một trang, dùng một ký tự # hay một tên Anchor, mã HTML sẽ giống như sau:

<A HREF = “ # PHONE”> phone number listing </A>

- tag <BASE>: Bạn đã học về các URL tương đối, nĩ sử dụng kết quả của

các siêu liên kết hiện hành Nhưng bạn cần những gì khi tạo các URL tương đối đẻ

liên kết đến một vài địa chỉ khác Đĩ là tag <BASE>

2.5.6 Thêm các siêu liên kết

a Các siêu liên kết Internet:

Liên kết Internet địa chỉ Email: Đưa một liên kết Email vào tài liệu HTML thì

quá đễ Bạn chỉ cần một địa chỉ Email hợp lệ, Địa chỉ này được tạo bởi 4 phần

username, dấu (@, tên máy chủ, và tên domain Ví dụ: TSTAUFERER@AUL.com

Sau khi bạn đã cĩ địa chỉ Email hợp lệ, bạ đưa mailto vào trước địa chỉ Email:

Ví dụ: < A HREE = “ Mailto: TSTAUFFRER@AUL.com “> send me mail!

</A>

b Tạo liên kết đến một FTP site:

FTP ( FILE transfer protocol ) thường được dùng đề sao chép tệp tin giữa các máy tính với nhau Những người sử dụng FTP truy cập vào một máy tính từ xa, thường với tư cách là anonymous ( tài khoản nặc danh ) và cĩ thê lầy mọi thứ mà họ cân

Trang 13

-12 13-

Ban chi can dua vao lién két dén FTP site, đây là một địa chỉ Internet đến

m6t may FTP server Chang hạn đề liên kết đến một FTP site hợp lệ như FTP

Microsoft.com, bạn gõ dịng lệnh như sau:

< A HREE = “= “> Microsoft’s FTP site </A> c Gopher server:

Trước khi web phát triển rộng rãi như ngày nay, một trong những cách thơng dụng nhất đê lưu trữ và truy cập thơng tin là thơng qua các site Gopher Gopher don giản là một tâph hợp các menu dạng văn bản đon giản, dùng lưu trữ thơng tin ở dạng cây thứ bậc

Gopher rất giống với wedb nhưng nĩ khơng cĩ tính năng về Multimedia, như đồ hoạ, âm thanh Bạn cĩ thẻ kết hợp với một liên kết tới site Gopher trên trang web của bạn bằng cách đơn gắn là thêm một Anchor báo luơn địa chỉ của máy tính đĩ va đưa giao thức Gopher như sau:

<A HREF = “ gopher :// MARVEL.LOC.GOV “> the library of congress >

</A>

d Liên kết với các newgroup

Bạn cĩ thể muốn cho mọi người tham gia vào một nhĩm tin nếu trang chủ của bạn cĩ liên kết đặc biệt đến nhĩm hoặc nếu nghĩ rằng người sử dụng cĩ nhiều câu

hỏi cần trả lời, bạn cĩ thể tạo liên kết đến một nhĩm tín cĩ liên quan với hi vọng sẽ

giảm bĩt số lượng Email mà bạn nhận được

Để đặt một liên kết vào một nhĩm tin, Đơn giản chỉ nhập News theo sau là

tên của nhĩm tin trong Anchor 2.5.7 Tạo danh sách

a Sử dụng các danh sách trong HTML:

Tag danh sách (list type) cũng như các tag đoạn văn và văn bản định dạng trước, cĩ thê chứa các container tag # hay các empty tag Cac danh sách này được dùng để trình bày các mục thơng tin dé doc hon, vi vậy nĩ được áp dụng cho các nhĩm đoạn văn, và cho phép các tag định dạng riêng biệt

Hầu hết các danh sách HTML cĩ dạng như sau: < list type >

<LI> Fist item in List <LE> second item in List <LI> third item in list </list type>

Mỗi phần tử xuất hiện trên một dịng của chính nĩ và trong danh sách các tag

khác (LI) tự nĩ cĩ nhiệm vụ chèn vào một BULLET (chấm trịn ) Hay các con số tương ứng, tuỳ thuộc vào loại của danh sách đã được định nghĩa Nĩ cũng cĩ thê cho bạn chèn một ký tự khác

b Danh sách cĩ thứ tự và khơng cĩ thứ tự

Cĩ hai loại danh sách là: Danh sách đựoc đánh số và danh sách được đánh dau trịn, đặc biệt khi chúng ta nĩi về cách dùng của chúng trong HTML Để là danh

sách đánh số thì dùng tag <OL> và danh sách đánh dấu trịn thì tag là <UL>

c Danh sách thư mục và danh sách menu

Để tạo một danh sách thư mục hay đanh sách menu, chúng ta dùng các container tag, <DIR> hay <MENƯP Trong hai danh sách thì danh sách Thư mục

Trang 14

-13 14-

thơng dung hon và hữu ích hon Hầu hết các trình duyệt hiện nay đưa ra lệnh menu

khơng nhất quán

d Danh sách định nghĩa:

Tag cuối cùng là của danh sách định nghĩa, tà này cho phép cĩ 2 mức trong

một phan tir, phan đầu là một thuật ngữ cần định nghĩa và phần sau là lời diễn giải

thuật ngữ đĩ

Những tag cho danh sách này gồm container tag < DL> và 2 empty tag là

<DT> va <DD> Tag (DT) được thiết kế đúng theo ý tưởng là cĩ định trên một dịng

trên trang web của bạn, mặc dù nĩ cĩ thê trồng luơn dong kế tiếp nếu cần thiết Tag <DD> cĩ thể chấp nhận như một đoạn văn

2.5.8 Định dạng bảng cơ sở a Tạo bảng:

Bảng rất giống các tag danh sách bạn phải dùng container tag để chứa một nhĩm các tag khác nhau đề định nghĩa cho mỗi hàng riêng rẽ

Các bảng cĩ dạng như sau: <TABLE>

<CAPTION> caption text for table </ CAPTION>

<TR><TH> column! </TH><TH> column2 </TH><TH> column3 </TH> <TR><TD> rowl datal</TD><TD> rowl data2</TD><TD> rowl data3 </TD>

<TR><TD> row2datal</TD><TD> row2data2</TD><TD> row2data3 </TD>

</TABLE>

b.Tag<TABLE>:

Tag <TABLE>được thiết kế để chứa tất cả các thành phần cần thiết đẻ tạo 1 bang, gitta các tag <TABLE>và </TABLE>,dùng <TR> và </TR> dé tao hang, sau đĩ tạo cột bằng tag<TD> và </TD>

c.Taọ tựu đề cho bảng:

Tag <CAPTION> cho phép bạn lồng các tag HTML khác trong phần mơ tả.Tag<CAPTION>cĩ thuộc tính là Align.Hỗ trợ thêm align=top va

align=Bottom.Mặc định văn bản cũng được canh giữ Top và Bơttm áp dụng cho tồn

bộ bảng,và tựa đề mặc định ở trên đầu của bảng,

Tag<CAPTION>thường là tag đầu tiên bên trong tag <TABLE>bat ké ban đặt

tag <CAPTION> ở đâu ,nêu bạn muốn tựa dé nam ở dưới bảng bạn phải dùng ALIGN=BOTTOM nếu khơng,nĩ sẽ hiền thị trên đầu bảng

2.5.9.Các thuộc tính cao cấp của bảng

+Align:thuộc tính này được dùng dé xác định vị trí xuất hiện của bảng so với cửa số BROWSER.Align cĩ giá trị là Left và Right.Khi thuộc tính Align=left và Align=Right được dùng thì văn bản sẽ bao hết tồn bộ bảng

+Width:Thuộc tính này dùng thiết lập độ rộng tương đối hay tuyệt đối của bảng trong cửa số BROWSER Những giá trị này cĩ thể là các tỷ lệ phần trăm,như Width=50% hay các giá trị tuyệt đối

+COLS:Thuộc tính này định nghĩa độ rộng của đường viền bao xung quanh bảng,giá trị mặc định 1a 1 pixel

Trang 15

-14 15-

+ CELLSPACING: thuộc tính này báo cho trình web biết đặt bao nhiêu khoảng trắng vào giữa các vạch của bảng và giữa CELLS

+ CELLPADDING : thuộc tính này báo cho trình duyệt web biết đặt dữ liệu các vạch của cells bao nhiêu

2.5.10 mầu nền

Tơ mầu cho những cell trong bảng là một ý hay Bạn cĩ thê sử dụng những hàng cĩ mã quy ước hoặc những cell đặc biệt đề làm chúng nỗi bật lên

Thuộc tính BGCOLORcho phép thiết lập bằng tên mau trong các tag <TABLE>,<TR> và <TD>

2.6.NHAN XET VE UU DIEM, NHUQC DIEM CUA HTML

Chương này đã tìm hiểu một cách căn ban vé HTML, cdc tag cơ bản cũng như cấu trúc của một văn bản HTML.Qua đây cĩ xự đánh giá như sau:

Ưu điểm :

- Dễ hiểu ,dé hoc ,dé sit dung

- Khơng phụ thuộc vào các hệ điều hành - Giảm thơng lượng đường truyền

- Liên kết nhiều dạng thơng tin và các dịch vụ thơng tin khác nhau trên internet

Nhược điểm:

- Do HTML la ngơn ngữ thơng dụng nen sẽ giảm tốc độ thực hiện của các ứng dụng trên web

- Khĩ đảm bảo về đọ an tồn và bảo mật

- Khơng hỗ trợ đa ngơn ngữ

Chương II:

Cơ sở dữ liệu và cách truy xuất cơ sớ dữ liêu

3.1 Khái niệm

Cơ sở dữ liệu là một lĩnh vực rất quan trọng của cơng nghệ thơng tin mà nếu

thiếu nĩ nhiều vấn đề đặt ra sẽ khĩ giải quyết được Cơ sở dữ liệu được định nghĩa là

kho thơng tin về một chủ dé,duge tổ chức hợp lý dé dễ dngf quản lý và truy tìm Bat kỳ kho thơng tin nào đáp được yêu cầu này đều cĩ thê được coi là 1 cơ sở đữ liệu

3.1.1 Quản trị cơ sở dữ liệu là gì?

Chương trình quản trị cơ sở dữ liệu là I chương trình ứng dụng trên máy tính các cơng cụ đề truy tìm ,sủa chữa xố và chèn thêm dữ liệu các chương trình này cũng cĩ thể thành lập I cơ sở dữ liệu và tạo ra các báo cáo „thống kê.Các chương trình quản cơ sở dữ liệu liên quan khá thơng dụng hiện nay tại VN là foxfro,áccess cho ứng dụng nhỏ ,DBL,MSSQL và ORACLEcho ứng dụng vừa và lớn

Quản trị cơ sở dữ liệu quan hệ là 1 cách quản lý cơ sở đữ liệu được lưu trữ trong các bảng dữ liệu hai chiều gồm các cột và các hàng,cĩ thể liên quan đến nhau nếu các bản đĩ cĩ I cột hoặc 1 trường chung nhau

Hệ quản trị cơ sở dữ liệu là I quá trình sử lý xoay quanh các vấn đề sau: +Lưu trữ dữ liệu

+Truy nhập dữ liệu

Trang 16

-15 16-

+Bao dam tinh toan ven cua dữ liệu

Ba vấn đề chính ở n trên cĩ mối quan hệ mật thiết phụ thuộc vào nhau Mơ hình cơ sở dữ liệu quan hệ (Relatioship Database Management System- RDMS)được xây dựng làm đơn giản hố quá trình lưu và đọc đữ liệu RDMS cung cấp khả năng giao tiếp tốt với dữ liệu và giúp người lập trình tự do trong lĩnh vực quản lý truy cập co sở dữ liệu Sau đây là các bước xây dựng cơ sở dữ liệu theo mơ hình cơ sở đữ liệu quan hệ :

+Tổ chức dữ liệu theo nhĩm logic (table) +Xác định các mối quan hệ giữa các table

+Tạo tập tin cơ sở dữ liệu và định nghĩa cau trúc của các table trong cơ sở dữ liệu

+Lưu đữ liệu

hai bước đầu là bước thiết kế cơ sở dữ liệu và đây là hai bước cực kỳ quan

trọng ,Nếu đuộc thiết kế tốt các khía cạnh khác sẽ được giải quyết dé dang hon , ngược lại việc khai thác cơ sở dữ liệu sẽ khơng hiệu quả và chương trình sẽ cĩ những lỗi khĩ phát hiện

Cấc bước chính khi tiến hành thiết kế 1 cơ sở dữ liệu: eXác định dữ liệu cần trong ứng dụng

eXác định nguồn gốc dữ liệu

eTổ chức dữ liệu thành các nhĩm logic

eTiêu chuẩn hố đữ liệu và các mối quan hệ giữa chúng eXác định cách sử dụng các bang

3.1.2.ODBC(Open Database Connectivity)

Trong mỗi hệ thống thơng tin cách lưu trữ dữliệu rất riêng biệt thay đồi từ các

file đơn giản đến cơ sở dữ liệu cĩ quan hệ và cấu trúc Yêu cầu đặt ra là phải tích hợp các hệ thống lưu trữ trong mơi trường mới nhưng tích hợp như thế nào và phương thức truy nhập như thế nào ?

Mcrosoft da giai quyết vấn đề đĩ bằng chuẩn Open Database Connectyvity.( ODBCO).Phát triển ODBC,microsoft muốn cung cấp 1 giao diện lập trình của các img dung (Application Programming Interface-API)duy nhất cĩ thể dùng đề truy nhập dữ liệu trên nhiều hệ quản lý cơ sở dữ liệu khác nhau ODBC cĩ hai ưu điểm tận dụng được là

+ODBC cung cấp | giao diện duy nhất đề truy cập đến nhiều cơ sở dữ liệu khác nhau ,nhờ đĩ giảm bớt thời gian nghiên cứu cơ sở dữ liệu mới cho các nhà lập trình

+ODBC cho phép phát triển ứng dụng Client độc lập với Server 3.1.3 cấu trúc của ODBC :

cấu trúc của ODBC gồm 4 thành phần chính sau

Trang 17

17- Driver Data source

+application (ứng dụng ): là giao diện người sử dụng làm việc với cơ sở dữ liệu chúng sử dụng APIvới ODBC đề xây dựng mối liên kết đến cơ sở đữ liệu và ứng

dụng các câu lệnh SQL dé điều khiển dữ liệu

+ Driver Manager(trinh quản lý điều khiển ) là trung gian giữa ứng dụng và trình điều khiển xác định đến cần đến truy cập từng loại cơ sở dữ liệu Chúng ta hiểu

rằng ứng dụng khơng địi hỏi mối liên kết đến trình điều khiển ,thay vì đĩ nĩ địi hỏi

truy cạp đến 1 thứ hợp ly hơn gọi là đata Source Trình điều khiển kết nối nĩ với I

trình điều khiên vật lý và cơ sở dữ liệu

+ Driver (trính điều khiển) : trình thực sự bổ sung ODBC API cho mot hé thống quủan lý cơ sở đữ liệu đặc biệt nĩ Xây dựng mối lien hệ đến Server chịu sự điều khiền của các query SQL và trả về tập kết quả hay thơng báo lỗi cho ứng dụng

+Data souce (dữ liệu): là thành ngữ được microsoft sử dụng đề mơ tả sự liên kết của hệ quản trị cơ sở dữ liệu Hệ điều hành từ xa và mạng được yêu cầu để truy nhập cơ sở dữ liệu riêng nào đĩ

3.1.4 Cấp độ tương thích:

Chuan ODBC khơng cung cấp một chuẩn duy nhất cho cá trình điều khiénnd phân các trình điều khiển tương thích thành 2 loại:

+ Hỗ trợ cho ODBC API

+ Hỗ trợ cho SQL

3.1.5 Cấu hình ODBC

ODBC được bồ sung như là một chuỗi các file cĩ thê thi hành đươc các thư viện liên kết động và các file cĩ cấu hinh INI như sau:

+ ODBC Adminitratos : đay là chương trình thuộc nhĩm control panel cho phép chúng ta cài dặt các trình diéu khién ODBC

+Drive Manager : trinh quản lý điều khiển chịu trách nhiệm kết nối Data sourc

đến các trình điều khiển ODBC

+ Drive: các trình điều khiển tự chúng bao gồm 1 hay nhiều thư viện liên kết động cũng như hỗ trợ các file Ini, trước khi truy cập l cơ sở dữ liệu thơng qua ODBC chúng ta phải định nghĩa Data Source để cho ODBC xây dựng mối liên kết cho đúng khi yêu cầu Cĩ thể sử dụng 1 trong 2cách sau:

- Tên Data Source -Tên cơ sở dữ liệu

-Mơ tả về cơ sở đữ liệu cĩ thể cĩ hoặc khơng

Khi xuất cơ sở đữ liệu bằng ASP_ chúng ta sẽ sử dụng phương pháp thứ nhất tưc là sử dung ODBC Administrato đề định nghĩa 1 Data Source

3.2 Kết thúc chương:

Trang 18

-17 18-

Đồ án này khơng đi sâu vào chuẩn hố đữ liệu ma chủ yéu là đi sâu vao vấn đề khai thác cơ sở dữ liệu phục vụ cho các mục đích truy vẫn của ngươid sử dụng Tuy vậy vẫn cần phải nĩi về cơ sở dữ liệu vì việc thiết kế trang Wed bao gồm cả bước nhập dữ liệu vào đề lưu dữ liệu trong các bảng và từ đĩ ta cĩ thể thực hiện truy vấn,

do đĩ người thiết kế Wed phải hiểu được khái niệm về cơ sở dữ liệu đẻ từ đĩ xem xét

các quan hệ của các trang Wed trong Wedsite xây dựng biểu đồ phân cắp chức năng cũng như biểu đồ luồng dữ liệu cho Wedsite

Trang 19

-18 19-

Phần II

XÂY DỰNG CHƯƠNG TRÌNH ỨNG DỤNG THIÉT KÉ TRANG WEB SITE Sắc màu cuộc sơng

Chương I

GIỚI THIỆU ĐÈ TÀI

U/ mục đích đề tài :

Thế giới và đất nước ta đang bước vào thế ki XXI Một thế kỉ của nền khoa học CNTT vượt bậc, và với vịng xoay của nền kinh tế phát triển nhanh chĩng đã đưa con người phải chạy theo vịng xoay đĩ

Đất nước ta hiện nay nền kinh tế phat triển mạnh khiến cho con người luơn bận bịu ,luơn căng thắng, mệt mỏi trong cơng việc, trong cuộc sống và Trong mọi lĩnh Vực

Trang WEB Sắc màu cuộc sống

của chúng tơi nhằm giúp cho mọi người giảm bớt áp lực của cuộc sống.” hdy tin hưởng những giây phút êm ái của những bản nhạc và hồ mình vào phong

sắc thiên nhiên “.đĩ là lời thơng điệp của Sắc màu cuộc sống

Với thời đại thơng tin phát triển như vũ bão hiện nay , khái niệm về INTERNET khơng cịn xa lạ với mọi người việc đưa những thơng tin về những cảnh đẹp ,những bài hát ,những sắc màu của cuộc sống trong thiên nhiên lên mạng đang trở nên một nhu cầu cần thiết cho mọi người với những nhu cầu cần thiết đĩ việc tạo ra những trang web với những điều lí thú , những nhịp sống hối hả sẽ giúp con người thư giãn

Nội dung phần này sẽ giới thiệu khai quát về WEB SITE Sắc màu cuộc

sống là một hệ thống thể hiện giải trí và thư giãn trên web

Trang 20

-19-II/SO DO QUAN HE CUA CAC TRANG WEB: -20-

Personal acdemic travel music

Trang chủ

coolinks thơ email

Trang 21

-20 21-

HIU/Chức năng của từng trang : *Trang Personal:

Giới thiệu những người bạn và người thân của sắc màu cuộc sơng *Trang ACDEMIC:

Địa chỉ những người bạn đã và đang học tập

*Trang MUSIC: „ „ „

Giới thiệu những giai điệu mang tính chât đậm đà của bản sắc Việt Nam và thê giới *Trang COOLINK:

-Other links:Lịch trình chỉ tiết của những địa danh nổi tiếng của miền nam -Email:Dia chi hom thư

-Story Board:Giới thiệu những câu chuyện ngộ nghĩnh

*Trang Travel:

-Giới thiệu về những trang thơng tin,tin tức vê cơng nghệ thơng tin

*Trang Danh ngơn: „

Giới thiệu những câu danh ngơn trong cuộc sơng của các bạn sinh viên

*Trang Thơ: ` cĩ „ -

Giới thiệu những dịng thơ đăm thăm đây trữ tình tha thiệt ,hồ lân những lời chia tay nghẹn ngào

*Trang Email:

Kết nơi với các bạn bè năm châu

Trang 22

-21 22-

Trang 23

-22 23-

Trang 24

-23 24-

Trang 25

-24 25-

Trang 26

-25 26 -25

Trang 27

-26 27-

Trang 28

-27 28 -27

Trang 29

29-

Trang 30

30-

Trang 31

-30 31-

Trang 32

-31 32-

Trang 33

-32 33-

Chương II :

MÃ NGUỊN

L/ Mã nguồn trang chủ

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

</frameset> </frameset> </frameset> </frameset> <noframes><body> </body></noframes> </fameset></html>

II/ Mã nguồn trang PERSONAL

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<head>

<title>:: Personal - Lan Hoa ::</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

Trang 34

-33 34-

if (showMilitaryTime() || (theHour > 0 && theHour < 13)) { if (theHour == "0") theHour = 12; return (theHour); } if (the Hour == 0) { return (12); return (theHour-12); } function showZeroFilled(inValue) { if (inValue > 9) { return "" + inValue; } return "0" + inValue; } function showAmPm() { if (showMilitaryTime()) { return (""); } if (now.getHours() < 12) { return ("am"); } return ("pm"); } function showTheTime() { now = new Date

Trang 35

-34 35- document.form.showTime.value = showTheHours(now.getHours()) + ":" + showZeroFilled(now.getMinutes()) + ":" + showZeroFilled(now.getSeconds()) + showAmPm() setTimeout("showTheTime()", 1000) } // End > </script> <SCRIPT SRC="mo.js"></SCRIPT> <! [if !mso]> <style> v\:* { behavior: url(#default#VML) } o\:* { behavior: url(#default#VML) } .shape { behavior: url(#default#VML) } </style>

<![endif] ><! [if gte mso 9]> <xml><o:shapedefaults v:ext="edit" spidmax="1027"/>

</xml><![endif] > </head>

<tr

<td width="132"><! [if gte vml 1]><v:shapetype id="_x0000_t106"

coordsize="2 1600,21600" o:spt="106" adj="1350,25920"

Trang 36

-35 36- <v:f eqn="sinatan2 10800 @0 @1"/> <v:feqn="sum @2 10800 0"/> <v:f eqn="sum @3 10800 0'/> <v:f eqn="sum @4 0 #0"/> <v:f eqn="sum @5 0 #1"/> <v:f eqn="mod @6 @7 0"/> <v:f eqn="prod 600 11 1"/> <v:f eqn="sum @8 0 @9"/> <v:f eqn="prod @10 1 3"/> <v:f eqn="prod 600 3 1"/> <v:f eqn="sum @11 @12 0"/> <v:f eqn="prod @13 @6 @8"/> <v:f eqn="prod @13 @7 @8"/> <v:f eqn="sum @14 #0 0"/> <v:f eqn="sum @15 #1 0"/> <v:f eqn="prod 600 8 1"/> <v:f eqn="prod @11 2 1"/> <v:f eqn="sum @18 @19 0"/> <v:f eqn="prod @20 @6 @8"/> <v:f eqn="prod @20 @7 @8"/> <v:f eqn="sum @21 #0 0"/> <v:f eqn="sum @22 #1 0"/> <v:f eqn="prod 600 2 1"/> <v:f eqn="sum #0 600 0"/> <v:f eqn="sum #0 0 600"/> <v:f eqn="sum #1 600 0"/> <v:f eqn="sum #1 0 600"/> <v:f eqn="sum @16 @25 0"/> <v:f eqn="sum @16 0 @25"/> <v:f eqn="sum @17 @25 0"/> <v:f eqn="sum @17 0 @25"/> <v:f eqn="sum @23 @12 0"/> <v:f eqn="sum @23 0 @12"/> <v:f eqn="sum @24 @12 0"/> <v:f eqn="sum @24 0 @12"/> <v:f eqn="val #0"/> <v:f eqn="val #1"/> </v:formulas>

<v:path o:extrusionok="f" o:connecttype="custom"

o:connectlocs="67,10800;10800,21577;21582,10800;10800,1235;@38,@39" textboxrect="2977,3262,17087,17337"/> <v:handles> <v:h position="#0,#I"/= </v:handles> <o:complex v:ext="view"/>

</v:shapetype><v:shape id="_x0000_s1025" type="#_x0000_t106" style='position:absolute;

left:9pt;top:249.75pt;width:73 Spt;height:57pt;z-index:1' adj="1543,26432"> <v:textbox>

Trang 37

37-

<tr>

</tr>

</table> </v:textbox>

</v:shape><![endif] ><![if !vml]><span style='mso-ignore:vglayout;position: absolute;z-index:1;left:1 1 px;top:332px;width: 1 04px;height: 101px'><img width=104 height=101 src="personal_files/image001.gif"

alt="Cloud Callout: Home
"

v:shapes="_x0000_s1025"></span><![endif]><img width="132" height="550" src="images/psonal_1.jpg" usemap="#Map1" border="0"></td>

<tr>

<tr>

<tr>

</font> <input type=radio name=showMilitary><font size="2">12 Hour </font>

Trang 38

-37 38- </table> </td> </tr> </table> </td> </tr> </table> <p> </p> <p> <MARQUEE onmouseover=this.scrollAmount=0

onmouseout=this.scrollAmount=3 scrollAmount=3 direction=left width=372 height=175>

<tr>

<a href="#" onclick="window.open('personal/pages/001.htm','_blank', "height=540,width=750, left=0, top=0,

toolbar=no,menubar=no,scrollbars=yes,resizable=no,location=no,directories=no,statu s=no')">

<a href="#" onclick="window.open(personal/pages/002.htm',' blank', "height=540,width=750, left=0, top=0,

<a href="#" onclick="window.open(personal/pages/003.htm',' blank', "height=540,width=750, left=0, top=0,

toolbar=no,menubar=no, scrollbars=yes,resizable=no, location=no,directories=no,statu s=no')">

Trang 39

39-

<a href="#" onclick="window.open('personal/pages/006.htm','_blank', ‘height=540,width=750, left=0, top=0,

<a href="#" onclick="window.open(‘personal/pages/007.htm','_blank', ‘height=540,width=750, left=0, top=0,

toolbar=no,menubar=no,scrollbars=yes,resizable=no, location=no,directories=no,statu s=no')">

Trang 40

40-

<a href="#" onclick="window.open('personal/pages/010.htm','_blank', ‘height=540, width=750, left=0, top=0,

</tr>

</table></marquee>   

<MARQUEE onmouseover=this.scrollAmount=0

onmouseout=this.scrollAmount=3 scrollAmount=2 direction=right width=428 height=172>

<tr>

<a href="#" onclick="window.open(‘personal/pages/012.htm','_blank', ‘height=540, width=750, left=0, top=0,

<a href="#" onclick="window.open(‘personal/pages/013.htm','_blank', ‘height=540,width=750, left=0, top=0,

Định dạng
Số trang	92
Dung lượng	12,46 MB