Wie kann ich eine Verkaufsseite in VS Code erstellen?

Hallo zusammen,

aktuell programmiere ich eine etwas größere Seite für eine Photovoltaikanlagenfirma.

Die Startseite ist bereits vorhanden, ich habe diese mit zahlreichen Animationen bestückt. Ich habe also CSS und HTML intensiv arbeiten lassen. Eine Kontaktseite mit Kontaktformular und Daten zur Firma sowie eine Preisübersichtsseite sind bereits ebenfalls vorhanden. Die Firma ist bis jetzt sehr zufrieden mit der Arbeit.

Nun hat die Firma angefragt, ob ich auch zusätzlich eine Verkaufsseite erstellen könnte, in der die Firma ihre Produkte wie Befestigungen, Solarpanels, ... anbieten und verkaufen kann.

Ich bin nun wie folgt vorgegangen:

Auf der Preisübersichtsseite habe ich die üblichen Preise für Montage und Reinigung angegeben, zusätzlich habe ich eine Info zur Produktseite erstellt, die man mit einem Button namens Produkte öffnen kann. Diese funktioniert auch und ich werde auf meine erstellte (noch leere Seite) weitergeleitet.

Leider habe ich mit der Erstellung von Verkaufsseiten nicht viel Ahnung. Habt ihr Tipps? Oder wie würdet ihr vorgehen?

Danke schon einmal! :)

2 Antworten

Vom Fragesteller als hilfreich ausgezeichnet

HoiZusammen

10.09.2023, 16:26

Ein Shop zu bauen kann sehr komplex sein. Nimm für ein so kleines Projekt lieber eine fertige Lösung und pass das Design an

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

HTML, Webseite, CSS

10.09.2023, 16:39

Da gibt es so sicherlich einige Fragen, die zunächst mit dem Kunden abgeklärt werden müssten. Zum Beispiel, für welche Regionen/Länder welche (und wie viele) Produkte/Dienstleistungen (nach welchen Kategorien) angeboten werden sollen, wie sich die Preise berechnen (inkl. Rabattcodes, u.ä.), welche Bezahlmöglichkeiten es geben soll, welche Produktinformationen wie/wo dargestellt werden, usw..

Anschließend wäre es ratsam, ein dazu passendes Shopsystem zu suchen, mit dem sich die Anforderungen erfüllen lassen.

Ähnliche Fragen

Html und CSS Datei verbinden?

Hallo,

und zwar ist meine Html Datei in einem separaten Ordner und meine CSS Datei auch. Ich will meine Html Datei mit der CSS Datei verbinden, aber ich weiß nicht wie. Ich will auch nicht das meine Html Datei und meine CSS Datei in einem gemeinsamen Ordner sind, will es übersichtlicher halten.

Also kann mir jemand helfen???

...zur Frage

Programmiersprachen für Neulinge?

Hi! Ich möchte mich bald als Informatiker bewerben, nun habe ich mir gedacht (um mich von der Konkurrenz abzuheben), dass ich mir eine eigene ‚mini-website‘ mache, um dort bisschen über mich zu erzählen. Ich weiss jedoch nicht, welchen Sprache ich dafür verwenden soll… Im Praktikum habe ich einmal html kennengelernt, also habe ich schonmal angefangen mit html was zu basteln. Gibt es etwas leichteres oder bin ich mit html auf dem richtigem weg?

Danke schonmal im voraus!!

...zur Frage

HTML projekt wie findet ihr die vorarbeit?

html:

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<Header>
</Header>
<div class="input">
<main>
<form action="" method="post">
<h2>Anmeldung</h2>
<input type="email" name="Email" placeholder="Email hier eingeben" required="@" id=""> <br>
<input type="text" name="Benutzer" placeholder="Benutzer hier eingeben" required="A-z" > <br>
<input type="password" name="passwort" placeholder="password hier eingeben " id=""> <br>
<input type="submit" value="Anmelden">
<input type="reset" value="reset">
</form>
</div>
<hr>
<a href="#">Impressum</a>
<a href="#">kontakt</a>
<a href="#">Über uns</a>
</main>
<footer>
</footer>
</body>
</html>

css

body {
font-family: Arial, Helvetica, sans-serif;
color: white;
}
body{
background-color: black;
}
.input {
display: flex;
margin: 700px;
margin-top: 300px;
flex-direction: column;
justify-content: center;
align-items: center;
box-shadow: 1px 1px 3px 3px white;
border-radius: 30px;
height: 300px;
width: 300px;
}
a{
font-family: Arial, Helvetica, sans-serif;
display: flex;
justify-content: center;
align-items: center;
}
a:hover{
color: green;
text-decoration-line: none;
}
input{
padding: 5px;
border-radius: 10px;
}
input[type="submit"] {
font-size: 1.0em; padding: 1px 6px;
font-family: Roboto, sans-serif;
font-weight: 100;
color: teal;
border: 1px solid silver;
background-image: linear-gradient(to top, gainsboro 0%, white 90%);
border-radius: 20px;
}
input[type="reset"] {
font-size: 1.0em; padding: 1px 6px;
font-family: Roboto, sans-serif;
font-weight: 100;
color: teal;
border: 1px solid silver;
background-image: linear-gradient(to top, gainsboro 0%, white 90%);
border-radius: 20px;
}

...zur Frage

Input type date?

Hallo, ich habe einen "input type date" auf meiner Website. Er ist aber standardmäßig weiß, was nicht zum Design der Website passt. Gibt es eine Möglichkeit es mit CSS oder anderwärtig zu stylen?

...zur Frage

Kann man mit HTML ein Drei-Striche-Menü machen?

...zur Frage

Navbar in Css und Html drehen?

Ich möchte die Navigationsleiste drehen, damit sie wie auf diesem Bild aussieht. Der Titel „SafenSound“ sollte in der oberen linken Ecke sein, die „Künstler“ sollten in der oberen rechten Ecke um 90 Grad gedreht sein, die „Info“ sollte in der unteren linken Ecke um -90 Grad gedreht sein und die „Tickets“ sollten wieder normal in der unteren rechten Ecke sein. Und ich möchte auch, dass die Navigationsleiste fixiert wird, damit die Navigationsleiste beim Scrollen immer noch da ist

Derzeit sieht mein CSS so aus:

.StartseiteNav{

position:fixed;

}

.ArtistsNav{

position:fixed;

display:block;

width: 60px;

transform: rotate(90deg);

}

.InfoNav{

position:fixed;

display:block;

width: 60px;

transform: rotate(-90deg);

}

.TicketsNav{

position:fixed;

}

...zur Frage

DE Sonderzeichen Fehler in HTML?

Hi,

ich sitze momentan an einer Datei, um ein paar Dinge auszuprobieren. Ich habe die Meta-Tags wie gewohnt aus einer anderen (funktionierenden) Datei kopiert.

Nun werden allerdings ausschließlich in meiner Datei die Umlaute wie Ä,Ö,Ü und ß mit

"�"

angezeigt. Auch das rein-kopieren Tags aus anderen Dateien, oder das entfernen des Stylesheets hat nix geändert. Kurzzeitig hatte ich auch den Meta-Tag:

mit reingenommen, allerdings ohne Erfolg oder Veränderungen. Auch das Debugging von W3C hat nix auffälliges gefunden:

Für alle helfenden Hände großes Danke!

<!doctype html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="example, html, head, meta">
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
    <link rel="stylesheet" type="text/css" href="formate.css">
    <title>Das Box-Modell</title>
  </head>


<body>
  <header>
      
    <div class="flex">
     <img src="bilder/logo.svg" alt="logo">
    </div>
    
     <h1>Wilkommen auf der Test-Seite!</h1>
     <nav>
              <a href="#link_1.html">Blog</a>
              <a href="#link_1.html">Unterseite 1</a>
              <a href="#link_1.html">Unterseite 2</a>
              <a href="#link_1.html">Kontakt</a>
     </nav>
          
    </header>
      
      <main>
          
          <h2>ÜÜÜCCS-basierte Layouts <br><br />HTML-Struktur ohne CSS</h2>         
          
      </main>
    
    
    
    <footer>
     <a href="kontakt.html">Kontakt</a>
     <p>&copy; 2024 by GTA1A</p>
    </footer>


</body>
</html>

...zur Frage

Webseite?

Wo kann ich kostenlos eine Webseite erstellen mit der Endung .de geht das auch per vps server

...zur Frage

Website Admin panel?

Hey, ich habe eine Frage an euch. Ich möchte eine eigene Website programmieren wo man selbst geschriebene Plugins für Minecraft downloaden kann. dafür möchte ich machen, dass ich in einem Admin panel sagen kann, ob dieses Plugin gerade geupdated wird oder ob es gerade benutzt werden kann. Dafür möchte ich machen, dass ich mich anmelden kann bei dem Admin panel und dort dann auswählen kann zwischen zwei verschiedenen Optionen und dies dann auf der normalen Website automatisch geändert wird. am besten wäre es in HTML, wenn es dort umsetzbar ist. Ansonsten wäre PHP auch okay. Ich bedanke mich jetzt schon mal für eure Hilfe. Liebe Grüße

...zur Frage

Wie kann ich unter einem Button einen anderen setzen der aktiviert wird wenn ich den drücken?

Auf einer Website

...zur Frage

Über PHP HTML Quellcode auslesen und in Variable speichern?

Hallo,

Kennt jemand eine Möglichkeit wie ich mit PHP einen bestimmten Teil HTML Quellcode aus der gerade geöffneten Seite/oder generell aus einer Datei auslesen kann und diesen dann als Text in einer ganz normalen PHP Variablen speichern kann.

Mit bestimmten Teil meine ich zum Beispiel alles was in einem Element wie einem div mit einer bestimmten id steht.

Zum Beispiel dieser HTML Code:

<body>
  <div id="Div1">
      <h1> Nicht dieses Div </h1>
  </div>

  <div id="Div2">
      <h1> Dieses Div </h1>
  </div>

  <div id="Div3">
      <h1> Nicht dieses Div </h1>
  </div>
</body>

Wenn ich dann den Inhalt von Div2 in eine PHP Variable schreiben wil soll in der Variable: "<h1> Dieses Div </h1>" stehen.

Ich hoffe meine Frage ist verständlich und jemand kennt eine Lösung.

Vielen Dank im voraus :D

...zur Frage

Webseite mit dem guten alten html - wie kann eine Testumgebung eingerichtet werden?

Hallo,

bei Joomla, Typo und Co. also bei CMS-Systemen muss eine Umgebung mit Servern xamp oder ähnlichem erstellt werden damit auf dem heimischen pc herumexperimentiert werden kann.

Wie sieht es eigentlich aus wenn ich in html was erstellen möchte muss da ebenfalls eine Testumgebung erstellt werden oder reicht es wenn ich einfach einen Editor habe und das in einem Ordner ablege?

...zur Frage

Wordpress alterantive für Individulle Webapps?

Hallo, ich bin auf der suche nach einer Wordpress alternative für meinen Pi, da ich aber keine Wordpressseite erstellen will, sondern nur meinen eigenen Webseitteile(index.html und unterseiten ) hochladen will kommt Wordpress meines wissens nicht in fragen, hat jemand einen Lösung wie ich meinen Datein, und alle einstellungen über eine grafische Oberfläche regeln kann

...zur Frage

wie kann man den inhalt einer website ändern?

also so das man, wen man die website sieht zb den text endern kann, nur bei sich im browser,

(für noobs erklärt bitte)

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen