Khái niệm cơ bản ngôn ngữ HTML

70 2K 1
Khái niệm cơ bản ngôn ngữ HTML

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

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

Thông tin tài liệu

Tài liệu tham khảo công nghệ thông tin Khái niệm cơ bản ngôn ngữ HTML

Website quản lý Album âm nhạc GVHD:PGS-TS: Nguyễn Văn XuấtLỜI NÓI ĐẦUNgày nay máy tính đang đóng góp hết sức quan trọng trong cuộc sống của con người. Nó không đơn thuần chỉ là một cái máy tính, tính toán những phép tính, thực thi những nhiệm vụ cứng nhắc theo một tác vụ nào đó . Mà nó đã trở thành một công cụ để con người thể vừa làm việc vừa giải trí. Một trong những công cụ mà thể khiến con người vừa làm việc vừa giải trí đó là việc phát triển xây dựng các Website, internet và trang web không còn là khái niêm xa lạ nữa, mọi lứa tuổi đều biết internet, nó con là công cụ không thể thiếu được đối với mọi người và một số ngành nghề .Trang web khác với hồ sơ khác theo cách thức chúng được thiết kế để thể hiểu được bởi trình duyệt. Microsoft Internet Explorer(IE) và Netscape Navigator hiểu được các phần tử văn bản, đồ hoạ thậm trí các phần tử tương tác, như các From nhập, âm thanh, video và cho phép mọi người thể truy cập chúng từ website. Internet đã dần được biết đến với tên gọi World, Wide, Web và vị trí của mạng được gọi là Website. thể nói trang web là một công cụ không thể thiếu được trong các lĩnh vực như: Âm nhạc, du lịch, văn hoá . Ngày nay âm nhạc là một nhu cầu không thể thiếu trong đời sống của mọi người. Chính vì vậy trang web ca nhạc nay giúp cho mọi người giải trí sau những phút làm việc mệt mỏi và thêm yêu âm nhạc hơn.Do con nhiều vấn đề nhiều yếu tố và các nguyên nhân khách quan cũng như chủ quan mà bài tập tốt nghiệp còn hạn chế và thiếu sót. Tuy nhiên em đã thực sự cố gắng hết mình thực hiện tốt những vấn đề trong bài phân tích, thiết kế và xây dựng trang web nên phần nào cũng thể nói là đã hoàn thành được mục tiêu mà khoá luận đã đặt ra.1Sinh viên thực hiện : Nguyễn Đăng Thành1 Website quản lý Album âm nhạc GVHD:PGS-TS: Nguyễn Văn XuấtCHƯƠNG I :CÁC KHÁI NIỆM BẢNNGÔN NGỮ HTML1. CÁC KHÁI NIỆM BẢN :URL: (Uniform Resource Locators) là một thuật ngữ để chỉ ra vị trí tài nguyên (resource) trên Internet.Các kết nối từ một tài liệu HTML đến một file hoặc một service khác phải được viết theo dạng sau:scheme://server [:port]/path/ dataname[#anchor].+ Scheme: Chỉ ra loại protocol mà tài nguyên sử dụng ( hay nói cách khác là kiểu dữ liệu mà URL chỉ tới).+ Server: Chỉ ra server mà trên đó chứa dữ liệu user cần.+ Port: Là điểm truy cập dịch vụ ở lớp transport chỉ ra nếu server không sử dụng port mặc nhiên.(vd port mac nhiên của Gopher Server là 70 )+ Path/dataname: Đường dẫn tương đối hoặc tuyệt đối đến file trên server.Được quy bởi quy ước đặt tên chung ( Uniform Naming Convention )+ #anchor: Chỉ ra vị trí trong một trang tài liệu HTML.+ Đây là minh họa cho các khái niệm trên:SCHEME DATA TYPE SAMPLE URLFile Data fileshttpHTML FilesGopherGopher servergorher://ttdt01/localweb***** *********** ****************- Ngoài ra qua URLs, WWW còn cho phép sử dụng các services khác như : ftp, finger, usenet, telnet, E-mail, wais… 2. NGÔN NGỮ HTML :2.1. Khái niệm:HTML( HyperText Markup Language) là ngôn ngữ định dạng văn bản siêu liên kết. Sự định dạng dựa trên các tag hoặc các đoạn mã đặc biệt để đánh dấu một văn bản, một file ảnh, hoặc một đoạn phim giúp cho Web Browser thông dịch và hiển thị chúng lên màn hình của bạn. Html những 2Sinh viên thực hiện : Nguyễn Đăng Thành2 Website quản lý Album âm nhạc GVHD:PGS-TS: Nguyễn Văn Xuấtphần mở rộng rất quan trọng cho phép những liên kết hypertext từ một tài liệu này tới một tài liệu khác (có thể là một đoạn text, cũng thể là một file ảnh )2.2. Cấu trúc bản của một file HTML như sau:< HTML><HEAD><TITLE></TITLE></HEAD><BODY><H1>Đây là một đầu đề</H1> . </BODY> </HTML>Theo cấu trúc đã trình bày như trên ta thấy một file HTML chia thành hai phần bản:- Phần đầu : được bao bởi hai tag <head> ,</head> : tại đây định nghĩa tên (hay được gọi là tiêu đề ) của trang web. Phần này được hiển thị trên thanh tiêu đề của trang web được khai báo giữa hai tag <title> </title>- Phần thân : được baobởi hai tag <body> , </body>: Trình bày nội dung thể hiện trên trang web. Các nội dung cần hiển thị hoặc xử lý trên trang web sẽ được định nghĩa trong phần body của file HTML.Để cho các trang web được sinh động hơn ngôn ngữ HTML còn bao gồm rất nhiều tag dùng cho việc định trang, liên kết các trang với nhau, thêm hình ảnh vào trang . (Các tag này sẽ được định nghĩa trong phụ lục A).2.3. PHẦN MỀM MICROSOFT FRONTPAGE:Giới thiệu: Microsoft Fontpage là một phần mềm cho phép việc tạo và quản lý các trang Web. Microsoft Fontpage thật sự là một phần mềm mạnh,tiện ích với nhiều tính năng, Microsoft Fontpage dễ sử dụng phù hợp với mọi đối tượng, tùy theo khả năng của người thiết kế và yêu cầu của ứng dụng mà ta thể tạo ra những trang web từ đơn giản đến phức tạp. FrontPage bao gồm hai thành phần : Fontpage Explorer & Fontpage Editor.Fontpage Explorer : Tương tự như Explorer của Windows 95 , cho phép người thiết kế cái nhìn tổng quát về các trang Web đã tạo,mô hình liên kết giữa các trang với nhau,được thể hiện dưới dạng công cụ đồ họa. Và ở đây ta thể quyết định tạo trang Web của mình như thế nào, sắp xếp các 3Sinh viên thực hiện : Nguyễn Đăng Thành3 Website quản lý Album âm nhạc GVHD:PGS-TS: Nguyễn Văn Xuấtbiểu tượng theo những trật tự khác nhau sao cho trang Web của mình cho thích hợp.Fontpage Editor: Đây là nơi mà bạn sẽ dùng để soạn thảo trang web cho ứng dụng của bạn. Microsoft Frontpage giao diện tương tự như MicrosoftWord, ngoài những chức năng thông thường của một phần mềm soạn thảo Frontpage còn cho phép người sử dụng thể tạo các frame khác nhau trên màn hình hoặc tích hợp những phần tử như Active Elements (video,seach form ), Database, Form Fiedl, Java Applet, Activex Control, script… vào trang web của mình.Bên cạnh đó bạn thể xem, và thêm một đoạn chương trình vào source html với các chức năng cần xử lý trong trang web của bạn.Mô hình của Front Page Explore4Sinh viên thực hiện : Nguyễn Đăng Thành4 Website quản lý Album âm nhạc GVHD:PGS-TS: Nguyễn Văn XuấtMô hình của Front Page Editor5Sinh viên thực hiện : Nguyễn Đăng Thành5 Website quản lý Album âm nhạc GVHD:PGS-TS: Nguyễn Văn XuấtCHƯƠNG II:ACTIVE SERVER PAGES VÀ NGÔN NGỮ LẬP TRÌNH TRÊN ASP1. GIỚI THIỆU VỀ ACTIVE SERVER PAGES :1.1. Active sever pages là gì :Microsoft Active Server Pages là một môi trường hỗ trợ cho các script chạy trên server (Server-Side Scripting), cho phép ta dùng để tạo ra và chạy các các ứng dụng Web server động. ASP hoạt động dựa vào các script do người lập trình tạo ra. Active Server Pages chạy trên các môi trường sau đây:- Microsoft Internet Information Server version 3.0 trên Window NT Server.- Microsoft Peer Web Services version 3.0 trên Window NT Workstation.- Microsoft Personal Web Server trên Windows 95.1.2. Mô hình hoạt động của Active Server Page :Mô Hình Tổng Quát Hoạt Động Của Asp 1.3. Cách hoạt động của ASP :Các script của ASP được chứa trong các text file cótên mở rộng là .asp . Trong script chứa các lệnh của một ngôn ngữ script nào đó. Khi một Web browser gửi request tới một file .asp thì script chứa trong file sẽ được chạy để trả kết quả về cho browser đó. Khi Web server nhận được request tới một file .asp thì nó sẽ đọc từ đầu tới cuối file .asp đó, thực hiện các lệnh script trong đó và trả kết quả về cho Web brower dưới dạng của một trang Html.6Sinh viên thực hiện : Nguyễn Đăng Thành6 Website quản lý Album âm nhạc GVHD:PGS-TS: Nguyễn Văn XuấtVBScript InterpretorCustom ComponentsInternet Information ServerISAPI ApplicationPerl Awk etc CGI ScriptCGI ApplicationActive Server Pages interface DLLsServer Side Inludes (SSI)Jscript InterpretorActive Database Compenents(ADO)Active Server ComponentsODBC DriverActive Server Pages (.asp files)DATAThe Internet Or Intranet.7Sinh viên thực hiện : Nguyễn Đăng Thành7 Website quản lý Album âm nhạc GVHD:PGS-TS: Nguyễn Văn XuấtMô Hình Chi Tiết Hoạt Động của ASP 1.4. Cấu trúc của một file ASP :Một file ASP tên mở rộng là .asp, nó bao gồm các thành phần như :- Text- HTML tags- Script Commands1.5. Các tính chất của ASP:Với ASP ta thể chèn các script thực thi được vào trực tiếp các file HTML . Khi đó việc tạo ra trang HTML và xử lý script trở nên đồng thời, điều này cho phép ta tạo ra các hoạt động của Web site một cách linh hoạt 8Sinh viên thực hiện : Nguyễn Đăng Thành8 Website quản lý Album âm nhạc GVHD:PGS-TS: Nguyễn Văn Xuấtuyển chuyển , thể chen các thành phần HTML động vào trang Web tùy vào từng trường hợp cụ thể.ASP cho ta các tính chất sau :- thể kết hợp với file HTML. - Dễ sử dụng tạo, các script dễ viết, không cần phải biên dịch (compiling) hay kết nối (linking) các chương trình được tạo ra. - Hoạt động theo hướng đối tượng, với các build-in Object rất tiện dụng : Request, Response, Server, Apllication, Session. - khả năng mở rộng các thành phần ActiveX server (ActiveX server components). Môi trường của ASP sẽ được cài đặt trên Server cùng với Web server. Một ứng dụng viết bằng ASP là một file hay nhiều file văn bản phần tên mở rộng là.Asp, các file này được đặt trong một thư mục ảo( Virtual Dirrectory) của Web Server.Các ứng dụng ASP dễ tạo vì ta dùng các ASP script để viết các ứng dụng. Khi tạo các script của ASP ta thể dùng bất kỳ một ngôn ngữ script nào , chỉ cần scripting engine tương ứng của ngôn ngữ đó mà thôi. ASP cung cấp sẵn cho ta hai scripting engine là Visual Basic Script(VBScript) và Java Script (Jscript). Ngoài ra ASP còn cung cấp sẵn các ActiveX Component rất hữu dụng, ta thể dùng chúng để thực hiện các công việc phức tạp như truy xuất sở dữ liệu, truy xuất file, . . . Không những thế mà ta còn thể tự mình tạo ra các component của riêng mình và thêm vào để sử dụng trong ASP.ASP tạo ra các trang HTML thương thích với các Web browser chuẩn.2. NGÔN NGỮ LẬP TRÌNH SỬ DỤNG VỚI ASP:2.1. Các Script Commands của ASP:Mỗi script của ASP được chứa trong một file .asp . Mỗi file của ASP thể coi như một file HTML chen vào các lệnh của một ngôn ngữ script nào đó. Thực ra nó là một file text nhưng trong các text đó những vùng mà khi Web server đọc tới thì nó hiểu đó là những vùng script chứa các lệnh của một ngôn ngữ script nào đó , Web server sẽ gọi tới các script engine để thực thi các lệnh script trong đó.9Sinh viên thực hiện : Nguyễn Đăng Thành9 Website quản lý Album âm nhạc GVHD:PGS-TS: Nguyễn Văn Xuất ASP qui định một vùng script nằm giữa hai dấu <% và %> hoặc trong vùng của 2 Tag <SCRIPT> và </SCRIPT>. Script là đoạn chương trình thể hiện các yêu cầu của người lập trình đối với ASP, nó chứa các câu lệnh mà người lập trình muốn ASP thực hiện và nội dung người đó muốn tạo ra trên trang HTML kết quả trả về cho Web browser gọi đến ứng dụng. Tóm lại script giống như một chương trình được người lập trình viết ra để thực thi trên môi trường hoạt động của ASP, cũng giống như các chương trình trong mọi ngôn ngữ lập trình khác như C, Pascal, Java . . ., chỉ điểm khác là chương trình của ngôn ngữ khác phải biên dịch ra dạng thực thi được và dùng dạng thực thi được đó để chạy trên một môi trường cụ thể (DOS, Windows, Unix, .); còn script thì không phải biên dịch trước ra dạng thực thi được mà đem dạng text chạy thẳng trong môi trường của ASP. Ví dụ minh họa:<% Myname= " Chau Quoc Dat "If Time >=#12:00:00AM # and Time<#12:00:00 PM# then %><Font face="VNI-Times" color="#FF0000"> Chào buổi sáng "& Myname" <%Else%>Xin chào<%End If%>2.2. Script language và Script Engine:Script của ASP được cấu thành từ các lệnh của một ngôn ngữ script (scripting language) nào đó, xen lẫn vào đó là các nội dung dạng HTML, để trả về kết quả cuối cùng ở dạng HTML. Scripting language nằm ở khoảng ngôn ngữ siêu văn bản (HTML) và các ngôn ngữ lập trình như Java, C++, Visual Basic, . . . Ta biết HTML dùng để định dạng và liên kết các văn bản , còn các ngôn ngữ lâp trình khả năng tạo ra một chuỗi các lệnh phức tạp cho máy tính thực hiện. Đối với scripting language, nó nằm ở giữa, tuy nhiên nó gần với ngôn ngữ lập trình hơn là HTML. Khác nhau bản giữa scripting language và các ngôn ngữ lập trình là ở chỗ các luật và cú pháp của scripting language linh hoạt và dễ hiểu hơn các ngôn ngữ lập trình. Scripting Engine là các đối tượng nhiệm vụ xử lý các script. ASP cung cấp một môi trường chủ cho các scripting engine và phân phối các script 10Sinh viên thực hiện : Nguyễn Đăng Thành10 [...]... session thì server sẽ trả về lỗi Server bỏ qua những script chứa những thành phần HTML mà các biến cố application và session không thể xử lýự như trong một file HTML thông thường Những script trong file Global.asa thể được viết bởi bất cứ ngôn ngữ nào hổ trợ script Nếu các đoạn script được viết bởi cùng một ngôn ngữ thì thể kết hợp chúng trong một tag duy nhất Khi bạn thay đổi file... GVHD:PGS-TS: Nguyễn Văn Xuất CUNG CẤP THÔNG TIN CẬP NHẬT KIỂM TRA bd CẬP NHẬT Sơ đồ chức năng cập nhật thông tin sở dữ liệu hệ thống 3.2.Xây Dựng Sở Dữ Liệu Mô hình sở dữ liệu cho Website quản lý ambul âm nhạc được xây dựng trên hệ quản trị sở dữ liệu Microsoft Access gồm các bảng sau: 3.2.1 Bảng ca sĩ:(tbl casi): 32 Sinh viên thực hiện : Nguyễn Đăng Thành 32 Website quản lý Album âm nhạc GVHD:PGS-TS:... Schedule File: Một text file chứa bảng danh mục và những thông tin hiển thị cho các bảng quảng cáo File này nằm trong một thư mục ảo trên server Các thuộc tính của Ad Rotator Component: Border: Chỉ định kích thước của đường viền xung quanh bảng quảng cáo Clickable: Chỉ định bảng quảng cáo phải là một hyperlink hay không Targetframe: Chỉ định tên của frame hiển thị bảng quảng cáo 23 Sinh viên thực... String: Nhận giá trị của các biến trong HTML query string Đây là giá trị được gởi lên theo sau dấu chấm hỏi(?) trong HTML Request - Form: Nhận các giá trị của các phần tử trên form sử dụng phương thức POST - Cookies: Cho phép nhận những giá trị của cookies trong một HTML Request - Server Variable: nhận các giá trị của các biến môi trường ° Một ví dụ lấy thông tin từ form: HTML form là cách thức thông thường... chèn chúng vào trong trang ASP gọi thủ tục đó Những file include thường phần mở rộng là inc Các ví dụ về file Global.asa trong phần này dùng VBScript như là ngôn ngữ Script chính, mặc dù như đã nói các script thể viết bằng nhiều ngôn ngữ khác (ví dụ Jscript…) 4.2 Khai Báo Đối Tượng Và Các Biến Cố: ° Biến cố Application : Application_OnStart: Xảy ra trước khi session đầu tiên được tạo, nghĩa là... ĐỐI TƯỢNG (OBJECT) TRONG ASP: Khi viết các script ta thường nhu cầu thực hiện một số tác vụ nào đó theo một qui tắc bản nào đó Khi đó thường xuất hiện những công việc lặp đi lặp lại nhiều lần, từ đó xuất hiện nhu cầu tạo ra các đối tượng khả năng thực hiện những công việc bản đó Mỗi đối tượng là một kết hợp giữa lập trình và dữ liệu mà thể xử lý như một đơn vị thống nhất Đối với phần lớn... dữ liệu là Autonumber - Tên loại nhạc (ten): Chứa thông tin về tên loại nhạc, mã này kiểu dữ liệu là Memo Bảng sở dữ liệu loại nhạc 3.2.3 Bảng nhạc sĩ (tbl_ nhạcsi): - Mã nhạc sĩ (ID): Mỗi nhạc sĩ một mã riêng, mã này sẽ được tự động thêm vào khi thêm một nhạc sĩ mới vào Mã này kiểu sở dữ liệu (data type) là Autonumber 35 Sinh viên thực hiện : Nguyễn Đăng Thành 35 Website quản lý Album... HTML output như là một chuỗi Ví dụ: - Đặt Response.Buffer = True cho phép đệm output cho đến khi xử lý xong hết trang - Response.Write "Đây là thông báo xuất ra bằng Response" sẽ xuất ra chuỗi ký tự giữa hai dấu nháy kép - Response.Clear : xóa hết nội dung của Buffer (chỉ sử dụng được khi Response.Buffer = True) - Response.Redirect "WebPage1 .Html" sẽ xóa trang hiện tại và thay bằng trang WebPage1 .Html. .. giúp các scripting language hay không Vì tất cả các script đều được thực thi ở server Không những thế ta thể dùng nhiều scripting language trong cùng một file asp chỉ cần bằng cách một HTML tag để khai báo ngôn ngữ script nào được dùng ASP mặc định sử dụng scripting language chính (Primary scripting language) là VBScript Tuy nhiên ta vẫn thể định lại scripting language chính trong cả hai phạm... việc, họ sẽ cảm thấy công việc của họ chỉ đơn giản là thêm thông tin vào giống như là họ đang soạn thảo văn bản 27 Sinh viên thực hiện : Nguyễn Đăng Thành 27 Website quản lý Album âm nhạc GVHD:PGS-TS: Nguyễn Văn Xuất Yêu cầu đặt ra của bài toán là thiết kế một website quản lý âm nhạc bằng ngôn ngữ NET Khi người dùng Internet truy cập vào địa chỉ trang web họ sẽ nhiều lựa chọn ngay từ đầu để đỡ mất . Nguyễn Văn XuấtCHƯƠNG I :CÁC KHÁI NIỆM CƠ BẢN VÀ NGÔN NGỮ HTML1 . CÁC KHÁI NIỆM CƠ BẢN :URL: (Uniform Resource Locators) là một thuật ngữ để chỉ ra vị trí tài. usenet, telnet, E-mail, wais…..2. NGÔN NGỮ HTML :2.1. Khái niệm: HTML( HyperText Markup Language) là ngôn ngữ định dạng văn bản siêu liên kết. Sự định dạng

