Báo cáo Nhập Môn Công Nghệ Thông Tin Và Truyền Thông

7/21/2019 Báo cáo Nhập Môn Công Nghệ Thông Tin Và Truyền Thông

http://slidepdf.com/reader/full/bao-cao-nhap-mon-cong-nghe-thong-tin-va-truyen-thong 1/44



Li Cm ƠnChúng em xin chân thành cm ơn thy Nguyn Tun Dũng đã cung cp cho chúng emnhng kin thc vô cùng b ích khi chúng em bt đu tìm hiu v Công ngh Thôngtin cũng như đã giúp đ chúng em rt nhiu trong quá trình vit bn báo cáo này

ii



Li Nói ĐuChúng em là nhng sinh viên mi bt đu hc v ngành Công ngh thông tin. Đâylà mt ngành khoa hc mi nhưng phát trin rt nhanh do đó chúng em cn có mtnn tng kin thc vng chc, và phương pháp nghiên cu hp lý mi có th theo kpnhng bưc tin ca ngành. Dưi s hưng dn ca các thy cô ging dy môn “Nhpmôn Công ngh Thông tin” chúng em đã tìm hiu nhng kin thc cơ bn nht vScilab, LATEX , Web. Đây là nhng công c cơ bn nht đ sinh viên Công ngh thôngtin chúng em có th tip tc hc nhng kin thc khác.

iii



Mc lcI LATEX 2

1 Gii thiu chung v LATEX 31.1 TEX là gì? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31.2 LATEX là gì? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31.3 Cơ bn v LATEX . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4

1.3.1 Các tp tin nhp liu . . . . . . . . . . . . . . . . . . . . . . . . 4

1.3.2 Khong trng . . . . . . . . . . . . . . . . . . . . . . . . . . . . 41.3.3 Mt s kí t đc bit . . . . . . . . . . . . . . . . . . . . . . . . 41.3.4 Lnh trong LATEX . . . . . . . . . . . . . . . . . . . . . . . . . . 41.3.5 Mt s chú thích . . . . . . . . . . . . . . . . . . . . . . . . . . 41.3.6 Công c cài đt son tho LATEX . . . . . . . . . . . . . . . . . 4

1.4 Cu trúc tng quát ca tp tin mã ngun . . . . . . . . . . . . . . . . 5

2 Son tho văn bn 62.1 Font trong LATEX . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 62.2 Thay đi font kí t . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6

2.2.1 Tác dng nhn mnh . . . . . . . . . . . . . . . . . . . . . . . . 62.2.2 Đ ln font ch . . . . . . . . . . . . . . . . . . . . . . . . . . . 62.2.3 H font . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6

2.3 Canh gia và căn phi, trái . . . . . . . . . . . . . . . . . . . . . . . . 72.3.1 Canh gia . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 72.3.2 Căn phi, trái . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7

2.4 Môi trưng lit kê thông thưng . . . . . . . . . . . . . . . . . . . . . . 82.4.1 Kí t lit kê đu dòng . . . . . . . . . . . . . . . . . . . . . . . 82.4.2 Đánh s đu dòng . . . . . . . . . . . . . . . . . . . . . . . . . 82.4.3 Nhãn cho môi trưng lit kê . . . . . . . . . . . . . . . . . . . . 8

2.5 Hp trong LATEX . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 92.6 Bng trong LATEX . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9

2.6.1 Chèn hình nh vào văn bn . . . . . . . . . . . . . . . . . . . . 9

3 Son tho công thc toán hc 103.1 Tng quan . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 103.2 Gp nhóm các công thc . . . . . . . . . . . . . . . . . . . . . . . . . . 103.3 Các ký hiu hoán hc thưng dùng . . . . . . . . . . . . . . . . . . . . 11

3.3.1 Các toán t . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 113.3.2 Các ch cái Hi Lp . . . . . . . . . . . . . . . . . . . . . . . . . 113.3.3 Các hàm hay dùng . . . . . . . . . . . . . . . . . . . . . . . . . 11

3.3.4 Các ký hiu toán hc khác . . . . . . . . . . . . . . . . . . . . . 123.4 Gióng theo ct . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 123.5 Đnh lut,đnh lý trong toán hc . . . . . . . . . . . . . . . . . . . . . 13

iv



Vin CNTT-TT MC LC

II SCILAB 14

4 Gii Thiu v Scilab 154.1 Gii thiu chung . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 154.2 Cài đt Scilab . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 154.3 Mt vài hưng dn ban đu . . . . . . . . . . . . . . . . . . . . . . . . 16

4.3.1 Giao din điu khin Console . . . . . . . . . . . . . . . . . . . 164.4 Tài liu tham kho . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16

4.4.1 Giao din son tho SciNotes . . . . . . . . . . . . . . . . . . . 16

5 Mt s dng bài tp vi Scilab 195.1 S dng Scilab đ tính toán . . . . . . . . . . . . . . . . . . . . . . . . 19

5.1.1 Tính giá tr ca biu thc . . . . . . . . . . . . . . . . . . . . . 205.1.2 Tính toán vi ma trn và véc tơ . . . . . . . . . . . . . . . . . . 215.1.3 Xây dng đa thc và tính toán vi đa thc . . . . . . . . . . . . 22

5.2 Đ th . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22

5.2.1 V đ th trong mt phng . . . . . . . . . . . . . . . . . . . . . 225.2.2 V đ th trong không gian 3 chiu . . . . . . . . . . . . . . . . 245.3 S dng help . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24

III Lp trình Web 25

6 Mt s khái nim cơ bn v WWW 266.1 Khái nim v siêu văn bn . . . . . . . . . . . . . . . . . . . . . . . . . 266.2 Các thành phn ca Web . . . . . . . . . . . . . . . . . . . . . . . . . . 266.3 Phân loi trang Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26

7 Mt s công c thưng dùng đ to trang (X)HTML, CSS 277.1 Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 277.2 Notepad++ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 277.3 Gedit . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27

8 HTML-XHTML 298.1 HTML, XHTML là gì? . . . . . . . . . . . . . . . . . . . . . . . . . . . 29

8.1.1 Đnh nghĩa . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 298.1.2 Các phiên bn . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29

8.2 Cú pháp các tags(th) trong (X)HTML . . . . . . . . . . . . . . . . . . 298.3 Cu trúc tng quát trang HTML . . . . . . . . . . . . . . . . . . . . . 308.4 Các th HTML thông dng . . . . . . . . . . . . . . . . . . . . . . . . 30

8.4.1 Các th đnh dng khi văn bn . . . . . . . . . . . . . . . . . . 308.4.2 Các th đnh dng kí t . . . . . . . . . . . . . . . . . . . . . . 308.4.3 To khung box cha văn bn . . . . . . . . . . . . . . . . . . . 308.4.4 Các th to danh sách . . . . . . . . . . . . . . . . . . . . . . . 308.4.5 Các th to bng . . . . . . . . . . . . . . . . . . . . . . . . . . 318.4.6 Mt s th chèn ni dung đa phương tin . . . . . . . . . . . . . 318.4.7 Form trong (X)HTML . . . . . . . . . . . . . . . . . . . . . . . 328.4.8 Mt s th khác . . . . . . . . . . . . . . . . . . . . . . . . . . . 32

Báo cáo Nhp môn CNTT-TT v



Vin CNTT-TT MC LC

9 CSS 339.1 CSS là gì? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 339.2 V trí đt CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 339.3 Cú pháp CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 349.4 Các CSS cơ bn . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34

9.4.1 CSS Backgrounds . . . . . . . . . . . . . . . . . . . . . . . . . . 349.4.2 CSS Text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 359.4.3 CSS Font . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 359.4.4 Class và ID . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 369.4.5 CSS Links . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 369.4.6 CSS Box Model . . . . . . . . . . . . . . . . . . . . . . . . . . . 369.4.7 To bóng cho văn bn . . . . . . . . . . . . . . . . . . . . . . . 379.4.8 CSS float . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 379.4.9 Các hiu ng hình nh đp . . . . . . . . . . . . . . . . . . . . . 37

10 Vn dng HTML - CSS 39

Báo cáo Nhp môn CNTT-TT 1



Phn ILATEX

2



Chương 1Gii thiu chung v LATEX

1.1 TEX là gì?

• TEX là ngôn ng biu din văn bn đưc vit bi Donald Knuth.

• Dng khi thy ca TEX gi là : plain TEX.

• Plain TEX rt d vi các văn bn đơn gin (không có công thc, chương mc).

• Không đòi hi nhiu k thut, tiu xo.

1.2 LATEX là gì?• Leslie Lamport vit mt ngôn ng biu din văn bn t TEX gi là LATEX.

• Các văn bn đơn gin đưc to bng LATEX khó khăn hơn TEX.• Các trưng hp khác, LATEX d dàng hơn.

• Vì LATEX là mt dn xut ca TEX, nên có th nhn đưc thông báo li ca TEXvà LATEX.

• Ưu đim

– Son tho văn bn ln không nh hưng đn tc đ gõ. Vi Word hocOpenOffice, c tài liu s b đnh dng li khi ta gõ.

– Tài liu vit bng LATEX thưng có v chuyên nghip hơn.

– Kích thưc mã ngun khiêm tn.– S dng bng phn mm min phí (mc dù mt vài front-end như WinEdt,

là phn mm chia s).– Gõ công thc tin li.

• Nhươc đim

– Không nhìn thy văn bn khi đang gõ.– Có rt nhiu lnh nên khó khăn trong vic nh câu lnh (hoc phi có tài

liu khi làm).

– Khó khăn cho ngưi mi bt đu.

CHÚ Ý: LATEX KHÔNG là mt chương trình x lý văn bn!

3



Vin CNTT-TT CHƯƠNG 1. GII THIU CHUNG V LAT E X

1.3 Cơ bn v LATEX

1.3.1 Các tp tin nhp liuD liu đưa vào LATEX là văn bn thông thưng đưc lưu dưi dng kí t. Tp tin

này s cha phn văn bn cũng như các lnh đnh dng ca LATE

X.

1.3.2 Khong trngMi khong trng như du cách hay tab đu xem là mt khoàng trng. Nhiêu hàng

trng ch xem là mt hàng trng.

1.3.3 Mt s kí t đc bitMt s ký t như: # % & _ \ không th nhp trc tip t bàn phím. Đ nhp

chúng thêm ky t “\”. Vi kí t gch chéo thì dùng: \textbackslash.

1.3.4 Lnh trong LATEX• Các lnh cho phép đnh dng các phn tài liu.

• Cu trúc lnh: \tên lnhtham s bt buc[tham s tùy chn].

• Các lnh phân bit ch hoa ch thưng.

1.3.5 Mt s chú thích

• Khi gp du “%” LATEXs b qua phn còn li ca dòng vì vy “%” đưc dùng đghi chú thích.

• Chú thích dài: dùng môi trưng comment ca gói verbatim.

1.3.6 Công c cài đt son tho LATEX• Texmaker

Hình 1.1: Giao din khi khi chy ng dng Texmaker




Vin CNTT-TT CHƯƠNG 1. GII THIU CHUNG V LAT E X

Chy đưc trên Windows, Linux và MacOS.Có th ti trên trang web: http://www.xm1math.net/texmaker/

• TeXnicCenter

Hình 1.2: Giao din khi khi chy ng dng TeXnicCenter

Ti phn mm trên trang web: http://www.texniccenter.org/

1.4 Cu trúc tng quát ca tp tin mã ngun\documentclass[tham s tùy chn]class% khai báo các gói s dng\usepackage[tham s tùy chn]class\begindocument% ni dung\enddocument

• Lnh documentclassDùng đ khai báo loi tài liu. Tham s “class” đ khai báo loi tài liu, baogm: article, minimal, book, report, proc, slides, letter. Các tham s tùy chndùng đ tùy chnh mt s đnh dng loi tài liu như kích thưc trang giy, kíchthưc font mc đnh,. . .

• Khai báo gói s dngTa s dng \uspackage[tham s tùy chn]package, trong đó tham s tùy

chn đ đt các thông s cho package s dng.Mun hin th Ting Vit trong LATEX ta phi dùng package như sau:\usepackage[utf8]vietnam hoc

\usepackagevntextTrong đó, điu kin phi dùng gói vntex.




Chương 2Son tho văn bn

2.1 Font trong LATEXMt bn LAT

EX cài đt hoàn chnh s cha đy đ các font h “CM. . . ”, có th thêm

các font “LAZY..., LOGO...”. Nu có cài gói vietnam thì s có thêm font “VN”.

2.2 Thay đi font kí t

2.2.1 Tác dng nhn mnhTrong khi vit văn bn khoa hc nào đó, khi mun nhn mnh điu gì thưng ta

gch dưi nó. Nhưng trong son tho, ta không nên dùng bin pháp gch dưi mà nên

THAY ĐI FONT ca đon văn cn nhn mnh.

Ta có th nhn mnh mt đon văn bng cách in nghiêng nó trong font thng đnghoc in đm đon văn đó.

2.2.2 Đ ln font ch Trong LATEX ta có th dùng các c ch sau tùy mc đích s dng:

Command Output Command Output

\tiny tiny \large large\scriptsize scriptsize \Large Large

\footnotesize footnotesize \LARGE LARGE\small small \huge huge

\normalsize normalsize \Huge HugeCác c ch trong các tài liu ph thuc vào font ch chn đu tài liu. Chú ý rng

hai lnh \huge và \Huge có cùng đ ln khi chn c ch là 12pt. Đ dài khong trngvà khong cách gia các hàng s thay đi khi thay đi c ch.

2.2.3 H font

6



Vin CNTT-TT CHƯƠNG 2. SON THO VĂN BN

• Families

Type Command Output

Serif (Roman) \textrm RomanSans serif \textsf Sans serif

Typewriter (monospace) \texttt typewriter

• Shape

Type Command Output

Upright \textup uprightItalic \textit italic

Slanted \textsl slanted Small caps \textsc small caps

• Series

Type Command Output

Medium \textmd mediumBold \textbf bold

2.3 Canh gia và căn phi, trái

2.3.1 Canh gia

Trong LATEX, chúng ta ch có môitrưng center đ canh gia mt đonvăn.\begincenterdòng 1\\dòng 2 dài hơn \\dòng 3 dàinht\end center

Kt qu như sau:

dòng 1dòng 2 dài hơndòng 3 dài nht

2.3.2 Căn phi, trái

Ta có th s dng lnh căn phi, tráinhư sau:\beginflushrightbên này là bên phi \endflushright\beginflushleftbên này là bên trái \endflushleft

Ta s nhn đưc như sau:

bên này là bên phi

bên này là bên trái





2.4 Môi trưng lit kê thông thưng

2.4.1 Kí t lit kê đu dòngCu trúc:

\beginitemize\item Đu tiên là chm đen ln\beginitemize\item Sau đó là mt gch đu dòng\beginitemize\item Tip theo là mt du sao\beginitemize\item Cui cùng là du chm nh\enditemize\item Mt du sao khác\enditemize\item Mt gch na\enditemize\item Chm đen cui\enditemize

Ta s nhn đưc:

• Đu tiên là chm đen ln

– Sau đó là mt gch đu dòng

∗ Tip theo là mt du sao· Cui cùng là du chm

nh∗ Mt du sao khác

– Mt gch na• Chm đen cui

2.4.2 Đánh s đu dòngCu trúc:

\beginenumerate\item Đánh s bng kiu Arabic

\beginenumerate\item Ch thưng\beginenumerate\item Đánh s bng kiu Roman\beginenumerate\item Cui cùng là ch in hoa\endenumerate\item S kiu Roman\endenumerate\item Ch thưng na

\endenumerate\endenumerate

Nó s cho ta:

1. Đánh s bng kiu Arabic

(a) Ch thưng

i. Đánh s bng kiu RomaA. Cui cùng là ch in

hoaii. S kiu Roma

(b) Ch thưng na

2.4.3 Nhãn cho môi trưng lit kêTrong môi trưng lit kê (itemize) các nhãn đu mi mc (item) có th đưc thay

đi toàn b hay tng cái mt. Đ làm vic này ta có th dùng thêm mt tham s lnh \item.





Cu trúc:\beginitemize\item[$\clubsuit$] clubs\item[$\heartsuit$] hearts

\item[$\diamondsuit$] diamonds\item[$\spadesuit$] spades\enditemize

Ta s đưc kt qu:

♣ clubs

♥ hearts

♦ diamonds

♠ spades

2.5 Hp trong LATEXMi hp box đưc LATEX xem như là mt đơn v, ging như mi kí t.

• Mt \frambox là mt hp thc s mà ta có th thy đưc, lnh \frameboxtexts cho ta kt qu text , lnh \frameboxtext có th thay đi theo ý thích.

• Mt đon có th đưa vào mt hp ln bng cách s dng lnh \parbox hay làđt nó trong môi trưng minipage.

• Mt rule box cho phép v mt hp đen vi chiu dài và chiu rng xác đnh, cutrúc là: \rule[lift]widthheight.

2.6 Bng trong LATEXCu trúc:

\beginntabular|c|c|c| \hlineÔ 11 & Ô 12 & Ô 13 \\ \hlineÔ 21 & Ô 22 & Ô 23 \\ \hlineÔ 31 & Ô 32 & Ô 33 \\ \hline\endtabular

Ta s nhn đưc kt qu:

Ô 11 Ô 12 Ô 13

Ô 21 Ô 22 Ô 23Ô 31 Ô 32 Ô 33

Nu mun thêm ct ta thêm “c|” vào \begintabular.. Và mun thêm hàng ta

vit thêm dòng “ni dung & ni dung & ...\\\hline”

2.6.1 Chèn hình nh vào văn bnMun chèn hình nh vào văn bn trong LATEX trưc ht chúng ta phi thêm gói

graphicx.\usepackagegraphicx

Sau đó s dng lnh: \includegraphicx[tham s]nh đ thêm nh vào văn bn.Mt s tham s hay dùng:

Tham s Công dng

Width, height Xác đnh chiu rng vào chiu dài ca nhScale Xác đnh t l so vi nh gcAngle Xác đnh góc quay ca nh (ngưc chiu kim đng h)




Chương 3Son tho công thc toán hc

3.1 Tng quanLAT

EX đnh nghia mt ch đ đc bit đ son tho công thc toán hc. Phn ni

dung toán hc trong đon văn có th đưc son tho gi du $ và $ hay dùng môitrưng \beginmath và \endmath hay $ và $.Example:

Cu trúc:

$c∧2 = a∧2 + b∧2$

Kt qu như sau:

c2 = a2 + b2

Có th dùng \[ và \] hoc môi trưng displaymath cũng cho hiu qu tương t Môitrưng equation : Ex:

\beginequation \lableeq:eps\epsilon > 0\endequationT phương trình (\refeq:esp),chúngta có th suy ra rng \ldots Đngthi t \eqrefeq:eps chúng ta suy ra\ldots

> 0 (3.1)

T bt phương trình (3.1), chúng ta có thsuy ra rng . . . Đng thi t (??) chúng tasuy ra . . .

S dng môi trưng displaymath cho phép hin th tt hơn:Ex:

$\lim_n\to \infty\sum_k=1ˆn\frac1kˆ2=\\piˆ26$

Ex:

\begindisplaymath\lim _n\to\infty\sum_k=1ˆn\frac1kˆ2=\\piˆ26

limn→∞

n

k=11

k2 = π2

6

limn→∞

nk=1

1

k2 =

π2

6

3.2 Gp nhóm các công thcHu ht các lnh trong ch đ son tho công thc toán hoc ch có tác dng đi vi

ký t k tip do đó trong tưn hơp mun có tác dng đi vói nhiu ký t ,ta có th

10



Vin CNTT-TT CHƯƠNG 3. SON THO CÔNG THC TOÁN HC

nhóm chúng trong du ngoc :. . . .Ex:

\beginequationaˆx+y \neq aˆx+y\endequation

ax + y = ax+y (3.2)

3.3 Các ký hiu hoán hc thưng dùng

3.3.1 Các toán t Bng 1: Các toán t 2 ngôi

\pm ± \mp ∓ \triangleleft

\cdot · \div ÷ \triangleright

\times × \ \ \star

\cup ∪ \cap ∩ \ast ∗\sqcup \sqcap \circ \vee,\lor ∨, ∨ \wedge ,\land ∧, ∧ \bullet •\oplus ⊕ \ominus \diamond \odot \oslash \uplus \otimes ⊗ \bigcirc \amalg \bigatriang \bigtriangledown \dagger †\lhd \rhd \ddagger ‡\unlhd \unrhd \wr

3.3.2 Các ch cái Hi LpBng 3: Các ch cái Hy Lp vit thưng.

\alpha α \theta θ \upsilon υ \tau tau

\beta β \vartheta ϑ \pi π \phi φ

\gamma γ \iota ι \varpi \varphi ϕ

\delta δ \kappa κ \rho ρ \chi χ

\epsilon \lambda λ \varrho \psi ψ

\varepsilon ε \mu µ \sigma σ \omega ω

\zeta ζ \nu ν \varsigma ς \xi ξ

Bng 4:Các ch cái Hy Lp vit hoa.

\Gamma Γ \Lambda Λ \Sigma Σ \Psi Ψ\Delta ∆ \Xi Ξ \Upsilon Υ \Omega Ω\Theta Θ \Pi Π \Phi Φ

3.3.3 Các hàm hay dùngBng 1:các hàm ph bin

\arccos \cos \csc \exp \ker \limsup \min\arcsin \cosh \deg \gcd \lg \ln \Pr\arctan \cot \det \hom \lim \log \sec\arg \coth \inf \max \sin \sinh \tan





3.3.4 Các ký hiu toán hc khácCác lnh sau đt gia cp du $ $

a_1 a1 \sqrtx √

x

xˆ2 x2

\sqrt[3]2 3

√ 2eˆ- \alpha t e−αt \fracab a

b

aˆ3_ij a3ij \sqrtxˆ2+\sqrty

x2 +

√ y

eˆxˆ2 \neq eˆxˆ2 ex2 = ex2 \surd[xˆ2+yˆ2]

√ [x2 + y2]

\overline(a+b) a + b \underbracea+b_2 a + b 2

