Was brauche ich für Webdesign und andere Projekte?

Hallo, Frontend mach ich mit HTML,CSS und JS.

Das funktioniert für Webbrowser ok, wie funktioniert mein Frontend nun mit Android und Windows und andere Plattformen?

Also wie baue ich Programme in HTML, etc, die in einem Browser, aber auch in Windows als Programm z.b. funktioniert?

Thx

Grüßle

3 Antworten

ichweisnetwas

06.11.2024, 15:04

Ganz simple kannste es nur visualisieren.

Also das die "App" nur den Browser öffnet und ausführt.

So auf diese art habe ich eine "App" die eben keine ist. Es ist strenggenommen ne Webseite die sich eben nur wie ne App verhält.

Frag nicht warum das so gemacht wurde. War eben ein Arbeitsauftrag.

Trismegisto

Beitragsersteller

06.11.2024, 15:07

Geht das auch über ein eigene Programm auf Windows? Was ist der Muttercontrainer meines Programms auf Android/Linux oder Windows?

Wie gebe ich meiner "App" die gleichen funktionen wie ein Androidprogramm, kann ich da einfach mit einem Protokott andocken?

ichweisnetwas

06.11.2024, 15:09

@Trismegisto

Schau dir mal "App-Wrapper" an. Evtl. Electron oder WebView2 bei Windows. Aber erkundige dich da einfach mal genauer.

Wenns ne reine Webseite ist in wahrheit musst du am code ansich dann garnix ändern. Völlig wurst auf welchem Gerät du es aufrufst. Da es ja ansich einfach ne Webseite ist.

Das war ja da auch der Grundgedanke.

Dennoch ist das eben teilweise etwas "umständlich". Kommt aber auch drauf an wofür du es brauchst.

RSL8a

06.11.2024, 15:05

CSS ist für Design, HTML ist für die Programmierung, JS ist für ausführende Dateien

Woher ich das weiß:eigene Erfahrung

slaxxer

06.11.2024, 22:16

Also Android da brauchst du JAVA kentnisse, Windows bevorzugt C#/C++ oder auch .NET

Ähnliche Beiträge

Java Methode von JavaScript aufrufen?

Ich muss eine Client-Side Javamethode von Client-Side JavaScript aufrufen. Stellt es euch einfach vor wie eine Desktop App mit HTML/CSS/JS für das Frontend und Java als Backend, ist sehr schwer zu erklären. Wie ist das möglich?

...zum Beitrag

Bild wird nicht im Browser angezeigt?

Hallo,

ich bin gerade dabei eine Website zu schreiben mit HTML und CSS und gerade scheitere ich daran mein Logo richtig zu verlinken. Ich hab es genauso wie bei meiner anderen Website gemacht wo es funktioniert aber hier nicht. Weiß jemand vllt weiter? Dankeschön schonmal. :)

HTML:

CSS:

ORNDER:

Mein HTML und CSS Code befindet sich im TEST 2 Ordner also so eigentlich:

TEST 2/BILDER/LOGO.eps

So sieht es bis jetzt aus:

...zum Beitrag

IT-Projekt für die Uni?

Ich muss für die Uni jedes Semester ein Projekt machen. Ich möchte gerne ein Programmierprojekt machen wie letztes Semester.

Das Ding ist, ich lerne momentan Java (also die Grundlagen kann ich schon), möchte halt aber auch noch HTML und CSS lernen.

Was ist jetzt schlau: Das Projekt zu nutzen, um die Javakenntnisse zu erweitern oder um die Webentwicklung kennenzulernen mit HTML, CSS und JavaScript (oder HTMX und CSS)?

...zum Beitrag

Wie öffne ich eine HTML-Datei im Webbrowser?

Wenn ich meine HTML datei im Browser öffnen will zeigt er mir nur der Quelltext an? Öffne ich die Datei falsch? Ich möchte das fertige nicht das andere

...zum Beitrag

Css+html Navbar verschoben?

Hallo :)

Ich baue mir gerade eine Website auf und habe ein Burger-menü in Css und Html angelegt, allerdings ist der Navigationsbereich nicht unter dem Icon sondern verschoben darüber, wodurch das Menü nicht gut aufklappbar ist.

In Css habe ich bereits versucht durch nav{...} den Bereich von Html anzupassen (auch mit dem Boxenmodell) aber ich kenne auch noch keinen Befehl der das verschiebt, oder es funktioniert einfach nicht.

Ich wäre auf jeden Fall sehr dankbar für Hilfe!

LG Sabine

...zum Beitrag

Wie lange braucht ihr für eine Webseite?

Die Fragen gehen an alle Webdesigner:

Wie lange braucht ihr für eine Webseite?
Wie ist die Art der Umsetzung? WordPress, HTML / CSS?
Wie ist der Umfang und Aufwand der Seite und wie viele Unterseiten sind enthalten?
Nutzt ihr Templates?
Wie viel verlangt ihr pro Seite?

