Вы находитесь на странице: 1из 172

Krokoz

]
[ ]

* +

............................................................................................ 4
............................................................................................. 6
............................................................... 6
........................................................................... 7
........................................................................... 9
......................................................................... 10
....................................................... 11

.................................................................................. 13
................................................................................. 16
.............................................................. 16
........................................................................... 30
favicon ..................................................... 35
............................................................................ 42
........................................................... 48
......................................................... 62
...................................... 77

MyRusakov.ru

.......................................................................... 84
..................................... 93
96
................................................ 100
............................................. 103
................................... 111
................................. 112
JavaScript ............................................................. 131

.................................................................. 136
e-mail ................................................. 136

.................................................... 144
............................................................................. 144
........................................................................... 147
...................................................................... 151
................................................... 158

................................................................................... 164

MyRusakov.ru

.
: http://MyRusakov.ru
: http://Blog.MyRusakov.ru
: http://Support.MyRusakov.ru
( )

4- .
8 .
, PHP MySQL,
JavaScript, - .
:
http://Blog.MyRusakov.ru/courses.html
, ,
: http://Blog.MyRusakov.ru/history.html

MyRusakov.ru


PSD- , .
:
http://files.myrusakov.ru/subscribe/book_sources.rar


,
.

10 .

http://srs.myrusakov.ru/bookv

MyRusakov.ru

, -
. - , ,
,
.
.
- , , ,
. :

.

( )

,
.

MyRusakov.ru

Photoshop.
psd (
Photoshop).
- ,
,
psd. ? ,
- , .

.
, Photoshop
, , ,
. : -
, .

MyRusakov.ru

,
,
, .
,
,
, . ,
, -.
, ,
, .
,
.
, -
.

, , ,
. ,
.
.
100 150
. , , 3000 ,
.

MyRusakov.ru

100 , , ,
.
,
. :
, - , ,
. ,
- .
, , -
. 15
30 .



.
,
HTMLCSS . ,
Web-, ,
- .
.
.

MyRusakov.ru


, .
,
.
. ,

.
- .
, , , e-mail,
, .
.
.
. - .
.

.

MyRusakov.ru

10


,
.
.
.
? , google.ru, yandex.ru .
, .
, .
.
.
.
,
.
( ,
)dns,
.
, , . ,
,
.

MyRusakov.ru

11

, ,
.

MyRusakov.ru

12


,
. , .
,
AdobePhotoshop.
.

Adobe
.
.
,
https://www.fl.ru/ http://freelance.ru/.
. ,
. .
, .
.
, .
http://www.internettechnologies.ru/templates/.
, ,
.

MyRusakov.ru

13

. ,
, PSD.

MyRusakov.ru

14


. ,
PSD Photoshop.
, , .
. ,
, , , .

MyRusakov.ru

15



.
, ,
.
,
, .

Apache,

PHP

, MySQL ..
. http://www.denwer.ru/base.html
.

MyRusakov.ru

16

,
.
. -
,

http://support.myrusakov.ru/article?id=5 ,
, ,
.

MyRusakov.ru

17

,
, .
,
http://open-server.ru/.
.

MyRusakov.ru

18

,
.
.
,
PHP(
) .
.

Notepad++,
HTML, CSS,PHP .
.
http://notepad-plus-plus.org/download/v6.5.1.html.

MyRusakov.ru

19

.
, ,

, .
Notepad++,
.
. OpenServer .
, ,
, home.

MyRusakov.ru

20

,
, , , mysite.local.

www.

MyRusakov.ru

21

.
. denwer
Restart.exe .

MyRusakov.ru

22

, .
mysite.local
:

.htaccess.
.
Notepad++
www,
. .htaccess,

MyRusakov.ru

23

, , htaccess.

Notepad++

AddDefaultCharsetUTF-8.

, UTF-8,
, ,
, UTF-8.

MyRusakov.ru

24

index.html.
, . ,
index.html index.php.
,
www. index.html.
, ,
. . ,
. .
.
HTML- DOCTYPE. ,
HTML XHTML .
HTML5. .

. ,
, .

MyRusakov.ru

25

<html> , HTML .
<head> , ,
,

, .
<body> . ,
.
<html>.
<head> <title>, ,
http://mysite.local/.
,
F5, .

GOahead.

F5

MyRusakov.ru

26

http-equiv,
Content-Type.content,
, html charset=utf-8 ( utf-8).
. :

,
. . ,
,
.
CSS , .. ,
. link type

MyRusakov.ru

27

text css. , ,
: styles main.css.

. www
styles.
Notepad++ main.css, .htaccess
index.html.
www images.
.

Notepad++

/ - ,
:

MyRusakov.ru

28

,
, ,
UTF-8, .
.
, http://myrusakov.ru/phpencoding-problems.html, ,
.
,
. , ,
OpenServer, Notepad++ .
. DOCTYPE, HTML-,
, ,
, main.css.
.

MyRusakov.ru

29


,
, ,
.
,
. PSD Photoshop.
.

, CSS
HTML. .
,
- .
.

MyRusakov.ru

30


.

.

.
Web.

MyRusakov.ru

31

, PNG24. .

. ,
. bg.png
(background).
.
.
. Delete,
.
,
- .

MyRusakov.ru

32


Web. PNG-24

logo.png.

. .
,
, . .

MyRusakov.ru

33

.
Photoshop.
, .

new_icon.png.

images .

MyRusakov.ru

34

favicon
favicon .
favicon? Favicon ,
.
-. favicon .

MyRusakov.ru

35

favicon .
https://www.iconfinder.com/.
, .
.ico.
: 1616 3232. 1616.
, .
.
tire - .

MyRusakov.ru

36


, .
16 .
ico.

. .

MyRusakov.ru

37

, ,
favicon.ico.
www , .. , index.html.

MyRusakov.ru

38

index.htmlfavicon.
index.html

EditwithNotepad++.

Notepad++,
. .

link, href
, relshortcuticon
type.
,favicon .
, favicon
. ,

MyRusakov.ru

39

,
favicon . favicon .
.

stiles main.css.
Notepad++.
body, .. ,background.
- url, bg.png
(../images/bg.png ../ - , main.css
www, ), no-repeat,
, ,
. :

MyRusakov.ru

40

, .
. ?
main.css. ,
:

, , .
background-size - cover.
.

MyRusakov.ru

41


.
.
HTML . ,
- .
,
HTML- ,
.
, ,
. -
1000 px, 1400px (
),
200px. html-
900px ( ), ,
( ),
.

- (
),
, .

MyRusakov.ru

42

, 80%
, 10px 100000px.
80%.
. ,
, .
,
,
.
.
, ,
,
, .
.
,
.
Notepad++ .
: div , id,
css .

MyRusakov.ru

43

img
alt, .

,
. :

MyRusakov.ru

44

, .
. .

, body -
. , ,
.
:

. .

MyRusakov.ru

45

.
Notepad++.
:

MyRusakov.ru

46

: # - id, container

: margin,

; 0 , ;
-

: 717

images,
:

, .

MyRusakov.ru

47

,
,
, ,
.



.
,

hover-).
CSS.

MyRusakov.ru

48

Notepad++, index.html, .

.
.
.
.
, ,
.

MyRusakov.ru

49

, .
: topmenu.
table, ,
.
<tr>
. <td> </td> .
.
:

<a> - , .

href

MyRusakov.ru

50

index.html, about.html, services.html, contact.html

feedback.html -

, , , , -

, (..
).

(</tr>), (</table>) (</div>)


.
. F5
:

MyRusakov.ru

51

. , HTML. , , ,
.
, Notepad++
main.css.
, , ,
.
, ,
Verdana.

main.css .

.
.

MyRusakov.ru

52

, .
ArialTimesNewRoman.
:

font-family ,
.
.
font-size (
pt , px , % em ).
.
Photoshop,
. .
.
.

MyRusakov.ru

53

main.css .
:

MyRusakov.ru

54

,
(#topmenua <a>,
id="topmenu").
, Photoshop
(color: #2e2e2e).
(font-weight: bold).
, :

,
. ,
, .
:

MyRusakov.ru

55

margin: 0
10 . , 0 ,
10 . , -textdecoration: none. , .
, :

MyRusakov.ru

56

,
.
,
,
.

hover. ,
.
, background-color,
.
:

MyRusakov.ru

57

, . ,
Photoshop

,
.
:

, ,
. , , , .
padding. #topmenua.
:

MyRusakov.ru

58

10px 5 .
.
:

MyRusakov.ru

59

, .
.
CSS- #topmenu margin.

margin , :

20

10

MyRusakov.ru

60

MyRusakov.ru

61


.
.
: .

, .
index.html :

MyRusakov.ru

62

(<divid=content),
- .
, ,
.
.

MyRusakov.ru

63

, .
. ,
.
:

id=news. ,
<h2>, . <new>.
new.
, <p>.
date, , , 05 2013.
, <b>. <br />
- .
</p>.
.

MyRusakov.ru

64

, class
, , (,
, ). <id>
,

:id=content,id=logo,id=news.
F5,
:

, , .
.
main.css.
.
.

MyRusakov.ru

65

, .
, .

MyRusakov.ru

66

.
( , ).
, (solid
). .
:

MyRusakov.ru

67

10, 20.
:

<p> <h2>, ,
,
:
:

MyRusakov.ru

68

, , .
:

MyRusakov.ru

69

( margin <h2> <p>).


, ,
.

. Photoshop
.

MyRusakov.ru

70

174. ,
. : 2+2=4. :
20+20=40. , : 174-(4+40)=130.
:

MyRusakov.ru

71

background.
:

MyRusakov.ru

72

, :

, ,
- . :

. , :

MyRusakov.ru

73

.
padding. :

, paddingleft. :

MyRusakov.ru

74

. ,
date. :

.
font-weight bold.
11pt ( body), 100%.
90%.

MyRusakov.ru

75

, .
, ,
.

weight 130 160 ,


.

MyRusakov.ru

76

MyRusakov.ru

77

<divid=right>
index.html.

<divid=article> (article ).
GOahead <h1>.
<p> <b>,
.
<p>.
:

MyRusakov.ru

78

, , .
, main.css ,
,
. :

MyRusakov.ru

79

<h1>,
id=right, color. ,
. font-weight: normal.
:

MyRusakov.ru

80

<h1> margin.
,
, margin.
content, left
right, margin-top. ,
.
20.
:

MyRusakov.ru

81

. ,
id=right margin-left,
.
, , .

margin. .
.
.
190 . 230. :

MyRusakov.ru

82

190+40=230.
:

<p>
id=right. .
<h1> margin 0 , 0, 10
.
:

MyRusakov.ru

83



.
, ,
, .
.

MyRusakov.ru

84

, ,
id=container.
index.html, container
footer. .
.

,HTML-

(&copy;

).

MyRusakov.ru

85

, ,
,
(float: left; - ).
. index.html
( <divid=container>):

MyRusakov.ru

86

main.css CLASS
(.clear):

both - , ,
, .
:

MyRusakov.ru

87

, , ,
,
. .
HTML .
main.css. .
. 100%.
:

MyRusakov.ru

88

, -
margin <>. . :

.
,
. :

MyRusakov.ru

89

footer . ,
padding. :

MyRusakov.ru

90

.
, , footer margin-top.
Photoshop.
25. :

MyRusakov.ru

91

.

. index.html article
.
:

MyRusakov.ru

92


, .

, ,

.
()
.

W3C

MyRusakov.ru

World

Wide

93

WebConsortium), .

,
http://myrusakov.ru/html-valid.html.
, .
?

index.html

http://validator.w3.org.

, .
, (mysite.local
).

MyRusakov.ru

94

ValidatebyDirectInput .
ValidatebyDirectInput
index.html

Chek - .

. ,
.
html5,
.
. . .
,
.

MyRusakov.ru

95


. ?

Firefox, Google Chrome, Opera,


Explorer 10, Explorer 9. ,
.
,
.
. - .
, - ,
.
- , .
- ,
, -
.
,
.

MyRusakov.ru

96

. , 1024
.
, ,
, .
,
.
717 ( main.css-container). , , 1024
717 .
, - ,
. 1024 .
,
( ).
,
.
, 1024 .
? ,
, , .
,
, .
, , webdeveloper.
.

MyRusakov.ru

97

, .
Resize.
1024*768.
:

MyRusakov.ru

98

, :
, .
, ,
Firefox. ,
1024 ,
Opera, GoogleChrome InternetExplorer.

MyRusakov.ru

99

. , ,

., ,
- .
.



. , ,
1024 .

MyRusakov.ru

100

.
, .

, ,
- .
, ,
, GOahead.
, ,
about.html. index.html
. .
GOahead .

MyRusakov.ru

101

MyRusakov.ru

102

article h1
.
, ,
.
:

, :

MyRusakov.ru

103

. , ,
,
, .
.
.
.


.
.
services.html.
index.html. title h1 article
, .
. , ,
. :

MyRusakov.ru

104


.
.

. ,
- <table> , <tr> , <td>

MyRusakov.ru

105

, </td> , </tr> </table>


. :

MyRusakov.ru

106

.
, , , .
main.css ., ,
, .
article. :

MyRusakov.ru

107


. services.html <tr>
header.

main.css , header
.

MyRusakov.ru

108

.
.
.


. main.css
. :

MyRusakov.ru

109

, . .
.
:

MyRusakov.ru

110

.
, ?
.
.
Excel .
. , ,
,
.
? .
, . ,
, .
, , , .



.
.
contacts.html.

MyRusakov.ru

111

index.html. . .
, .
.
:

,
.
,
.
.

MyRusakov.ru

112



. ,
, .
feedback.html.
.
,
right. right.
article form.
. <form>
:

feedback,

action=

feedback.php method=post.
:

.
.

MyRusakov.ru

113

- .
textarea, , ,
.
<table> - .
labelfor=name, id=name.
.

<divclass=input>

(<inputtype=text />).
:

id name,
label
.
:

MyRusakov.ru

114

MyRusakov.ru

115

.
, , , .
, <td> ()
colspan=2.
:

MyRusakov.ru

116

,
. .
, <div>, textarea,
.
, , ,
,
.
:

MyRusakov.ru

117

.
:

align .
:

MyRusakov.ru

118

.
,
, ( <label>).
:

MyRusakov.ru

119

, .
.
:

,
input input(feedback.html, 83-85).
(
, , , ).
- .
. -

MyRusakov.ru

120

.
:

.
:

MyRusakov.ru

121

, input
border-radius. ,
.
:

,
. , .
padding. :

MyRusakov.ru

122

, 10,
5.
:

input 100%,
(width:
100%;). (border: none;).
:

MyRusakov.ru

123

textarea.
:

input.

padding-left padding-right.

MyRusakov.ru

124

. ,
submit (input[type=submit+
input, type submit)
.
-, .

MyRusakov.ru

125

-, .

MyRusakov.ru

126

.
.
.
, .

MyRusakov.ru

127

, , align,
css. .
feedback.html
align class , , right.

main.css , right, ,
right, .
text-align right.

MyRusakov.ru

128

, .
. , .
: ? .
,
HTML-, CSS (
). ,
.

.
.
:

MyRusakov.ru

129

, main.css. input
outline:none;

, .
.

MyRusakov.ru

130

JavaScript
JavaScript .
- ,
,
(
). JavaScript ,
.
,
functions.js. www , js
( JavaScript) functions.js.
JavaScript.
,
feedback.html, onsubmit
<form>. submit,
.
:

onsubmitreturncheckForm(this).
, ,
checkForm() true .

MyRusakov.ru

131

false , , .this
, .
.
functions.js.
, . ,
. :

.
function,
checkForm form.
.

MyRusakov.ru

132

name,
name.
form.name.value. value ,
.
( 65-106 feedback.html),
name ( 74).
, ,
phone ( 84). , ,
.
bad. , ,
, .
,
, . \n
.
.
.
, bad
- . , , .
alert.
false.
.

MyRusakov.ru

133

( bad ),
true .
.
feedback.html.
:

.
,
.
:

MyRusakov.ru

134

, , JavaScript
, , , .
functions.js,
. ,
functions.js.
.

MyRusakov.ru

135


e-mail

. ,
,
.
,
.

, .
PHP.
feedback.html. 67. ,
action feedback.php. .
www feedback.php.
Notepad++
:

MyRusakov.ru

136

, .
PHP-.

e-mail

.
.
. ,
,
.
(
PHP, ).

MyRusakov.ru

137


.
. , ,
, .
\r\n .
,
. , ,
htmlspecialchars(). POST
, : name, phone, comment (
feedback.html, 75,85,97)
,
. ,

-header

(Location:error.html)) (11 exit).


, ,
.
message ! . .
. . html,
HTML-<br/>,
<b>.

MyRusakov.ru

138

mail()
:

to

subject

message -

headers -

()
- header (Location:success.html),
. .
.
- success.htmlerror.html.
success.html.

success.html

feedback.html :

4 <title>

65 form article

66 -

67 : <p>

.<p/>

68-107

MyRusakov.ru

139

error.html. :

4, 66

67 <p>

.<p/>
:

. , :

error.html JavaScript,
,
. , JavaScript
. JavaScript
:

MyRusakov.ru

140

, :

JavaScript , :

MyRusakov.ru

141

, PHP Denwer.
!sendmail.
tmp.

MyRusakov.ru

142

success.htmlerror.html ,
.
feedback.php .
, ,
, , .
(, ,
, ,
PHP).
.

MyRusakov.ru

143

. ,
. ,
.


, .
yandex.ru google.ru.
.

( , )

www.nic.ru:

MyRusakov.ru

144

MyRusakov.ru

145


.
, , goahead.
, :

ru,
.
. ru, ,
com.
go-ahead.ru.
.

MyRusakov.ru

146

. .
, ,
.
, , .
, .
,
.


, . .
, www.nic.ru.
.
.
, :
http://myrusakov.ru/registraciya-sajta.html.

99. . www.nic.ru
600. 450.
www.2domains.ru.

MyRusakov.ru

147

.
.

. ,
,
.

- ,
, , .
- ,
. ,
.

MyRusakov.ru

148

, .
,
-
.
,
.

MyRusakov.ru

149

.
99.
,
.

MyRusakov.ru

150

.
. , ,
. WhoisServise
(https://www.nic.ru/whois/),
, .


, - , .
.
http://hostia.ru/. ,
http://myrusakov.ru/reviewhostia.html.
http://hostia.ru/ , :

MyRusakov.ru

151

,
.


, .,

1 50 . ,
.
500. -
.

MyRusakov.ru

152

, , , 0,5.
, .
1$ ,
, 0,88$ .

:

MyRusakov.ru

153

.
.
,
.
, .
.
,
.
IP .
IP ,
http://myrusakov.ru/dedicated-ip.html.

MyRusakov.ru

154

. .


. .
, ,
-.
.
FTP.

MyRusakov.ru

155


. ,
,
FTP .
- DNS.

MyRusakov.ru

156

.
. www.2domains.ru.
.


DNS-/ .

MyRusakov.ru

157


DNS-,
. .

.
, ,
. FTP.
, IP , ,
, .

MyRusakov.ru

158

,
:

, .
.
FTP. ,
.
FTP, FTP-.
FTP- FileZilla.

MyRusakov.ru

159

MyRusakov.ru

160

FTP-,
. ,
.
,
.

public_html.
www.
public_html, ,
.
.
,
:

MyRusakov.ru

161

public_html ( Filezilla
public_html).
.
go-ahead.ru :

, . .

. feedback.php,
.

MyRusakov.ru

162


.
.
.

MyRusakov.ru

163

,
. , , ,
, .
, . ,
, .
http://myrusakov.ru/
. , .
, ?
, ,
, .
. , ,
.
,
HTML CSS,
. ,
:http://srs.myrusakov.ru/makeup
, HTML CSS.
.

.

.

MyRusakov.ru

164

http://myrusakov.ru/. ,
. ,
, , ,
, , , , .
? PHP MySQL.
, .
. ,
. , ,
. HTML, ,
. ,
. .
,
. ,
PHP MySQL,

.
PHP MySQL .
, . ,
. ,
. PHP
MySQL .
. , , .

MyRusakov.ru

165

, PHP
MySQL .
http://srs.myrusakov.ru/php
,
. ,
.
. ,
.
, ,
. PHP MySQL

.
PHP MySQL
, ,
PHP MySQL.
JavaScript. ,
JavaScript
. 1 .
JavaScript .
,
.

MyRusakov.ru

166

JavaScript
, .
. JavaScript ,
jQuery.
.
, , , ,
, ,
. . ,
, Youtube, ,
. ,
, ,
. .
?
.
JavaScript, Ajax.
, , JavaScript, jQuery Ajax Web, (
, ).
JavaScript, jQuery Ajax
.
http://srs.myrusakov.ru/javascript.

MyRusakov.ru

167

Web-
( , ),
,
. ,
9470 . .
http://srs.myrusakov.ru/order?product_id=17.
3 , .
, 5490 9470 ,
4000 . .
VIP-,
3 , PHP MySQL. ,
. -.

.

. :
, ,
, , .
.
- .

MyRusakov.ru

168

VIP-, 4- ,
:http://srs.myrusakov.ru/order?product_id=20 (
6600 , 4000 ,
).
.
- ,
, .
,
.

,
:

MyRusakov.ru

169

.
, :

MyRusakov.ru

170

,
. ,
.

MyRusakov.ru

171

, . .
, ,
:
1.

http://srs.myrusakov.ru/order?product_id=17

.
2.

http://srs.myrusakov.ru/order?product_id=20


.
:
1.

2.

PHP MySQL

3.

JavaScript, jQuery Ajax

4.

- PHP MySQL

!
P.S. - ,
, http://srs.myrusakov.ru/list ,
,
, .

MyRusakov.ru

172

Оценить