Ngày đăng: 23/11/2012, 15:53

Hình ảnh liên quan

Mô hình của FrontPage Explore - Khái niệm cơ bản ngôn ngữ HTML

h.

ình của FrontPage Explore Xem tại trang 4 của tài liệu.
Mô hình của FrontPage Editor - Khái niệm cơ bản ngôn ngữ HTML

h.

ình của FrontPage Editor Xem tại trang 5 của tài liệu.
1.2. Mô hình hoạt động của Active Server Pag e: - Khái niệm cơ bản ngôn ngữ HTML

1.2..

Mô hình hoạt động của Active Server Pag e: Xem tại trang 6 của tài liệu.
Mô hình cơ sở dữ liệu cho Website quản lý ambul âm nhạc được xây dựng trên hệ quản trị cơ sở dữ liệu Microsoft Access gồm các bảng sau: - Khái niệm cơ bản ngôn ngữ HTML

h.

ình cơ sở dữ liệu cho Website quản lý ambul âm nhạc được xây dựng trên hệ quản trị cơ sở dữ liệu Microsoft Access gồm các bảng sau: Xem tại trang 32 của tài liệu.
Bảng cơ sở dữ liệu ca sĩ - Khái niệm cơ bản ngôn ngữ HTML

Bảng c.

ơ sở dữ liệu ca sĩ Xem tại trang 34 của tài liệu.
Bảng cơ sở dữ liệu loại nhạc 3.2.3. Bảng nhạc sĩ (tbl_ nhạcsi): - Khái niệm cơ bản ngôn ngữ HTML

