Änderungen

Zur Navigation springen Zur Suche springen
1.628 Bytes hinzugefügt ,  20:05, 13. Sep. 2024
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

Navigationsmenü