Danke für Antworten.

...zum Beitrag

Angular(TS,html,css) Buch/Kurs?

Moin,

ich muss mir demnächst Angular aneignen, damit auch TS, html und css.

Basics von html und css kann ich, js geht so.
Gibt es einen Komplettkurs oder Buch, mit Angular inklusive als Framework fürs Frontend?
Am Besten ein Buch/Kurs, wo alles gedeckt ist.

...zum Beitrag

Html semibold und bold schauen gleich aus?

Hallo, ich arbeite aktuell an einem NextJS Projekt mit TailwindCSS. Mein Problem ist, dass Font-Weight 600 und 700, 100 bis 500 und 800 und 900 gleich ausschauen. Das ist aber auch bei einem Normalen HTML Dokument so.

Das Problem besteht in allen Browsern.
Danke für die Antwort im Vorraus.

Code zum Nachmachen:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Font Weight Test</title>
    <style>
        body {
            font-family: Arial, sans-serif; /* Using a widely available font */
        }
        .thin {
            font-weight: 100;
        }
        .light {
            font-weight: 300;
        }
        .normal {
            font-weight: 400;
        }
        .medium {
            font-weight: 500;
        }
        .semibold {
            font-weight: 600;
        }
        .bold {
            font-weight: 700;
        }
        .extrabold {
            font-weight: 800;
        }
        .black {
            font-weight: 900;
        }
    </style>
</head>
<body>
    <h1>Font Weight Test</h1>
    <p class="thin">This is thin text (100).</p>
    <p class="light">This is light text (300).</p>
    <p class="normal">This is normal text (400).</p>
    <p class="medium">This is medium text (500).</p>
    <p class="semibold">This is semibold text (600).</p>
    <p class="bold">This is bold text (700).</p>
    <p class="extrabold">This is extrabold text (800).</p>
    <p class="black">This is black text (900).</p>
</body>
</html>

...zum Beitrag

Website vergrößern Html/ Css?

Hallo alle zusammen,

Ich habe eine Website am Laptop mit HTML und CSS programmiert, aber wenn ich das auf dem PC öffnen möchte dann ist das Format kleiner und damit es passt muss ich die Website um 175% vergrößern im browser...

Kann ich das in HTML und CSS irgendwie reinschreiben, dass sich die seite immer automatisch in der größe ist und wenn ja wie?

Danke für eure hilfe

...zum Beitrag

Wie bekomme ich einen Job als Webdesigner oder Entwickler?

Hey, wie etabliere ich mich, wie komme ich mit Menschen in Kontakt, welche Plattformen soll ich Nutzen, wie finden mich andere und meine Skills?

Ich suche Anfänger Jobs, Im Frontend , aber auch Backend, und auch andere Themen wie Appdesign und viele weitere IT Berreiche, wichtig ist es mir mal an Geld zu kommen, damit ich einen Ort finden kann wo ich erstmal Ruhe habe, nach langer langer Strapazierender Zeit....dann dort als Freelancer im Homeoffice.

Ich kann CSS, HTML, JS, PHP, habe einen allgemeinen guten Überblick über viele weitere IT Themen.

Das gleiche gilt auch ausserdem eigentlich für andere Themen wie Webdesign, wie finde ich Menschen die zu mir und meinen Interessen passen, z.B. Permakultur, Tinyhousebau, Bussineses aufbauen, einfach Leute die gemeinsam was erreichen wollen.

Ich bin irgendwie in meiner Situation gefangen und finde ohne Geld keinen Friedlichen ORt mehr zum Leben, deswegen brauche ich wohl Geld um dann ein Eigenes GRundstück zu kaufen und möglichkeiten zu haben.

Danke

...zum Beitrag

Wieso funktioniert meine "Browser Extension" nicht auf dieser Seite?

Mir ist unter Linux aufgefallen das ich gar nicht den Auto-Scroll von Windows habe in zb. Google Chrome wenn man auf das Mauspad klickt, nutze ich gerne und dachte mir als Challenge ohne Chat Gpt dass ich mal schnell probieren könnte ein eigenes zu programmieren.

Ich weiß da gibt es fertige Software und Extension's, die laufen ohne Probleme und Ressourcen sparender wahrscheinlich.

Hab das erst in einer Html Datei (Extension in "") gemacht zum testen dann in anderen Websites den JS Code in eine Konsole eingefügt und es funktioniert eigentlich ganz gut.

Das Problem ist das ich nicht verstehe wieso er nicht hier funktioniert https://www.tennon.io/ , mir fällt beim inspizieren nichts auf und es scheint mit Next JS umgesetzt zu sein.

<!DOCTYPE html>
<html lang="de">


