.....

"

(WEB DESIGNER - DEVELOPER)"

2012

.....

(WEB DESIGNER - DEVELOPER)

1. (Job Profile) ................................................3
2. (Task Analysis) ..............................5
3. ..........................................8
3.1 ............................................................... 9
3.1.1 ...................................................................................... 9
) ............................................................................................... 9
) ........................................................................... 9
) .............................................................................. 9
) ............................................................................ 10
3.1.2 ............................................................ 10
3.2 ..................................................................... 10
3.2.1 .................................................................................... 10
) ............................................................................................. 11
) ......................................................................... 11
) ............................................................................ 11
) ............................................................................ 11
3.2.2 ............................................................ 12
4. KATA ................................................................................13
...................................................................................................... 13
...................................................................................................... 18

.....

(WEB DESIGNER - DEVELOPER)

1. (Job Profile)
1.1.
...
(Web Designer - Developer)

.
1.2.
... (Web Designer - Developer)

.
,
.
, ,
,


.

(web designer-developer)
(..), .
,
, , (application software)
web ,
.
, :

, , (application
software) internet .. (web site), ,
, - ,
internet

() /
/
(hardware, software,
)
(system admin) (DBA) (Sec Admin) web
site.
internet

.....

(WEB DESIGNER - DEVELOPER)

, ,
e-
, ,
.
:

, , .

.


.

.....

(WEB DESIGNER - DEVELOPER)

2. (Task Analysis)
2.1.
...
(Web Designer - Developer)
,
. :
1. ,
/,

2. , (application software) web (.. , ,
- ,
internet),
, ( )
()
3. ,
, e-
4. (installation) (configuration) , /
(WAN-MAN-LAN) internet/intranet
5. internet/intranet
,
, , ,
.

2.2.
(web designerdeveloper):

(hardware),
(software)
/
()

(- )


internet

.....

(WEB DESIGNER - DEVELOPER)

.
(web designer-developer) :

/
/

/
/
( , hackers )

/
,
internet.

(IDE)
web.
web
.
.
:
.
.
.

.
o
o
.
o web .
o blog.
o
o hosting
o ( FileZilla)
o
. ( Joomla Postnuke).
HTML
.
:
o
o
o
o

o
o
o
o

browsers
HTML
() HTML
HTML tags

.....

(WEB DESIGNER - DEVELOPER)

o HTML

o HTML
o HTML
o HTML
o
o HTML
o HTML
o HTML
o (NVL Dreamweaver FrontPage
).
Dynamic
HTML - Java Script - CSS DOM.
:
o CSS
o java script
o DOM
.
:
o format
o

o
o

o .
o

o
o
o animation
o .
.
:
o
o
o
o
o
o
o

.

.
format .

3.
...
(web designer-developer)

.....

(WEB DESIGNER - DEVELOPER)

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

, ,
, .
,
, .
,
(6) ,
.
(6)
, , '
, (2)
( ) ,
.

.....

(WEB DESIGNER - DEVELOPER)

3.1
3.1.1
)
...
, ,
.
)


() .

.
)
....
.. ...., ..... ..
.... .
......
, , .
.


, ().
(2) .
1 20.

(10) (20).
(2)
(2). .
(2) ,
( > 0.5) (
< 0.5) .
,

(3) ,
.
,
(3).
.

.
)

.....

(WEB DESIGNER - DEVELOPER)

(3) .
3.1.2
, ,
(web designer-developer)

,
.
)
1.
2.
3.
4.
5.
6.
7.
8.

& I I

& Internet



-

)
1. II (Linux)
2. & I I
3.
4.
5.
6. internet I
7. II (PHP ASP JAVA )
8. internet II
9.
10. video
11.
12. /animation
13.

3.2
3.2.1
)

,
(Job Profile),

.....

(WEB DESIGNER - DEVELOPER)

.
)
...
,
K
( ) ....
.


.
,
.


, .

....., .... ......
.
(2) (3) .
)

....
.

.

, .

)
(3) .

3.2.2
, ,
(web designer-developer),

,
.

.....

(WEB DESIGNER - DEVELOPER)

1.
2.
3.
4.
5.
6.
7.

& I I
I
& Internet

1. II (Linux)
2. & I I
3.
4.
5.
6. internet I
7. II (PHP ASP JAVA )
8. internet II
9.
10. video
11.
12. /animation
13.

H
.
,

.
.

.....

(WEB DESIGNER - DEVELOPER)

1. KATA

1. bit, byte word; ; ;
2. ;
;
3. ;
4. (hardware) (software);
.
5. (character set);
ASCII Unicode; bit ;
6. / ;
;
7. ;
. 01000001(2) = 65(10)
. 25 (10) = 19 (16)
. 200 (10) = 11001001 (2)
. 01001010 (2) = 4A (16)
. 41(16) = 65 (10)
. 00000101(10) = 01100101 (2)
8. :
. 1023(10)
. A2E6(16)
. 1001 0110 1111 0100(2)
. 1101 1110 (2)
9. RAM ROM. RAM (SRAM)
RAM (DRAM);

.....

(WEB DESIGNER - DEVELOPER)

10. RAID ; ;
11. cache; ;
12. (CRT)
;
13. ;
.
14. .
15. (translators); 3
.
16. ;
3 ;
17. .
18. (PROCESS)
;
19. (FILE)
.
20. ;
21.
.
22. (PATH) (root
directory);
23. ;
24. (multiprogramming).
25. (VIRTUAL MEMORY)
;
26. (SHELL) ;
27. .
28.

.
29. ;
.
30. (router) (ethernet switch).

.....

(WEB DESIGNER - DEVELOPER)

31. ( Full Duplex)

turnaround;
32. ( Half Duplex) (simplex)
; .
33. , .
2 .
34. modem. modem
;
35. .
36. IP ; 3 (class).
37. .25.
38. 3
ISDN.
39. .
40. 3 (Asynchronous Transfer Mode).
41. ISO/OSI.
42. TCP (Transmission Control Protocol).
;
43. Frame Relay ;
44. .
45. . 2 .
46. ,
, .

; ;
47.
;
48. ;
49.
; ( )

.....

(WEB DESIGNER - DEVELOPER)

50.
; ( ).
51.
.
52.
( )
53.
.
54. (demand paging)
(virtual memory).
55. . ;
;
56. ;
57. ;
58. Ethernet;
59. R (Address Resolution Protocol);
60. .
61. ( ) token ring.
62. OSI;
63. TCP (Transmission Control Protocol).
64. , (users)
;
65. ;
66.
; ;
67. ;
68. ;
69. ,
;
70. ,
.

.....

(WEB DESIGNER - DEVELOPER)

71. ;
.
72.
.
73. 2472/97;
74. N 2246/94
;
75. 91/250
; ;
76. ;
77.
,
91/250;
78. ;
79. 3
2472/97.
80. ; ,
Pascal.
81. , (Data Types) Pascal.
( )
.
82. (local) (global);
83. procedure ( Pascal) Ran 2 xmin xmax
integer xmin xmax.
84. ( Pascal)
- , - ,
, .
85. ( Pascal) (String) ..

.
86.
5x5 :
.
.

.....

(WEB DESIGNER - DEVELOPER)

.
87. ) recursion ();
) ( Pascal) power
(a b) ab.
: ab = a * a * a * * a (b )
.. 35 = 3 * 3 * 3 * 3 * 3 (5 )
) =3 =5.

1. ;
2. HTTP.
3. (FTP)
4. () ;
5. (Point t Point Protocol);
6. ADSL.
7. .
8. (router).
9. HTTP;
10. DNS.
11. (
),
(animation) .
;
12. (symbols) - Adobe
Flash; (symbols);
13. (show/hide layer) (lock/unlock layer) layers;
layer ;.
14. (data types)
actionscript.
( );
15. (dynamic text)
. adobe flash,

( ).
16.
(vector graphics) bitmap ;
Bitmap .
17. Bitmap (vector)
adobe flash;
; .
18. flash movie;
adobe flash editor;
19. (textfield types) adobe flash
;

.....

(WEB DESIGNER - DEVELOPER)

20. x y, Adobe Flash

.
21. if else (). ;
<SCRIPT LANGUAGE = "JavaScript">
< !-function function1() {
var dToday = newDate()
var nDay = dToday.getDay()
if (nDay= = 0) {
alert(" ")
}
else {
if (nDay<=5) {
alert(" ")
}
else {
alert(" ")
</SCRIPT>
22. while; .
23. flash movie, .

.
adobe flash;
24. adobe flash
(mouse) mouse events.
mouse events .
25. video flash movie;
. (loading time);
26. onSoundComplete()
Actionscript. onSoundComplete()
.
27. (functions),
actionscript;
actionscript; ( aFunction).

.....

(WEB DESIGNER - DEVELOPER)

28. actionscript
( actionscript 2 actionscript 3)
x y 2 3
z z
output adobe flash.
29. actionscript
( actionscript 2 actionscript 3)
aUsername aPassword
aUsername joey aPassword isCorrect,
frame 3,
output flash wrong username or password.
30. video Streaming.
internet;
31. Actionscript
( actionscript 2 actionscript 3)
(button)
sound.mp3 ( sound.mp3
adobe flash).
32. script string "This is an easy task" array
.
33. script (My)SQL server
. username "admin" password
"fail". "db1".
34. age . if()
"Message for teenagers" age 13 19.
"Generic message".
35. /
data.txt;
36. (session variables); .
37. addNums() 2
.
38.
. ;
39. client;
40. associative array ("a", "b", "c") ("animal", "boat", "circle")
. browser o ( key = value)
.
41. script (session) "logged"
redirect login.html.
42. day .
day switch(). day "",
" ". "", " "
"".
43. while()
if(), 1 99
.

.....

(WEB DESIGNER - DEVELOPER)

44. passwords
.
45. swap_image() Javascript ) id
) path "pic2.jpg"
rollover image. HTML : <img
id="pic1" src="pic1.jpg" />.
.
46. check_form() Javascript, username
password HTML "form1" . o ,
message box client.
47. ,
user authentication (login).
48. cookie "user" ,
browser "Hello" , cookie, cookie "user" "Unknown visitor" 1 .
49. script HTML table 7 6 .
1 42.
, border 1 padding 4.
(7,14,21...) (bold) .
50. email subscribers
mail (to, subject, body). email "Login info" "Your username is <
username > and your password is < password > ".
(My)Sql server. subscribers id, username, password,
email.
51. myClass setName()
sayHello(). setName() name.
sayHello() "Hello! My name is ..."
name. setName() (
) , sayHello() "Hello! My name is TRUE".
Object
"Hello! My name is <>"
52. toggle_visibility() Javascript, ) id
tooltip ) .
tooltip,
. HTML
:<div id="info" style="background-color:r1ed; height:50px; width:50px"> Show info
</div. <div> tag
css tooltip.
tooltip.

32 52, 3 (PHP, .NET, JAVA)

, ,
.
1

.....

(WEB DESIGNER - DEVELOPER)

53. HTML; HTML; ;

.
54. HTML <HTML>, <HEAD>, <TITLE> , <BODY>;
55. (hyperlink) HTML ;
;
56.
:
i.

ii.

iii.

iv.

, .

57. <BODY BACKGROUND = "bgimage.gif">;

HTML ; .
50% 50% .
58.
webmaster@test.gr ;
59. <div>; align, class id;
60. :
<HTML>
<HEAD>
<TITLE> </TITLE>
<SCRIPT LANGUAGE="JavaScript">
window.alert(" 1"); window.alert(" 2");
</SCRIPT>
</HEAD>
<BODY>
</BODY>

.....

(WEB DESIGNER - DEVELOPER)

</HTML>
61. while Javascript; .
62. HTML :
RGB :
1.

2.

3.

:
1.

2.

3.

4.

63. HTML; " "

; ALIGN, HEIGHT, WIDTH,
CAPTION;
64. HTML .

1
2
3

65. HTML / (
HTML ) <CAPTION>, <TH>, COLSPAN, ROWSPAN, ALIGN, VALIGN.
66. HTML name.jpg.
http://www.test.gr
.
67. javascript
: .

.....

(WEB DESIGNER - DEVELOPER)

68. Javascipt
.
.
69. Javascipt
.
.
70. HTML :

71.
, <6> <1>, :
JavaScript

JavaScript

JavaScript
JavaScript

JavaScript

JavaScript
72. Javascript
0 100.
73. () .
74. : CREATE, DROP, ALTER.
75. : SELECT, UPDATE, INSERT,
DELETE.

.....

(WEB DESIGNER - DEVELOPER)

76. , ;
;
77. () (1NF);
78. () (2NF);
79. SELECT DISTINCT;
.
80. (views) ;
; ;
81. SQL () :
) _, .
) , (40).
) , .
) , (30).
) , (40).
82. TELEPHONE K:

587854

6934825555

478322

6944558963

354323

6944520147

533234

6952455877

, , ,
SQL :
) 6944
) 6932019306
)

.....

(WEB DESIGNER - DEVELOPER)

83. - (virtual memory)

;
84. (partitions) (Disk Drive)
; MsDos
(partitions) (Disk Drive);
85. (worms)
;
(worm) ;
86. (virus) ;
87. ,
. ;
88. Linux;

Linux.
89.
;
90. DOS (Denial of Service)
;
91.
;
92. (swapping) ;
93. Linux,
(partitions) SCSI
;
94.
.
95. (
);
96. e-commerce e-business.
97. CRM ;
98. () site (
).
99. cookies;
100.
B2C, B2B, B2G, C2C, C2G.
101. viral marketing;
102. ;
103.
.
104. e-commerce: ) ) .
105.
e-commerce;
106.
;
107. e-wallet ( ) ;
108. ERP;
109. ;
110. .

.....

(WEB DESIGNER - DEVELOPER)

111. site.
112.
site.
113.
.
114.
.
115.

;
116.
username password; ;
117. 20 articles (
id, article). 20 ;
118. SQL "Jo"
firstname members.
119. posts 1-1-2000.
o date_ref..
120. SQL bookstore
10.00 19.99. item_code, item_name
item_price.
121. .
122. transactions; ( sql).
123. schedule start_time end_time,
start_time 8:45 end_time 9:30 15
.
124. employee.
salary.
125. projects id, proj_start, proj_end. projects
. projects
.
126.
56678685;
127. SQL firstname
lastname fullname, <>
(.. ) lastname firstname
customers.
128. SQL members email
members , email.
members firstname, lastname email
email_address. members primary key id email foreign
key member_id.
129. (stored procedures);
.
130. online . : )
)
. donations
id, donator_id, amount.
131. persons.
name.

.....

(WEB DESIGNER - DEVELOPER)

132. acces_log.
o date_accesed.
133. shopping cart.
134. online
. , ,
, /fax email (.. , , ).
135. orders primary key id order_items foreign key
order_id. SQL
. orders
order_name order_date order_items item_description.
136.
. .. 100, 200, 300, 400
100 400. employees id, name,
salary.2
137. ; (
)
138. web;
;
139. (Named Anchors),
. .
140. <h3>
(CSS) <h3> ,
h3 ; .
141. Dreamweaver;
142. ;
143. ; , ,
; Heading 1 Heading 6;
144. (CSS)
.
(inline) ;
145. CSS (Cascading Style Sheet)
; ( )
146. Hyperlink ()
target: _self, _parent, _blank _top
Hyperlink.
147. HTML (<>),
Dreamweaver, ) , ) , ) , )
.
.
148. (Image Map).
;
SQL ( ),
MySQL Server, Microsoft SQL Server .
, .
2

.....

(WEB DESIGNER - DEVELOPER)

149. Cell Padding

Cell Spacing.
150. (Static web pages)
(Dynamic web pages).
;
151. (import)

(add-ons) .
152. (hotspots) (image map)
(Image hyperlink).
153.
. (GIF, JPEG, PNG)
.
154.
(Subject) email
(mailto);
155.
(Hyperlinks) CSS Styles;
156.
(Selector Types)
CSS (Cascading Style Sheet), .
157.
pixels ;
.
158. AJAX
.

;
159. keywords,
;
160. (search engine) (
); .
161. Search Engine Optimization (SEO);
SEO;
162. CMS (Content Management systems);
CMS.
163. CMS (Content Management System),
web site;
164. To (CMS) modules.
modules CMS;
165. (comments) XML ;
166. XML Sitemap ;
sitemap XML HTML;
167. alt
title tags. ;
;
168. SEO (Serch Engine Optimization),
tags (title tag, keyword tag, description tag).
tags ,
SEO;
169. (rich internet applications);
(RIAs).

.....

(WEB DESIGNER - DEVELOPER)

170. backlinks outbound links; ( )

SEO (Search Engine Optimization);
171. XML (extensible Markup Language) HTML;
172. XML; (
).
<?xml version="1.0" standalone="no" encoding="UTF-8"?>
173. XML (XML Document Object Model);
174.
xForm HTML (
xForm);
175. - (keywords) SEO
(Search Engine Optimization);
176. video.
177. timecode;
178. video PAL NTSC (
).
179. video;
180. T 00:01:29:01 clip monitor;
181. luma chroma;
182. ease-in ease-out clip ;
183. video format Internet.
184. alpha channel;
185. (interlaced-progressive scan).
186. .
187. codecs; .
188. online offline editing;
189. opacity;
190. video audio effects.
191. M video effect .. gaussian blur;
192. T transitions; . cross dissolve
transition;
193. ;
194. Mb ,
video PAL (720x576, 24bit)
32KHz / 16bit.
( ,
).
195. video clip . clip

. .
196. (spatial compression) (temporal compression);
197. video

.

.....

(WEB DESIGNER - DEVELOPER)

198. ,
( ..
53, 35 8).
:
.
199. . 0
(FALSE) 1 (TRUE).

200. Pascal;
.
201. Pascal
(oC).
(oF) . : (F-32)/C=9/5, F
Fahrenheit C Celsius.
202. PASCAL .
.
5 5! = 1 * 2 * 3 * 4 * 5 = 120
120.
203. ( Pascal)
(0). ,
.
,
0. .
204. ( Pascal) N
:

k 1 1*2 1*2*3

1*2*3*

i 1 k 1

205. ( Pascal) (String)

.. , .
()
. () : a, bb, madam, sos,
abcdeedcba..
206. 1 1900 , ( Pascal)

.

.....

(WEB DESIGNER - DEVELOPER)

) 400
) 4.
207. ( Pascal) 1
0 100. 2
(o 2 5 ). 2
1
. 2
.
1 ,
.
Y
, , .
208. .
. ;
(((a OR b) AND (a XOR c)) AND ((a AND b) OR (NOT c))).

: d = (((a OR b) AND (a XOR c))

e = ((a AND b) OR (NOT c))
f = d AND e