3.7δημιουργία Ιστοσελίδας Kdvm
53
ΥΠΟΥΡΓΕΙΟ ΠΑΙΔΕΙΑΣ ΚΑΙ ΘΡΗΣΚΕΥΜΑ ΤΩΝ ΓΕΝΙΚΗ ΓΡΑΜΜΑΤΕΙΑ ΔΙΑ ΒΙΟΥ ΜΑΘΗΣΗΣ Δημιουργία Ιστοσελίδας ΕΚΠΑΙΔΕΥΤ ΙΚΟ ΥΛΙΚΟ ΓΙΑ ΤΑ ΚΕΝΤΡΑ ΔΙΑ ΒΙΟΥ ΜΑ ΘΗΣΗΣ
-
Upload
alex-fotiadis -
Category
Documents
-
view
10 -
download
0
description
3.7δημιουργία Ιστοσελίδας Kdvm
Transcript of 3.7δημιουργία Ιστοσελίδας Kdvm
-
( )
8 - & 7 - & 8 () (2007-2013), 7: 8 MIS 375686 8: 3 MIS 375687 ( - ) , () .
-
1
...................................................................................................................................... 3
................................................................................................. 3
........................................................................................................................ 4
...................................................................................................... 4
1 ................................................................................................. 5
1.1 (Web Design) ................................................................... 7
1.2 ................................................................... 9
2 ................................................................................. 13
3 H HTML ........................................................................................................................... 15
4 Blog ............................................................. 29
5 ............................................................................ 41
................................................................................................................................... 48
.......................................................................................................................... 49
-
2
-
3
. ,
,
,
,
. , ,
,
,
,
.
, :
, , ,
( ) ,
,
,
, , ,
.
-
4
-
-
-
-
-
- Web 2.0
-
.
.
.
, .
.
,
. ,
,
.
,
,
( )
,
.
-
5
1
.
. , ,
.
.
,
.
,
, , ,
, .
, .
:
1.
, ( ), ..
.
2. (Portals)
(
) .
, ,
, , .
3.
, .
, .
(
), .
-
6
4.
.
.
1
2-3 :
Google (https://www.google.gr/):
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
In.gr (http://www.in.gr/):
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
(http://www.minedu.gov.gr/):
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
(http://www.gsis.gr/):
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
Amazon (http://www.amazon.co.uk/):
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
-
7
(http://www.inedivim.gr/):
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
(http://www.theacropolismuseum.gr/):
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
Yahoo (http://gr.yahoo.com/):
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
Wikipedia (http://el.wikipedia.org/):
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
.
1.1 (Web Design)
( ) -
, (web browser)
,
.
(server/servers)
-. ,
( SVG, BMP, GIF, JPEG PNG)
HTML/XHTML/XML. ( ,
-
8
, , ) (plug-
ins) Flash, QuickTime, Java, ..
(X) HTML5, XML MathML, CSS 3.
(Internet Explorer 7, 8, Firefox 3.6,
safari, chromium ) W3C
XHTML/XML CSS (Cascading Style Sheets)
.
o (plug-ins).
, :
(layout)
(update) . HTML
.
/
/
(, , , ).
-
(JavaScript, VBScript,
Actionscript, etc.).
(server)
(Perl, PHP, ASP, JSP, ColdFusion, .NET ).
,
.
,
animation, ,
, , ,
-, , , marketing,
, .
:
: HTML, XHTML, XML
: CSS, XML
-
9
(Client-side scripting): JavaScript
(Server-side scripting): PHP, ASP, Perl, Ruby/Ruby on Rails
: MySQL, PostgreSQL, Microsoft SQL Server
: Flash, Silverlight
.
,
-,
(
).
,
.
1.2
, .
,
. ,
.
.
.
.
.
-
10
(keywords)
- (keywords)
. - 6
% .
.
,
, (relevancy)
, ,
. -
.
, - . ,
, -
(body text).
"" .
- , .
. .
-
11
flash animations,
,
.
. ,
. ,
, .
ALT tags
(links),
, (link).
(broken links),
(links) .
(broken links),
.
.
2
-
.
-:______________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
:
-
12
-
13
2
(: Web development)
( ),
(browser) , (blogs) RSS Feeds.
,
: , , -,
, , .
:
: HTML XHTML
CSS
: XML, JSON
: Perl, PHP, Python, Ruby
: ASP ASP.NET Microsoft, Java Enterprise Sun, agile
frameworks Django Ruby on Rails
: Javascript
-
1991. -
( Usenet
) (Hypertext) (
). (markup
languages) HTML. HTML
,
( ), .
-
(hyperlinks).
-
14
.
, .
,
.
. ,
. ,
web design (framework)
(formats)
pdf, html, doc, . web design
.
-
15
3 H HTML
HTML (Hypertext Markup
Language) ,
HTML . ,
, HTML ,
. , HTML
HTML.
H L (Hypertext Markup Language) :
(-formating)
HTML
. HTML
.
(.. , ).
HTML (links, )
, , . ,
.
HTML ,
,
.
HTML.
-
16
HTML
HTML .html .htm.
ASCII
ASCII (editor), vi emacs, notepad .
WYSIWYG HTML Windows, UNIX Apple,
FrontPage, HotMetal, NetObject Fusion, Net, DreamWeaver, ..
,
HTML,
HTML.
HTML
(web browser).
HTML ,
( ), ,
.
(document type declaration), browser
.
-
17
HTML, Hello world,
,
, 9 ,
HTML:
Hello HTML
Hello world
( ,
.
'Hello HTML'
browser.)
: HTML
HTML HTML
: ,
, , ,
,
. HTML
. ,
, < >.
, HTML : content. HTML ,
,
. HTML
. /,
-
18
. ,
, .
[]
HTML:.... , .:
The title
: HTML :
1
2
3
4
5
6
:
Paragraph 1 Paragraph 2
: . br
, p
. br , ,
.
This is a paragraph with line breaks
:
.
.
HTML.
-
19
. , Golf
Golf .
, browser
.
CSS.
, . ,
,
, .
,
, ,
.
browser . ,
. ,
,
.
HTML 4.0 CSS.
. anchor
, href
. , HTML
Wikipedia .
, img
a. br, img .
, : .
,
= ,
. ,
HTML, XHTML.
.
-
20
,
, ismap img.
:
id
. CSS
,
, . ,
id URL ,
.
class
.
. , HTML
class="notation"
. , - -
,
. , class
microformat. ,
class="notation important" notation
important.
style .
id class
CSS, style
.
title .
browser .
lang ,
. ,
:
Oh well, c'est la vie, as they say in France.
abbr
:
-
21
HTML
: HTML. browser,
,
Hypertext Markup Language.
...
HTML
Notepad. (Start)
(Programs) (Accessories). ,
(Notepad).
.
-
22
"save as",
.html ( "testfile.html") "all files" or "text".
3 , , (bold) tags :
:
-
23
: site BookCrossing! site BookCrossing!
(italic) tags :
:
: site BookCrossing! site BookCrossing!
(underlined) tags :
:
: site BookCrossing! site BookCrossing!
, tags:
:
-
24
4
... ' !
tags
:
:
!
,
.
( ):
aqua (#00FFFF) gray (#808080) navy (#000080) silver (#C0C0C0)
black (#000000) green (#008000) olive (#808000) teal (#008080)
blue (#0000FF) lime (#00FF00) purple (#800080) yellow (#FFFF00)
fuchsia (#FF00FF) maroon (#800000) red (#FF0000) white (#FFFFFF)
internet... :
html colors.
:
site BookCrossing!
site BookCrossing!
tags:
:
-
25
site BookCrossing!
site BookCrossing!
5 ! tag font, size. To default size 3. 1 5 +1, +2, -1 ... 5 o tags :
:
:
site BookCrossing!
site BookCrossing!
site BookCrossing!
site BookCrossing!
tags :
site BookCrossing!
site BookCrossing!
-
26
< tr>
6
& ( ) .
tags tags < ul> < li> 1 < li> 2 < li> 3 < /ul> :
1 2 3
tags tags < ol> < li> 1 < li> 2 < li> 3 < /ol> :
1. 1 2. 2 3. 3
tags:
tag :
tag :
tag :
2x3 :
< table>
< tr>
< td> C
< /tr>
-
27
< td> D E F
< /tr>
< /table>
To :
A B C
D E F
tag table
border="1":
< table border="1">
:
A B C
D E F
7
-
'
HTML
-
28
:
, , , ISO-8859-7
- /, ISO
(standards).
8
HTML
2. ,
.
-
29
4 Blog
To , (blog), .
.
, ,
, ,
, , , , .
,
,
.
.
.
, . ,
,
.
O blog weblog
. weblog Jorn Barger 1997.
1999 Peter Merholz wee-blog
blog, blogger.
.
, ,
.. .
blog
. , blogs
, , .
blogs:
blogger blog
- , ,
(.. , , , ).
-
30
blogs .
blogs
sales events product reviews.
blogs
, .
/
, fox news, MSNBC, CNN, blogs
,
, .
bloggers. Anderson Cooper CNN, , blog
CNN
Anderson Cooper 360 television show.
blogs
-.
bloggers
blogs.
BLOGGING.
WordPress
PHP MySOL ,
blog ,
. , ,
MySOL hosting .
PHP (which stands for PHP Hypertext Preprocessor) is a server-side
.
PHP, server PHP
browser . MySOL
.
WordPress
internet
. blogs
-
31
()
,
. ,
.
WordPress
post blog . , 1.800
. , WordPress
. ,
WordPress . ,
. hosting
hosts backup site ,
.
web hosting backups
, site .
() blog (
) .
.
, backup
.
Wordpress
WordPress blog, PHP
SQL .
GNU General Public License.
blog weblog
(
) . WordPress
, blog ,
( , themes .)
sites ( sites
).
,
, .
-
32
.
WordPress .
http://wordpress.org/download/,
: http://codex.wordpress.org/Installing_WordPress.
(
internet)
PHP, MySql Apache HTTP Server (
Xampp).
WordPress ,
,
, , (
) .
site,
, ,
,
(, , ) .
,
.
.
-
33
Domain
blogs
WordPress. ;
WordPress blog domain name
domain registrar. domain name
web
browser
domain names.
domain name , .
, domain name
.
-
34
. domain name .com
domain name .net.
, gyalesgiaxrisopsara.com
,
gyalesgiaxrisopsara.net
.
/wp-admin. ,
site :
http://lab.xrh.doc.gr/
http:// lab.xrh.doc.gr/wp-admin
login .
, ( Meta->Login)
link ( site).
( version dashboard)
links WordPress (development ..
). links
.
. (Write)
, .
: ( )
( ) .
-
35
.
( tag
) html (tag HTML).
( Save and Continue Editing,
) (
).
.
(tag Categories -
). , uncategorized (
,
), my page, .
, add.
site block
.
Discussion
, Password
Post Timestamp ( ) .
/,
(.. , , , , video
). : upload /
. html (..
link , upload, URL
, Code
link ).
(post)
.
site ( pages)
.
Page author ( ), Page Parent
-
36
( ), Page Template (
site).
. (Manage)
Write (/posts /pages)
All Posts & All Pages.
,
, ( )
. view site, edit
, delete .
(Categories)
(Pages),
. .
Export site
backup,
( Import) Blog site.
. (Comments)
site
.
(
). , , ( ,
)
spam.
.
links site (
add link). (edit) link (
)
internet, ,
-
37
link (link relationship XFN),
link , ( advanced).
, links site (
) (
).
E. (Presentation)
. Themes
theme . Theme ( Template)
( theme),
(, , ) , .. , ,
modules, , . templates
.
free WordPress themes
. ( links
themes ).
templates zip .
. unzip \wp-content\themes (
ftp ). refresh Presentation
Themes (
theme ).
templates sidebars .
Widgets. Theme Editor site
css php/html template. (
themes css php,
stylesheet, ).
css
( site
).
-
38
, images theme
theme (
, css ).
, themes
, css.
Header Image and Color.
. Plugins
plugins
.
activate.
free plugins . templates
\wp-content\plugins.
. Users ()
Users,
(, , email, password,
, .),
site.
role subscriber ( ), administrator
( ), editor ( /,
, links, posts), author (
), contributor ( posts
).
-
39
, ,
( your Profile).
. Options ()
Options,
. Options,
:
General options, site,
, , mail ,
.
Update Options site.
Writing Options, text boxes,
(
) links. ,
email ,
Password .
Reading Options.
()
. , ,
( UTF-8
).
-
40
Discussion Options. (
.. ,
, ,
.. .).
Privacy.
, google
(), .
Customize Permalink Structure.
site ( ,
, ),
theme .
link number of tags are available .
Miscellaneous Options.
(uploads).
WordPress.
,
.
9
Wordpress
2. ,
HTML.
-
41
5
(web traffic)
.
site, / , ,
.. ,
site,
.
Google Analytics. Google Analytics site.
Google Analytics
Google Analytics Google,
. , ,
, ,
site . , ,
.
Google Analytics
. websites, Google Analytics
(Google Analytics Tracking Code)
site, .
, site,
,
site.
Google, ,
.
-
42
Google Analytics
,
. email Google Mail,
.
http://www.google.com/analytics/, /
.
.
, ,
, . ,
.
-
43
, Analytics ,
.
Analytics,
, View report
. Google Analytics
.
,
.
Google Analytics ,
.
;
;
web browser ;
;
Google,
, .
-
44
(google, yahoo, bing, ..),
.
,
.
Twitter,
Twitter
Twitter.
,
.
1. Site Usage: .
.
.
2. Visits: .
. site 3
3 .
3. Pageviews:
Visits.
4. Pages/Visit: .
5. Bounce Rate:
() site.
6. Avg. Time on Site: .
7. New Visits: .
8. Visitors Overview:
. view report,
.
9. Traffic Sources Overview:
. O internet marketing
-
45
. view report, :
(
) ;
traffic;
brand
browser .
10. Map Overlay:
. view report ,
, .
.
11. Content Overview: page
views . view
report view full report .
Google Analytics
.
,
,
,
, browser ,
(keywords, referral links ).
, ,
.
, Google Analytics
.
,
.
Advanced,
Google AdWords. click
I want to track AdWords campaigns. M , Analytics
,
.
-
46
, Google Analytics,
site . ,
budget .
.
:
Google Alerts
Google Alerts .
, .. .
internet, Google Alerts
(.. ).
Google Alerts ..
-,
, .
:
(to-domain-name-mou.gr)
( dnHost)
site
-
47
4
Google Analytics
.
Google Analytics
.
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
/.
-
48
. ,
,
, ,
.
.
, ,
.
,
, .
3.4
3.5
.
-
49
, A. (2011). . : ,
ISBN 978-960-418-322-7.
, . (2009). - . Nexus Publications S.A.,
ISBN 9608152135.
Callihan, S. (2010). Web Page ,
Anubis, ISBN- 9789603062905.
McBride, P. (1999). Internet. , ISBN- 9789605310585.
Crowder, D. (2010). Building a Web Site For Dummies, John Wiley and Sons Ltd, ISBN
9780470560938.
http://el.wikipedia.org/wiki/_
Leving Young, M. et al. (2001). Internet Millennium Edition,
: . : .
Clifton, B. (2010). Advanced Web Metrics with Google Analytics, 2nd Edition Paperback,
Sybex; 2 edition, ISBN - 978-0470562314.