Bảng c.

ơ sở dữ liệu loại nhạc 3.2.3. Bảng nhạc sĩ (tbl_ nhạcsi): Xem tại trang 35 của tài liệu.
Bảng cơ sở dữ liệu nhạc sĩ - Khái niệm cơ bản ngôn ngữ HTML

Bảng c.

ơ sở dữ liệu nhạc sĩ Xem tại trang 37 của tài liệu.
Bảng cơ sở dữ liệu bài hát - Khái niệm cơ bản ngôn ngữ HTML

Bảng c.

ơ sở dữ liệu bài hát Xem tại trang 39 của tài liệu.
Dùng một hình ảnh &#34;lợp&#34; kế nhau đầy trong trang web. - Khái niệm cơ bản ngôn ngữ HTML

ng.

một hình ảnh &#34;lợp&#34; kế nhau đầy trong trang web Xem tại trang 62 của tài liệu.
Bảng đơn giản vẽ đờng viền có độ dày bằng một điểm đơn và các bức tờng chia cách các phần tử - Khái niệm cơ bản ngôn ngữ HTML

ng.

đơn giản vẽ đờng viền có độ dày bằng một điểm đơn và các bức tờng chia cách các phần tử Xem tại trang 63 của tài liệu.
trong của bảng. &lt;tr&gt; để định nghĩa hàng trong bảng và &lt;td&gt; để định nghĩa dữ kiện cho một  phần tử - Khái niệm cơ bản ngôn ngữ HTML

trong.

của bảng. &lt;tr&gt; để định nghĩa hàng trong bảng và &lt;td&gt; để định nghĩa dữ kiện cho một phần tử Xem tại trang 64 của tài liệu.
Hình ảnh Inline - Khái niệm cơ bản ngôn ngữ HTML

nh.

ảnh Inline Xem tại trang 65 của tài liệu.
Liên kết Siêu Hình ảnh của Internet - Khái niệm cơ bản ngôn ngữ HTML

i.

ên kết Siêu Hình ảnh của Internet Xem tại trang 66 của tài liệu.

Từ khóa liên quan

Tài liệu cùng người dùng

Tài liệu liên quan