HTML editorea: berrikuspenen arteko aldeak

MoodleDocstik
Hona jauzi:nabigazioa, bilatu
 
(Erabiltzaile berak tartean egindako 11 ekarpen ez dira erakusten)
1. lerroa: 1. lerroa:
{{Itzuli gabekoak}}
Moodle-k HTML interfaz gisa erabiltzen den tresna-barra estandarra du. Tresna-barrako ikonoetako asko aurki daitezke testuak editatzeko programa gehienetan. Orri honetan Moodle-ren erabiltzaile berriak agian ezagutuko ez dituen ikono/tresnak aztertuko ditu.
Moodle-k HTML interfaz gisa erabiltzen den tresna-barra estandarra du. Tresna-barrako ikonoetako asko aurki daitezke testuak editatzeko programa gehienetan. Orri honetan Moodle-ren erabiltzaile berriak agian ezagutuko ez dituen ikono/tresnak aztertuko ditu.


62. lerroa: 61. lerroa:
===Aurpegierak txertatu (emotikoneak)===
===Aurpegierak txertatu (emotikoneak)===


The smiley icon [[Image:Smiley.gif]] will allow you to add a small icon (for example [[Image:Cool.gif]] ) in your text. A dialog will pop up that allows you to select from a table of smiley icons. Alternatively, you can just type the corresponding code straight into your text and it will be converted later when your text is displayed.
Aurpegierak ikonoak [[Image:Smiley.gif]] aukera emango dizu aurpegiera ikono bat gehitzeko (adiibdez [[Image:Cool.gif]] ) zure testuan. Zabaltzen den leihoan aukera izango duzu aurpegiera ikonoen taula batetik aukeratzeko. Bestela, dagokion kode zehatza idaz dezakezu zure testuan eta gero zure testua erakusten denean aurpegiera bihurtuko da.
[[Image:HTML toolbar Smiley icon selections.JPG|center]]
[[Image:HTML toolbar Smiley icon selections.JPG|center]]


===Karaktere bereziak===
===Karaktere bereziak===
The special characters [[Image:special characters button.gif]] button, allows you to enter special characters from a table.
Karaktere berezien [[Image:special characters button.gif]] botoiak aukera ematen dizu taula batetik karaktere bereziak sartzeko.
[[Image:HTML_toolbar_Special_character_selections.JPG|center]]
[[Image:HTML_toolbar_Special_character_selections.JPG|center]]


79. lerroa: 78. lerroa:


===Garbitu Word botoia===
===Garbitu Word botoia===
The clean Word [[Image:Ed wordclean.gif]] button removes some Word formatting from your pasted text so that the page is smaller, less complex and thus loads faster. The [http://www.microsoft.com/downloads/details.aspx?FamilyID=209ADBEE-3FBD-482C-83B0-96FB79B74DED&displaylang=EN Microsoft Office HTML Filter 2.0] removes all Word code from HTML file far more effectively. This filter is already built into office in Microsoft Office XP onwards.
Garitu Word [[Image:Ed wordclean.gif]] botoiak hainbat Word formatu kentzen du itsatsitako testutik eta, beraz, orria txikiago, errazago eta kargatzeko errazago egiten du. [http://www.microsoft.com/downloads/details.aspx?FamilyID=209ADBEE-3FBD-482C-83B0-96FB79B74DED&displaylang=EN Microsoft Office HTML Filter 2.0]-k Word kode guztia kentzen du HTML fitxategitik eraginkorrago bihurtzeko. Iragazki hau dagoeneko prest dago Microsoft Office XP-n eta aurreragokoetan.


==Shortcut keys==
==Laster-bideak==
Here are some common editing short cut or hot keys which will within the HTML editor in WYSIWYG view. Different operating systems and browsers may not support all these keys. The most universal hot keys are in''' bold'''.
Hona hemen editatzeko HTML editorearen laster-bide ohikoenak WYSINWYG ikuspegian. Sistema eragile eta nabigatzaile guztiek ez dituzte, agian, onartuko laster-bide hauek. Nagusiak '''letra lodiz''' daude.
{|  border="0" cellpadding="2" cellspacing="0" style="text-align:left"
{|  border="0" cellpadding="2" cellspacing="0" style="text-align:left"
! width="70"|Keys
! width="70"|Gakoak
! width="300"|Action
! width="300"|Ekintza
! width="10"|
! width="10"|
! width="70"|Keys
! width="70"|Gakoak
! width="300"|Action
! width="300"|Ekintza


|-
|-
| '''Ctrl-C'''
| '''Ctrl-C'''
| Copy 
| Kopiatu
|
|
| '''Ctrl-V'''
| '''Ctrl-V'''
| Paste
| Itsatsi


|-
|-
| '''Ctrl-X'''
| '''Ctrl-X'''
| Cut
| Ebaki
|
|
| '''Ctrl-F'''
| '''Ctrl-F'''
| Find text
| Bilatu testua


|-
|-
| Ctrl-H
| Ctrl-H
| Find and replace
| Bilatu eta ordezkatu
|
|
| *
| *
113. lerroa: 112. lerroa:
|-
|-
| '''Ctrl-Z'''
| '''Ctrl-Z'''
| Undo
| Desegin
|
|
| '''Ctrl-Y'''
| '''Ctrl-Y'''
| Redo
| Berregin


|-
|-
| '''Ctrl-B'''
| '''Ctrl-B'''
| Make text bold
| Testua letra lodiz jarri
|
|
| '''Ctrl-I'''
| '''Ctrl-I'''
| Make text italic
| Testua letra etzanez jarri


|-
|-
| '''Ctrl-U'''
| '''Ctrl-U'''
| Underline text
| Testua azpimarratu
|
|
| '''Ctrl-S'''
| '''Ctrl-S'''
| Strikethrough text
| Testu marratua


|-
|-
| Ctrl-H
| Ctrl-H
| Change text format (headings etc.)  
| Aldatu testuaren formatua (goiburua, e.a.)  
|
|
| Ctrl-1
| Ctrl-1 etik
| to Ctrl-6 Change heading level
| Ctrl-6 ra Aldatu goiburuaren maila


|-
|-
| Ctrl-,
| Ctrl-,
| Subscript
| Azpiindizea
|
|
| Ctrl-.
| Ctrl-.
| Superscript
| Goi-indizea


|-
|-
| Ctrl-O
| Ctrl-O
| Change the font
| Aldatu letra-mota
|
|
| Ctrl-0
| Ctrl-0
| Clean Word HTML  
| Garbitu Word-a HTML-n


|-
|-
| Ctrl-L
| Ctrl-L
| Justify left
| Justifikatu ezkerretara
|
|
| Ctrl-E
| Ctrl-E
| Center
| Lerrokatu erdian


|-
|-
| Ctrl-J
| Ctrl-J
| Justify full
| Osoa justifikatu
|
|
| Ctrl-/
| Ctrl-/
| Text runs left to right
| Testuak ezkerretik eskumatara egiten du


|-
|-
| Ctrl-<nowiki>|</nowiki>
| Ctrl-<nowiki>|</nowiki>
| Text runs right to left
| Testuak eskumatik ezkerretara egiten du
|
|
| Ctrl-;
| Ctrl-;
| Decrease indent
| Txikitu koska


|-
|-
| Ctrl-'
| Ctrl-'
| Increase indent
| Handitu koska
|
|
| Ctrl-G
| Ctrl-G
| Change text colour
| Aldatu testuaren kolorea


|-
|-
186. lerroa: 185. lerroa:
|
|
| Ctrl-P
| Ctrl-P
| Change the font size
| Aldatu letra-motaren tamaina


|-
|-
| Ctrl-`
| Ctrl-`
| Switch to HTML source code view
| Aldatu HTML kodea ikusteko
|
|
| Ctrl-M
| Ctrl-M
| Toggle fullscreen editor mode
| Txandakatu pantaila osoko editore modura


|-
|-
| Ctrl-Alt-O
| Ctrl-Alt-O
| Insert ordered list
| Sartu ordenatutako zerrenda
|
|
| Ctrl-Alt-U
| Ctrl-Alt-U
| Insert unordered list
| Sartu ordenatu gabeko zerrenda


|-
|-
| Ctrl-Alt-R
| Ctrl-Alt-R
| Insert horizontal rule
| Sartu marra horizontala
|
|
| Ctrl-Alt-A
| Ctrl-Alt-A
| Create anchor
| Sortu aingura


|-
|-
| Ctrl-Alt-L
| Ctrl-Alt-L
| Create link
| Sortu esteka
|
|
| Ctrl-Alt-D
| Ctrl-Alt-D
| Unlink
| Esteka kendu


|-
|-
| Ctrl-Alt-N
| Ctrl-Alt-N
| Turn off autolinking
| Ezgaitu autoesteka
|
|
| Ctrl-Alt-I
| Ctrl-Alt-I
| Insert image
| Sartu irudia


|-
|-
| Ctrl-Alt-T
| Ctrl-Alt-T
| Insert table
| Sartu taula
|
|
| Ctrl-Alt-S
| Ctrl-Alt-S
| Insert emoticon
| Sartu aurpegiera


|-
|-
| Ctrl-Alt-C
| Ctrl-Alt-C
| Insert special character
| Sartu karaktere berezia
|
|
| Ctrl-=
| Ctrl-=
| Change text language for screen readers, or specify language for the Multilang filter
| Testuaren hizkuntza pantaila-irakurleentzat, edo hizkuntza zehaztu Multilang iragazkirako


|}
|}


==Aholku eta trikimailuak==
==Aholku eta trikimailuak==
*[[Themes|Theme]] settings can control the default fonts in the HTML editor. It is possible to have individual themes for a context (for example, a course may have its own theme).
*[[Itxurak|Itxuraren]] ezarpenek kontrola dezakete berezko letra-mota HTML editorean. Norberaren itxura ezar daiteke testuinguru beterako (adibidez, ikastaro batek bere itxura izan dezake).


*When you choose many functions a new small window will open. Unfortunately it can often open BEHIND the window you are in so you may miss that anything has happened. You can check new windows with [Alt]+[Tab].
*Hainbat funtzio aukeratzen duzunean beste leiho txiki bat irekiko da. Tamalez, zenbaitetan zeu zauden leihoaren ATZEAN ireki daiteke eta agian ez zara konturatu ere egingo. Leiho berriak [Alt]+[Tab] erabilita azter ditzakezu.


*The HTML editor does not work in all browsers. If you are using a Mac OS X and for some reason it does not appear, try using Firefox instead of Safari as a browser.
*HTML editorea ez dabil nabigatzaile guztiekin. Mac OS X erabiltzen ari bazara eta agertzen ez bada, saiatu Firefox erabiltzen Safari-ren ordez nabigatzaile gisa.


*Can not make HTML give you the text style you want?  Use an image or even an animated gif file.
*Ez al dizu ematen HTML-k zuk lortu nahi duzun estiloa testurako?  Erabili irudi bat edo animatutako gif fitxategi bat.


==Begiratu halaber==  
==Begiratu halaber==  


*[[HTML editor FAQ]]
*[[HTML editorea FAQ]]
*[[Orriaren edukia]] - for more assistance on using some of above editing icons
*[[HTML editorea 2.0]]
*[[Insert image]] - examples and instructions for inserting and editing images
*[[Orriaren edukia]] - edizio-ikonoen erabilerarako laguntza gehiagorako
*[[HTML in Moodle]]
*[[Irudia txertatu]] - irudiak txertatu eta editatzeko adibideak eta jarraipideak
*[[HTML editor settings]] - change the look of the HTML toolbar
*[[HTML Moodle-n]]
*[[HTML editorearen ezarpenak]] - aldatu HTML tresna-barraren itxura


Using Moodle forum discussions:
Using Moodle-ko foro-eztabaidak:
*[http://moodle.org/mod/forum/discuss.php?d=64354 Question about insert image function in HTML editor] including methods of enabling students to insert images using the HTML editor
*[http://moodle.org/mod/forum/discuss.php?d=64354 Question about insert image function in HTML editor] including methods of enabling students to insert images using the HTML editor
*[http://moodle.org/mod/forum/discuss.php?d=66805 Need to display english special phonetic symbols for ESL students]
*[http://moodle.org/mod/forum/discuss.php?d=66805 Need to display english special phonetic symbols for ESL students]

Hauxe da oraingo bertsioa, 10:33, 1 Otsaila 2011 data duena

Moodle-k HTML interfaz gisa erabiltzen den tresna-barra estandarra du. Tresna-barrako ikonoetako asko aurki daitezke testuak editatzeko programa gehienetan. Orri honetan Moodle-ren erabiltzaile berriak agian ezagutuko ez dituen ikono/tresnak aztertuko ditu.

Adibidez, beste aplikazio batzuetatik ebaki/itsasi dezakezu testua editore honetara eta formatua mantendu egingo da. Hauxe da ohiko Ed paste.gif portafolioaren ikonoa eta kopiatu edo ebaki den testua itsasteko erabiltzen da. Bestela, erabili Kontrol+C eta Kontrol+V labur bide gakoak.


HTML editorearen tresna-barraren funtzioak

HTML editorearen tresna-barra Ikasgaia orrian, gainontzeko moduluek antzeko itxura dute.


Letra-tipoaren eta atzeko koloreak

Bi ikono dira Ed color fg.gif letra-tipoa eta Ed color bg.gif testuaren atzeko kolorea aldatzeko. Ikonoari sakatuta kolore-paleta agertuko da. Ohatu kolorearen HTML kodea erakusten dela.

HTML toolbar Color pallet.JPG

Aingura

Ed anchor.gif HTML aingurak esteka bati dagokion orri bateko testua identifikatzen du. Aingura erabiltzeko, markatu hitza eta ondoren sakatu Aingura ikonoari. Eman izena aingurari. Orrian edonon, markatu Aingurarekin lotua nahi duzun hitza. Erabili Esteka ikonoa eta zabaltzen den menua aingura egokia bilatzeko. HTML toolbar anchor tool.JPG

Estekak txertatu

Ed link.gif

HTML estekak kanpoko, barruko edo oraingo orrirako bidea sortzen du. Ikonoak idatzitako kodea gordetzen du. Metodo bat hau da: kopiatu nahi duzun kokapenaren helbide-barra, sakatu esteka ikonoari eta ondoren itsatsi bertan URL-a. Beste metodo bat Arakatu botoiari sakatzea da. Honek ikastaroko Fitxategiak eremura eramango zaitu. Hemen aukeratu egin dezakezu aldez aurretik dagoen fitxategi bat edo fitxategi berri igo eta horrekin lotu.

Esteka berria sortzeko

  • Idatzi esteka izatea nahi duzun testua
      • Adibidez: "Ikastaro-fitxategirako esteka demo.moodle.org-n"
  • Aukeratu testua
      • Adibidez aukeratu "ikastaro-fitxategia" saguarekin markatuta.
  • Sakatu Ed link.gif esteka botoiari tresna-barran
  • Idatzi (edo itsatsi, edo arakatu) zein URL-tara egin nahi duzun esteka
      • Adibidez, arakatu eta fitxategiari sakatu erabili dugu gure sarrera lortzeko
  • Idatzi sagua gainean dagoenean agertu beharreko testua
      • Adibidez: "Ikastaro-fitxategia demo moodle-n."
  • Helburua - Zein motatako leihoa irekiko den
      • HTML editor insert link target menu.jpg
  • Aingurak - Orrian sortu dituzun ainguretatik aukeratzeko zabaltzen den menua
  • Sakatu Onartu-ri
HTML toolbar Hyperlink.JPG
  • Goiko pausuak eman ondoren ikasleak hauxe ikusiko du:
    • Emaitza


AHOLKUAk - estekak txertatu

  • Prozesu honek EZ du funtzionatzen wiki moduluan. Beratan Wikien esteka-sistema erabili behar duzu (kortxeten artean agertuko da helbidea eta testua lerro bertikalak banatuta)
  • Ikastaro-fitxatearen URL helbidea arakatzeko botoia erabilita aurki daiteke

Irudiak txertatu

Ed image.gif Moodle-k ikastaro edo gune-ko karpeta batera irudiak igotzeko aukera ematen dizu, ondoren irudi hori edukien eremuan sartzeko. Era berean, zure Moodle gunetik kanpo dagoen irudi bat ere erabil daiteke.

Irudiak eduki-eremuan txerta ditzakezu Ed image.gif botoia erabilita. Irudiak txertatzeko edizio-orri batera eramango zaitu irudia txertatzen laguntzeko. Hemen aurki dezakezu irudia txertatzeko informazio zehatzagoa. Moodle-k JPG, GIF eta PNG ezagutzen ditu irudi-fitxategi gisa.

Insert image page link in Moodle Documentation

Taulak txertatu

  • Insert table.gif Zure testuei diseinua gehitzeko, tresna-barrako "Txertatu taula" botoia erabil dezakezu.
HTML toolbar table settings.jpg
  • Taulak editatzeko hainbat tresna Zabaldu editorea botoiari sakatuta bakarrik ikusten dira.

Aurpegierak txertatu (emotikoneak)

Aurpegierak ikonoak Smiley.gif aukera emango dizu aurpegiera ikono bat gehitzeko (adiibdez Cool.gif ) zure testuan. Zabaltzen den leihoan aukera izango duzu aurpegiera ikonoen taula batetik aukeratzeko. Bestela, dagokion kode zehatza idaz dezakezu zure testuan eta gero zure testua erakusten denean aurpegiera bihurtuko da.

HTML toolbar Smiley icon selections.JPG

Karaktere bereziak

Karaktere berezien special characters button.gif botoiak aukera ematen dizu taula batetik karaktere bereziak sartzeko.

HTML toolbar Special character selections.JPG

Aldatu HTML Kode iturrira

The Ed html.gif button changes the display window to raw HTML code. This can be useful for those of you that know how to use it (or want to learn!). Most of the buttons do not work in this view, including many of the hotkeys.

Example of HTML code for content area in a forum post

Zabaldu editorea

Fullscreen maximize.gif botoiak HTML editorearen eremua zabaldu egiten du.

Garbitu Word botoia

Garitu Word Ed wordclean.gif botoiak hainbat Word formatu kentzen du itsatsitako testutik eta, beraz, orria txikiago, errazago eta kargatzeko errazago egiten du. Microsoft Office HTML Filter 2.0-k Word kode guztia kentzen du HTML fitxategitik eraginkorrago bihurtzeko. Iragazki hau dagoeneko prest dago Microsoft Office XP-n eta aurreragokoetan.

Laster-bideak

Hona hemen editatzeko HTML editorearen laster-bide ohikoenak WYSINWYG ikuspegian. Sistema eragile eta nabigatzaile guztiek ez dituzte, agian, onartuko laster-bide hauek. Nagusiak letra lodiz daude.

Gakoak Ekintza Gakoak Ekintza
Ctrl-C Kopiatu Ctrl-V Itsatsi
Ctrl-X Ebaki Ctrl-F Bilatu testua
Ctrl-H Bilatu eta ordezkatu * *
Ctrl-Z Desegin Ctrl-Y Berregin
Ctrl-B Testua letra lodiz jarri Ctrl-I Testua letra etzanez jarri
Ctrl-U Testua azpimarratu Ctrl-S Testu marratua
Ctrl-H Aldatu testuaren formatua (goiburua, e.a.) Ctrl-1 etik Ctrl-6 ra Aldatu goiburuaren maila
Ctrl-, Azpiindizea Ctrl-. Goi-indizea
Ctrl-O Aldatu letra-mota Ctrl-0 Garbitu Word-a HTML-n
Ctrl-L Justifikatu ezkerretara Ctrl-E Lerrokatu erdian
Ctrl-J Osoa justifikatu Ctrl-/ Testuak ezkerretik eskumatara egiten du
Ctrl-| Testuak eskumatik ezkerretara egiten du Ctrl-; Txikitu koska
Ctrl-' Handitu koska Ctrl-G Aldatu testuaren kolorea
Ctrl-K Change background colour Ctrl-P Aldatu letra-motaren tamaina
Ctrl-` Aldatu HTML kodea ikusteko Ctrl-M Txandakatu pantaila osoko editore modura
Ctrl-Alt-O Sartu ordenatutako zerrenda Ctrl-Alt-U Sartu ordenatu gabeko zerrenda
Ctrl-Alt-R Sartu marra horizontala Ctrl-Alt-A Sortu aingura
Ctrl-Alt-L Sortu esteka Ctrl-Alt-D Esteka kendu
Ctrl-Alt-N Ezgaitu autoesteka Ctrl-Alt-I Sartu irudia
Ctrl-Alt-T Sartu taula Ctrl-Alt-S Sartu aurpegiera
Ctrl-Alt-C Sartu karaktere berezia Ctrl-= Testuaren hizkuntza pantaila-irakurleentzat, edo hizkuntza zehaztu Multilang iragazkirako

Aholku eta trikimailuak

  • Itxuraren ezarpenek kontrola dezakete berezko letra-mota HTML editorean. Norberaren itxura ezar daiteke testuinguru beterako (adibidez, ikastaro batek bere itxura izan dezake).
  • Hainbat funtzio aukeratzen duzunean beste leiho txiki bat irekiko da. Tamalez, zenbaitetan zeu zauden leihoaren ATZEAN ireki daiteke eta agian ez zara konturatu ere egingo. Leiho berriak [Alt]+[Tab] erabilita azter ditzakezu.
  • HTML editorea ez dabil nabigatzaile guztiekin. Mac OS X erabiltzen ari bazara eta agertzen ez bada, saiatu Firefox erabiltzen Safari-ren ordez nabigatzaile gisa.
  • Ez al dizu ematen HTML-k zuk lortu nahi duzun estiloa testurako? Erabili irudi bat edo animatutako gif fitxategi bat.

Begiratu halaber

Using Moodle-ko foro-eztabaidak:

"https://docs.moodle.org/all/eu/index.php?title=HTML_editorea&oldid=12790"(e)tik jasota
Powered by MediaWiki