ΕΞΕΣΑΣΕΑ ΤΛΗ (SYLLABUS) Επεξεπγαζία Ιζηοζελίδων. Copyright 2009 ECDL Foundation Ref: SL_WE2.0_EL_v1 Page 3 of 12

Transcript

1 ΕΞΕΣΑΣΕΑ ΤΛΗ (SYLLABUS) Επεξεπγαζία Ιζηοζελίδων Copyright 2009 ECDL Foundation Ref: SL_WE2.0_EL_v1 Page 3 of 12

2 The official version of ECDL / ICDL Web Editing 1 Syllabus Version 2.0 is the version published on the ECDL Foundation website: Disclaimer Although every care has been taken by The European Computer Driving Licence Foundation Ltd. (hereinafter referred to as ECDL Foundation) in the preparation of this publication, no warranty is given by ECDL Foundation as publisher as to the completeness of the information contained within it and neither shall ECDL Foundation be responsible or liable for any errors, omissions, inaccuracies, loss or damage whatsoever arising by virtue of such information or any instructions or advice contained within this publication. Changes may be made by ECDL Foundation at its own discretion and at any time without notice. Copyright 2009 ECDL Foundation All rights reserved. No part of this publication may be reproduced in any form except as permitted by ECDL Foundation. Enquiries for permission to reproduce material should be directed to ECDL Foundation. 1 Formerly known as ECDL / ICDL WebStarter. Copyright 2009 ECDL Foundation Ref: SL_WE2.0_EL_v1 Page 4 of 12

3 ECDL / ICDL Επεξεπγαζία Ιζηοζελίδων (Web Editing) Τα αθόινπζα απνηεινύλ ηελ Δμεηαζηέα Ύιε γηα ηελ Δλόηεηα ECDL/ICDL Δπεξεπγαζία Ιζηοζελίδων (Web Editing). Η Δμεηαζηέα Ύιε πεξηγξάθεη, κέζσ καζεζηαθώλ ζηόρσλ, ηηο γλώζεηο θαη ηηο δεμηόηεηεο πνπ ζα πξέπεη λα θαηέρεη έλαο ππνςήθηνο ηεο ελόηεηαο ECDL/ICDL Δπεξεπγαζία Ιζηοζελίδων (Web Editing). Δπίζεο, ε Δμεηαζηέα Ύιε παξέρεη/ζπληζηά ην ππόβαζξν γηα ηε ζεσξεηηθή θαη ηελ πξαθηηθή εμέηαζε ζε απηήλ ηελ ελόηεηα. ηόσοι ηηρ Ενόηηηαρ Η ελόηεηα ECDL / ICDL Επεξεπγαζία Ιζηοζελίδων (Web Editing) απαηηεί από ηνλ ππνςήθην λα θαηαλνεί ηηο θύξηεο έλλνηεο δεκνζίεπζεο πεξηερνκέλνπ ζην Γηαδίθηπν θαζώο θαη λα δεκηνπξγεί, δεκνζηεύεη/αλεβάδεη (upload) θαη λα ζπληεξεί έλα ζηαηηθό δηαδηθηπαθό ηόπν. Ο ππνςήθηνο ζα πξέπεη λα είλαη ζε ζέζε λα: Καηαλνεί βαζηθέο έλλνηεο θαη νξνινγία. Γλσξίδεη ηηο βαζηθέο αξρέο ηεο HTML θαη λα ρξεζηκνπνηεί ζπλήζεηο εηηθέηεο HTML γηα λα ηξνπνπνηεί ηε δνκή κηαο ηζηνζειίδαο. Φξεζηκνπνηεί κηα εθαξκνγή επεμεξγαζίαο ηζηνζειίδσλ γηα λα ζρεδηάδεη θαη λα κνξθνπνηεί ηζηνζειίδεο, λα κνξθνπνηεί θείκελν, θαη λα εξγάδεηαη κε ππέξ-ζπλδέζεηο θαη πίλαθεο. Αλαγλσξίδεη θαη λα ρξεζηκνπνηεί ζπλήζεηο κνξθέο δηαδηθηπαθώλ εηθόλσλ θαη λα δεκηνπξγεί θόξκεο ζε κηα ηζηνζειίδα. Καηαλνεί θαη λα ρξεζηκνπνηεί Γηαδνρηθά θύιια ζηπι CSS (cascading style sheets). Πξνεηνηκάδεη ηηο ηζηνζειίδεο γηα δεκνζίεπζε ζε έλα δηαθνκηζηή ηζηνζειίδσλ (web server). ΚΑΣΗΓΟΡΙΑ ΓΝΩΣΙΚΗ ΠΕΡΙΟΥΗ ΑΝΑΦ. ΑΝΣΙΚΕΙΜΕΝΟ ΕΡΓΑΙΑ 10.1 Έννοιερ ηος Διαδικηύος (Web) Βαζικοί Όποι Καηαλόεζε όηη ζην Γηαδίθηπν ππνζηεξίδεηαη έλα εύξνο ππεξεζηώλ όπσο ν Παγθόζκηνο Ιζηόο (World Wide Web ή Web), ε κεηαθνξά αξρείσλ, ην ειεθηξνληθό ηαρπδξνκείν ( ),ε απνζηνιή άκεζσλ κελπκάησλ (instant messaging - IM) Καηαλόεζε ηνπ όξνπ πειάηεο/δηαθνκηζηήο (client/server). Καηαλόεζε ηεο ιεηηνπξγηθόηεηαο θαη ηεο ζρέζεο κεηαμύ ηνπ θπιινκεηξεηή (browser) θαη ηνπ δηαθνκηζηή web (web server) Καηαλόεζε ησλ όξσλ ηνκέαο (domain), Δληαίνο Δληνπηζηήο Πόξσλ - URL (Uniform Resource Locator), ππέξ-ζύλδεζε (hyperlink), θηινμελία ηζηνζειίδσλ (web hosting), κεραλή αλαδήηεζεο (search engine). Copyright 2009 ECDL Foundation Ref: SL_WE2.0_EL_v1 Page 5 of 12