\underline(a+b) a + b \overbracea+b_22

a + b

\[\lim_x \rightarrow 0\frac\sin xx=1\]

limx→0

sin xx

= 1

Các lnh sau đt trong môi trưng displaymath

\binomnk\qquad\mathrmC_ nˆk

n

k

Ck

n

\int f_ N(x) \stackerl!=1\sum_i=1ˆn \qquad\int_0ˆ\frac\pi2 \qquad\prod_\epsilon

f N (x)

!= 1

ni=1

π2

0

3.4 Gióng theo ctMôi trưng array s cung cp cho ta kh năng son tho các mng, môi trưng này

làm vic tương t như môi trưng bng.Ex:

\displaymath\mathbfX=\left(\beginarraycccx_11 & x_12 & \ldots \\x_21 & x_22 & \ldots \\\vdots & \ddots\endarray \right)\enddisplaymath

X =

x12 x12 . . .

x21 x22 . . ....

... . . .

Môi trưng này cũng có th son tho các biu thc ch gm du ngoc ln bên

trái,không có du ngoc bên phi nh lnh \right.Đ đánh s các phưng trình ta s dng môi trưng eqarrayEx:





\begineqarrayf(x) & =& \cos \\f(x) & =& -\sin \\\int_0 f(y)dy & =&\sinx

\endeqarray

f (x) = cos x (3.3)f (x) = − sin x (3.4)

x

0

f (y)dy = sin x (3.5)

3.5 Đnh lut,đnh lý trong toán hcKhi son tho các tài liu toán hoc,ta phi son tho các b đ,đinh nghĩa tiên đ

và các cu trúc khác.LATEXs h tr vi lnh sau:

\newtheoremname [counter]text[section]

Tham s name là t khóa đ xác đnh “đnh lý”. Tham s text cho phép ta xác đnhtên gi ca “đnh lý”.Các tham s trong du ngoc vuông là tùy chon. Chúng đưc s dng đ xác đnh vic đánh s cho “đnh lý”. Tham s counter s giúp xác đnh thams name ca “đnh lý”đã đưc khai báo.Khi này “đnh lý” mi s đưc đánh s theocùng mt chui. Tham s section cho phép xác đn cách đánh s “đnh lý”.Sau khi gi lnh \newtheorem trong phn đ ca tài liu,ta có th gi tip các lnh trong phn thân ca tài liu:

\name[text]Đây là mt đnh lý\endname




Phn IISCILAB

14



Chương 4Gii Thiu v Scilab

4.1 Gii thiu chungScilab là phn mm tính toán khoa hc gn ging Mathlab. Khác vi mathlab, scilab

là phn mm ngun m và min phí. Môi trưng scilab có th gii quyêt hu ht cácvn đ v tính toán trong chương trình giáo dc đi hc. Scilab là mt ngôn ng lptrình bc cao kt hp vi các thut toán s hc trên nhiu lĩnh vc khoa hc, nh đócông vic tính toán s din ra nhanh hơn so vi vic lp trình trên ngôn ng C, java.Scilab có th gii quyt các bài toán v:

• S hc tuyn tính, ma trn

• Các hàm đa thc, phân thc

• Phép ni suy, xp x

• Phép ti ưu tuyn tính, bc 2 và phi tuyn

• Gii các phương trình vi phân và phương trình đi s

• X lý tín hiu

• Thng kê

• V đ th 2D,3D

• . . .

4.2 Cài đt Scilab+) Ti v phn mm Scilab theo link down:

http://www.scilab.org/products/ scilab/download

+) Cài đt như các phn mm thông thưng

+) Chy chương trình sau khi cài đt

15



Vin CNTT-TT CHƯƠNG 4. GII THIU V SCILAB

Hình 4.1: Giao din console ca Scilab

4.3 Mt vài hưng dn ban đu

4.3.1 Giao din điu khin ConsoleCó th gõ lnh trc tip lên ca s này

Có th gõ nhiu lnh trên cùng mt dòng, khi đó gia các lnh có du “;” hoc du “,”.

Các phím ↑, ↓, đ di chuyn gia các dòng lnh. Dùng các phím →, ← , đ di chuyntrên mt dong lnh.

Ký hiu “//” dùng đ bt đu mt dòng chú thích.Đ xóa màn hình click vào nút clear Console trên thanh công c.

4.4 Tài liu tham kho* Cung cp trên trang ch ca Scilab

http://www.scilab.org/support documentation/

* Mannual guide: gii thích chi tit các t khóa dùng trong Scilabhttp://www.scilab.org/support documentation/manuals

* 5 tutorial

* Tài liu thêmhttp://www.neurotraces.com/scilab/scilab2/ node1.htmlhttp://comptlsci.anu.edu.au/Scilab/primer.pdf

4.4.1 Giao din son tho SciNotesVic nhp trc tip vào giao din điu khin có hai đim bt li: th nht là không

th lưu đưc các lnh và th hai là vic son tho nhiu dòng ch lnh là không h d





dàng. Trình son tho SciNotes s giúp gii quyt vn đ nàyĐ m SciNotes có 2 cách:

1. click chn applicatons trên thanh menu ca ca s Console/chn SciNotes.

2. gõ lnh editor() vào ca s console

Ca s Scinote s hin ra như sau:

Hình 4.2: Giao din son tho SciNotes

Khi s dng có th tích hp 2 ca s console và scinotes li vi nhau bng cách kéoth chut ca s này vào ca s kia

Đưc kt qu như sau:Trên ca s SciNotes cũng son tho tương t như trên Console, tuy nhiên có th

son tho nhiu lnh cùng lúc.VD: son tho dòng lnh sau:

1. “hello world”

2. s=“hello world”

3. disp(s)





Hình 4.3: Giao din Docking

Đ chy chương trình dùng t hp phím ctrl+L s đưc kt qu trên ca s Consolenhư sau:

Đ lưu chương trình n F5, chn v trí lưu và tên file.




Chương 5Mt s dng bài tp vi Scilab

5.1 S dng Scilab đ tính toánĐ có th s dng Scilab vào tính toán, cn phi biu din các biu thc toán hc sangngôn ng ca Scilab thì nó mi hiu và thc hin đưc

Bng 1: mt s phép toán, hng s, hàm đưc dùng trong Scilab

Ký hiu toán hc Ý nghĩa Trong Scilab

+ Phép cng +− Phép tr –

Các phép toán × Phép nhân *÷ Phép chia /

xy

Phép lũy tha x^y√ y Phép khai căn sqrt(x)

Hng s π S pi %pie S e %et giá tri logic là đúng %Tf giá tr logic là sai %F> ln hơn >

Logic và so sánh ln hơn hoc bng >=< nh hơn < nh hơn hoc bng <=

sin(x) Hàm sin sin(x)cos(x) Hàm cos cos(x)tan(x) Hàm tan tan(x)

Mt s hàm thưng dùng cotg(x) Hàm cotg cotg(x)ln(x) Hàm loga Nê-pe log(x)lg(x) Hàm logarit cơ s 10 log10(x)

ex Hàm lũy tha cơ s e exp(x)|x| Hàm giá tr tuyt đi abs(x)

i đơn v o %iRe(z ) phn thc real(z)

S phc Im(z ) phn o imag(z)|z | modun s phc abs(z)arg(z ) argument s phc atan(z)

19



Vin CNTT-TT CHƯƠNG 5. MT S DNG BÀI TP VI SCILAB

5.1.1 Tính giá tr ca biu thcVD1: Tính giá tr ca biu thc: lg(0, 52 − 2.0, 5cosπ

5 + 1)

Nhp biu thc trên vào Scilab:–>log10(0.5^2 – 2*0.5*cos(%pi/5)+1)ans =

-0.355781VD2: Tính giá tr ca biu thc: lg(s2 − 2scosπ

5 + 1) vi:

a) s= 0.95

b) s= 1

–>s=0.95s =

0.95 –>log10(s^2 – 2*s*cos(%pi/5)+1)ans =

-0.4372698Đ tính giá tr ca biu thc ti s=1 ta dung lnh gán s=1

–>s=1s =

1S dng phím ↑ đ quay v biu thc –>log10(s^2 – 2*s*cos(%pi/5)+1),

sau đó n Enter s đưc kt qu ca biu thc ti s= 1

Tính toán trên tp s phc

Scilab cung cp cho ngưi dùng kh năng làm vic vi s phc như thc hin các phéptoán +, –, ×, ÷, khai căn, lũy tha trên tp s phc, tìm phn thc phn o, Modun,argument ca s phc.VD: Tìm phn thc phn o ca s phc sau:x = 5z+1

4z−3 vi z = 1 +

√ 3i

Gán giá tri z:–>z=1+sqrt(3)*%i;

–>x=(5z+1)/(4z-3);–>real(x)ans =

1.3469388–>imag(x)ans =

-0.6716115





5.1.2 Tính toán vi ma trn và véc tơTo mt ma trn

* VD1: To ma trn A=

2 1 −1−2 −6 4

1 −3 3

Biu din ma trn A trong Scilab như sau:A=[2 1 -1;-2 -6 4;1 -3 3]

Đt biu thc ca ma trn trong du “[ ] “, dùng du “ ” đ phân cách trong mthàng, dùng du “;” đ phân cách gia các hàng.

Sau khi chy s đưc ma trn A như sau:–>A=[2 1 -1;-2 -6 4;1 -3 3]A =

2. 1. -1.

-2. -6. 4.1. -3. 3.

* To mt ma trn ngu nhiên có a hàng, b ct dùng lnh rand(a,b).

* To mt ma trn 0 dùng lnh zeros(a,b).

* To mt ma trn đơn v dùng lnh eye(a,b).

* To mt ma trn 1 dùng lnh ones(a,b).

Ly mt phn ca ma trn A kích thưc m×n+) A(a,x) ly phn t hàng th a, ct th x

+) A(a:b,x:y) ly mt phn ma trn A t hàng a đn hàng b và t ct x đn ct y.

VD:Cho ma trn A=

1 2 3 45 6 7 89 10 11 12

13 14 15 16

đưa ra ma trn trái dưi 2×3 ca A

Sau khi nhp vào ma trn A, ma trn trái dưi 2×3 là A(3:4,1:3)

Tính toán ma trn và vectơCác phép toán có th thc hin trên ma trn như:

• Tác phép toán +, –, × (*), ÷ (/), lũy tha.

• Tìm các đc trưng ca ma trn như đnh thc(det(A)), tr riêng(spec(A)), matrn chuyn v(A’), ma trn nghch đo(inv(A)).

Gii h phương trình

VD: Gii h phương trình:

x1 + x2 + x3 = 6

2x1 + 3x2 + x3 = 11

x1 + 3x2 + 2x3 = 13





Đt ma trn A =

1 1 1

2 3 11 3 2

; X =

x1

x2

x3

; B =

6

1113

Khi đó AX = B ⇔ X = A−1B Nhp ma trn A, B vào Scilab ri thc hin phéptoán –>X=inv(A)*B s thu đưc kt qu.

5.1.3 Xây dng đa thc và tính toán vi đa thcXây dng đa thc

VD: Xây dng đa thc: p(x) = x2 − 3x − 4

+) Khi to mt véctơ v cha các h s t thp đn cao ca p(x): v=[-4 -3 1]

+) p=poly(v,’x’,’coeff’)

Có th xây dng đưc mt đa thc nu bit nghim ca nó

VD: Tim đa thc nu bit nó có 2 nghim −1, 4+) Khi to vecto z cha 2 nghim ca p(x): z=[1 2]

+) p=poly(z,’x’,roots’)

Cũng có th xây dng đưc đa thc p(x) bng cách sau:

+) x=poly(0,’x’) //khi to mt đa thc là x

+) p=x^2–3*x–4

Tính toán vi đa thcScilab cung cp mt s hàm đ làm vic vi đa thc như sau:

• roots() đ tìm nghiêm ca đa thc. VD: roots(p)

• horner(p,k) đ tính giá tr ca đa thc ti x=k

• derivat(p) tính đo hàm ca hàm p

5.2 Đ th

5.2.1 V đ th trong mt phngT ca s Console nhp vào lnh plot2d() đ m ca s Graphic. S dng lnh clfđ xóa màn hình.

Câu lnh dùng đ v trong mt phng là plot2d(x,y), trong đó x,y là 2 vec tơ cócùng s phn t. Khi đó mi phn t ca x tương ng vi mt phn t ca y to thànhmt đim trên đ th.VD: vi x=1; y=2, sau khi thc hin lnh plot2d(x,y) ta đưc mt đim có ta đ (1;2)VD2: vi x=[1 3]; y=[2 4]; sau khi thc hin lnh plot2d(x,y) ta đưc 2 đim có ta đ (1;2); (3;4). 2 đim này t đng đưc ni li vi nhau bng mt đưng thng.

* Gia lưngScilab cung cp mt toán t cho phép có th to ra mt véc tơ cha các ch s

tăng dn vi cú pháp như sau:





<giá tr đu>:[bưc]:<Giá tr cui>VD:–>x=1:0.5:3x =

1. 1.5 2. 2.5 3.Chú ý : Giá tr [bưc] có th b qua khi đó bưc s mc đnh là 1.Ta có th s dng đc tính ca Gia lưng đ v đ th

VD1: V đ th hàm s: y = x3 − 3x2 + 2M ca s SciNotes bng lnh editor(). Sau khi son tho n ctrl+L đ chy.

1. clf;

2. x=-1.2:0.1:3.2;

3. y=x^3-3*x^2+2;

4. plot2d(x,y);

5. plot2d([-5 5],[0 0])

6. plot2d([0 0],[-5 5])

Đi vi phương trình cho dng tham s cũng làm tương t:

VD2: V đưng tròn có phương trình x2 + y2 = 1

Phương trình trên chuyn v dng tham s là

x = cos(t)

y = sin(t)

Son tho trên SciNotes:

1. clf;

2. t=0:%pi/100:2*%pi;

3. x=cos(t);

4. y=sin(t);

5. plot2d(x,y)

6. plot2d([-2 2],[0 0])

7. plot2d([0 0],[-2 2])

Kt qu:

Đưng tròn có phương trình x2 + y2 = 1





5.2.2 V đ th trong không gian 3 chiuĐ v trong không gian 3 chiu ta s dng lnh plot3d hoc surf.

Cú pháp ca lnh plot3d: plot3d(x,y,z)Trong đó x,y là 2 vec tơ có n, m phn t. Z là ma trn có kích thưc m ×n, mi

đim trong không gian đưc biu din bi ((x(i),y(j),z(i,j))

Đ v đưc đ th ca mt hàm s trong không gian còn cn có hàm meshgrid.Hàm meshgrid có th to ra mt ma trn vi kích thưc tha mãn ma trn z

VD: V đ th hàm s z = x2 − y2

Son tho trên SciNotes:

1. clf

2. x=[-2:0.1:2];

3. y=[-2:0.1:2];

4. [x,y]=meshgrid(x,y);

5. surf(x,y,x.^2-y.^2)

Đ th hàm s: z = x2 − y2

5.3 S dng helpCó 3 cách đ s dng help

• S dung lnh help <tên lnh cn tra cu>

• S dng menu Help ca Scilab

• S dng help trên trang Web ca SciLab: http://www.scilab.org/product/man/




Phn IIILp trình Web

25



Chương 6Mt s khái nim cơ bn v WWW

6.1 Khái nim v siêu văn bnHypertext: Là văn bn (text) trên máy tính có siêu liên kt đn mt văn bn khácvà có th truy cp trc tip thông qua click, nhn phím.Hyperlink: là mt liên kt t mt file hypertext đn mt file khác.Hypermedia: Là s m rng ca hypertext, trong đó đi tưng có th là văn bn, đha, âm thanh, video. . .

6.2 Các thành phn ca Web• Web là h thng các tài liu hypertext liên kt vi nhau thông qua mng Internet.

• Các thành phn ca Web:-WebPage: Là mt trang Web.-Website: Là tp hp các WebPage có ni dung thng nht.-Uniform Resource Locator: Dùng đ đnh v tài nguyên trên Internet theo csachthun tin cho ngưi s dng (thay cho đa ch IP không mang ý nghĩa và khónh)Cu trúc: giao thc://đa ch máy:cng/đưng dn đn tài nguyên-Web Server: Cung cp tài nguyên cho máy khác.-Web Browser: Dùng đ khai thác dch v Web.

6.3 Phân loi trang Web• Web tĩnh: Đưc thit k bng kĩ thut HTML, không s dng các h qun tr cơs d liu-Ưu đim: Truy cp nhanh, chi phí đu tư tương đi thp.-Nhưc đim: Ni dung nhàm chán, khó tích hp, nâng cp và m rng. Munthay đơi phi có hiu bit v HTML và CSS làm cho ni dung ít b thay đi, tos nhàm chán cho ngưi s dng.

• Web đng: S dng các h qun tr cơ s d liu và các ngôn ng lp trình cpcao.

-Ưu đim: Ni dung luôn đưc cp nht, tương tác cao vi ngưi s dng.-Nhưc đim: Tc đ chm hơn so vi các web tĩnh.

26



Chương 7Mt s công c thưng dùng đ totrang (X)HTML, CSS

7.1 DreamweaverLà công c mt phí.Adobe Dreamweaver CS6 là mt phn mm thit k web chuyênnghip cung cp giao din hình nh trc quan cho vic thit k và chnh sa các trangweb HTML và ng dng di đng. S dng Fluid Grid Layout đưc thit k tương thíchvi đa nn tng đ to các layout thích ng. Bên cnh đó còn h tr xem li thit kvi Multiscreen Preview trưc khi xut bn. (Hình 2.1)

Hình 7.1: Adobe Dreamweaver CS6

7.2 Notepad++Là công c min phí, ngun m tuy nhiên không mnh bng Dreamweaver, ch có

tính năng highlight và auto-completion tuy nhiên khá hn ch.Link: http://notepad-plus-plus.org/ (Hình 2.2)

7.3 GeditLà công c min phí, ngun m, ban đu vit cho Linux, đi kèm hu ht các bn

phân phi dùng GNOME. (Hình 2.3)

27



Vin CNTT-TTCHƯƠNG 7. MT S CÔNG C THƯNG DÙNG Đ TO TRANG (X)HTML,

CSS

Hình 7.2: Notepad++

Hình 7.3: Gadit




Chương 8HTML-XHTML

8.1 HTML, XHTML là gì?

8.1.1 Đnh nghĩaHTML: Vit tt ca t Hyper Text Markup Language. HTML không phi là mtngôn ng lp trình, html là ngôn ng đánh du(mt nhóm các th đánh du), HTMLs dng các th này đ mô t trang web.XHTML: Vit tt cho eXtensible Markup Language, có chc năng tương t HTMLnhưng tuân theo XML và đưc đnh nghĩa cht hơn HTML.

8.1.2 Các phiên bn

K t nhng ngày đu ca web, đã có rt nhiu phiên bn ca HTML:Version YearHTML 1991HTML+ 1993HTML 2.0 1995HTML 3.2 1997HTML 4.01 1999XHTML 2000HTML5 2012

8.2 Cú pháp các tags(th) trong (X)HTML+ Bao gm 1 th m và 1 th đóng, ni dung nm gia 2 th.Luôn đóng th sau khiđã m: <tagname>content</tagname>+ Mt s th không có th đóng, như th <br>, <img>, <input>,. . .+ Cn thn gp li khi đóng th, m th trong trưng hp có nhiu th lng nhau, víd:<p><h1>Tiêu đ</p></h1>+ th m có th có các thuc tính nhm b sung tác dng cho th, ví d:

<img src="W3schools.jpg" alt="W3Schools.com" width="95" height="90"> (Cáctp tin ngun (src), văn bn thay th (alt) và kích thưc (chiu rng và chiu cao)

29



Vin CNTT-TT CHƯƠNG 8. HTML-XHTML

8.3 Cu trúc tng quát trang HTMLMi trang HTML đu phi khai báo DOCTYPE (đnh nghĩa chun văn bn) ngay

t dòng đu tiên.

+ Th <html> cho trình duyt bit m đu và kt thúc ca trang HTML.+ Th <head> cha tiêu đ và các thông tin khai báo, các thông tin n khác.+ Th <body> s hin th ni dung ca trang web. Đây là phn thông tin mà ngưidùng s nhìn thy khi trình duyt đc các mã HTML.Mi kí t nm gia du <!— và -–> s đưc xem là th comment

<!DOCTYPE . . . ><html>

<head><title></title>

</head>

<body></body>

</html>

8.4 Các th HTML thông dng

8.4.1 Các th đnh dng khi văn bnLà các th hin th trên màn hình dưi dng mt đon riêng, ví d:

<p> đnh nghĩa mt đon (paragraph)

<h1> đn <h6> dùng đ đnh nghĩa các tiêu đ (<h1> là ln nht, <h6> là nhnht)<div> nhóm các tags đ to mt mc hoc tiu mc có cùng cách hin th.

8.4.2 Các th đnh dng kí t Th <font>. . . </font> đnh dng mt chui vi kiu ch, c ch, màu ch, ví d:

<font face="Times New Roman" size="4" color="red">Môn hc thit k Web</font>Các th:<b> đ in đm, <i> d in nghiêng đon text, <s> to dòng ch b gch ngang

<big>hin th vi kích thưc font ln hơn phn còn li ca văn bn<small> hin th vi kích thưc font nh hơn phn còn li ca văn bn<sup>, <sub> to ch s trên, dưi.

8.4.3 To khung box cha văn bnS dng th <textarea> đ to mt hp có cha văn bn bên trong mà không có

gii hn bên trong. Ví d: <textarea rows="5" cols="30">text</textarea>

8.4.4 Các th to danh sách

Danh sách không đưc sp xp: Nm trong cp th <ul> ...</ul>. S dngthuc tính “type” đ đnh dng bullet, ví d:<ul><li type="square">text1</li>





<li type="disc">text2</li><li type="circle">text3</li></ul>Danh sách đưc sp xp: Nm trong cp th <ol> . . . </ol>. s dng thuc tính

type đ đnh dngDanh sách đnh nghĩa: Nm trong cp th <dl></dl>Th <dt> ch thut ng, th <dd> ch đnh nghĩa

8.4.5 Các th to bngHTML coi mt bng gm nhiu dòng, mt dòng gm nhiu ô, ô cha d liu ca

bng. Th <table> dùng đ to bng. Th <tr> dùng đ to hàng. Th<td> dùngđ to ô. Ví d:<table border="1"><tr>

<th>H và tên</th><th>Mã s sinh viên</th></tr><tr><td>Nguyn Th Hu</td><td>20131729</td></tr><tr><td>Đ Th Hưng</td><td>20132015</td> </tr>

<tr><td>Nguyn Th Hu</td><td>20131729</td></tr><tr><td>Đ Th Hưng</td><td>20132015</td> </tr><table>

H và tên Mã sinh viênNguyn Th Hu 20131729Đ Th Hưng 20131096

Nguyn Th Hu 20131729

Đ Th Hưng 20131096

8.4.6 Mt s th chèn ni dung đa phương tin

Chèn liên kt: Mt liên kt là mt yu t, mt văn bn hoc hình nh mà bn cóth click vào, và chuyn đn mt tài liu khác.Cú pháp: <a href="url">link text</a>Ví d: <a href="http://www.w3schools.com/html/">Visit our HTML tutorial</a>Chèn hình nh: Th <img> dùng đ chèn hình nh, cha các thuc tính và khôngcó th đóng, có th s dng thuc tính đ xác đnh chiu rng và chiu cao ca hìnhnh.Cú pháp: <img src="url" alt="sometext">Ví d: <img src="html5.gif" alt="HTML5 Icon" style="width:128px;height:128px">Chèn âm thanh: Âm thanh nn: <bgsoung src="url" loop="n">

Đ lp li vô hn ln, ta dùng loop="-1"Chèn video: Th <video> đ nhúng mt đon video trong mt trang web. Ví d:<video width="320" height="240" controls><source src="movie.mp4" type="video/mp4"><source src="movie.ogg" type="video/ogg">





Your browser does not support the video tag.</video>Chèn Flug-in: Flug-in có th đưc thêm vào các trang web vi các th <object> hocth <embed>. Ví d: <object width="400" height="50" data="bookmark.swf"></object>

Chèn YouTube: S dng th <iframe> hoc <object> hoc <embed>. Ví d:<iframe width="420" height="315"src="http://www.youtube.com/embed/XGSy3Czz8k"> </iframe>

8.4.7 Form trong (X)HTMLForm trong (X) HTML cho phép ngưi dùng nhp thông tin đ gi v máy ch.

Form trong (X)HTML đưc đt trong th <form>. Ví d:<form name="input" action="http://google.com.vn" method="get">Tên tài khon:<input type="text" name="tentaikhoan" value="tên tài khon" /><br/>

Mt khu:<input type="password" name="matkhau" value="mt khu" /><br /><input type="submit" value="Đăng nhp"></form>

Hin th là:

Tên tài khon: tên tài khon

Mt khu: ******

Đăng nhp

8.4.8 Mt s th khác+Th <abbr>: Đnh nghĩa cho mt ch vit tt. Ví d:<p>The <abbr title="World Health Organization">WHO</abbr> was founded in1948.</p> Khi di chut vào "WHO" thì s có dòng gii thích cho ch vit tt đy là"World Health Organization"+ Th <q>: To du ngoc kép xung quanh yu t q. Ví d:<p>WWF’s goal is to: <q>Build a future where people live in harmony with na-ture.</q></p> Hin th là WWF’s goal is to: "Build a future where people live inharmony with nature."+ Th <address>: Xác đnh thông tin liên lc (tác gi / ch s hu) ca mt tàiliu hoc bài vit. Các yu t trong th <address> đưc hin th in nghiêng.+ Th <hr>: To dòng k ngang.+ Th <marquee>: To dòng ch chy.Ví d:<marquee>Nhp môn CNTT-TT</marquee>S to dòng ch "Nhp môn CNTT-TT" chy t phi qua trái. Có th to dòng ch chy t trái qua phi, chy qua li, t dưi lên trên, t trên xung dưi,chy có màunn, có khung xung quanh...




Chương 9CSS

9.1 CSS là gì?

CSS (Cascading Style Sheets) là thêm các cách hin th (font ch, kích thưc, màusc,...) cho mt tài liu web. Hay, CSS là mt ngôn ng quy đnh cách trình bày chocác tài liu vit bng HTML, XHTML,...

CSS tit kim rt nhiu công vic: CSS xác đnh các th trong HTML đưc hin thnhư th nào. Các đnh dng thưng đưc lưu vào file bên ngoài có đuôi .css. Vi cácđnh dng này cho phép thay đi giao din và cách b trí ca tt c các trang trongmt trang web, ch bng cách chnh sa mt trang duy nht.

9.2 V trí đt CSSCó 3 cách đt CSS là:

• Cc bCode CSS đưc chèn trc tip vào trong th HTML và ch có tác đng lên thđó. Ví d:<p style=”font-size:16pt; font-weight:bold; color:blue;”> Nu bn thêm code CSSvào trong th này nó s thay đi cách hin th trên trình duyt </p>

• Nhúng vào trang Web Khai báo code CSS nm trong cp th <style></style>đưc đt phn <head></head> ca tài liu, có tác đng cc b lên file chèn

đon CSS này.Nó có phm vi nh hưng ln hơn cách chèn cc b, nhưng nó không có nhhưng đn các file khác trong cùng mt trang web.

• Liên kt đn mt file bit lp To ra mt file CSS và vit code ch mt ln,nó s nh hưng đn toàn b trang web. Nu vit toàn b code CSS trong mtfile và liên kt nó đn nhng trang còn li thì vic thay đi sa cha trang webs tr nên đơn gin hơn.Đ liên kt file CSS đn tt c các file.html ca bn, bn ch cn chèn đon codesau vào gia th <head></head> ca tài liu:<link href="stylesheet.css" rel="stylesheet" type="text/css" />

Th t ưu tiên:Cc b > Nhúng vào trang Web > Liên kt đn mt file bit lp

33



Vin CNTT-TT CHƯƠNG 9. CSS

9.3 Cú pháp CSSCú pháp CSS:

Selectorproperty:value

Trong đó:+ selector chính là các thành phn ca HTML, có th là các th (tag), có th là classhay id. Ví d như th <body>, th <h1>, <h2> đn <h6>, th <p>, th<img>, . . .Chú ý đi vi class thì khi CSS đi tưng đó phi có du chm trưc. Ví d:<div class="header"> thì khi CSS ta phi .headerCòn vi id thì khi CSS dói tưng đó phi có du # trưc. Ví d:<div id="content"> thì khi CSS ta phi #content+ property chính là các thuc tính quy đnh cách trình bày. Ví d: background-color,font-size,...

Mi thuc tính CSS phi đưc gán mt giá tr. Nu có nhiu hơn mt thuc tính chomt selector thì phi dùng mt du ; (chm phy)đ phân cách các thuc tính. Ví d:.menu background:#000; color:#FFFF00; font-size:13px; font-weight:bold;

9.4 Các CSS cơ bn

9.4.1 CSS BackgroundsThuc tính CSS background đưc s dng đ xác đnh hiu ng nn ca mt phn t,bao gm:

+ background-color: xác đnh màu nn ca mt phn t. Ví d:body background-color: #b0c4de;+ background-image: xác đnh hình nn ca mt phn t. Theo mc đnh, hìnhnh đưc lp li c theo chiu ngang và chiu dc. Ví d:body background-image: url("paper.gif");+ background-repeat: xác đnh hình nh ch lp li theo chiu ngang (repeat-x)hoc chiu dc (repeat-y) hoc không lp li (no-repeat)

+ background-attachment: đính kèm.+ background-position: xác đnh v trí nh. Ví d:body background-image: url("tree.png");background-repeat: no-repeat;background-position: right top;Thuc tính background rút gn: th t vit tt là:+ background-color+ background-image

+ background-repeat+ background-attachment+ background-positionVí d:body background: #ffffff url("tree.png") no-repeat right top;





9.4.2 CSS TextText ColorThuc tính màu sc đ xác đnh màu sc ca văn bn. Vi CSS, mt màu sc thưngđưc xác đnh bi:

+ Mt giá tr HEX. Ví d: "#ff0000"+ Mt giá tr RGB. Ví d: "rgb (255,0,0)"+ Mt tên màu ting anh. Ví d: "red"Ví d:

h1 color: red; Thì s hin th là This is heading 1h2 color: #ff00ff; Thì s hin th là This is heading 2h3 color: rgb(0,0,255); Thì s hin th là This is heading 3Text AlignmentThuc tính text-align đưc s dng đ đnh dng đon văn. Văn bn có th đưc làmtrung tâm (text-align: center;), canh trái (text-align: left;) hoc canh phi (text-align:right;).Khi text-align là justify thì mi dòng đưc kéo dài đ mi dòng có chiu rng bngnhau, l bên trái và bên phi là thng (như trong báo và tp chí). Ví d:

<style type="text/css">h1 text-align:center;h2 text-align:left;h3 text-align: right;</style>

This is heading 1This is heading 2

This is heading 3

Text DecorationThuc tính text-decoration đưc s dng đ loi b gch dưi ca các liên kt.Nó cũng đưc s dng đ trang trí văn bn. Ví d:p text-decoration: underline; hin th là gch dưip text-decoration: line-through; hin th là Some TextText IndentationThuc tính text-indent đưc s dng đ xác đnh tht đu dòng ca dòng đu tiên cavăn bn.

9.4.3 CSS FontFont-familyMt nhóm các font ch vi cái nhìn tương t. Ví d:p font-family: "Times New Roman", Times, serif; Nu tên ca mt font family nhiu hơn 1 t thì phi đ nó trong ngoc kép, như "TimesNew Roman"Font StyleThuc tính font-style đưc s dng ch yu đ xác đnh văn bn in nghiêng, Ví d:p.normal font-style: normal; p.italic font-style: italic;

p.oblique font-style: oblique; Font SizeThuc tính font-size thit lp kích thưc ca văn bn. Ví d:h1 font-size: 40px;





9.4.4 Class và IDClass và ID giúp cho vic đnh dng mt hoc mt tp hp các th HTML có chung

nhng thuc tính như màu sc, kích thưc hay c ch...tr nên nhanh hơn và hiuqu hơn. Vic s dng Class và ID trong CSS còn giúp cho vic qun lý code css tr

nên d dàng hơn. Cách dùng:+ Class: Trong file CSS đt du "." trưc tên ca đi tưng đt là class.<div class="ClassName"> Ni dung </div>//Thì trong file CSS chúng ta vit như sau..ClassName //Lnh CSS + Id: Trong file CSS dùng du "#" trưc tên đi tưng đt là id.<div id="IdName"> Ni dung </div>//Thì trong file CSS chúng ta vit như sau.#IdName //Lnh CSS S khác nhau gia Class và ID:

+ ID là duy nht, còn Class có nhiu+ Có th s dng nhiu class cho mt thành phn, còn ID ch dùng duy nht cho 1thành phn

9.4.5 CSS LinksBn liên kt:+ a:link - liên kt bình thưng khi mi đu nhìn thy+ a:visited - liên kt mà ngưi dùng đã truy cp+ a:horver - liên kt khi ngưi dùng di chut vào nó

+ a:active - liên kit ti thi đim nó đưc nhp

9.4.6 CSS Box ModelBox-model(Mô hình hp) là cách mà CSS đnh dang khi không gian bao quanh

mt thành phn. Trong HTML, tt c các thành phn đu tn ti mt hp bao quanhnó. Các thành phn ca Boxmodel gm:+Content: Ni dung ca hp.+Padding: Vùng đm t ni dung ca Box ra đn đưng vin.+Border: Đưng vin ca Box.+Margin: Canh l ca Box so vi các thành phn còn li.

Mc đnh các giá tr Margin, Border, Pading đu bng 0, ch thay đi khi có s điuchnh.

• Margin: Margin to ra khong cách gia các Box-model vi nhau, có 4 thànhphn ca margin tương ng vi 4 cnh ca Box:+ Margin-top+ Margin-right+ Margin-bottom+ margin-left

• Border: Border xác đnh các đưng vin trong mt Box-model, các thuc tínhca mt border bao gm:+ Border-style: Kiu đưng vin+ Border-color: Màu sc ca đưng vin+ Border-width: Đ dày ca đưng vin





Hình 9.1: To bóng

Hình 9.2: To thư vin nh

• Padding: Padding xác đnh khong cách t ni dung đn đưng vin (Border),

tương t như margin, padding có 4 thuc tính tương ng vi 4 border ca box:+ Padding-top+ Padding-right+ Padding-bottom+ Padding-left

Mt s cách vit tt cho các thuc tính ca Box-modelCác thuc tính ca Margin, Border, Padding áp dng cho 4 cnh ca 1 box, dođó, thay vì khai báo thuc tính cho tng cnh ta có th khai báo theo trình t và trìnhduyt t hiu các giá tr ca mi cnh:

Margin: Thay vì Style="margin-top:2px;margin-right:3px;margin-bottom:4px;margin-left:5px;" có th vit ngn li thành Style="margin:2px 3px 4px 5px;"Border: Thay vì vit Style="border-width:2px;border-style:solid;border-color:green"có th vit ngn gn li thành: Style="border: 2px solid green;". Th t đ vit ttcho Border là border-width; border-style; border-color.Padding:Cách vit tt ca Padding tương t vi Margin, có th vit ngn gn thành:Style="padding: 2px 3px 4px 5px"

9.4.7 To bóng cho văn bnThuc tính text-shadow dùng đ to bóng cho mt văn bn, trong đó ch rõ bóng

ngang, bóng thng đng,khong cách blur, và màu sc ca bóng. Ví d:h1 text-shadow: 5px 5px 5px #FF0000;

9.4.8 CSS floatVi CSS float, mt yu t có th đưc đy sang bên trái hoc bên phi, cho phép

mt yu t khác bao quanh nó.

9.4.9 Các hiu ng hình nh đp

+ CSS có th đưc s dng đ to ra mt thư viên hình nh. Ví d:+ To mt hình nh trong sut. Ví d:+ Chuyn đi màu sc.Ví d:

#grad1 height: 55px;





Hình 9.3: To nh trong sut

Hình 9.4: Chuyn đi màu sc

background: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, vio-let);background: -o-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);background: -moz-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);+ CSS có th to nh 2D, 3D, to nh đng, xoay và làm to hình nh khi di chut vàonó.




Chương 10Vn dng HTML - CSS

Sau đây là trang web cá nhân đưc vn dng qua lí thuyt( s sngcông c notepad++):

MY FIRST WEBSITE

http://hienluong.hol.es/html/trangchu.html

http://hienluong.hol.es/html/trangchu.html

Documents

Báo cáo Nhập Môn Công Nghệ Thông Tin Và Truyền Thông