-
,
-
: . ..
2012
, 23 2005 .
" ".
______________
. , ..., . _________________ ..
- 100101.65 , 210303.65 , 210312.65 , 010300.62 , 100100.62 , 210100.62 , 210300.62 , 210400.62 ( ), 210400.62 ( ), 210700.62 , 230100.62 , 230100.68 , 230200.62 , 230400.62 , 231000.62 , 231000.68 , 210308.51 ( ), 230106.51 , 230113.51 .
______________
, ..., . ______________ ..
: ..., ..
充..3
1 HTML. 5
2 web-18
3 PHP .....26
4 Adobe Photoshop .34
ꅅ...47
充.48
:
- , ;
- ;
- : , , , , ;
|
|
- , , .
.
:
- , ,
- 4 (210297 ),
4 WORD Times New Roman 12, : 1,5 ., 2 ., 1,5 . , ( ) ( 1) .
. , :
1. ;
2. ;
3. ;
4. ;
5. ;
6. ;
7. .
1
HTML. .
: - HTML. Web- - HTML (Hyper Text Markup Language).
:
HTML (HyperText Markup Language) HTML (HyperText Markup Language) - , , - . HTML - , . HTML- , , , . HTML- :
<html>
<head>
<title>HTML-</title>
</head>
<body>
<i>Internet</i>
</body>
</html>
<html>. , <head> <body>. HTML- , . - , HTML-. (), . . , , , (, ), ( ), . HTML- , . < >. , . . , , , . - , , . , . .
|
|
, , . , / (<html></html>). . , .
.
. , , . HTML , . .
(CSS Cascading Style Sheets)
Web-. HTML- , HTML-.
:
− (Linked Style Sheets) .css . Web-;
− (Global Style Sheets) HTML. ;
− (Inline Style Sheets) style. .
:
( lss.css)
h1 {font-size:10; color:red}
p {color:#0000ff; font-style:italic}
HTML-
<html>
<head><link href=lss.css rel=stylesheet></head>
<body>
<h1> </h1>
<p> </p>
</body>
</html>
:
<html>
<head><style><!h2 {font-weight:bold; color:green}></style></head>
<body><h2> </h2></body>
</html>
:
<html>
<h1 style="font-size:40pt; color:blue"> </h1>
<p style="font-size:40; color:magenta"> </h1>
</html>
, HTML. , , .
JavaScript , , ..
HTML-, div, id:
<div id=layer1>
</div>
, :
<style type=text/css>
#layer1 {position:absolute; top=0; left=0; z-index=1; visibility:visible; width:100px;
height:120px;}
</style>
:
− position , : absolute
relative;
− top, left ;
|
|
− z-index ;
− visibility , : visible hidden;
− width; height .
:
<html>
<head>
<script language=JavaScript>
function showlayer(layername)
{eval('document.all[" '+layername+' "].style.visibility="visible" ');}
function hidelayer(layername)
{eval('document.all[" '+layername+' "].style.visibility="hidden" ');}
</script>
</head>
<body>
<style type=text/css>
#mylayer {position:absolute; top:0; left:400; z-index:1; visibility:visible; width:100px;
height:100px;}
</style>
<div id=mylayer>
<img src=dove.gif border=1>
</div>
<p><button onclick="showlayer('mylayer');"> </button>
<p><button onclick="hidelayer('mylayer');"> </button>
</body>
</html>
:
<html>
<head>
<script language=JavaScript>
function movelayer(layername,newtop,newleft)
{eval('document.all[" '+layername+' "].style.pixelTop=newtop');
eval('document.all[" '+layername+' "].style.pixelLeft=newleft');}
</script>
</head>
<body>
<style type=text/css>
#mylayer {position:absolute; top:0; left:400; z-index:1; visibility:visible; width:100px;
height:100px;}
</style>
<div id=mylayer>
<img src=dove.gif border=1>
</div>
<p><button onclick="movelayer('mylayer',0,600);"> </button>
</body>
</html>
- , .
window
window . .
window
window
, window, , .
open close
open. open :
newWnd=window.open(URL, name, features, replace),
:
− URL , . , ;
− name , ;
− features , ;
− replace - , history .
close. close :
newWnd.close()
: window.close() self.close().
alert, prompt, confirm
. window.alert() , OK.
string=window.prompt(, ) . OK. Cancel null. truefalse=window.confirm() . OK Cancel true false .
focus, blur
. blur ( Tab), focus , , JavaScript.
|
|
setTimeout, setInterval, clearTimeout, clearInterval
setTimeout, setInterval . setTimeout , , window.setTimeout(, ).
, , setInterval, window.setInterval(, ).
clearTimeout, clearInterval setTimeout, setInterval .
cookie
Cookie , . cookie . , , , .. , . - , , .
cookies cookie document. name.
cookies.
<html>
<head>
<title>Cookies</title>
<script language=JavaScript>
function doCookie()
{myname="myname=";
if (document.cookie!= -1)
{value=document.cookie;
alert("Hello, "+value)
}
else
{name=prompt("What is your name?", "I don't no");
document.cookie=myname+name+";";
}
}
</script>
</head>
<body onLoad="doCookie();">
</body>
</html>
, , .
<html>
<head>
<title>Cookies</title>
<script language=JavaScript>
function doCookie()
{myName="myName=";
if (document.cookie.indexOf(myName)!= -1)
{start=document.cookie.indexOf(myName);
end=document.cookie.indexOf(";");
value=document.cookie.substring(start+myName.length, end);
alert("Hello, "+value)
}
else
{name=prompt("What is your name?", "I don't no");
document.cookie=myName+name+";";
}
}
</script>
</head>
<body onLoad="doCookie();">
</body>
</html>
JavaScript images . name .
, , <img src=First.gif name=First>, JavaScript document.first.
images , HTML . 0-
: document.images[0]. , , :
document.images[0]
document.images[first]
document.first
document[first]
image
image , , - .
image.
JavaScript . , , - , , , . .
<html>
<head>
<title>Animation with JavaScritp</title>
<script language="JavaScript">
i=1;
bForward=true;
function showNextImage()
{if(bForward)
{i++;
if(i>5)
{bForward=false;}
}
else
{i--;
if(i<2)
{bForward=true;}
}
document.Img.src="noise0"+i+".gif";
setTimeout("showNextImage()",500);
}
</script>
</head>
<body bgcolor=white>
<img src="noise01.gif" name="Img">
|
|
<script language="JavaScript">
showNextImage();
</script>
</body>
</html>
:
, .
, , , .
, .
<html>
<body bgcolor="#B0FFD8">
<font face=Arial, Helvetica" size=1>
<p>
<a href="back.htm"
onMouseOver="document.btn1.src='back_down.gif'"
onMouseOut="document.btn1.src='back_up.gif'">
<img src="back_up.gif" name="btn1" border=0 alt="Back"></a>
<br>
<a href="forward.htm"
onMouseOver="document.btn2.src='forward_down.gif'"
onMouseOut="document.btn2.src='forward_up.gif'">
<img src="forward_up.gif" name="btn2" border=0 alt="Forward"></a>
</font>
</body>
</html>
:
1. , ?
2. .
3. HTML ?
4. <BODY>?
5. <FONT>?
6. HTML-.
7. <HTML>.
:
1. .
:
, .
.
.
- .
.
.
.
.
HTML.
2. HTML-, :
− ;
− ;
− ;
− ;
− HTML-, HTML-
, e-mail;
− (input (text, checkbox, radio, submit, reset), textarea, select).
− ;
− JavaScript ( ).
2
web-
: :
WEB . WEB .
, WEB APACHE.
WEB- APACHE.
WEB APACHE.
:
Web- Apache
Apache Internet web-. Apache Web- .
httpd.conf, web-. , , , , , . Apache. web- .
. , .
httpd.conf :
Section 1. Global Environment , Apache , Apache;
Section 2. Main Server Configuration , , , ;
Section 3. Virtual Hosts .
()
() web- IP-, Apache.
:
− web- , ;
− , web-;
− web- ;
− web-.
VirtualHost
<VirtualHost ip_address_of_host>
</VirtualHost>
: virthost2 c ip- 127.0.0.2.
:
<disk:>\infocom\apache2 Apache
<disk:> \infocom\virthost2\www
<disk:> \infocom\access.log
<disk:> \infocom\error.log
Section 3 httpd.conf :
<VirtualHost 127.0.0.2>
ServerName virthost2
ServerAdmin admin@virthost2
DocumentRoot <disk:>/infocom/virthost2/www
CustomLog <disk:>/infocom/access.log common
ErrorLog <disk:>/infocom/error.log
</VirtualHost>
DocumentRoot, . .
.
AuthType
AuthType type
. Basic.
AuthName
AuthName realm
(realm), .
/ . Test.
AuthGroupFile
AuthGroupFile file_name
, , . :
name_group: name_user name_user
name_group: name_user name_user
AuthUserFile
AuthUserFile file_name
, . .
:
name_user:password
name_user: password
: , <disk:>\home\security\groups <disk:>\home\security\users. security . , ,
DocumentRoot.
groups
adm: admin
group1: anna alex
group2: user1 user2 user3
groups
users
admin:$apr1$yd5.....$Bkv.cPIQk/L7EOF2d2DNO.
anna:$apr1$Ze5.....$k/uC6j.ysELGdCK66BD6v0
alex:$apr1$Gf5.....$TZUpPFixB0h4pwvpfRkxl0
user1:$apr1$Sj5.....$HBg8Io5hbm/9quebHF3O01
user2:$apr1$Og5.....$WKYIDjTsbk.J.PDIhXu5x1
user3:$apr1$Xi5.....$AfQzJlIxyjiFh6KX23cE30
users Apache- <disk:>\program
files\apache group\apache\bin\htpasswd.exe. -?. c.
\htpasswd.exe [-switch] name_user.
c .
groups users <VirtualHost> :
<VirtualHost 127.0.0.2>
ServerName virthost2
ServerAdmin admin@virthost2
DocumentRoot <disk:>/infocom/virthost2/www
CustomLog <disk:>/infocom/access.log common
ErrorLog <disk:>/infocom/error.log
<Directory <disk:>/infocom/virthost2/www>
AuthType Basic
AuthName Test
AuthGroupFile <disk:>/infocom/security/groups
AuthUserFile <disk:>/infocom/security/users
</Directory>
</VirtualHost>
, , .
Require
− Require [user name_user name_user ] #
− Require [group name_group name_ group ] #
− Require [valid-user] # users
:
<VirtualHost 127.0.0.2>
ServerName virthost2
ServerAdmin admin@virthost2
DocumentRoot <disk:>/infocom/virthost2/www
CustomLog <disk:>/infocom/access.log common
ErrorLog <disk:>/infocom/error.log
<Directory <disk:>/infocom/virthost2/www>
AuthType Basic
AuthName Test
AuthGroupFile <disk:>/infocom/security/groups
AuthUserFile <disk:>/infocom/security/users
Require valid-user
#Require user anna user1
#Require group adm
</Directory>
</VirtualHost>
, , anna user1, , adm
Require . / ip-, , Allow from Deny from. : all / , / __________ , / .
, Allow from Deny from, , Order.
Deny from, Allow from. Deny from, , Allow from. , .
, Order allow,deny. , , Allow from , Deny from. , .
Files
<Files name_file>
</Files>
. Files <Directory>.
: www secret.html
<VirtualHost 127.0.0.2>
ServerName virthost2
ServerAdmin admin@virthost2
DocumentRoot <disk:>/infocom/virthost2/www
CustomLog <disk:>/infocom/access.log common
ErrorLog <disk:>/infocom/error.log
<Directory <disk:>/infocom/virthost2/www>
AuthType Basic
Auth Test
AuthGroupFile <disk:>/infocom/security/groups
AuthUserFile <disk:>/infocom/security/users
Require valid-user
#Require user anna user1
<Files secret.html>
Require user anna user1
#Require valid-user
</Files>
</Directory>
</VirtualHost>
httpd.conf Apache. , , , . AccessFileName.
AccessFileName
AccessFileName file_name
: AccessFileName htaccess
htaccess, Apache.
: htaccess
httpd.conf
<VirtualHost 127.0.0.2>
ServerName virthost2
ServerAdmin admin@virthost2
DocumentRoot <disk:>/infocom/virthost2/www
CustomLog <disk:>/infocom/access.log common
ErrorLog <disk:>/infocom/error.log
<Directory <disk:>/infocom/virthost2/www>
AuthType Basic
Auth Test
AuthGroupFile <disk:>/infocom/security/groups
AuthUserFile <disk:>/infocom/security/users
Require valid-user
</Directory>
</VirtualHost>
htaccess
<Files secret.html>
Require user anna user1
</Files>
htaccess <Directory>, .
, index.html, Apache Index of/, . .
IndexOptions
IndexOptions FancyIndexing
.
IndexIgnore
IndexIgnore file1 file2
. IndexIgnore
.
: jpg
(, ).
<Directory >
FancyIndexing on
IndexIgnore *.jpg..
</Directory>
AddIcon
, , . ^^DIRECTORY^^, .
:
Alias /icons <disk:>/program files/apache group/apache/icons
AddIcon icons/first.gif *.html
AddIcon icons/second.gif ^^DIRECTORY^^
AddDescription
.
:
AddDescription HTML- *.html
HeaderName ReadmeName
. . , , HeaderName ReadmeName , IndexIgnore.__
:
1. , web-?
2. HTML?
3. .
4. .htaccess ( ).
5. Windows.
:
web-. .
.
<disk:>\infocom\virthost2\www <disk:>\infocom\virthost3\www.
<disk:>\infocom\access.log <disk:>\infocom\error.log. <disk:>\infocom\security\groups <disk:>\infocom\security\users.
. :
− ;
− ;
− ;
− ;
− .
htaccess, , .
.
3