| Zeile 3: |
Zeile 3: |
| | * Siehe [[Dynamisches DNS]]. | | * Siehe [[Dynamisches DNS]]. |
| | | | |
| − | == Werbeeinnahmen ==
| |
| − |
| |
| − | Das [[MediaWiki]]-System erlaubt das Hinzufügen von Werbung, z.B. [[Google AdSense]].
| |
| − |
| |
| − | Siehe auch
| |
| − | * [http://www.elektronikinfo.de/pc/geldverdienen.htm Geldverdienen mit der eigenen Homepage]
| |
| − | * [http://contextualads.yahoo.net/features.php Yahoo Bing Ads Network] ([http://www.techulator.com/resources/8308-Compare-Google-AdSense-Yahoo-Bing-Ad-Network.aspx angeblich nur für Premium Websites])
| |
| | | | |
| | == Plattformanbieter == | | == Plattformanbieter == |
| Zeile 26: |
Zeile 19: |
| | ==== Provider ==== | | ==== Provider ==== |
| | | | |
| − | * [http://www.webhostlist.de/ Überblick bei Webhostlist.de]
| |
| | | | |
| | | | |
| Zeile 95: |
Zeile 87: |
| | | 21.12.2008 | | | 21.12.2008 |
| | |} | | |} |
| | + | |
| | + | * https://ackermann-edv.de/v-server/, ab 2,50 € pro Monat, persönlicher Support meist durch Herrn Ackermann selbst |
| | | | |
| | * http://www.netcup.de/bestellen/produkt.php?produkt=85 bietet unbegrenzten Traffic, 20 GB Speicherplatz und 200 MB MindestRAM für 3,50 € im Monat (Stand: 1.8.2009) | | * http://www.netcup.de/bestellen/produkt.php?produkt=85 bietet unbegrenzten Traffic, 20 GB Speicherplatz und 200 MB MindestRAM für 3,50 € im Monat (Stand: 1.8.2009) |
| Zeile 137: |
Zeile 131: |
| | * Zum Markenrecht siehe | | * Zum Markenrecht siehe |
| | ** http://blog-markenrecht.de/ | | ** http://blog-markenrecht.de/ |
| | + | |
| | + | * Domain-Provider gibt es viele, |
| | + | ** z.B. |
| | + | *** https://ackermann-edv.de/domains/ |
| | + | ** Suchmaschinen für Domain-Provider: |
| | + | ** https://www.hostsuche.de/suche_domain.php |
| | | | |
| | == Webserver einrichten == | | == Webserver einrichten == |
| Zeile 173: |
Zeile 173: |
| | * Right Media | | * Right Media |
| | | | |
| | + | === Werbung technisch umsetzen === |
| | + | |
| | + | Das [[MediaWiki]]-System erlaubt das Hinzufügen von Werbung, z.B. [[Google AdSense]]. |
| | + | |
| | + | Siehe auch |
| | + | * [http://www.elektronikinfo.de/pc/geldverdienen.htm Geldverdienen mit der eigenen Homepage] |
| | + | * [http://contextualads.yahoo.net/features.php Yahoo Bing Ads Network] ([http://www.techulator.com/resources/8308-Compare-Google-AdSense-Yahoo-Bing-Ad-Network.aspx angeblich nur für Premium Websites]) |
| | + | |
| | + | |
| | + | === Werbung ohne Cookies === |
| | + | |
| | + | Siehe |
| | + | * https://pyngu.com/webseite-ohne-cookie-banner/ |
| | | | |
| | == WebServer-Software == | | == WebServer-Software == |
| Zeile 217: |
Zeile 230: |
| | * https://every-layout.dev/ | | * https://every-layout.dev/ |
| | * https://cssreference.io/ | | * https://cssreference.io/ |
| | + | |
| | + | ==== Farbpaletten ==== |
| | + | |
| | + | * [https://coolors.co coolors.co] |
| | | | |
| | ==== Tooltips ==== | | ==== Tooltips ==== |
| Zeile 234: |
Zeile 251: |
| | * https://milligram.io/ | | * https://milligram.io/ |
| | * [https://bulma.io/ Bulma] - nur CSS, kein JavaScript | | * [https://bulma.io/ Bulma] - nur CSS, kein JavaScript |
| − | ** [https://dfee.github.io/rbx rbx] integriert Bulma mit [[React]] | + | ** [https://dfee.github.io/rbx rbx] integriert Bulma mit [[React]]; rbx scheint nicht mehr aktualisiert zu werden |
| | + | ** https://github.com/couds/react-bulma-components - Integration mit [[React]] |
| | + | ** https://jenil.github.io/bulmaswatch/help/ - Themes für Bulma |
| | * https://tailwindcss.com/ | | * https://tailwindcss.com/ |
| | ** https://www.creative-tim.com/learning-lab/tailwind-starter-kit/presentation | | ** https://www.creative-tim.com/learning-lab/tailwind-starter-kit/presentation |
| Zeile 274: |
Zeile 293: |
| | * [http://www.mashup-template.com/ Mashup Template] | | * [http://www.mashup-template.com/ Mashup Template] |
| | | | |
| | + | ====== Integration mit Nextjs ====== |
| | + | |
| | + | Siehe [[Nextjs]] |
| | + | |
| | + | * https://www.kindacode.com/article/how-to-correctly-use-bootstrap-5-in-next-js/ |
| | + | * https://feralamillo.medium.com/bootstrap-in-create-react-app-typescript-1a0365fdd111 |
| | + | * https://stackoverflow.com/questions/69527455/could-not-find-a-declaration-file-for-module-bootstrap-dist-js-bootstrap |
| | + | |
| | + | npm install --save-dev sass |
| | + | npm install --save bootstrap |
| | + | |
| | + | In src/styles/globals.scss importiere Bootstrap-SCSS |
| | + | @import '~bootstrap/scss/bootstrap.scss'; |
| | + | |
| | + | Die Tilde ~ ist dabei eine Kurzform für das node_modules/-Verzeichnis. |
| | + | |
| | + | In src/pages/_app.tsx importiere globals.scss und Bootstrap.js |
| | + | <pre> |
| | + | import "../styles/globals.scss"; |
| | + | import type { AppProps } from "next/app"; |
| | + | import { useEffect } from "react"; |
| | + | |
| | + | function MyApp({ Component, pageProps }: AppProps) { |
| | + | useEffect(() => { |
| | + | |
| | + | //import("bootstrap/dist/js/bootstrap"); |
| | + | typeof document !== undefined |
| | + | ? require('bootstrap/dist/js/bootstrap') |
| | + | : null |
| | + | }, []); |
| | + | return <Component {...pageProps} />; |
| | + | } |
| | + | |
| | + | export default MyApp; |
| | + | </pre> |
| | + | |
| | + | ====== Themes ====== |
| | * Im Wesentlichen kostenpflichtige Themes finden sich auch auf [https://bootstrapmade.com/ BootstrapMade.com] | | * Im Wesentlichen kostenpflichtige Themes finden sich auch auf [https://bootstrapmade.com/ BootstrapMade.com] |
| | ** https://bootstrapmade.com/demo/MyResume/ | | ** https://bootstrapmade.com/demo/MyResume/ |
| Zeile 279: |
Zeile 335: |
| | ** https://bootstrapmade.com/iportfolio-bootstrap-portfolio-websites-template/ | | ** https://bootstrapmade.com/iportfolio-bootstrap-portfolio-websites-template/ |
| | | | |
| − | ====== Themes ======
| + | |
| | | | |
| | Bootstrap-Themes mit MIT-Lizenz finden sich auch auf | | Bootstrap-Themes mit MIT-Lizenz finden sich auch auf |