M y R u s a k o v. r u

2

............................................................................................ 4

............................................................................................. 6

............................................................... 6

........................................................................... 7

........................................................................... 9

......................................................................... 10

....................................................... 11

.................................................................................. 13

................................................................................. 16

.............................................................. 16

........................................................................... 30

on ..................................................... 35

............................................................................ 42

........................................................... 48

......................................................... 62

...................................... 77

M y R u s a k o v. r u

3

.......................................................................... 84

..................................... 93

96

................................................ 100

............................................. 103

................................... 111

................................. 112

............................................................. 131

.................................................................. 136

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

.................................................... 144

............................................................................. 144

........................................................................... 147

...................................................................... 151

................................................... 158

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

M y R u s a k o v. r u

4

http:// MyRusakov.ru

http:// Blog.MyRusakov.ru

http:// Support.MyRusakov.ru

( )

-

PHP MySQL

JavaScript -

http:// Blog.MyRusakov.ru/courses.html

http:// Blog.MyRusakov.ru/history.html

http://myrusakov.ru/http://blog.myrusakov.ru/http://support.myrusakov.ru/http://blog.myrusakov.ru/courses.htmlhttp://blog.myrusakov.ru/history.html

M y R u s a k o v. r u

5

PSD-

http:// files.myrusakov.ru/subscribe/book_sources.rar

http:// srs.myrusakov.ru/bookv

http://files.myrusakov.ru/subscribe/book_sources.rarhttp://srs.myrusakov.ru/bookv

M y R u s a k o v. r u

6

-

-

- ,

,

M y R u s a k o v. r u

7

:

Photoshop

psd

Photoshop).

-

psd ?

- -

Photoshop

-

M y R u s a k o v. r u

8

-

-

.

.

M y R u s a k o v. r u

9

-

-

-

HTML CSS

Web- ,

- .

M y R u s a k o v. r u

10

,

,

-

-

, e-mail

-

M y R u s a k o v. r u

11

.

google.ru, yandex.ru

dns

.

M y R u s a k o v. r u

12

M y R u s a k o v. r u

13

AdobePhotoshop

Adobe

https://www.fl.ru/ http://freelance.ru/

,

http://www.internet -

technologies.ru/templates/.

,

https://www.fl.ru/http://freelance.ru/http://www.internet-technologies.ru/templates/http://www.internet-technologies.ru/templates/

M y R u s a k o v. r u

14

PSD.

M y R u s a k o v. r u

15

PSD Photoshop.

-

M y R u s a k o v. r u

16

Apache, PHP

MySQL

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

.

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

M y R u s a k o v. r u

17

-

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

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

M y R u s a k o v. r u

18

http://open-server.ru/.

http://open-server.ru/

M y R u s a k o v. r u

19

PHP

.

Notepad++

HTML, CSS,PHP

http://notepad-plus-plus.org/download/v6.5.1.html.

http://notepad-plus-plus.org/download/v6.5.1.html

M y R u s a k o v. r u

20

.

Notepad++

OpenServer

, home.

M y R u s a k o v. r u

21

mysite.local.

www.

M y R u s a k o v. r u

22

denwer

Restart.exe

M y R u s a k o v. r u

23

mysite.local

.htaccess.

.

Notepad++

www

htaccess,

M y R u s a k o v. r u

24

htaccess.

Notepad++

AddDefaultCharsetUTF-8.

UTF-8

UTF-8.

M y R u s a k o v. r u

25

index.html

index.html index.php.

www index.html.

HTML- DOCTYPE

HTML XHTML

HTML

M y R u s a k o v. r u

26

html HTML

head

body>

.

html>.

,

http:// mysite.local/ .

F5

GOahead.

F5

http://mysite.local/

M y R u s a k o v. r u

27

http-equiv

Content-Type content

html charset=utf-8 ( utf-8).

.

CSS

link type

M y R u s a k o v. r u

28

text css.

styles main.css.

www

styles

Notepad++ main.css .htaccess

index.html.

www images.

Notepad++

-

M y R u s a k o v. r u

29

UTF-8 .

, http://myrusakov.ru/php-

encoding-problems.html

,

OpenServer, Notepad

DOCTYPE HTML-

main.css.

http://myrusakov.ru/php-encoding-problems.htmlhttp://myrusakov.ru/php-encoding-problems.html

M y R u s a k o v. r u

30

.

PSD Photoshop.

CSS

HTML

-

M y R u s a k o v. r u

31

Web

M y R u s a k o v. r u

32

PNG-

24

. bg.png

(background).

Delete,

-

M y R u s a k o v. r u

33

Web PNG-24

logo.png.

,

M y R u s a k o v. r u

34

Photoshop.

new_icon.png.

images

M y R u s a k o v. r u

35

con

favicon

favicon? Favicon

- favicon

M y R u s a k o v. r u

36

favicon

https://www.iconfinder.com/

.ico.

1616

.

tire -

https://www.iconfinder.com/

M y R u s a k o v. r u

37

ico.

M y R u s a k o v. r u

38

favicon.ico

www index.html.

M y R u s a k o v. r u

39

index.html favicon .

index.html

EditwithNotepad++.

Notepad++,

link href

, rel shortcuticon

type.

,favicon

favicon

M y R u s a k o v. r u

40

favicon favicon

stiles main.css.

Notepad++

body , background

- url, bg.png

(../images/bg.png ../ - main.css

www no-repeat

.

M y R u s a k o v. r u

41

?

main.css ,

background-size - cover.

M y R u s a k o v. r u

42

HTML-

-

HTML-

-

-

-

M y R u s a k o v. r u

43

.

.

Notepad++

,

M y R u s a k o v. r u

44

M y R u s a k o v. r u

45

, -

.

M y R u s a k o v. r u

46

Notepad++

M y R u s a k o v. r u

47

# - id, container

-

images

M y R u s a k o v. r u

48

hover-

CSS.

M y R u s a k o v. r u

49

Notepad++ index.html

M y R u s a k o v. r u

50

topmenu.

table

-

href

M y R u s a k o v. r u

51

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

feedback.html -

-

.

() () ()

F5

M y R u s a k o v. r u

52

HTML-

. , ,

, Notepad++

main.css.

Verdana.

main.css

M y R u s a k o v. r u

53

Arial TimesNewRoman.

font-family

font-size (

pt px % em ).

Photoshop

M y R u s a k o v. r u

54

main.css

M y R u s a k o v. r u

55

#topmenua

id="topmenu"

Photoshop

(color: #2e2e2e

(font-weight: bold).

,

M y R u s a k o v. r u

56

margin: 0

, -text-

decoration: none

M y R u s a k o v. r u

57

-

M y R u s a k o v. r u

58

,

Photoshop

padding. #topmenua.

M y R u s a k o v. r u

59

px

M y R u s a k o v. r u

60

CSS- #topmenu margin.

margin

0

M y R u s a k o v. r u

61

M y R u s a k o v. r u

62

,

index.html

M y R u s a k o v. r u

63

(

M y R u s a k o v. r u

64

id news ,

,

new.

date

.

-

.

M y R u s a k o v. r u

65

class

id= content ,id logo ,id news .

F5,

.

main.css.

M y R u s a k o v. r u

66

M y R u s a k o v. r u

67

(solid

.

M y R u s a k o v. r u

68

:

M y R u s a k o v. r u

69

M y R u s a k o v. r u

70

margin

)

Photoshop

M y R u s a k o v. r u

71

, -

M y R u s a k o v. r u

72

background

M y R u s a k o v. r u

73

-

M y R u s a k o v. r u

74

padding :

, padding-

left

M y R u s a k o v. r u

75

date

font-weight bold

pt body)

M y R u s a k o v. r u

76

,

weight ,

M y R u s a k o v. r u

77

M y R u s a k o v. r u

78

M y R u s a k o v. r u

79

main.css

M y R u s a k o v. r u

80

id right color

font-weight: normal.

M y R u s a k o v. r u

81

margin.

,

, margin.

right, margin-top

M y R u s a k o v. r u

82

id right margin-left,

margin

2

M y R u s a k o v. r u

83

id right .

M y R u s a k o v. r u

84

,

M y R u s a k o v. r u

85

id container .

index.html container

footer

HTML- (

).

M y R u s a k o v. r u

86

(float: left; - .

index.html

):

M y R u s a k o v. r u

87

main.css CLASS

(.clear):

both -

,

M y R u s a k o v. r u

88

HTML

main.css.

100%.

M y R u s a k o v. r u

89

-

margin < >.

M y R u s a k o v. r u

90

footer ,

padding.

M y R u s a k o v. r u

91

, , footer margin-top

Photoshop

M y R u s a k o v. r u

92

index.html article

M y R u s a k o v. r u

93

W3C World Wide

M y R u s a k o v. r u

94

WebConsortium -

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

index.html

http:// validator.w3.org.

(mysite.local

http://myrusakov.ru/html-valid.htmlhttp://validator.w3.org/

M y R u s a k o v. r u

95

ValidatebyDirectInput

ValidatebyDirectInput

index.html Chek -

html5,

M y R u s a k o v. r u

96

Firefox, Google Chrome, Opera,

,

.

-

, -

.

-

-

-

M y R u s a k o v. r u

97

main.css- container 1024

-

.

,

.

.

webdeveloper.

M y R u s a k o v. r u

98

Resize

1024*768.

M y R u s a k o v. r u

99

Firefox

Opera, GoogleChrome InternetExplorer.

M y R u s a k o v. r u

100

- .

M y R u s a k o v. r u

101

-

GOahead.

,

about.html index.html

GOahead

M y R u s a k o v. r u

102

M y R u s a k o v. r u

103

article h

.

M y R u s a k o v. r u

104

services.html

index.html title h1 article

M y R u s a k o v. r u

105

.

-

M y R u s a k o v. r u

106

table>

M y R u s a k o v. r u

107

.

main.css

article

M y R u s a k o v. r u

108

services.html

header.

main.css , header

M y R u s a k o v. r u

109

.

main.css

M y R u s a k o v. r u

110

M y R u s a k o v. r u

111

Excel

contacts.html

M y R u s a k o v. r u

112

index.html.

M y R u s a k o v. r u

113

feedback.html.

right right.

article form

feedback, action

feedback.php method post

M y R u s a k o v. r u

114

-

textarea

-

labelfor name id name .

M y R u s a k o v. r u

115

M y R u s a k o v. r u

116

,

colspan

M y R u s a k o v. r u

117

textarea,

,

M y R u s a k o v. r u

118

.

align

M y R u s a k o v. r u

119

).

M y R u s a k o v. r u

120

input input feedback.html, -85).

(

-

-

M y R u s a k o v. r u

121

.

M y R u s a k o v. r u

122

input

border-radius.

padding

M y R u s a k o v. r u

123

input

(width:

100%;) (border: none;).

M y R u s a k o v. r u

124

textarea.

input.

padding-left padding-right.

M y R u s a k o v. r u

125

submit (input[type submit

input type submit )

-

M y R u s a k o v. r u

126

-

M y R u s a k o v. r u

127

M y R u s a k o v. r u

128

align

css.

feedback.html

align class right .

main.css right

right,

text-align right.

M y R u s a k o v. r u

129

HTML- CSS

.

M y R u s a k o v. r u

130

main.css input

outline:none;

M y R u s a k o v. r u

131

JavaScript

-

. JavaScript

.

,

functions.js www js

( JavaScript) functions.js.

JavaScript.

feedback.html onsubmit

submit

onsubmit returncheckForm(this) .

,

checkForm() true

M y R u s a k o v. r u

132

false . this

functions.js.

function

checkForm form.

M y R u s a k o v. r u

133

name,

name .

form.name.value value

- feedback.html

name

phone

bad

\n

bad

- .

alert.

false

M y R u s a k o v. r u

134

bad

true .

feedback.html.

M y R u s a k o v. r u

135

JavaScript

functions.js

functions.js.

M y R u s a k o v. r u

136

-mail

PHP.

feedback.html.

action feedback.php

www feedback.php.

Notepad++

:

M y R u s a k o v. r u

137

PHP-

e-mail

PHP

M y R u s a k o v. r u

138

.

.

\ r\n .

, ,

htmlspecialchars() POST

name, phone, comment (

feedback.html

-header

Location:error.html exit).

message

html,

HTML-

M y R u s a k o v. r u

139

mail()

to

subject

message -

headers -

- header Location:success.html

- success.html error.html.

success.html success.html

feedback.html

form article

-

-

M y R u s a k o v. r u

140

error.html

:

error.html JavaScript,

,

JavaScript

JavaScript

M y R u s a k o v. r u

141

JavaScript

M y R u s a k o v. r u

142

PHP Denwer.

sendmail

tmp.

M y R u s a k o v. r u

143

success.html error.html ,

.

feedback.php

PHP).

M y R u s a k o v. r u

144

,

yandex.ru google.ru.

www.nic.ru:

http://www.nic.ru/

M y R u s a k o v. r u

145

M y R u s a k o v. r u

146

, goahead.

ru

. ru

com.

go-ahead.ru

M y R u s a k o v. r u

147

.

,

.

www.nic.ru.

http:// myrusakov.ru/ registraciya-sajta.html.

www.nic.ru

www.2domains.ru.

http://www.nic.ru/http://myrusakov.ru/registraciya-sajta.htmlhttp://www.nic.ru/http://www.2domains.ru/

M y R u s a k o v. r u

148

-

- ,

-

.

M y R u s a k o v. r u

149

-

M y R u s a k o v. r u

150

M y R u s a k o v. r u

151

WhoisServise

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

- ,

http://hostia.ru/

http://myrusakov.ru/review-

hostia.html.

http://hostia.ru/ :

http://hostia.ru/http://myrusakov.ru/review-hostia.htmlhttp://myrusakov.ru/review-hostia.htmlhttp://hostia.ru/

M y R u s a k o v. r u

152

-

M y R u s a k o v. r u

153

1$

0,88$ .

:

M y R u s a k o v. r u

154

.

IP .

IP

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

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

M y R u s a k o v. r u

155

-

FTP.

M y R u s a k o v. r u

156

,

FTP .

- DNS.

M y R u s a k o v. r u

157

www.2domains.ru.

DNS-

http://www.2domains.ru/

M y R u s a k o v. r u

158

DNS-

FTP.

IP

M y R u s a k o v. r u

159

FTP

FTP, FTP-

FTP- FileZilla.

M y R u s a k o v. r u

160

M y R u s a k o v. r u

161

FTP-

public_html

www.

public_html

M y R u s a k o v. r u

162

c_html Filezilla

public_html).

go-ahead.ru

.

feedback.php