4 Καηαλόεζε ηεο ρξήζεο πξσηαξρηθώλ πξσηνθόιισλ (primary protocols): Πξσηόθνιιν Διέγρνπ Μεηάδνζεο θαη πξσηόθνιιν ηνπ Γηαδηθηύνπ (TCP/lP - Transmission Control Protocol/Internet Protocol), Πξσηόθνιιν Μεηαθνξάο Υπεξθεηκέλνπ (HTTP - Hypertext Transfer Protocol), Πξσηόθνιιν Μεηαθνξάο Αξρείσλ (FTP - File Transfer Protocol) Γημοζίεςζη ιζηοζελίδων Αλαγλώξηζε ησλ θύξησλ πιενλεθηεκάησλ θαηνρήο κηαο ηζηνζειίδαο: πξόζβαζε ζε επξύ αθξναηήξην, επθνιία ζηελ ελεκέξσζε, δηαδξαζηηθόηεηα αθξναηεξίνπ, πιενλεθηήκαηα θόζηνπο Καηαλόεζε ηεο δηαδηθαζίαο δεκνζίεπζεο κηαο ηζηνζειίδαο ζην Γηαδίθηπν όπσο: θαηαρώξεζε ηνκέα (registering a domain), επηινγή ππεξεζίαο θηινμελίαο δηθηπαθώλ ηόπσλ (web hosting service) Αλαγλώξηζε ηερληθώλ βειηηζηνπνίεζεο κεραλώλ αλαδήηεζεο (search engine optimization) όπσο: λα πεξηιακβάλνληαη ζρεηηθά κεηα-δεδνκέλα/meta data, λα πεξηιακβάλεηαη έλαο ράξηεο ηνπ ηζηόηνπνπ (site map) θαζώο θαη ζπλδέζεηο ηζηνζειίδσλ, θαηαρώξεζε ζε κηα κεραλή αλαδήηεζεο Αλαγλώξηζε ησλ παξαγόλησλ πνπ επεξεάδνπλ ηελ ηαρύηεηα ιήςεο (download speed) κηαο ηζηνζειίδαο: ήρνο (audio), βίληεν (video), γξαθηθά αληηθείκελα, θηλνύκελν πεξηερόκελν, ζπκπίεζε αξρείσλ (file compression) Αλαγλώξηζε ησλ θαηάιιεισλ κνξθώλ ήρνπ (audio), βίληεν (video), γξαθηθώλ γηα ηελ βειηηζηνπνίεζε ηεο ηαρύηεηαο ιήςεο (download speed) κηαο ηζηνζειίδαο. Copyright 2009 ECDL Foundation Ref: SL_WE2.0_EL_v1 Page 6 of 12

