This document was uploaded by user and they confirmed that they have the permission to share
it. If you are author or own the copyright of this book, please report to us by using this DMCA
report form. Report DMCA
Web Server là gì? HTML là gì? PHP là gì? Thursday, 24 May 2007 13:51 Một trong các công việc đầu tiên của chuyên gia thiết kế Web đó là phải biết về • • • •
HMTL(Ngôn ngữ đánh dấu siêu văn bản) Web Programming language (Ngôn ngữ lập trình Web) Web Server (máy phục vụ Web) Database Server (máy phục vụ Cơ sở dữ liệu).
HTML là gì? HTML (tiếng Anh, viết tắt cho HyperText Markup Language, tức là "Ngôn ngữ Đánh dấu Siêu văn bản") là một ngôn ngữ đánh dấu được thiết kế ra để tạo nên các trang web, nghĩa là các mẩu thông tin được trình bày trên World Wide Web. Được định nghĩa như là một ứng dụng đơn giản của SGML, vốn được sử dụng trong các tổ chức cần đến các yêu cầu xuất bản phức tạp, HTML giờ đây đã trở thành một chuẩn Internet do tổ chức World Wide Web Consortium (W3C) duy trì. Phiên bản mới nhất của nó hiện là HTML 4.01. Tuy nhiên, HTML hiện không còn được phát triển tiếp. Người ta đã thay thế nó bằng XHTML.
Web Programming Language là gì? Web Programming Language (Ngôn ngữ lập trình Web): Ngôn ngữ được viết theo phong cách lập trình (khác so với HTML - ngôn ngữ đánh dấu) để hỗ trợ và tăng cường các khả năng của Web. Cho phép điều khiển các phần tử của trang Web dễ dàng hơn. Chúng ta có một số ngôn ngữ lập trình Web như là: ASP, ASP.Net, PHP, JSP ..
Web Server là gì? Web Server (máy phục vụ Web): máy tính mà trên đó cài đặt phần mềm phục vụ Web, đôi khi người ta cũng gọi chính phần mềm đó là Web Server. Tất cả các Web Server đều hiểu và chạy được các file *.htm và *.html, tuy nhiên mỗi Web Server lại phục vụ một số kiểu file chuyên biệt chẳng hạn như IIS của Microsoft dành cho *.asp, *.aspx...; Apache dành cho *.php...; Sun Java System Web Server của SUN dành cho *.jsp...
Database Server là gì? Database server (máy phục vụ Cơ sở dữ liệu): Máy tính mà trên đó có cài đặt phần mềm Hệ quản trị Cơ sở dữ liệu (HQTCSDL). Chúng ta có một số HQTCSDL chẳng hạn như:
SQL Server, MySQL, Oracle... Mở đầu - HTML là gì, cấu tạo một trang web dưới dạng HTML, màu chữ, màu nền... Ðể viết HTML cho trang Web, bạn hãy start chương trình NotePad của Microsoft có đi kèm theo với Windows. Ðó là một ASCII Editor. Viết xong, bạn hãy save nó vào một folder nào đó dễ nhớ. Tên của file này bắt buộc phải có tận cùng là .htm hoặc .html Ví dụ: start.htm. Ðể thưởng thức thành quả của mình, bạn hãy open file đó bằng một Browser. Cấu trúc cơ bản Một document HTML luôn bắt đầu bằng và kết thúc bằng (trong đó bạn cũng có thể viết nhỏ hoặc viết hoa và ). 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 và . 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: 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:
[Xem ví dụ] Tất nhiên, một Homepage còn có nội dung (lời viết và hình ảnh): Chào bạn, đây là dòng chữ viết bằng font Arial, màu đen, cỡ 2
Còn đây là dòng chữ viết bằng font Verdana, màu xanh nước biển, cỡ 3
Dòng này lại là font Bodoni, màu đỏ, cỡ 4 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. [Xem ví dụ] 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 đề.
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
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 ví dụ này, nền của trang là xanh nước biển (#000080) chữ màu trắng. Bổ sung: Trong một HTML Document, ngoài phần body còn có phần head, được viết bởi cặp tag . 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à Giữa và 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: Trang web dau tien cua toi Phần bạn cần trình bày. Ví dụ một bức ảnh hay lời văn. 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 HTML không quy định chữ hoa và chữ thường, có nghĩa là các pac' đánh hay cũng rứa mà thui. OK, bây giờ lướt qua cấu trúc trang web một chút:
Trang ví dụ <meta …> <script…..> Nội dung trang web sẽ được hiển thị ở đây Các thẻ HTML thông dụng: (Các pac' thử các ví dụ sau bằng cách copy toàn bộ rồi dán vào Note Pad và save dưới dạng file .html thì sẽ thấy hiệu ứng ngay Đầu đề trong một trang văn bản HTML thẻ
,
,
….. <TITLE>Tựa đề thí dụ
Đây
Đây
Đây
Đây
Đây
Đây
là là là là là là
đầu đầu đầu đầu đầu đầu
đề đề đề đề đề đề
1
2
3 4 5 6
Xuống dòng và chia đoạn trong trang HTML Khi các pac' đánh máy một văn bản trong một chương trình soạn thảo văn bản nào đó, các pac' có thể chỉ cần bấm phím Return để kết thúc một dòng hay một đoạn văn, nhưng các pac' sẽ cần phải làm nhiều thao tác hơn khi các pac' muốn phân định riêng các đoạn văn khác nhau trong một trang Web. Browser tự động bỏ qua các mã xuống dòng bình thường. Vì vậy các pac' phải viết thêm thẻ
để phân đoạn hay viết thẻ tại vị trí cụ thể mà các pac' muốn xuống dòng. Ví dụ:
<TITLE>Tựa đề thí dụ Cộng hoà xã hội chủ nghĩa Việt namĐộc lập - Tự do - Hạnh phúc Đơn xin phúc tra Cộng hoà xã hội chủ nghĩa Việt nam Độc lập - Tự do - Hạnh phúc
Đơn xin phúc tra Và cũng có thể kết hợp cả tag (thẻ)
Đơn xin phúc tra
để đưa nó vào giữa. Đường kẻ ngang Đường kẻ ngang chủ yếu được dùng để phân định một trang Web thành những phần có tính logic và
dễ nhìn. Có không nhiều khả năng đồ hoạ trong ngôn ngữ HTML, bởi vậy đường kẻ ngang là một công cụ rất có ích Ví dụ: <TITLE>Tựa đề thí dụ HR1 HR2 HR3 HR4 HR5 Chú ý: Có thể tổ hợp các tùy chọn trên với nhau Ví dụ (từ đây em chỉ post nội dung các đoạn mã, các pac' dán chúng vào trong thẻ …. là được.
Yếu tố 1
Yếu tố 2
Yếu tố 3
Yếu tố 1
Yếu tố 2
Yếu tố 3
<MENU>
Yếu tố 1
Yếu tố 2
Yếu tố 3 Kiểu chữ Các thẻ kiểu chữ trong ngôn ngữ HTML cho phép các pac' điều khiển được vẻ bề ngoài của bản thân các ký tự - chẳng hạn chúng ta có thể định dạng một từ là đậm hoặc nghiêng. Các định dạng này có thể áp dụng từ phạm vi một đoạn hay toàn bộ văn bản cho tới từng ký tự đơn lẻ. Ví dụ:
đậmgạch dướinghiêng <strong>nhấn mạnh trích dẫn code Thay đổi về font: … và các thuộc tính như size: kích cỡ, color: mầu sắc Ví dụ: Một con vịt xòe ra hai cái cánh Thẻ ảnh: các pac' dùng thẻ này để chèn ảnh vào trang web: Thẻ liên kết: Các trang web được liên kết với nhau bằng các đường dẫn từ trang này tới trang khác. Các pac' có thể xem trang chủ của trang giao thông này bằng cách click vào liên kết “Giao thông vận tải” ở trên và nó sẽ đưa các pac' ra trang chủ, vậy làm nó thế nào? Đi đến Dòng hướng dẫn thôi. Ngoài ra cũng có thể đặt một file ảnh làm một cái đường dẫn được: Các thẻ dành cho FORM Các trường được định nghĩa để thu nhận các thông tin và gửi cho máy chủ 4.gif Thẻ Input dạng text dạng password Thẻ textarea Nút đồng ý Ví dụ: <meta [Only registered and activated users can see links]"Content-Language" content="en-us"> <meta [Only registered and activated users can see links]"Content-Type" content="text/html; charset=windows-1252"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> New Page 1
Thẻ định dạng bảng: Khi các pac' muốn thiết kế bảng dữ liệu trên trang web các pac' cần phải khai báo thẻ
rồi đến các thẻ hàng
và thẻ cột
[indent]Ví dụ:[indent] Trao đổi về PHP và MySQL <meta ...> <script ...> [indent]
MÃ
TÊN ĐẦY ĐỦ
GIÁ TRỊ HÀNG
HOA NGƯỜI YÊU
SÁCH LẬU
A0001
Nguyen Van A
54545454
89898
B0002
Tran Van B
65656556
98984
C0004
Pham Van H
87878787
54541
Và giới thiệu qua về các hiệu ứng (phụ thui) Ví dụ: Hiệu ứng <MARQUEE DIRECTION=RIGHT SCROLLDELAY=2 SCROLLAMOUNT=1 WIDTH=100% > Chi_e – Ghost_casper – Yellow_rose – nhattan1985 - nhimcon <MARQUEE DIRECTION=UP SCROLLDELAY=2 SCROLLAMOUNT=1 WIDTH=100% STYLE="filter:wave(add=5, phase=1, freq=5, strength=20);"> Chi_e Ghost_casper Yellow_rose nhattan1985 nhimcon ……………---------------------------------------------------------------------------------------…………………….
Mục lục
Chương 2: HTML nâng cao
Bước tiếp theo: Web Server cá nhân
•
Nếu bạn muốn sử dụng PWS hoặc IIS, bạn phải upload file của bạn nên một server
•
Hầu hết các nhà cung cấp dịch vù Internet (ISP) đều có thể host trang web của bạn
•
Nếu bạn thực sự thích, bạn có thể cài đặt một Internet Server cho mình.
Trước khi chọn ISP cho mình, hãy đọc một chút về Web Hosting Tutorial !! Tổng kết các ví dụ đã học Các thẻ HTML cơ bản Một tài liệu HTML đơn giản Chữ ở trong đoạn văn hiển thị như thế nào Paragraphs Cách sử dụng Line Break Dạng bài thơ (vấn đề với định dạng văn bản bằng HTML) Thẻ Heading Căn lề giữa heading Chèn đường thẳng ngang Chú thích trong mã nguồn của HTML Thêm màu background Thêm hình làm nền Định dạng text Text formatting Định dang chữ (làm thế nào để điều chỉnh line space) Một vài thẻ của computer out Chèn địa chỉ Chữ viết tắt Trich dẫn ngắn và dài Làm thế nào để đánh dấu chữ bị xoá và chữ được chèn Liên kết Cách tạo siêu liên kết Đặt hình ảnh thành đường liên kết Mở liên kết ở một cửa sổ mới Nhảy đến một phần khác của tài liệu (trên cùng một trang) Phá bỏ một frame Liên kết đến một địa chỉ email