Grafische_Benutzeroberflaeche.html 74 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset='UTF-8'><meta name='viewport' content='width=device-width initial-scale=1'>
  5. <title>Grafische_Benutzeroberflaeche</title><link href='https://fonts.loli.net/css?family=Open+Sans:400italic,700italic,700,400&subset=latin,latin-ext' rel='stylesheet' type='text/css' /><style type='text/css'>html {overflow-x: initial !important;}:root { --bg-color:#ffffff; --text-color:#333333; --select-text-bg-color:#B5D6FC; --select-text-font-color:auto; --monospace:"Lucida Console",Consolas,"Courier",monospace; --title-bar-height:20px; }
  6. .mac-os-11 { --title-bar-height:28px; }
  7. html { font-size: 14px; background-color: var(--bg-color); color: var(--text-color); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
  8. body { margin: 0px; padding: 0px; height: auto; bottom: 0px; top: 0px; left: 0px; right: 0px; font-size: 1rem; line-height: 1.42857; overflow-x: hidden; background: inherit; tab-size: 4; }
  9. iframe { margin: auto; }
  10. a.url { word-break: break-all; }
  11. a:active, a:hover { outline: 0px; }
  12. .in-text-selection, ::selection { text-shadow: none; background: var(--select-text-bg-color); color: var(--select-text-font-color); }
  13. #write { margin: 0px auto; height: auto; width: inherit; word-break: normal; overflow-wrap: break-word; position: relative; white-space: normal; overflow-x: visible; padding-top: 36px; }
  14. #write.first-line-indent p { text-indent: 2em; }
  15. #write.first-line-indent li p, #write.first-line-indent p * { text-indent: 0px; }
  16. #write.first-line-indent li { margin-left: 2em; }
  17. .for-image #write { padding-left: 8px; padding-right: 8px; }
  18. body.typora-export { padding-left: 30px; padding-right: 30px; }
  19. .typora-export .footnote-line, .typora-export li, .typora-export p { white-space: pre-wrap; }
  20. .typora-export .task-list-item input { pointer-events: none; }
  21. @media screen and (max-width: 500px) {
  22. body.typora-export { padding-left: 0px; padding-right: 0px; }
  23. #write { padding-left: 20px; padding-right: 20px; }
  24. .CodeMirror-sizer { margin-left: 0px !important; }
  25. .CodeMirror-gutters { display: none !important; }
  26. }
  27. #write li > figure:last-child { margin-bottom: 0.5rem; }
  28. #write ol, #write ul { position: relative; }
  29. img { max-width: 100%; vertical-align: middle; image-orientation: from-image; }
  30. button, input, select, textarea { color: inherit; font: inherit; }
  31. input[type="checkbox"], input[type="radio"] { line-height: normal; padding: 0px; }
  32. *, ::after, ::before { box-sizing: border-box; }
  33. #write h1, #write h2, #write h3, #write h4, #write h5, #write h6, #write p, #write pre { width: inherit; }
  34. #write h1, #write h2, #write h3, #write h4, #write h5, #write h6, #write p { position: relative; }
  35. p { line-height: inherit; }
  36. h1, h2, h3, h4, h5, h6 { break-after: avoid-page; break-inside: avoid; orphans: 4; }
  37. p { orphans: 4; }
  38. h1 { font-size: 2rem; }
  39. h2 { font-size: 1.8rem; }
  40. h3 { font-size: 1.6rem; }
  41. h4 { font-size: 1.4rem; }
  42. h5 { font-size: 1.2rem; }
  43. h6 { font-size: 1rem; }
  44. .md-math-block, .md-rawblock, h1, h2, h3, h4, h5, h6, p { margin-top: 1rem; margin-bottom: 1rem; }
  45. .hidden { display: none; }
  46. .md-blockmeta { color: rgb(204, 204, 204); font-weight: 700; font-style: italic; }
  47. a { cursor: pointer; }
  48. sup.md-footnote { padding: 2px 4px; background-color: rgba(238, 238, 238, 0.7); color: rgb(85, 85, 85); border-radius: 4px; cursor: pointer; }
  49. sup.md-footnote a, sup.md-footnote a:hover { color: inherit; text-transform: inherit; text-decoration: inherit; }
  50. #write input[type="checkbox"] { cursor: pointer; width: inherit; height: inherit; }
  51. figure { overflow-x: auto; margin: 1.2em 0px; max-width: calc(100% + 16px); padding: 0px; }
  52. figure > table { margin: 0px; }
  53. tr { break-inside: avoid; break-after: auto; }
  54. thead { display: table-header-group; }
  55. table { border-collapse: collapse; border-spacing: 0px; width: 100%; overflow: auto; break-inside: auto; text-align: left; }
  56. table.md-table td { min-width: 32px; }
  57. .CodeMirror-gutters { border-right: 0px; background-color: inherit; }
  58. .CodeMirror-linenumber { user-select: none; }
  59. .CodeMirror { text-align: left; }
  60. .CodeMirror-placeholder { opacity: 0.3; }
  61. .CodeMirror pre { padding: 0px 4px; }
  62. .CodeMirror-lines { padding: 0px; }
  63. div.hr:focus { cursor: none; }
  64. #write pre { white-space: pre-wrap; }
  65. #write.fences-no-line-wrapping pre { white-space: pre; }
  66. #write pre.ty-contain-cm { white-space: normal; }
  67. .CodeMirror-gutters { margin-right: 4px; }
  68. .md-fences { font-size: 0.9rem; display: block; break-inside: avoid; text-align: left; overflow: visible; white-space: pre; background: inherit; position: relative !important; }
  69. .md-diagram-panel { width: 100%; margin-top: 10px; text-align: center; padding-top: 0px; padding-bottom: 8px; overflow-x: auto; }
  70. #write .md-fences.mock-cm { white-space: pre-wrap; }
  71. .md-fences.md-fences-with-lineno { padding-left: 0px; }
  72. #write.fences-no-line-wrapping .md-fences.mock-cm { white-space: pre; overflow-x: auto; }
  73. .md-fences.mock-cm.md-fences-with-lineno { padding-left: 8px; }
  74. .CodeMirror-line, twitterwidget { break-inside: avoid; }
  75. .footnotes { opacity: 0.8; font-size: 0.9rem; margin-top: 1em; margin-bottom: 1em; }
  76. .footnotes + .footnotes { margin-top: 0px; }
  77. .md-reset { margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: top; background: 0px 0px; text-decoration: none; text-shadow: none; float: none; position: static; width: auto; height: auto; white-space: nowrap; cursor: inherit; -webkit-tap-highlight-color: transparent; line-height: normal; font-weight: 400; text-align: left; box-sizing: content-box; direction: ltr; }
  78. li div { padding-top: 0px; }
  79. blockquote { margin: 1rem 0px; }
  80. li .mathjax-block, li p { margin: 0.5rem 0px; }
  81. li blockquote { margin: 1rem 0px; }
  82. li { margin: 0px; position: relative; }
  83. blockquote > :last-child { margin-bottom: 0px; }
  84. blockquote > :first-child, li > :first-child { margin-top: 0px; }
  85. .footnotes-area { color: rgb(136, 136, 136); margin-top: 0.714rem; padding-bottom: 0.143rem; white-space: normal; }
  86. #write .footnote-line { white-space: pre-wrap; }
  87. @media print {
  88. body, html { border: 1px solid transparent; height: 99%; break-after: avoid; break-before: avoid; font-variant-ligatures: no-common-ligatures; }
  89. #write { margin-top: 0px; padding-top: 0px; border-color: transparent !important; }
  90. .typora-export * { -webkit-print-color-adjust: exact; }
  91. .typora-export #write { break-after: avoid; }
  92. .typora-export #write::after { height: 0px; }
  93. .is-mac table { break-inside: avoid; }
  94. }
  95. .footnote-line { margin-top: 0.714em; font-size: 0.7em; }
  96. a img, img a { cursor: pointer; }
  97. pre.md-meta-block { font-size: 0.8rem; min-height: 0.8rem; white-space: pre-wrap; background: rgb(204, 204, 204); display: block; overflow-x: hidden; }
  98. p > .md-image:only-child:not(.md-img-error) img, p > img:only-child { display: block; margin: auto; }
  99. #write.first-line-indent p > .md-image:only-child:not(.md-img-error) img { left: -2em; position: relative; }
  100. p > .md-image:only-child { display: inline-block; width: 100%; }
  101. #write .MathJax_Display { margin: 0.8em 0px 0px; }
  102. .md-math-block { width: 100%; }
  103. .md-math-block:not(:empty)::after { display: none; }
  104. .MathJax_ref { fill: currentcolor; }
  105. [contenteditable="true"]:active, [contenteditable="true"]:focus, [contenteditable="false"]:active, [contenteditable="false"]:focus { outline: 0px; box-shadow: none; }
  106. .md-task-list-item { position: relative; list-style-type: none; }
  107. .task-list-item.md-task-list-item { padding-left: 0px; }
  108. .md-task-list-item > input { position: absolute; top: 0px; left: 0px; margin-left: -1.2em; margin-top: calc(1em - 10px); border: none; }
  109. .math { font-size: 1rem; }
  110. .md-toc { min-height: 3.58rem; position: relative; font-size: 0.9rem; border-radius: 10px; }
  111. .md-toc-content { position: relative; margin-left: 0px; }
  112. .md-toc-content::after, .md-toc::after { display: none; }
  113. .md-toc-item { display: block; color: rgb(65, 131, 196); }
  114. .md-toc-item a { text-decoration: none; }
  115. .md-toc-inner:hover { text-decoration: underline; }
  116. .md-toc-inner { display: inline-block; cursor: pointer; }
  117. .md-toc-h1 .md-toc-inner { margin-left: 0px; font-weight: 700; }
  118. .md-toc-h2 .md-toc-inner { margin-left: 2em; }
  119. .md-toc-h3 .md-toc-inner { margin-left: 4em; }
  120. .md-toc-h4 .md-toc-inner { margin-left: 6em; }
  121. .md-toc-h5 .md-toc-inner { margin-left: 8em; }
  122. .md-toc-h6 .md-toc-inner { margin-left: 10em; }
  123. @media screen and (max-width: 48em) {
  124. .md-toc-h3 .md-toc-inner { margin-left: 3.5em; }
  125. .md-toc-h4 .md-toc-inner { margin-left: 5em; }
  126. .md-toc-h5 .md-toc-inner { margin-left: 6.5em; }
  127. .md-toc-h6 .md-toc-inner { margin-left: 8em; }
  128. }
  129. a.md-toc-inner { font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; }
  130. .footnote-line a:not(.reversefootnote) { color: inherit; }
  131. .md-attr { display: none; }
  132. .md-fn-count::after { content: "."; }
  133. code, pre, samp, tt { font-family: var(--monospace); }
  134. kbd { margin: 0px 0.1em; padding: 0.1em 0.6em; font-size: 0.8em; color: rgb(36, 39, 41); background: rgb(255, 255, 255); border: 1px solid rgb(173, 179, 185); border-radius: 3px; box-shadow: rgba(12, 13, 14, 0.2) 0px 1px 0px, rgb(255, 255, 255) 0px 0px 0px 2px inset; white-space: nowrap; vertical-align: middle; }
  135. .md-comment { color: rgb(162, 127, 3); opacity: 0.8; font-family: var(--monospace); }
  136. code { text-align: left; vertical-align: initial; }
  137. a.md-print-anchor { white-space: pre !important; border-width: initial !important; border-style: none !important; border-color: initial !important; display: inline-block !important; position: absolute !important; width: 1px !important; right: 0px !important; outline: 0px !important; background: 0px 0px !important; text-decoration: initial !important; text-shadow: initial !important; }
  138. .md-inline-math .MathJax_SVG .noError { display: none !important; }
  139. .html-for-mac .inline-math-svg .MathJax_SVG { vertical-align: 0.2px; }
  140. .md-math-block .MathJax_SVG_Display { text-align: center; margin: 0px; position: relative; text-indent: 0px; max-width: none; max-height: none; min-height: 0px; min-width: 100%; width: auto; overflow-y: hidden; display: block !important; }
  141. .MathJax_SVG_Display, .md-inline-math .MathJax_SVG_Display { width: auto; margin: inherit; display: inline-block !important; }
  142. .MathJax_SVG .MJX-monospace { font-family: var(--monospace); }
  143. .MathJax_SVG .MJX-sans-serif { font-family: sans-serif; }
  144. .MathJax_SVG { display: inline; font-style: normal; font-weight: 400; line-height: normal; zoom: 90%; text-indent: 0px; text-align: left; text-transform: none; letter-spacing: normal; word-spacing: normal; overflow-wrap: normal; white-space: nowrap; float: none; direction: ltr; max-width: none; max-height: none; min-width: 0px; min-height: 0px; border: 0px; padding: 0px; margin: 0px; }
  145. .MathJax_SVG * { transition: none 0s ease 0s; }
  146. .MathJax_SVG_Display svg { vertical-align: middle !important; margin-bottom: 0px !important; margin-top: 0px !important; }
  147. .os-windows.monocolor-emoji .md-emoji { font-family: "Segoe UI Symbol", sans-serif; }
  148. .md-diagram-panel > svg { max-width: 100%; }
  149. [lang="flow"] svg, [lang="mermaid"] svg { max-width: 100%; height: auto; }
  150. [lang="mermaid"] .node text { font-size: 1rem; }
  151. table tr th { border-bottom: 0px; }
  152. video { max-width: 100%; display: block; margin: 0px auto; }
  153. iframe { max-width: 100%; width: 100%; border: none; }
  154. .highlight td, .highlight tr { border: 0px; }
  155. mark { background: rgb(255, 255, 0); color: rgb(0, 0, 0); }
  156. .md-html-inline .md-plain, .md-html-inline strong, mark .md-inline-math, mark strong { color: inherit; }
  157. mark .md-meta { color: rgb(0, 0, 0); opacity: 0.3 !important; }
  158. @media print {
  159. .typora-export h1, .typora-export h2, .typora-export h3, .typora-export h4, .typora-export h5, .typora-export h6 { break-inside: avoid; }
  160. }
  161. .md-diagram-panel .messageText { stroke: none !important; }
  162. .md-diagram-panel .start-state { fill: var(--node-fill); }
  163. .md-diagram-panel .edgeLabel rect { opacity: 1 !important; }
  164. .md-require-zoom-fix foreignobject { font-size: var(--mermaid-font-zoom); }
  165. .CodeMirror { height: auto; }
  166. .CodeMirror.cm-s-inner { background: inherit; }
  167. .CodeMirror-scroll { overflow: auto hidden; z-index: 3; }
  168. .CodeMirror-gutter-filler, .CodeMirror-scrollbar-filler { background-color: rgb(255, 255, 255); }
  169. .CodeMirror-gutters { border-right: 1px solid rgb(221, 221, 221); background: inherit; white-space: nowrap; }
  170. .CodeMirror-linenumber { padding: 0px 3px 0px 5px; text-align: right; color: rgb(153, 153, 153); }
  171. .cm-s-inner .cm-keyword { color: rgb(119, 0, 136); }
  172. .cm-s-inner .cm-atom, .cm-s-inner.cm-atom { color: rgb(34, 17, 153); }
  173. .cm-s-inner .cm-number { color: rgb(17, 102, 68); }
  174. .cm-s-inner .cm-def { color: rgb(0, 0, 255); }
  175. .cm-s-inner .cm-variable { color: rgb(0, 0, 0); }
  176. .cm-s-inner .cm-variable-2 { color: rgb(0, 85, 170); }
  177. .cm-s-inner .cm-variable-3 { color: rgb(0, 136, 85); }
  178. .cm-s-inner .cm-string { color: rgb(170, 17, 17); }
  179. .cm-s-inner .cm-property { color: rgb(0, 0, 0); }
  180. .cm-s-inner .cm-operator { color: rgb(152, 26, 26); }
  181. .cm-s-inner .cm-comment, .cm-s-inner.cm-comment { color: rgb(170, 85, 0); }
  182. .cm-s-inner .cm-string-2 { color: rgb(255, 85, 0); }
  183. .cm-s-inner .cm-meta { color: rgb(85, 85, 85); }
  184. .cm-s-inner .cm-qualifier { color: rgb(85, 85, 85); }
  185. .cm-s-inner .cm-builtin { color: rgb(51, 0, 170); }
  186. .cm-s-inner .cm-bracket { color: rgb(153, 153, 119); }
  187. .cm-s-inner .cm-tag { color: rgb(17, 119, 0); }
  188. .cm-s-inner .cm-attribute { color: rgb(0, 0, 204); }
  189. .cm-s-inner .cm-header, .cm-s-inner.cm-header { color: rgb(0, 0, 255); }
  190. .cm-s-inner .cm-quote, .cm-s-inner.cm-quote { color: rgb(0, 153, 0); }
  191. .cm-s-inner .cm-hr, .cm-s-inner.cm-hr { color: rgb(153, 153, 153); }
  192. .cm-s-inner .cm-link, .cm-s-inner.cm-link { color: rgb(0, 0, 204); }
  193. .cm-negative { color: rgb(221, 68, 68); }
  194. .cm-positive { color: rgb(34, 153, 34); }
  195. .cm-header, .cm-strong { font-weight: 700; }
  196. .cm-del { text-decoration: line-through; }
  197. .cm-em { font-style: italic; }
  198. .cm-link { text-decoration: underline; }
  199. .cm-error { color: red; }
  200. .cm-invalidchar { color: red; }
  201. .cm-constant { color: rgb(38, 139, 210); }
  202. .cm-defined { color: rgb(181, 137, 0); }
  203. div.CodeMirror span.CodeMirror-matchingbracket { color: rgb(0, 255, 0); }
  204. div.CodeMirror span.CodeMirror-nonmatchingbracket { color: rgb(255, 34, 34); }
  205. .cm-s-inner .CodeMirror-activeline-background { background: inherit; }
  206. .CodeMirror { position: relative; overflow: hidden; }
  207. .CodeMirror-scroll { height: 100%; outline: 0px; position: relative; box-sizing: content-box; background: inherit; }
  208. .CodeMirror-sizer { position: relative; }
  209. .CodeMirror-gutter-filler, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-vscrollbar { position: absolute; z-index: 6; display: none; }
  210. .CodeMirror-vscrollbar { right: 0px; top: 0px; overflow: hidden; }
  211. .CodeMirror-hscrollbar { bottom: 0px; left: 0px; overflow: hidden; }
  212. .CodeMirror-scrollbar-filler { right: 0px; bottom: 0px; }
  213. .CodeMirror-gutter-filler { left: 0px; bottom: 0px; }
  214. .CodeMirror-gutters { position: absolute; left: 0px; top: 0px; padding-bottom: 30px; z-index: 3; }
  215. .CodeMirror-gutter { white-space: normal; height: 100%; box-sizing: content-box; padding-bottom: 30px; margin-bottom: -32px; display: inline-block; }
  216. .CodeMirror-gutter-wrapper { position: absolute; z-index: 4; background: 0px 0px !important; border: none !important; }
  217. .CodeMirror-gutter-background { position: absolute; top: 0px; bottom: 0px; z-index: 4; }
  218. .CodeMirror-gutter-elt { position: absolute; cursor: default; z-index: 4; }
  219. .CodeMirror-lines { cursor: text; }
  220. .CodeMirror pre { border-radius: 0px; border-width: 0px; background: 0px 0px; font-family: inherit; font-size: inherit; margin: 0px; white-space: pre; overflow-wrap: normal; color: inherit; z-index: 2; position: relative; overflow: visible; }
  221. .CodeMirror-wrap pre { overflow-wrap: break-word; white-space: pre-wrap; word-break: normal; }
  222. .CodeMirror-code pre { border-right: 30px solid transparent; width: fit-content; }
  223. .CodeMirror-wrap .CodeMirror-code pre { border-right: none; width: auto; }
  224. .CodeMirror-linebackground { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 0; }
  225. .CodeMirror-linewidget { position: relative; z-index: 2; overflow: auto; }
  226. .CodeMirror-wrap .CodeMirror-scroll { overflow-x: hidden; }
  227. .CodeMirror-measure { position: absolute; width: 100%; height: 0px; overflow: hidden; visibility: hidden; }
  228. .CodeMirror-measure pre { position: static; }
  229. .CodeMirror div.CodeMirror-cursor { position: absolute; visibility: hidden; border-right: none; width: 0px; }
  230. .CodeMirror div.CodeMirror-cursor { visibility: hidden; }
  231. .CodeMirror-focused div.CodeMirror-cursor { visibility: inherit; }
  232. .cm-searching { background: rgba(255, 255, 0, 0.4); }
  233. @media print {
  234. .CodeMirror div.CodeMirror-cursor { visibility: hidden; }
  235. }
  236. :root {
  237. --side-bar-bg-color: #fafafa;
  238. --control-text-color: #777;
  239. }
  240. @include-when-export url(https://fonts.loli.net/css?family=Open+Sans:400italic,700italic,700,400&subset=latin,latin-ext);
  241. /* open-sans-regular - latin-ext_latin */
  242. /* open-sans-italic - latin-ext_latin */
  243. /* open-sans-700 - latin-ext_latin */
  244. /* open-sans-700italic - latin-ext_latin */
  245. html {
  246. font-size: 16px;
  247. }
  248. body {
  249. font-family: "Open Sans","Clear Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  250. color: rgb(51, 51, 51);
  251. line-height: 1.6;
  252. }
  253. #write {
  254. max-width: 860px;
  255. margin: 0 auto;
  256. padding: 30px;
  257. padding-bottom: 100px;
  258. }
  259. @media only screen and (min-width: 1400px) {
  260. #write {
  261. max-width: 1024px;
  262. }
  263. }
  264. @media only screen and (min-width: 1800px) {
  265. #write {
  266. max-width: 1200px;
  267. }
  268. }
  269. #write > ul:first-child,
  270. #write > ol:first-child{
  271. margin-top: 30px;
  272. }
  273. a {
  274. color: #4183C4;
  275. }
  276. h1,
  277. h2,
  278. h3,
  279. h4,
  280. h5,
  281. h6 {
  282. position: relative;
  283. margin-top: 1rem;
  284. margin-bottom: 1rem;
  285. font-weight: bold;
  286. line-height: 1.4;
  287. cursor: text;
  288. }
  289. h1:hover a.anchor,
  290. h2:hover a.anchor,
  291. h3:hover a.anchor,
  292. h4:hover a.anchor,
  293. h5:hover a.anchor,
  294. h6:hover a.anchor {
  295. text-decoration: none;
  296. }
  297. h1 tt,
  298. h1 code {
  299. font-size: inherit;
  300. }
  301. h2 tt,
  302. h2 code {
  303. font-size: inherit;
  304. }
  305. h3 tt,
  306. h3 code {
  307. font-size: inherit;
  308. }
  309. h4 tt,
  310. h4 code {
  311. font-size: inherit;
  312. }
  313. h5 tt,
  314. h5 code {
  315. font-size: inherit;
  316. }
  317. h6 tt,
  318. h6 code {
  319. font-size: inherit;
  320. }
  321. h1 {
  322. font-size: 2.25em;
  323. line-height: 1.2;
  324. border-bottom: 1px solid #eee;
  325. }
  326. h2 {
  327. font-size: 1.75em;
  328. line-height: 1.225;
  329. border-bottom: 1px solid #eee;
  330. }
  331. /*@media print {
  332. .typora-export h1,
  333. .typora-export h2 {
  334. border-bottom: none;
  335. padding-bottom: initial;
  336. }
  337. .typora-export h1::after,
  338. .typora-export h2::after {
  339. content: "";
  340. display: block;
  341. height: 100px;
  342. margin-top: -96px;
  343. border-top: 1px solid #eee;
  344. }
  345. }*/
  346. h3 {
  347. font-size: 1.5em;
  348. line-height: 1.43;
  349. }
  350. h4 {
  351. font-size: 1.25em;
  352. }
  353. h5 {
  354. font-size: 1em;
  355. }
  356. h6 {
  357. font-size: 1em;
  358. color: #777;
  359. }
  360. p,
  361. blockquote,
  362. ul,
  363. ol,
  364. dl,
  365. table{
  366. margin: 0.8em 0;
  367. }
  368. li>ol,
  369. li>ul {
  370. margin: 0 0;
  371. }
  372. hr {
  373. height: 2px;
  374. padding: 0;
  375. margin: 16px 0;
  376. background-color: #e7e7e7;
  377. border: 0 none;
  378. overflow: hidden;
  379. box-sizing: content-box;
  380. }
  381. li p.first {
  382. display: inline-block;
  383. }
  384. ul,
  385. ol {
  386. padding-left: 30px;
  387. }
  388. ul:first-child,
  389. ol:first-child {
  390. margin-top: 0;
  391. }
  392. ul:last-child,
  393. ol:last-child {
  394. margin-bottom: 0;
  395. }
  396. blockquote {
  397. border-left: 4px solid #dfe2e5;
  398. padding: 0 15px;
  399. color: #777777;
  400. }
  401. blockquote blockquote {
  402. padding-right: 0;
  403. }
  404. table {
  405. padding: 0;
  406. word-break: initial;
  407. }
  408. table tr {
  409. border-top: 1px solid #dfe2e5;
  410. margin: 0;
  411. padding: 0;
  412. }
  413. table tr:nth-child(2n),
  414. thead {
  415. background-color: #f8f8f8;
  416. }
  417. table th {
  418. font-weight: bold;
  419. border: 1px solid #dfe2e5;
  420. border-bottom: 0;
  421. margin: 0;
  422. padding: 6px 13px;
  423. }
  424. table td {
  425. border: 1px solid #dfe2e5;
  426. margin: 0;
  427. padding: 6px 13px;
  428. }
  429. table th:first-child,
  430. table td:first-child {
  431. margin-top: 0;
  432. }
  433. table th:last-child,
  434. table td:last-child {
  435. margin-bottom: 0;
  436. }
  437. .CodeMirror-lines {
  438. padding-left: 4px;
  439. }
  440. .code-tooltip {
  441. box-shadow: 0 1px 1px 0 rgba(0,28,36,.3);
  442. border-top: 1px solid #eef2f2;
  443. }
  444. .md-fences,
  445. code,
  446. tt {
  447. border: 1px solid #e7eaed;
  448. background-color: #f8f8f8;
  449. border-radius: 3px;
  450. padding: 0;
  451. padding: 2px 4px 0px 4px;
  452. font-size: 0.9em;
  453. }
  454. code {
  455. background-color: #f3f4f4;
  456. padding: 0 2px 0 2px;
  457. }
  458. .md-fences {
  459. margin-bottom: 15px;
  460. margin-top: 15px;
  461. padding-top: 8px;
  462. padding-bottom: 6px;
  463. }
  464. .md-task-list-item > input {
  465. margin-left: -1.3em;
  466. }
  467. @media print {
  468. html {
  469. font-size: 13px;
  470. }
  471. table,
  472. pre {
  473. page-break-inside: avoid;
  474. }
  475. pre {
  476. word-wrap: break-word;
  477. }
  478. }
  479. .md-fences {
  480. background-color: #f8f8f8;
  481. }
  482. #write pre.md-meta-block {
  483. padding: 1rem;
  484. font-size: 85%;
  485. line-height: 1.45;
  486. background-color: #f7f7f7;
  487. border: 0;
  488. border-radius: 3px;
  489. color: #777777;
  490. margin-top: 0 !important;
  491. }
  492. .mathjax-block>.code-tooltip {
  493. bottom: .375rem;
  494. }
  495. .md-mathjax-midline {
  496. background: #fafafa;
  497. }
  498. #write>h3.md-focus:before{
  499. left: -1.5625rem;
  500. top: .375rem;
  501. }
  502. #write>h4.md-focus:before{
  503. left: -1.5625rem;
  504. top: .285714286rem;
  505. }
  506. #write>h5.md-focus:before{
  507. left: -1.5625rem;
  508. top: .285714286rem;
  509. }
  510. #write>h6.md-focus:before{
  511. left: -1.5625rem;
  512. top: .285714286rem;
  513. }
  514. .md-image>.md-meta {
  515. /*border: 1px solid #ddd;*/
  516. border-radius: 3px;
  517. padding: 2px 0px 0px 4px;
  518. font-size: 0.9em;
  519. color: inherit;
  520. }
  521. .md-tag {
  522. color: #a7a7a7;
  523. opacity: 1;
  524. }
  525. .md-toc {
  526. margin-top:20px;
  527. padding-bottom:20px;
  528. }
  529. .sidebar-tabs {
  530. border-bottom: none;
  531. }
  532. #typora-quick-open {
  533. border: 1px solid #ddd;
  534. background-color: #f8f8f8;
  535. }
  536. #typora-quick-open-item {
  537. background-color: #FAFAFA;
  538. border-color: #FEFEFE #e5e5e5 #e5e5e5 #eee;
  539. border-style: solid;
  540. border-width: 1px;
  541. }
  542. /** focus mode */
  543. .on-focus-mode blockquote {
  544. border-left-color: rgba(85, 85, 85, 0.12);
  545. }
  546. header, .context-menu, .megamenu-content, footer{
  547. font-family: "Segoe UI", "Arial", sans-serif;
  548. }
  549. .file-node-content:hover .file-node-icon,
  550. .file-node-content:hover .file-node-open-state{
  551. visibility: visible;
  552. }
  553. .mac-seamless-mode #typora-sidebar {
  554. background-color: #fafafa;
  555. background-color: var(--side-bar-bg-color);
  556. }
  557. .md-lang {
  558. color: #b4654d;
  559. }
  560. .html-for-mac .context-menu {
  561. --item-hover-bg-color: #E6F0FE;
  562. }
  563. #md-notification .btn {
  564. border: 0;
  565. }
  566. .dropdown-menu .divider {
  567. border-color: #e5e5e5;
  568. }
  569. .ty-preferences .window-content {
  570. background-color: #fafafa;
  571. }
  572. .ty-preferences .nav-group-item.active {
  573. color: white;
  574. background: #999;
  575. }
  576. </style>
  577. </head>
  578. <body class='typora-export os-windows'>
  579. <div id='write' class=''><h1><a name="linux-kurs----grafische-benutzeroberfläche" class="md-header-anchor"></a><span>Linux-Kurs – Grafische Benutzeroberfläche</span></h1><p><a href='https://linuxkurs.ch' target='_blank' class='url'>https://linuxkurs.ch</a></p><p><span>Gratuliere! Du konntest dein Linux System kennenlernen und die ersten Konfigurationsschritte durchführen. In diesem Kursteil geht es darum die grafische Benutzeroberfläche einzurichten.</span></p><h2><a name="systeminitialisierung" class="md-header-anchor"></a><span>Systeminitialisierung </span></h2><p><span>Slackware nutzt einen BSD-ähnlichen Init-Prozess. Bei BSD handelt es sich um ein ursprüngliches Unix-System. Unix gilt als Vorläufer von Linux. Die Unix-Variante </span><em><span>Minix</span></em><span>, deren Quellcode Teil des Lieferumfangs war, gilt als Vorläufer von Linux.</span></p><p><span>Minix hat den Entwickler Linus Torvalds zu Beginn der 90er Jahre dazu bewegt den freien Klon </span><em><span>Linux</span></em><span> zu programmieren. Seine erste Mail an die Minix-Mailingliste sah wie folgt aus:</span></p><blockquote><p><span>Hello everybody out there using minix.</span></p><p><span>I&#39;m doing a (free) operating system (just a hobby, won&#39;t be big and</span>
  580. <span>professional like gnu) for 386(486) AT clones. This has been brewing</span>
  581. <span>since april, and is starting to get ready. I&#39;d like any feedback on</span>
  582. <span>things people like/dislike in minix, as my OS resembles it somewhat</span>
  583. <span>(same physical layout of the file-system (due to practical reasons)</span>
  584. <span>among other things).</span></p><p><span>I&#39;ve currently ported bash(1.08) and gcc(1.40), and things seem to work.</span>
  585. <span>This implies that I&#39;ll get something practical within a few months, and</span>
  586. <span>I&#39;d like to know what features most people would want. Any suggestions</span>
  587. <span>are welcome, but I won&#39;t promise I&#39;ll implement them :-)</span></p><p><span>Linus (torv...@kruuna.helsinki.fi)</span>
  588. <span>...</span></p></blockquote><div style="page-break-after: always;"></div> <p><span>Linux 1.0, wurde am 14. März 1994 veröffentlicht. </span></p><p><img src="./linus-torvalds-in-the-90s.jpg" referrerpolicy="no-referrer"></p><p><span>Tausende Entwickler aus der ganzen Welt arbeiten seither täglich an der Weiterentwicklung des Projektes. Aufgrund der erstklassigen Code-Qualität und der freien Verfügbarkeit wurde Linux zum meist verbreitetsten Betriebssystem der Welt.</span></p><p><span>Doch wie läuft der Start deines Linux-Systems ab? Zunächst startet der Bootloader (</span><em><span>LILO</span></em><span>) den Kernel. Dieser lädt den </span><strong><span>init</span></strong><span> Prozess mit der Prozessnummer 1, welcher für eine ordnungsgemässe Initialisierung des Systems sorgt. Alle weiteren Programme werden entweder direkt vom </span><strong><span>init</span></strong><span> Prozess gestartet oder von einem seiner untergeordneten Prozesse.</span></p><p><span>init wird in der Datei </span><em><span>/etc/inittab</span></em><span> konfiguriert, in der auch die Runlevel definiert werden. Über die Runlevel wird festgelegt, wie das System gestartet wird und welche Dienste im laufenden System verfügbar sein sollen. </span></p><div style="page-break-after: always;"></div> <p><span>Unter Slackware ist der Standard-Runlevel 3, was dem </span><em><span>multiuser mode</span></em><span> entspricht. Die Konfiguration der jeweiligen Runlevel erfolgt über Konfigurationsdateien im Verzeichnis </span><em><span>/etc/rc.d</span></em><span>. Es folgt eine Übersicht der verfügbaren Runlevel und eine kurze Funktionsbeschreibung:</span></p><figure><table><thead><tr><th><span>Runlevel</span></th><th><span>Beschreibung</span></th><th><span>Konfigurationsdatei</span></th></tr></thead><tbody><tr><td><span>0</span></td><td><span>Systemstopp</span></td><td><em><span>/etc/rc.d/rc.0</span></em></td></tr><tr><td><span>1</span></td><td><span>Einzelbenutzer-Modus, nur root ist verfügbar, kein Netzwerk</span></td><td><em><span>/etc/rc.d/rc.K</span></em></td></tr><tr><td><span>2</span></td><td><span>ungenutzt, entspricht Runlevel 3</span></td><td>&nbsp;</td></tr><tr><td><span>3</span></td><td><span>Mehrbenutzermodus, Start in die tty, Netzwerkdienste sind verfügbar</span></td><td><em><span>/etc/rc.d/rc.M</span></em></td></tr><tr><td><span>4</span></td><td><span>Start der grafischen Oberfläche und des Display Managers</span></td><td><em><span>/etc/rc.d/rc.4</span></em></td></tr><tr><td><span>5</span></td><td><span>unbenutzt, entspricht Runlevel 3</span></td><td>&nbsp;</td></tr><tr><td><span>6</span></td><td><span>Systemneustart</span></td><td><em><span>/etc/rc.d/rc.6</span></em></td></tr></tbody></table></figure><p><span>Runlevel 3 startet keine grafische Oberfläche. Du kannst dich bereits an den </span><em><span>ttys</span></em><span> als root oder mit dem von dir erstellten Benutzerkonto anmelden. Da wir aber direkt in die grafische Anmeldung zu starten, muss der Default Runlevel auf 4 geändert werden.</span></p><p><span>Bearbeite dazu die Datei </span><em><span>/etc/inittab</span></em><span> mit dem Editor </span><strong><span>vim</span></strong><span>.</span></p><p><code>vi /etc/inittab</code></p><p><span>Die Zeile </span><em><span>initdefault</span></em><span> legt fest, in welchen Runlevel das System standardmässig gestartet werden soll.</span></p><p><img src="./slackware_init_3.png" referrerpolicy="no-referrer"></p><p><span>Ersetze die 3 durch eine 4 und verlasse den Editor mithilfe von </span><code>Esc :wq!</code><span>.</span></p><div style="page-break-after: always;"></div> <h2><a name="x-server" class="md-header-anchor"></a><span>X Server</span></h2><p><span>Bevor du in den grafischen Modus startest, muss noch das Tastaturlayout für den X-Server angepasst werden. Der X-Server dient als Basis für die Darstellung von grafischen Applikationen. Er wird oftmals als </span><em><span>Xorg</span></em><span> oder einfach nur als </span><em><span>X</span></em><span> bezeichnet und ist unter anderem für das Laden der richtigen Treibermodule verantwortlich.</span></p><p><span>Auf modernen Linux-Systemen wird ein Grossteil der Hardware automatisch erkannt. Auch der Tastaturtreiber wird beim Start von X mitgeladen, allerdings sofern nicht anders konfiguriert, mit dem US-Tastaturlayout. Dies ist in der Paket-Konfigurationsdatei </span><em><span>/usr/share/X11/xorg.conf.d/90-keyboard-layout-evdev.conf</span></em><span> vordefiniert.</span></p><p><span>Schaue dir die Datei mit dem Befehl </span><strong><span>less</span></strong><span> an. Bei </span><strong><span>less</span></strong><span> handelt es sich um ein ähnliches Kommando wie </span><strong><span>more</span></strong><span>. Es bietet einige erweiterte Funktionen, wie zum Beispiel eine detaillierte Statusanzeige am unteren Bildschirmrand. Getreu dem Motto &#39;less is more&#39;.</span></p><p><code>less /usr/share/X11/xorg.conf.d/90-keyboard-layout-evdev.conf</code></p><p><img src="./slackware_less_keyboard.png" referrerpolicy="no-referrer"></p><p><span>Diese Konfigurationsdatei können wir als Vorlage für unsere eigenen Anpassungen nutzen. Dazu muss sie in das Xorg Konfigurationsverzeichnis in </span><em><span>/etc</span></em><span> kopiert werden. Im </span><em><span>/etc</span></em><span> Verzeichnis findest du einen Grossteil der Konfigurationsdateien deines Linux-Systems.</span></p><p><span>Kopiere die Paket-Konfigurationsdatei </span><em><span>/usr/share/X11/xorg.conf.d/90-keyboard-layout-evdev.conf</span></em><span> mithilfe des </span><strong><span>cp</span></strong><span> Befehls in das Verzeichnis </span><em><span>/etc/X11/xorg.conf.d</span></em><span>. Konfigurationsdateien im Verzeichnis </span><em><span>/etc/X11/</span></em><span> werden bevorzugt abgearbeitet, was es uns ermöglicht, spezifische Einstellungen vorzunehmen. </span></p><pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang=""><div class="CodeMirror cm-s-inner CodeMirror-wrap" lang=""><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 0px; left: 8px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 0px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: 0px; width: 0px;"></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">cp /usr/share/X11/xorg.conf.d/90-keyboard-layout-evdev.conf /etc/X11/xorg.conf.d/</span></pre></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">vi /etc/X11/xorg.conf.d/90-keyboard-layout-evdev.conf</span></pre></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 46px;"></div><div class="CodeMirror-gutters" style="display: none; height: 46px;"></div></div></div></pre><div style="page-break-after: always;"></div><p><span>Ändere die Option XkbLayout, sodass der Wert deinem Tastaturlayout entspricht. Für die Schweiz wäre dies </span><em><span>ch</span></em><span>:</span></p><p><img src="./slackware_xkeyboard_ch.png" referrerpolicy="no-referrer"></p><p><span>Entferne zusätzlich das Raute-Symbol (</span><em><span>#</span></em><span>) vor der Option </span><em><span>XkbVariant</span></em><span> und füge zwischen den Anführungszeichen den Wert </span><em><span>de_nodeadkeys</span></em><span> ein. Durch diese Option wird sichergestellt, dass sich alle Sonderzeichen korrekt eingeben lassen. Speichere die Datei ab und verlasse den Editor.</span></p><p><span>Für ein deutsches Tastaturlayout wäre </span><em><span>XkbLayout de</span></em><span> und </span><em><span>XkbVariant nodeadkeys</span></em><span> die passende Wahl.</span></p><div style="page-break-after: always;"></div> <h3><a name="displaymanager-xdm" class="md-header-anchor"></a><span>Displaymanager XDM</span></h3><p><span>Ein Displaymanager bietet dir die Möglichkeit dich grafisch an deinem Computer anzumelden. Unter Linux gibt es eine grosse Auswahl verschiedener Displaymanager (</span><em><span>DM</span></em><span>). </span></p><p><span>Welcher Displaymanager gestartet wird, kann in der Runlevel Datei </span><em><span>/etc/rc.d/rc.4</span></em><span> definiert werden. Du kannst dir den Inhalt der Datei mithilfe des </span><strong><span>view</span></strong><span> Kommandos anschauen. </span><em><span>view</span></em><span> öffnet die Datei im Editor vim, allerdings nur-lesend. Verlassen kannst du vim wie gewöhnlich mit </span><code>Esc :q!</code><span>.</span>
  589. <code>view /etc/rc.d/rc.4</code></p><p><img src="./slackware_rc_4.png" referrerpolicy="no-referrer"></p><p><span>Die Datei wird eingeleitet mit </span><code>#! /bin/sh</code><span>. Daran erkennst du, dass es sich um ein Shell-Script handelt. Ein Grossteil der Linux-Systeminitialisierung erfolgt durch Shell-Scripte und ist damit sehr einfach nachzuvollziehen.</span></p><p><span>Die Zeilen mit der Raute am Anfang sind Kommentarzeilen. Der erste Befehl startet in der Zeile </span><code>echo &quot;Starting up X11...</code><span>. </span><strong><span>echo</span></strong><span> ist ein Ausgabebefehl. Der Text zwischen den Anführungszeichen ist das, was später beim Systemstart angezeigt wird. </span></p><p><span>Im weiteren Verlauf wird im Wesentlichen geprüft, ob ein Displaymanager vorhanden ist. Falls ja, wird dieser mithilfe des </span><strong><span>exec</span></strong><span> Kommandos gestartet. Dabei wird die Datei von oben nach unten abgearbeitet. Würde also der KDE Displaymanager unter </span><em><span>/opt/kde/bin/kdm</span></em><span> oder (elif) </span><em><span>/usr/bin/kdm</span></em><span> gefunden, würde dieser vor XDM gestartet. Da wir die Paketgruppe </span><em><span>KDE</span></em><span> während der Installation abgewählt haben, startet der nächste verfügbare DM, was XDM entspricht.</span></p><div style="page-break-after: always;"></div><h3><a name="start-in-die-grafische-oberfläche" class="md-header-anchor"></a><span>Start in die grafische Oberfläche</span></h3><p><span>Starte dein System mithilfe des </span><strong><span>reboot</span></strong><span> Kommandos oder durch Aufruf des </span><strong><span>init</span></strong><span> Kommandos für den Reboot-Runlevel neu:</span></p><p><code>reboot</code>
  590. <span>oder alternativ:</span>
  591. <code>init 6</code></p><p><span>Nach dem Neustart wird dein Linux-System nicht wie bisher die Textkonsole, sondern die grafische Oberfläche starten. Es begrüsst dich mit dem (zugegebenermassen nicht besonders schönen) Displaymanager XDM.</span></p><p><span>Melde dich mit deinem Benutzernamen und dem von dir vergebenen Passwort an (das Passwort wird während der Eingabe nicht angezeigt.):</span></p><p><img src="./slackware_xdm.png" referrerpolicy="no-referrer"></p><p><span>Es startet die Desktopumgebung Xfce, da wir diese als bevorzugte Desktopumgebung mit dem Programm </span><strong><span>xwmconfig</span></strong><span> festgelegt haben.</span></p><div style="page-break-after: always;"></div><p><span>Es öffnet sich der Xfce Desktop in seiner Standardkonfiguration:</span></p><p><img src="./slackware_xfce_desktop_overview.png" referrerpolicy="no-referrer"></p><ol start='' ><li><span>Das Anwendungsmenü. Hier findest du alle wichtigen Programme.</span></li><li><span>Der Infobereich. Über einen Klick auf deinen Benutzernamen kannst du dich abmelden oder das System herunterfahren. Links daneben findest du den sogenannten Systray, in dem Applikationen ihre Icons ablegen können. </span></li><li><span>Der Schnellstarter. Über ihn hast du mit einem Klick Zugriff auf deine bevorzugten Anwendungen. Jeder erneute Klick auf ein Icon startet ein weiteres Fenster der Applikation.</span></li></ol><h4><a name="xfce-terminal" class="md-header-anchor"></a><span>Xfce Terminal</span></h4><p><span>Öffne ein Terminal. Du findest das Symbol dazu im Schnellstarter.</span></p><p><img src="./slackware_xfce4_terminal_launcher.png" referrerpolicy="no-referrer"></p><p><span>Es wird der Xfce Terminal-Emulator (</span><em><span>xfce4-terminal</span></em><span>) gestartet. </span></p><div style="page-break-after: always;"></div><h5><a name="terminal-farbschema" class="md-header-anchor"></a><span>Terminal Farbschema</span></h5><p><span>Das Xfce Terminal verwendet ein eigenes Farbschema, das sehr schlecht lesbar ist. Es empfiehlt sich, bevor du mit der Konfiguration fortfährst, die Farben zu ändern. Öffne dazu den Menüpunkt </span><strong><span>Bearbeiten -&gt; Einstellungen</span></strong><span> und klicke auf den Reiter </span><strong><span>Farben</span></strong><span>. Wähle bei den Presets das Farbschema </span><em><span>Tango</span></em><span>.</span></p><p><img src="./slackware_xfce4_terminal_colors.png" referrerpolicy="no-referrer"></p><p><span>Wenn du möchtest, kannst du unter dem Reiter </span><strong><span>Aussehen</span></strong><span> die Schriftart etwas verkleinern. </span><strong><span>Monospace 11</span></strong><span> hat sich gut bewährt. </span><strong><span>Hinweis</span></strong><span>: In den Kursunterlagen verwenden wir aufgrund der besseren Lesbarkeit weiterhin die Defaultschriftgrösse.</span></p><div style="page-break-after: always;"></div> <h4><a name="netzwerkkonfiguration" class="md-header-anchor"></a><span>Netzwerkkonfiguration</span></h4><p><span>Um den Zugriff zum Internet herstellen zu können, muss der NetworkManager-Dienst aktiviert und gestartet werden. Da du als normaler Benutzer und nicht als root angemeldet bist, musst du zunächst Root-Rechte erlangen, um Änderungen an Systemdiensten vornehmen zu können.</span></p><p><span>Gebe dazu den Befehl </span><code>su -</code><span> im Terminal ein. Du wirst nach dem Root-Passwort gefragt. Du siehst das Passwort wie üblich während der Eingabe nicht. Aktiviere daraufhin den NetworkManager-Dienst beim Systemstart, indem du die Datei </span><em><span>/etc/rc.d/rc.networkmanager</span></em><span> mit </span><strong><span>chmod</span></strong><span> als ausführbar markierst. Damit der Service auch in der laufenden Sitzung gestartet wird, kannst du das Script mit dem Parameter </span><em><span>start</span></em><span> aufrufen: </span><strong><span>/etc/rc.d/rc.networkmanager start</span></strong></p><pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang=""><div class="CodeMirror cm-s-inner CodeMirror-wrap" lang=""><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 0px; left: 8px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 0px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: 0px; width: 0px;"></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">su -</span></pre></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">chmod +x /etc/rc.d/rc.networkmanager</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">/etc/rc.d/rc.networkmanager start</span></pre></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 69px;"></div><div class="CodeMirror-gutters" style="display: none; height: 69px;"></div></div></div></pre><p><span>Um eine Verbindung mit dem Internet via WLAN herzustellen, klicke in Xfce auf das Netzwerksymbol. Du findest es im Infobereich, links neben deinem Benutzernamen (in diesem Beispiel </span><em><span>Linux User</span></em><span>). Solltest du dein Linux-System in einer virtuellen Maschine installiert haben, ist dieser Schritt nicht notwendig.</span></p><h5><a name="netzwerkverbindung-herstellen" class="md-header-anchor"></a><span>Netzwerkverbindung herstellen</span></h5><p><span>Suche in der Liste dein WLAN-Netzwerk. Es kann möglich sein, dass ein Untermenü mit dem Titel </span><em><span>Weitere Netzwerke</span></em><span> angezeigt wird. Solltest du dein WLAN in der Hauptübersicht nicht finden, schaue auch dort nach.</span></p><p><img src="./slackware_xfce_wlan_1.png" referrerpolicy="no-referrer"></p><p><span>Nachdem du das richtige Netzwerk ausgewählt hast, öffnet sich ein Dialog zur Eingabe des WLAN-Passwortes. Gebe dort den Schlüssel für dein WLAN ein und klicke auf </span><strong><span>Verbinden</span></strong><span>.</span></p><div style="page-break-after: always;"></div> <p><span>Klicke daraufhin mit der </span><strong><span>rechten Maustaste</span></strong><span> auf das Netzwerksymbol und wähle den Punkt </span><em><span>Verbindungen bearbeiten</span></em><span>:</span></p><p><img src="./slackware_xfce_wlan_3.png" referrerpolicy="no-referrer"></p><p><span>In der Übersichtsseite sollte im Bereich </span><em><span>Funknetzwerk</span></em><span> dein WLAN aufgeführt sein. Wähle es aus und Klicke auf das Zahnradsymbol:</span></p><p><img src="./slackware_xfce_wlan_4.png" referrerpolicy="no-referrer"></p><div style="page-break-after: always;"></div> <p><span>Unter dem Reiter &#39;Allgemein&#39; muss der Punkt </span><em><span>Alle Benutzer dürfen dieses Netzwerk verwenden</span></em><span> angehakt sein. Nur so ist sichergestellt, dass die Verbindung beim nächsten Anmelden automatisch wiederhergestellt wird.</span></p><p><img src="./slackware_xfce_wlan_5.png" referrerpolicy="no-referrer"></p><div style="page-break-after: always;"></div><h3><a name="system-aktualisieren" class="md-header-anchor"></a><span>System aktualisieren</span></h3><p><span>Nachdem du erfolgreich dein Netzwerk einrichten konntest, solltest du zuerst dein System aktualisieren. Dies geht am einfachsten mit aktiver Internetverbindung, da du so die Updates bequem online herunterladen kannst. Slackware bietet dazu ein Tool mit dem Namen </span><strong><span>slackpkg</span></strong><span>.</span></p><p><span>Öffne ein Xfce Terminal und erlange mit </span><strong><span>su -</span></strong><span> Root-Rechte.</span></p><p><span>Vorab muss ein </span><em><span>Mirror</span></em><span> freigeschaltet werden, von dem die Pakete bezogen werden sollen. Bei einem Mirror handelt es sich um einen Internetserver, der die Slackware Pakete spiegelt und via Internetprotokoll wieder zum Download anbietet. Somit verteilt sich die Last auf mehrere Paketserver.</span></p><p><span>Die Konfiguration erfolgt in der Datei </span><em><span>/etc/slackpkg/mirrors</span></em><span>. Öffne sie mit dem vim, um sie zu bearbeiten.</span></p><p><code>vi /etc/slackpkg/mirrors</code></p><p><span>Die Konfigurationsdatei besteht im Wesentlichen aus einer sehr langen Liste mit Spiegelservern. Diese sind standardmässig auskommentiert. </span></p><p><span>Es gilt nun einen Spiegelserver in der Nähe zu wählen und diesen zu aktivieren. Scrolle mit den Pfeiltasten nach unten bis du den Bereich </span><em><span>SWITZERLAND (CD)</span></em><span> siehst. Wähle dort den Spiegelserver </span><em><span>ftp://ftp.gwdg.de/pub/linux/slackware ...</span></em><span>. Wichtig ist, dass du den Mirror für die </span><em><span>slackware64</span></em><span> Version verwendest. Entferne die Raute vor der Zeile und verlasse den Editor, nachdem du deine Änderungen abgespeichert hast.</span></p><p><img src="./slackware_slackpkg_mirror.png" referrerpolicy="no-referrer"></p><div style="page-break-after: always;"></div><p><span>Mithilfe des Kommandos </span><strong><span>slackpkg update</span></strong><span> kannst du die Metadaten aktualisieren. Dort ist vermerkt, ob neue Pakete zur Verfügung stehen:</span></p><p><code>slackpkg update</code></p><p><img src="./slackware_slackpkg_update.png" referrerpolicy="no-referrer"></p><p><span>Ist dies erfolgt, lassen sich alle Pakete mithilfe des </span><code>slackpkg upgrade-all</code><span> Kommandos aktualisieren, falls neuere Versionen online verfügbar sind:</span></p><p><code>slackpkg upgrade-all</code></p><p><span>Da du das Kommando das erste Mal aufrufst, kann eine grosse Anzahl von Updates aufgeführt werden. Der Vorgang der Installation dauert eine Weile. Wie bekannt, kannst du in der Liste mit den Pfeil-hoch / Pfeil-runter Tasten navigieren. Die Space Taste erlaubt es dir einzelne Elemente ab- oder anzuwählen. Mit Tab kannst du zwischen den Optionen hin- und herwechseln. Du kannst die Installation der Aktualisierungen mit Enter auslösen, wenn der OK Button blau hinterlegt ist:</span></p><p><img src="./slackware_slackpkg_upgrade_all.png" referrerpolicy="no-referrer"></p><p><span>Falls mit den Aktualisierungen auch der Kernel upgedatet wurde, wirst du gefragt, ob der Bootloader </span><em><span>LILO</span></em><span> neu geschrieben werden soll. Jedes Mal, wenn du einen neuen Kernel installierst, solltest du dies durchführen. Beantworte daher die Frage mit Y:</span></p><p><img src="./slackware_slackpkg_lilo.png" referrerpolicy="no-referrer"></p><p><span>Nach jeder Kernelaktualisierung sollte der Rechner neu gestartet werden.</span></p><div style="page-break-after: always;"></div> <h4><a name="neue-konfigurationsdateien" class="md-header-anchor"></a><span>Neue Konfigurationsdateien</span></h4><p><span>Üblicherweise werden mit neuen Paketen auch neue Versionen von Konfigurationsdateien mitgeliefert. Grundsätzlich ist es gut die neuen Dateien zu übernehmen. Solltest du allerdings Anpassungen an Systemkonfigurationen vorgenommen haben, würden diese durch die neuen Dateien überschrieben. Da wir aktuell noch keine betroffene Systemdatei bearbeitet haben, können wir die Option </span><strong><span>O</span></strong><span> für </span><em><span>Overwrite</span></em><span> wählen. In Zukunft ist es aber zu empfehlen entweder </span><strong><span>K</span></strong><span> für *Keep the old files** oder </span><strong><span>P</span></strong><span> für </span><em><span>Prompt</span></em><span> zu wählen. Bei </span><em><span>Prompt</span></em><span> hast du die Möglichkeit für jede neue Konfigurationsdatei individuell zu entscheiden, ob du die Änderungen übernehmen möchtest oder die alte Version der Konfigurationsdatei behalten möchtest.</span></p><p><span>Falls du </span><strong><span>K</span></strong><span> für Keep wählst, hast du zu einem späteren Zeitpunkt immer noch die Möglichkeit mithilfe des Befehls </span><code>slackpkg new-config</code><span> diesen Dialog erneut aufzurufen.</span></p><p><img src="./slackware_slackpkg_new_config.png" referrerpolicy="no-referrer"></p><p><strong><span>Hinweis</span></strong><span>: </span><code>slackpkg update</code><span> und </span><code>slackpkg upgrade-all</code><span> solltest du regelmässig ausführen, um dein System auf dem aktuellen Stand zu halten.</span></p><h3><a name="reboot-aus-xfce" class="md-header-anchor"></a><span>Reboot aus Xfce</span></h3><p><span>Damit du den Neustart einfach aus Xfce heraus auszulösen kannst, klicke mit der rechten Maustaste auf das Benutzermenü und wähle den Punkt </span><strong><span>Eigenschaften</span></strong><span>:</span></p><p><img src="./slackware_xfce_reboot_add.png" referrerpolicy="no-referrer"></p><div style="page-break-after: always;"></div> <p><span>Setze im Bereich </span><em><span>Aktionen</span></em><span> den Haken bei </span><strong><span>Neustarten</span></strong><span>:</span></p><p><img src="./slackware_xfce_reboot_activate.png" referrerpolicy="no-referrer"></p><p><span>Jetzt ist im Benutzermenü neu der Punkt </span><strong><span>Neustarten</span></strong><span> verfügbar, der es dir ermöglicht einfach über die Oberfläche das System neu zu starten:</span></p><p><img src="./slackware_xfce_reboot.png" referrerpolicy="no-referrer"></p><p><span>Nachdem du das System neu gestartet hast und du dich wieder angemeldet hast, kannst du noch einige wichtige Konfigurationen vornehmen.</span></p><div style="page-break-after: always;"></div> <h3><a name="firefox-und-thunderbird-auf-deutsch" class="md-header-anchor"></a><span>Firefox und Thunderbird auf Deutsch</span></h3><p><span>Die meisten Applikationen, die von Slackware mitgeliefert werden, sind bereits auf Deutsch verfügbar. Lediglich Firefox und Thunderbird starten standardmässig in englischer Sprache. Um diese auf Deutsch umzustellen, ist es einmalig notwendig die Spracherweiterungsdatei herunterzuladen und zu aktivieren.</span></p><p><span>Gehe dazu wie folgt vor:</span></p><h4><a name="firefox" class="md-header-anchor"></a><span>Firefox</span></h4><p><span>Starte den Webbrowser Firefox aus dem Anwendungsmenü in der Kategorie </span><strong><span>Internet</span></strong><span>:</span></p><p><img src="./slackware_start_firefox.png" referrerpolicy="no-referrer"></p><div style="page-break-after: always;"></div> <p><span>Öffne die folgende URL: </span><a href='https://addons.mozilla.org/en-US/firefox/language-tools/' target='_blank' class='url'>https://addons.mozilla.org/en-US/firefox/language-tools/</a></p><p><span>Du siehst, dass die Seite in drei Spalten aufgeteilt ist. Links steht die Sprache, in der zweiten Spalte findest du die entsprechenden Sprachpakete und in der dritten Spalte die dazugehörigen Wörterbücher:</span></p><p><img src="./slackware_firefox_language_tools.png" referrerpolicy="no-referrer"></p><p><span>Suche in der Liste nach </span><em><span>German</span></em><span> und klicke auf den Namen des Sprachpaketes </span><strong><span>Deutsch (DE) Language Pack</span></strong></p><p><img src="./slackware_firefox_select_locale.png" referrerpolicy="no-referrer"></p><p><span>Klicke auf der sich öffnenden Seite auf den Knopf </span><strong><span>+ Add to Firefox</span></strong><span>:</span></p><p><img src="./slackware_firefox_add_language_pack.png" referrerpolicy="no-referrer"></p><div style="page-break-after: always;"></div> <p><span>Die erfolgreiche Installation des Plugins wird durch Firefox mit einem Pop-up bestätigt. Klicke auf </span><strong><span>OK</span></strong><span>:</span></p><p><img src="./slackware_firefox_addon_ok.png" referrerpolicy="no-referrer"></p><p><span>Möchtest du auch ein Wörterbuch für die Rechtschreibprüfung verwenden, kannst du dieses ebenfalls über die URL: </span><a href='https://addons.mozilla.org/en-US/firefox/language-tools/' target='_blank' class='url'>https://addons.mozilla.org/en-US/firefox/language-tools/</a><span> installieren.</span></p><p><span>Wähle in der rechten Spalte das Wörterbuch aus, welches du verwenden möchtest. Für die Schweiz wäre dies beispielsweise </span><strong><span>German Dictionary (Switzerland)</span></strong><span>:</span></p><p><img src="./slackware_firefox_dict.png" referrerpolicy="no-referrer"></p><p><span>Die Installation des Wörterbuches erfolgt analog zur Installation des Sprachpaketes.</span></p><p><span>Damit beim Start von Firefox die Sprache automatisch auf Deutsch einstellt ist, muss eine erweiterte Konfigurationsoption angelegt werden.</span></p><p><span>Gebe dazu in der Adressleiste </span><code>about:config</code><span> ein (ohne http, https oder ftp davor). Die angezeigte Warnung kannst du mit </span><em><span>I accept the risk!</span></em><span> bestätigen. Nun klickst du auf </span><strong><span>Show All</span></strong><span>.</span></p><p><img src="./slackware_firefox_locale_1.png" referrerpolicy="no-referrer"></p><p><span>Nun wird in der Suchleiste nach </span><code>intl.locale.requested</code><span>. Da dieser Wert noch nicht vorhanden ist, wählst du als Datentyp </span><strong><span>String</span></strong><span> aus und klickst rechts auf das Plus.</span></p><p><img src="./slackware_firefox_locale_2.png" referrerpolicy="no-referrer"></p><p><span>In dem neu erstellten Attribut gibst du jetzt den Wert </span><strong><span>de</span></strong><span> ein und bestätigst dies mit dem Haken.</span></p><p><img src="./slackware_firefox_locale_3.png" referrerpolicy="no-referrer"></p><p><span>Du kannst Firefox schliessen. Wenn du ihn das nächste Mal startest, wird die Benutzeroberfläche in deutscher Sprache dargestellt.</span></p><div style="page-break-after: always;"></div> <h4><a name="thunderbird" class="md-header-anchor"></a><span>Thunderbird</span></h4><p><span>Um Thunderbird auf Deutsch umzustellen, starte das E-Mail-Programm aus dem Anwendungsmenü in der Kategorie </span><strong><span>Internet</span></strong><span>.</span></p><p><span>Den Kontoeinrichtungsassistenten kannst du vorerst mit </span><strong><span>X</span></strong><span> schliessen. Dieser wird beim nächsten Start von Thunderbird erneut angezeigt. </span></p><p><span>Öffne das Menü mit einem Klick auf die drei horizontalen Striche und wähle den Punkt </span><strong><span>Add-ons</span></strong><span>:</span></p><p><img src="./slackware_thunderbird_addons_menu.png" referrerpolicy="no-referrer"></p><p><span>Im neu geöffneten Tab gibst du in das Suchfeld </span><strong><span>Deutsch</span></strong><span> ein:</span></p><p><img src="./slackware_thunderbird_search_german.png" referrerpolicy="no-referrer"></p><p><span>Füge das Sprachpaket </span><strong><span>Deutsch (DE) Language Pack (Thunderbird)</span></strong><span> über einen Klick auf </span><strong><span>+ Add to Thunderbird</span></strong><span> hinzu.</span></p><p><img src="./slackware_thunderbird_add_language_pack.png" referrerpolicy="no-referrer"></p><div style="page-break-after: always;"></div> <p><span>Es öffnet sich ein neues Bestätigungsfenster, bei welchem du auf </span><strong><span>Add</span></strong><span> klicken kannst.</span></p><p><img src="./slackware_thunderbird_confirm_language_pack.png" referrerpolicy="no-referrer"></p><p><span>Möchtest du auch das passende Wörterbuch für die Rechtschreibprüfung installieren, kannst du zurück zum Add-ons Manager wechseln und dort erneut im Suchfeld nach </span><strong><span>Deutsch</span></strong><span> suchen.</span></p><p><span>Für die Schweiz wäre das passende Wörterbuch </span><strong><span>German dictionary (de_CH)</span></strong><span>.</span></p><p><img src="./slackware_thunderbird_add_german_dict.png" referrerpolicy="no-referrer"></p><p><span>Die Installation des Wörterbuches erfolgt analog zur Installation des Sprachpaketes.</span></p><p><span>Damit beim Start von Thunderbird die Sprache automatisch auf Deutsch einstellt ist, muss hier ebenfalls eine erweiterte Konfigurationseinstellung vorgenommen werden.</span></p><p><span>Wähle dazu in der Hauptansicht (Reiter </span><strong><span>Home</span></strong><span>) im Menü den Punkt </span><strong><span>Preferences</span></strong><span>:</span></p><p><img src="./slackware_thunderbird_prefs_1.png" referrerpolicy="no-referrer"></p><div style="page-break-after: always;"></div> <p><span>Unter General kannst du nun beim Abschnitt </span><strong><span>Language</span></strong><span> die neu installierte Sprache </span><strong><span>German</span></strong><span> auswählen:</span></p><p><img src="./slackware_thunderbird_prefs_2.png" referrerpolicy="no-referrer"></p><p><span>Nun kannst du bei der neuen Meldung auf </span><strong><span>Anwenden und neu starten</span></strong><span> klicken.</span></p><p><img src="./slackware_thunderbird_prefs_3.png" referrerpolicy="no-referrer"></p><p><span>Beim nächsten Start von Thunderbird sollte die Anwendung in deutscher Sprache angezeigt werden und du kannst den Assistenten nutzen, um dein E-Mail-Postfach einzurichten.</span></p><div style="page-break-after: always;"></div> <h3><a name="desktop-anpassungen" class="md-header-anchor"></a><span>Desktop Anpassungen</span></h3><p><span>Der Xfce Desktop ist bereits gut vorkonfiguriert. Einige kleine Anpassungen erleichtern jedoch die tägliche Arbeit.</span></p><h4><a name="composite-effekte" class="md-header-anchor"></a><span>Composite-Effekte</span></h4><p><span>Xfce bietet die Möglichkeit der Einstellung von Composite-Effekten, wie zum Beispiel der transparenten Darstellung von Fenstern beim Verschieben. Einige grundlegende Effekte sind standardmässig aktiviert. Die Einstellungen findest du im Anwendungsmenü unter </span><strong><span>Einstellungen -&gt; Feineinstellungen der Fensterverwaltung</span></strong><span> unter dem Reiter </span><strong><span>Komposit</span></strong><span>. Möchtest du zum Beispiel erreichen, dass bei einem Fensterwechsel mit </span><code>Alt + Tab</code><span> nur Symbole und keine Vorschaubilder angezeigt werden, könntest du den Haken bei </span><em><span>Beim Fensterwechsel eine Fenstervorschau anstelle der Symbole anzeigen</span></em><span> deaktivieren:</span></p><p><img src="./slackware_xfce_composite.png" referrerpolicy="no-referrer"></p><div style="page-break-after: always;"></div><p><span>Standardmässig wird beim Fensterwechsel mit </span><code>Alt + Tab</code><span> ein Rahmen um das aktive Fenster gezeichnet. Falls du dies als störend empfindest, kannst du unter dem Reiter </span><strong><span>Fensterwechsel</span></strong><span> den Haken vor dem Punkt </span><em><span>Während des Fensterwechsels einen Rahmen um die ausgewählten Fenster zeichnen</span></em><span> entfernen:</span></p><p><img src="./slackware_xfce_window_cycle.png" referrerpolicy="no-referrer"><span> </span></p><h4><a name="mauszeigerdesign" class="md-header-anchor"></a><span>Mauszeigerdesign</span></h4><p><span>Passend zum Standard-Theme mit dem Namen </span><em><span>Adwaita</span></em><span> gib es ein angepasstes Mauszeigerdesign. Öffne dazu im Anwendungsmenü den Punkt </span><strong><span>Einstellungen -&gt; Maus und Touchpad</span></strong></p><p><span>Wähle dort unter dem Reiter Mausthema als Standard </span><strong><span>Adwaita</span></strong><span> aus:</span></p><p><img src="./slackware_xfce_cursortheme.png" referrerpolicy="no-referrer"></p><div style="page-break-after: always;"></div> <h4><a name="fenster-einrollen" class="md-header-anchor"></a><span>Fenster einrollen</span></h4><p><span>Der bei Xfce zum Einsatz kommende Windowmanager heisst Xfwm. Dabei handelt es sich um den Teil der Xfce-Desktopumgebung, der unter anderem für die Platzierung von Fenstern auf dem Desktop, für das Zeichnen der Fensterrahmen und für das Verschieben, Verändern der Grösse und dem Schliessen von Fenstern verantwortlich ist. Er bietet zusätzlich die Möglichkeit Fenster </span><em><span>einzurollen</span></em><span>. Dabei wird der Inhalt des Fensters durch einen Klick auf das </span><em><span>einrollen</span></em><span> Symbol ausgeblendet und bei einem erneuten Klick wieder </span><em><span>eingeblendet</span></em><span>. Probiere es zum Beispiel mit einem Terminal-Fenster einmal aus:</span></p><p><img src="./slackware_xfce_window_roll.png" referrerpolicy="no-referrer"></p><p><span>Falls du diese Funktion nicht nutzen möchtest, kannst du sie in den Systemeinstellungen deaktivieren. Wähle dazu im Anwendungsmenü den Punkt </span><strong><span>Einstellungen -&gt; Fensterverwaltung</span></strong><span>.</span></p><p><span>Im unteren Bereich hast du die Möglichkeit die Anordnung zu ändern oder Knöpfe zu verstecken. Um den </span><em><span>Einrollen-Knopf</span></em><span> auszublenden, wähle ihn mit der linken Maustaste an und verschiebe ihn mit gedrückt gehaltener linker Maustaste in den Bereich </span><strong><span>Versteckt</span></strong><span>.</span></p><p><img src="./slackware_xfce_move_roll.png" referrerpolicy="no-referrer"></p><div style="page-break-after: always;"></div> <h4><a name="kdesu" class="md-header-anchor"></a><span>kdesu</span></h4><p><span>Einige der vorinstallierten grafischen Applikationen wie </span><strong><span>Zenmap (as root)</span></strong><span> oder </span><strong><span>wpa_gui</span></strong><span> erfordern die Eingabe des Root-Passworts über ein Hilfsprogramm mit dem Namen </span><strong><span>kdesu</span></strong><span>. Da wir die KDE-Paketgruppe nicht mitinstalliert haben, ist dieses Programm bisher nicht verfügbar. Du kannst mithilfe des slackpkg Kommandos über den Parameter </span><em><span>file-search</span></em><span> herausfinden, welche Pakete das Programm </span><strong><span>kdesu</span></strong><span> bereitstellen. </span></p><p><span>Öffne dazu ein Terminal, und erlange mithilfe von </span><code>su -</code><span> Root-Rechte. Führe die Suche mit dem slackpkg Programm aus.</span></p><pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang=""><div class="CodeMirror cm-s-inner CodeMirror-wrap" lang=""><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 0px; left: 8px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 0px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: 0px; width: 0px;"></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">su -</span></pre></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">slackpkg file-search kdesu</span></pre></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 46px;"></div><div class="CodeMirror-gutters" style="display: none; height: 46px;"></div></div></div></pre><p><img src="./slackware_slackpkg_file_search.png" referrerpolicy="no-referrer"></p><p><span>Der </span><code>file-search</code><span> Parameter durchsucht alle verfügbaren Pakete nach dem angegebenen Suchbegriff, in diesem Falle </span><em><span>kdesu</span></em><span>. Die Pakete </span><strong><span>kde-cli-tools</span></strong><span> und </span><strong><span>kdesu</span></strong><span> enthalten diesen Begriff.</span></p><p><span>Sollte die Ausgabe im Terminal zu lang sein um vollständig dargestellt werden zu können, kannst du wahlweise das Mausrad (falls verfügbar), die Scrollfunktion deines Touchpads oder Shift+PageUp/PageDown nutzen, um den vorherigen Inhalt darzustellen.</span></p><p><span>Die fehlenden Pakete kannst du wie gewohnt mit slackpkg installieren. Zusätzlich werden einige Abhängigkeiten benötigt.</span></p><pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang=""><div class="CodeMirror cm-s-inner CodeMirror-wrap" lang=""><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 0px; left: 8px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 0px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: 0px; width: 0px;"></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">slackpkg install kde-cli-tools kdesu</span></pre></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">slackpkg install kwidgetsaddons kwindowsystem kpty ki18n kconfig kcoreaddons kservice kdbusaddons</span></pre></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 46px;"></div><div class="CodeMirror-gutters" style="display: none; height: 46px;"></div></div></div></pre><div style="page-break-after: always;"></div><p><span>Wenn du nun eine der genannten Anwendungen wie </span><strong><span>Zenmap (as root)</span></strong><span> aus dem Anwendungsmenü in der Kategorie </span><strong><span>Internet</span></strong><span> startest, fordert dich das Hilfsprogramm </span><strong><span>kdesu</span></strong><span> zur Eingabe des Root-Passworts auf:</span></p><p><img src="./slackware_xfce_kdesu.png" referrerpolicy="no-referrer"></p><h4><a name="drag-and-drop-in-der-fensterliste" class="md-header-anchor"></a><span>Drag and Drop in der Fensterliste</span></h4><p><span>Bei der Fensterliste handelt es sich um den Teil des oberen Panels, in dem die Namen der geöffneten Programme angezeigt werden und du zwischen ihnen wechseln kannst. Standardmässig gruppiert Xfce die Anwendungen in der Fensterliste. </span></p><p><span>Du kannst die Einstellungen der Fensterliste öffnen, indem du mit der rechten Maustaste auf die </span><strong><span>vertikalen Punkte</span></strong><span> neben dem Anwendungsmenü klickst und den Punkt </span><strong><span>Eigenschaften</span></strong><span> wählst:</span></p><p><img src="./slackware_xfce_windowlist_menu.png" referrerpolicy="no-referrer"></p><p><span>Im Pull-Down-Menü </span><strong><span>Sortierreihenfolge</span></strong><span> kannst du auf </span><strong><span>Drag and Drop</span></strong><span> umstellen, um zu erreichen, dass du die Fensterknöpfe manuell umsortieren kannst. </span></p><div style="page-break-after: always;"></div> <p><span>Dies kann hilfreich sein, wenn du zum Beispiel den Fensterknopf für den Texteditor direkt neben dem Terminal platzieren möchtest, um schneller hin- und herwechseln zu können.</span></p><p><img src="./slackware_xfce_windowlist_settings.png" referrerpolicy="no-referrer"></p><p><span>Probiere es aus, indem du bei mehreren geöffneten Fenstern auf einer Arbeitsfläche einen Knopf mit gedrückt gehaltener linker Maustaste auswählst und an eine andere Position verschiebst.</span></p><div style="page-break-after: always;"></div> <h4><a name="einfacher-klick" class="md-header-anchor"></a><span>Einfacher Klick</span></h4><p><span>Solltest du einfache Klicks zum Öffnen von Dateien und Ordnern bevorzugen, so lässt sich dies einfach aktivieren. Öffne dazu die Dateiverwaltung </span><strong><span>Thunar</span></strong><span>. Klicke im Menü auf </span><strong><span>Bearbeiten -&gt; Einstellungen</span></strong><span> und wähle dort den Reiter </span><strong><span>Verhalten</span></strong><span>. Wähle den Punkt </span><strong><span>Einfacher Klick zum Aktivieren von Objekten</span></strong><span>:</span></p><p><img src="./slackware_xfce_singleclick_thunar.png" referrerpolicy="no-referrer"></p><div style="page-break-after: always;"></div> <p><span>Um den einfachen Klick auch für Objekte auf dem Desktop zu aktivieren, klicke mit der rechten Maustaste auf einen freien Bereich auf dem Desktop und wähle den Punkt </span><strong><span>Schreibtischeinstellungen</span></strong><span>:</span></p><p><img src="./slackware_xfce_desktop_settings.png" referrerpolicy="no-referrer"></p><p><span>Unter dem Reiter </span><strong><span>Symbole</span></strong><span> hast du die Möglichkeit die Option </span><strong><span>Einfacher Klick, um Objekte zu aktivieren</span></strong><span> zu setzen:</span></p><p><img src="./slackware_xfce_singleclick_desktop.png" referrerpolicy="no-referrer"></p><div style="page-break-after: always;"></div> <h4><a name="virtuelle-arbeitsflächen" class="md-header-anchor"></a><span>Virtuelle Arbeitsflächen.</span></h4><p><span>Viele Linux-Desktopumgebungen bieten sogenannte </span><em><span>virtuelle Arbeitsflächen</span></em><span> an. Dabei handelt es sich um weitere Desktops, zwischen denen man hin- und herwechseln kann. Unter Xfce kannst du über das Panel einfach die gewünschte virtuellen Arbeitsfläche wählen. Standardmässig stehen vier Arbeitsflächen zur Verfügung. Durch einen Klick auf das entsprechende Symbol kannst du die Arbeitsfläche wechseln. Du findest es im rechten Bereich des oberen Panels. Das Symbol ist bei vier Arbeitsflächen in vier Blöcke unterteilt. Der erste steht für die erste Arbeitsfläche, der zweite für die zweite und so weiter. Versuche einmal auf die zweite Arbeitsfläche zu wechseln.</span></p><p><img src="./slackware_xfce_pager.png" referrerpolicy="no-referrer"></p><p><span>Du wirst feststellen, dass dort bisher noch keine Programme geöffnet worden sind. Starte eine Applikation und wechsle zurück auf die erste Arbeitsfläche. Die neu gestartete Applikation ist nur auf der zweiten Arbeitsfläche verfügbar. Wechsle zurück auf die zweite Arbeitsfläche und klicke mit der rechten Maustaste auf die Titelleiste der Applikation (in diesem Beispiel verwenden wir Thunar). Wähle im Menü den Punkt </span><strong><span>Fenster auf eine andere Arbeitsfläche verschieben</span></strong><span> und im Untermenü </span><strong><span>1 (Arbeitsfläche 1)</span></strong><span>. Das Fenster wird auf die erste Arbeitsfläche verschoben:</span></p><p><img src="./slackware_xfce_move_application.png" referrerpolicy="no-referrer"></p><p><span>Mit dieser Methode kannst du deine Arbeit sehr gut gruppieren. </span></p><p><span>Die Anzahl der verfügbaren Arbeitsflächen kannst du einstellen, indem du mit der rechten Maustaste auf den Arbeitsflächenumschalter klickst (dieser wird auch als Pager bezeichnet).</span></p><p><img src="./slackware_xfce_pager_settings.png" referrerpolicy="no-referrer"></p><div style="page-break-after: always;"></div><p><span>Unter </span><strong><span>Anzahl</span></strong><span> lässt sich festlegen wie viele virtuelle Arbeitsflächen zur Verfügung stehen sollen. In diesem Beispiel haben wir die Anzahl auf 2 reduziert. So könntest du zum Beispiel eine Arbeitsfläche für Privat und eine andere für Arbeit verwenden oder für Internet- und Offline Applikationen. Die Möglichkeiten sind vielfältig.</span></p><p><img src="./slackware_xfce_pager_numbers.png" referrerpolicy="no-referrer"></p><p><span>Probiere im Alltag ein wenig aus, ob dir die Arbeit mit virtuellen Arbeitsflächen zusagt oder nicht. Es besteht kein Zwang diese zu nutzen, sie könnten aber einen Mehrwert darstellen, wenn du den passenden Einsatzzweck gefunden hast.</span></p><h4><a name="whisker-menu" class="md-header-anchor"></a><span>Whisker Menu</span></h4><p><span>Als alternatives Startmenü kann unter Xfce das </span><em><span>Whisker Menu</span></em><span> installiert werden. Es handelt sich um ein Windows-Ähnliches Startmenü.</span></p><p><span>Die Installation erfolgte bereits mit der Xfce Oberfläche. Das Menü kann über die Anwendungsleiste oben rechts mit einem Rechtsklick hinzugefügt werden. Dafür wird </span><strong><span>Leiste &gt; Neue Elemente hinzufügen</span></strong><span> gewählt.</span></p><p><img src="./slackware_xfce_whisker_add.png" referrerpolicy="no-referrer"></p><div style="page-break-after: always;"></div><p><span>Im neu geöffneten Fenster kann nach </span><strong><span>whisker</span></strong><span> gesucht werden und anschliessend auf </span><strong><span>Hinzufügen</span></strong><span> geklickt werden. Somit sollte nun oben rechts ein neues Feld erschienen sein, über welches das Whisker Menu geöffnet werden kann.</span></p><p><img src="./slackware_xfce_whisker_add2.png" referrerpolicy="no-referrer"></p><p><img src="./slackware_xfce_whisker_menu.png" referrerpolicy="no-referrer"></p><p><span>Damit hast du die grafische Oberfläche deines Linux Systems erfolgreich eingerichtet und grundlegend konfiguriert. Schaue dich ein wenig um und entdecke die enthaltenen Applikationen. Im folgenden Teil geht es um die Installation einiger wichtiger Zusatzapplikationen.</span></p><p><span>Programme &lt; PDF &gt;</span></br>
  592. <span>↪ </span><a href='https://linuxkurs.ch/kurs/Programme.pdf' target='_blank' class='url'>https://linuxkurs.ch/kurs/Programme.pdf</a></p><p><span>Programme &lt; HTML &gt;</span></br>
  593. <span>↪ </span><a href='https://linuxkurs.ch/kurs/Programme.html' target='_blank' class='url'>https://linuxkurs.ch/kurs/Programme.html</a></p><hr /><p><span>© Lioh Moeller</span></p></div>
  594. </body>
  595. </html>