5 Νομικά θέμαηα/ζηηήμαηα Καηαλόεζε ηνπ όξνπ πλεπκαηηθά δηθαηώκαηα (copyright) θαη ησλ επηπηώζεώλ ηνπο γηα ηα θείκελα, ηηο εηθόλεο, ηνπο ήρνπο θαη ηα βίληεν πνπ είλαη δηαζέζηκα ζε κηα δηαδηθηπαθή ηνπνζεζία Καηαλόεζε όηη ην πεξηερόκελν κηαο δηαδηθηπαθήο ηνπνζεζίαο ππόθεηηαη ζηνπο λόκνπο ηεο ρώξαο όπνπ θηινμελείηαη HTML Βαζικέρ Απσέρ ηος Κώδικα HTML Καηαλόεζε ηνπ όξνπ Γιώζζα Σήκαλζεο Υπεξθεηκέλνπ (HTML - Hypertext Markup Language) Καηαλόεζε ηνπ ξόινπ ηεο θνηλνπξαμίαο W3C ζρεηηθά κε ηελ αλάπηπμε ζπζηάζεσλ πεξί ηεο HTML. Καηαλόεζε ησλ πιενλεθηεκάησλ πνπ πξνζθέξνπλ απηέο νη ζπζηάζεηο: δηαιεηηνπξγηθόηεηα ησλ δηαδηθηπαθώλ ηνπνζεζηώλ ζε όινπο ηνπο θπιινκεηξεηέο, απμεκέλε πξνζβαζηκόηεηα, ζπλέπεηα ζηνπο δεισζέληεο ηύπνπο εγγξάθσλ (consistent document type declarations) Χπήζη ηος Κώδικα HTML Φξήζε ελόο θπιινκεηξεηή (browser) γηα ηελ πξνβνιή ηνπ πεγαίνπ θώδηθα (source code) κηαο ηζηνζειίδαο Φξήζε εηηθεηώλ ραξαθηεξηζκνύ ηεο δνκήο κηαο ηζηνζειίδαο: <HTML>, <head> (θεθαιίδα), <title> (ηίηινο), <body> (ζώκα) Φξήζε εηηθεηώλ ραξαθηεξηζκνύ γηα ηελ αλάπηπμε ηεο δηάηαμεο κηαο ηζηνζειίδαο: <h1> (επηθεθαιίδα 1), <h2> (επηθεθαιίδα 2), <p> (παξάγξαθνο), <br /> (αιιαγή γξακκήο), <a href> (ππέξζύλδεζε), <img /> (εηθόλα). Copyright 2009 ECDL Foundation Ref: SL_WE2.0_EL_v1 Page 7 of 12

6 10.3 ύνηαξη Δημιοςπγία Ιζηοζελίδων (Web Authoring) Σσεδιαζμόρ Αλαγλώξηζε ηερληθώλ ζρεδηαζκνύ θαη ζρεδίαζεο όπσο: αμηνιόγεζε ησλ αλαγθώλ ηνπ ζηνρεπόκελνπ θνηλνύ, δεκηνπξγία εηθνλνγξαθεκέλεο δνκήο (storyboards), νξγάλσζε ηεο δνκήο ηεο δηαδηθηπαθήο ηνπνζεζίαο, δεκηνπξγία κηαο πξόηππεο δηάηαμεο ηζηνζειίδαο, επηινγή ηξόπνπ/ζρήκαηνο πινήγεζεο Αλαγλώξηζε θαιώλ πξαθηηθώλ ζηελ επηινγή γξακκαηνζεηξώλ. Φξήζε γξακκαηνζεηξώλ ηύπνπ sans serif όπσο Arial, Courier, Helvetica Χπήζη ηηρ Δθαπμογήρ Άλνηγκα, θιείζηκν κηαο εθαξκνγήο δεκηνπξγίαο ηζηνζειίδσλ. Άλνηγκα, θιείζηκν ηζηνζειίδσλ Γεκηνπξγία, απνζήθεπζε κηαο λέαο ηζηνζειίδαο, δηαδηθηπαθήο ηνπνζεζίαο, ζε κηα ζέζε ζε έλαλ δίζθν Γεκηνπξγία, απνζήθεπζε κηαο λέαο ηζηνζειίδαο βαζηζκέλεο ζ έλα δηαζέζηκν πξόηππν Πξνζζήθε, ηξνπνπνίεζε ελόο πεξηγξαθηθνύ ηίηινπ ζειίδαο Δλαιιαγή κεηαμύ ηνπ πεγαίνπ θώδηθα θαη ηεο πξνβνιήο ζρεδίαζεο Βεληίωζη Παπαγωγικόηηηαρ Οξηζκόο βαζηθώλ επηινγώλ/πξνηηκήζεσλ ηεο εθαξκνγήο: πξνεπηιεγκέλνο θπιινκεηξεηήο πξνεπηζθόπεζεο, πξνεπηιεγκέλνο ηύπνο εγγξάθνπ, θσδηθνπνίεζε (encoding), γξακκαηνζεηξέο Φξήζε δηαζέζηκσλ ιεηηνπξγηώλ Βνήζεηαο Διζαγωγή κειμένος και Μοπθοποίηζη Δηζαγσγή, ηξνπνπνίεζε, δηαγξαθή θεηκέλνπ Καηαλόεζε θαη ρξήζε ζρεηηθνύ κεγέζνπο γξακκαηνζεηξάο. Copyright 2009 ECDL Foundation Ref: SL_WE2.0_EL_v1 Page 8 of 12

7 Δθαξκνγή κνξθνπνίεζεο θεηκέλνπ: έληνλε, πιάγηα γξαθή, ηύπνο θαη ρξώκα γξακκαηνζεηξάο Μοπθοποίηζη Παπαγπάθων Οξηζκόο ηδηνηήησλ παξαγξάθνπ: ζηνίρηζε, εζνρέο Δηζαγσγή, δηαγξαθή αιιαγήο παξαγξάθνπ, αιιαγήο γξακκήο Γεκηνπξγία, ηξνπνπνίεζε αξηζκεκέλεο ιίζηαο ελόο επηπέδνπ, ιίζηαο θνπθίδσλ ελόο επηπέδνπ Μοπθοποίηζη Σελίδαρ Οξηζκόο πεξηζσξίσλ ζειίδαο: επάλσ, θάησ, αξηζηεξά, δεμηά Πξνζζήθε, ηξνπνπνίεζε, δηαγξαθή ρξώκαηνο θόληνπ, εηθόλαο θόληνπ ηζηνζειίδαο Αιιαγή ρξώκαηνο ππέξ-ζύλδεζεο ηζηνζειίδαο: πνπ έρνπκε επηζθεθηεί (visited), ελεξγή/ηξέρνπζα (active), πνπ δελ έρνπκε επηζθεθηεί (unvisited) Υπέπ-ζςνδέζειρ Καηαλόεζε ησλ όξσλ απόιπηε θαη ζρεηηθή ππέξ-ζύλδεζε Δηζαγσγή, ηξνπνπνίεζε, δηαγξαθή κηαο ππέξ-ζύλδεζεο: θείκελν, εηθόλα Δηζαγσγή, ηξνπνπνίεζε, δηαγξαθή κηαο ππεξ-ζύλδεζεο πξνο δηεύζπλζε ειεθηξνληθνύ ηαρπδξνκείνπ ( ) από: θείκελν, εηθόλα Οξηζκόο ζύλδεζεο πξννξηζκνύ (hyperlink target): ζην ίδην παξάζπξν, ζε λέν παξάζπξν Οξηζκόο αγθύξσζεο (anchor), εηζαγσγή ζύλδεζεο πξνο κηα αγθύξσζε (anchor) Πίνακερ Δηζαγσγή, δηαγξαθή πίλαθα Δηζαγσγή, ηξνπνπνίεζε ιεδάληαο πίλαθα Σηνίρηζε πίλαθα: αξηζηεξά, ζην θέληξν, δεμηά. Copyright 2009 ECDL Foundation Ref: SL_WE2.0_EL_v1 Page 9 of 12

8 Δηζαγσγή, δηαγξαθή γξακκώλ θαη ζηειώλ Μεηαβνιή πιάηνπο ζηειώλ, ύςνπο γξακκώλ Σπγρώλεπζε, δηαίξεζε θειηώλ Τξνπνπνίεζε πιάηνπο πεξηγξάκκαηνο πίλαθα, αλαπιήξσζε θειηώλ (cell padding - απόζηαζε κεηαμύ ησλ πεξηζσξίσλ ελόο θειηνύ θαη ησλ δεδνκέλσλ ηνπ), απόζηαζεο θειηώλ (cell spacing) Αιιαγή ρξώκαηνο θόληνπ, γξαθηθνύ θόληνπ, εηθόλα θόληνπ, ζε θειηά πίλαθα, νιόθιεξν ηνλ πίλαθα Δηζαγσγή, δηαγξαθή γξαθηθνύ ή εηθόλαο θόληνπ ζ έλαλ πίλαθα Υπήζη Ανηικειμένων Γπαθικά Ανηικείμενα Δηζαγσγή, δηαγξαθή εηθόλαο ζε/από κηα ηζηνζειίδα Καζνξηζκόο, ηξνπνπνίεζε ηδηνηήησλ εηθόλαο: κέγεζνο, πεξίγξακκα, ζηνίρηζε, ελαιιαθηηθό θείκελν (alternative text) Φόπμερ Δηζαγσγή θόξκαο ζε κηα ηζηνζειίδα Πξνζζήθε, δηαγξαθή πεδίσλ θεηκέλνπ κίαο γξακκήο (singleline), πνιιαπιώλ γξακκώλ (multiline) Πξνζζήθε, δηαγξαθή πεδίσλ θόξκαο: αλαπηπζζόκελε ιίζηα (drop-down), πιαίζην ειέγρνπ (check box), θνπκπί επηινγήο (radio button) Καζνξηζκόο, ηξνπνπνίεζε ηδηνηήησλ πεδίσλ θόξκαο: πιαίζην θεηκέλνπ (text field), αλαπηπζζόκελε ιίζηα (dropdown), πιαίζην ειέγρνπ (check box), θνπκπί επηινγήο (radio button) Πξνζζήθε, δηαγξαθή θνπκπηώλ εληνιώλ ππνβνιή (submit) θαη επαλαθνξά (reset). Copyright 2009 ECDL Foundation Ref: SL_WE2.0_EL_v1 Page 10 of 12

9 Καζνξηζκόο, ηξνπνπνίεζε ηδηνηήησλ ή ελεξγεηώλ ησλ θνπκπηώλ εληνιώλ ππνβνιή (submit) θαη επαλαθνξά (reset) Καζνξηζκόο, ηξνπνπνίεζε ελέξγεηαο θόξκαο γηα απνζηνιή απνηειεζκάησλ θόξκαο κέζσ ειεθηξνληθνύ ηαρπδξνκείνπ ( ) ηςλ Βαζικέρ Έννοιερ CSS Καηαλόεζε ηνπ όξνπ Γηαδνρηθά Φύιια Σηπι (CSS - Cascading Style Sheets), ηεο ρξήζεο θαη ησλ πιενλεθηεκάησλ ηνπο Αλαγλώξηζε ησλ θύξησλ κεζόδσλ εθαξκνγήο ζηπι: ελζσκαησκέλα (inline), εζσηεξηθά (internal), εμσηεξηθά (external) Καηαλόεζε ηεο δνκήο ελόο θαλόλα (rule) CSS: επηινγέαο (selector) θαη δήισζε (declaration) (ηδηόηεηα (property), ηηκή (value)) Χπήζη CSS Γεκηνπξγία, απνζήθεπζε ελόο λένπ αξρείνπ CSS Γεκηνπξγία, ηξνπνπνίεζε θαλόλσλ (rules) CSS: ρξώκα, θόλην, γξακκαηνζεηξά Δπηζύλαςε/Φξήζε ελόο εμσηεξηθνύ CSS ζε κηα ηζηνζειίδα Πποεηοιμαζία Δημοζίεςζηρ / Ανεβάζμαηορ (Upload) Έλεγσορ Αλαγλώξηζε θαη δηόξζσζε κεδηαζέζηκσλ ή «ζπαζκέλσλ» ζπλδέζκσλ (broken links) κηαο ηζηνζειίδαο Αλαγλώξηζε θαιώλ πξαθηηθώλ ζρεηηθά κε ην πεξηερόκελν κηαο ηζηνζειίδαο: ρξήζε εκεξνκελίαο ηειεπηαίαο ελεκέξσζεο, αλαθνξά ινγηζκηθνύ γηα άλνηγκα, πξνβνιή αξρείσλ, δηαζθάιηζε ζπκβαηόηεηαο πεξηερνκέλνπ κε θπιινκεηξεηέο ηζηνύ Οξζνγξαθηθόο έιεγρνο ηζηνζειίδαο θαη δηόξζσζε πηζαλώλ ιαζώλ. Copyright 2009 ECDL Foundation Ref: SL_WE2.0_EL_v1 Page 11 of 12

10 Γημοζίεςζη Καηαλόεζε ηεο δηαδηθαζίαο δεκνζίεπζεο [ή «αλέβαζκα» ή απνζηνιή] (uploading), ιήςεο [ή «θαηέβαζκα»] (downloading) κηαο δηαδηθηπαθήο ηνπνζεζίαο ζε, από έλαλ δηαθνκηζηή web (web server) Γεκνζίεπζε (Upload), ιήςε (download) κηαο δηαδηθηπαθήο ηνπνζεζίαο ζε, από έλα δηαθνκηζηή. Copyright 2009 ECDL Foundation Ref: SL_WE2.0_EL_v1 Page 12 of 12