<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Auto Scroll Extension</title>
    <style>
        html {
            min-width: 100%;
        }
    </style>
</head>


<body>
    <script>
        /* Render Dummy Content, cursor change wont work with min-height */
        for (let i = 0; i < 1000; i++) {
            document.body.innerHTML += "Lorem Ipsum ";
        }
        const scrollSpeed_Up = -1;
        const scrollSpeed_Down = 1;
        const middlehalf = window.innerHeight / 2;
        let AutoScroll_Interval; /* Global acess */
        let isScrolling = false;
        let isScrollingUp = false; /* Default Scrolling Down, Prevent Errors */


        const ToggleScrolling = Enable => {
            if (Enable) {
                console.log("Auto Scroll Active");
                document.body.style.cursor = "all-scroll";
                AutoScroll_Interval = setInterval(AutoScroll, 1);
                isScrolling = true; /* Prevent Multiple Interval's */
            } else if (!Enable && isScrolling) {
                /* Stop Interval , Reset Cursor and Variables */
                console.log("Auto Scroll Stopped");
                document.body.style.cursor = "auto";
                clearInterval(AutoScroll_Interval);
                isScrolling = false;
            }
        }


        const AutoScroll = () => {
            /* Get Current Vertical Scroll Position : console.log(window.scrollY); */
            isScrollingUp ? window.scrollBy(0, scrollSpeed_Up) : window.scrollBy(0, scrollSpeed_Down);
        }


        window.addEventListener("mousemove", e => {
            e.clientY > middlehalf ? isScrollingUp = false : isScrollingUp = true;
        });


        /* Check if Scroll Button is Pressed */
        window.addEventListener("mousedown", e => {
            e.button === 1 && !isScrolling ? ToggleScrolling(true) : ToggleScrolling(false);
        });


        /* ############## IGNORE ##############
        Check if Client has reached Bottom
        const scrollableHeight = document.documentElement.scrollHeight - window.innerHeight;
        if (window.scrollY >= scrollableHeight) { 
            // Reached Bottom Code ... 
        } else {
            // Code ...
        }
        */
    </script>
</body>


</html>

...zum Beitrag

Welches CSS Framework und welches Planungstool sollte ich nutzen?

Hallo,

bisher habe ich jede Idee und jedes Projekt von Null an selbst programmiert und CSS geschrieben.

Um mich zukünftig mehr auf JS und React konzentrieren zu können und auch Ideen schneller umsetzen zu können, möchte ich vorgefertigte HTML/CSS Komponenten verwenden.

Zudem möchte ich dieses Framework auch in Figma nutzen können, um die Idee besser planen zu können.

Welches CSS Framework würdet ihr empfehlen und warum? Es sollte ein modernes Design haben (Bootstrap fällt daher für mich raus). Eine große Auswahl an Komponenten haben, welche man einfach kombinieren und anpassen kann. Die Lizenz sollte auch für kommerzielle Projekte gelten und möglichst kostenlos sein. Tailwind ist kostenpflichtig oder?
Welches Tool könnt ihr noch empfehlen, um eine App/PWA zu skizzieren und zu planen?

Gruß ebody

...zum Beitrag

HTML & CSS in .exe umwandeln?

Hallo,

ich habe eine ganz einfache Webseite mit HTML und CSS gebaut. Dort gibt es Buttons, die zu unterschiedlichen Webseiten führen. So eine Art Favoriten Liste wie in Browsern.

Diese Webseite möchte ich gerne in eine .exe umwandeln. Dann kann der Anwender über ein Desktop Icon dieses "Programm" öffnen. Wenn man dann auf einen Button klickt öffnet sich ganz normal eine externe Browser Webseite. Habe das schon mit .hta probiert, aber dann werden einige CSS Befehle nicht übernommen und die Buttons funktionieren nicht. Würde auch gerne eine Installation ausführen lassen, so dass man dann danach eine .exe. Datei hat.

Kenne mich nur mit HTML und CSS aus. Alles Andere kann ich nicht.

Danke :)

...zum Beitrag

CSS möchte nicht laden?

Hallo,

es geht darum, dass ich ein Projekt habe in dem Java, Spring boot, ReactJS, CSS, JS und RestAPI mit inbegriffen sind. Mein Problem liegt lediglich darin, dass die html beim laden der Seite: localhost:8080/login.html den inhalt der html datei anzeigt aber die css datei garnicht übernimmt. Die Pfade zu den einzelnen Dateien stimmen ebenfalls, da sie verlinkt sind, doch das stylen über css funktioniert nicht

login.html: https://codefile.io/f/uD0jP33Wef
style.css: https://codefile.io/f/AGN6ENmt6t
script.js: https://codefile.io/f/unKOx5NUi6

Wäre echt top, wenn mir jemand dabei behilflich sein könnte.

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen