Knoppen voor een heel simpele webwinkel

Nvu, Kompozer en Bluegriffon zijn open source (WYSIWYG) programma's waarmee je een website kunt maken en onderhouden (vergelijkbaar met FrontPage / Dreamweaver).
han52krol
Berichten: 63
Lid geworden op: 12 juni 2011, 10:57
Locatie: vroomshoop
    Windows XP Internet Explorer 8

Knoppen voor een heel simpele webwinkel

Bericht door han52krol »

Hallo Allemaal, Ik ben bezig met het maken van een simpele webwinkel voor mij zelf.Geen PHP etc, maar gewoon HTML. Nu wil ik een aantal knoppen maken, ong. 14 stuks, en wil deze verdelen in een tabel horizontaal. Eigenlijk 2 tabellen van 7 knoppen. Ik krijg het niet voor elkaar om er 1 horizontaal te maken en 1 verticaal van 7 knoppen. Ik zal wel wat fout doen. Dropdown heb ik al geprobeerd, wat tekst opgezocht en gekopieerd in bron.Maar daar werd ik niet vrolijk van, kon het alleen bewerken in de bron.
CSS, daar snap ik niets van en gaat mij boven de pet, helaas.

Eerlijk gezegt, heb ik al een proefje gemaakt met 14 knoppen, verdeeld in 2 tabellen van 7. Ik vind het niet gek staan, maar komt het de duidelijkheid ten goede?
Hier de code:

Code: Selecteer alles

<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>vkhproef</title>
<style>
body{font-family:verdana;}
table{font-size:70%;background:d20000}
a{color:black;text-decoration:none;font:bold}
a:hover{color:003366}
td.menu{background:d8e1e9}
table.menu
{
font-size:100%;
position:absolute;
visibility:hidden;
}
</style>
<script language="JavaScript">
function toonmenu(elmnt)
{
document.all(elmnt).style.visibility="visible"
}
function verstopmenu(elmnt)
{
document.all(elmnt).style.visibility="hidden"
}
</script>
</head>
<body>
<table
style="text-align: left; width: 987px; margin-left: auto; margin-right: auto; height: 117px;">
<tbody>
<tr align="center">
<td colspan="2"
style="vertical-align: top; background-color: rgb(204, 0, 0);"><img
style="width: 850px; height: 356px;" alt=""
src="Hier staat een plaatje"></td>
</tr>
<tr align="center">
<td colspan="2"
style="vertical-align: middle; background-color: rgb(204, 0, 0); height: 80px; text-align: center;"><big
style="color: white;"><span style="font-weight: bold;">Wij zijn een
postorder bedrijf dat zich speciaal toelegt op plasticmodelbouw
accessoires voor <br>
<br>
vliegtuigen in de schalen 1/144 - 1/72 - 1/48 - 1/32 en verkoop van 2de
hands bouwdozen en accessoires.</span></big></td>
</tr>
<tr style="font-weight: bold; color: white;" align="center">
<td colspan="2"
style="vertical-align: middle; background-color: rgb(204, 0, 0); height: 65px; text-align: center;"><big><big><span
style="font-family: Gunship Shadow;">Naam van de webwinkel</span></big></big></td>
</tr>
</tbody>
</table>
</body>
</html>
De knoppen staan HIER niet op. Ik hoop dat jullie mij wat verder kunnen helpen met de knoppen en het grootte tekst vlak voor artikelen die ik ga verkopen.

Gr. Han Krol
Gebruikersavatar
nirwana
Beheerder
Berichten: 11423
Lid geworden op: 19 september 2003, 5:09
    Windows 7 Firefox

Re: Knoppen voor een heel simpele webwinkel

Bericht door nirwana »

Han,

Het liefst had ik toch ook jouw probeersel met de 14 knoppen in de code erbij gezien ? Dan was me namelijk direct duidelijk geworden wat je bedoelt. Maar is dit voorbeeld een beetje wat je bedoelt ?

Als dat het geval is dan zou ik helemaal niet met knoppen werken. Dan kun je beter met gewone kleine afbeeldingen (thumbnails) werken waaronder je een link plaatst naar waar je die "knop" heen wilt laten gaan.

Hoe zou volgens jou de webshop verder moeten werken ? Ik bedoel: hoe wil je een bestelling binnen krijgen ? Via een bestelformulier dat naar jouw e-mail wordt verstuurd ?
Met vriendelijke groet,

Martijn
[ Mede-oprichter + webmaster MozBrowser | beheerder Startpagina's over freeware, GIMP, Mozilla en OpenOffice.org / LibreOffice, Ubuntu
han52krol
Berichten: 63
Lid geworden op: 12 juni 2011, 10:57
Locatie: vroomshoop
    Windows XP Internet Explorer 8

Re: Knoppen voor een heel simpele webwinkel

Bericht door han52krol »

Hoi Martijn,

Ik zal hier de code plaatsen voor de 14 en/of 16 knoppen. Bestellen kan via,straks, e-mail en/of 06- nummer. Ik blijf er,voorlopig, nog gewoon bij werken. Dit was mij ten stelligste aangeraden.
De code:

Code: Selecteer alles

<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>proefnw</title>
</head>
<body style="color: rgb(0, 0, 0); background-color: rgb(204, 204, 204);"
alink="#000099" link="#000099" vlink="#990099">
<table
style="text-align: left; width: 1000px; margin-left: auto; margin-right: auto;"
border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td colspan="6" style="vertical-align: top;"><img
style="width: 1000px; height: 419px;" alt="f-16"
src="afbeelding met naam"><br>
</td>
</tr>
<tr style="color: white;">
<td
style="vertical-align: middle; background-color: rgb(204, 0, 0); text-align: center;"
colspan="6"><big><big><span style="font-weight: bold;">Wij
zijn een postorderbedrijf dat zich speciaal richt op plasticmodelbouw
accessoires voor vliegtuigen in de schalen 1/144 - 1/72 - 1/48 - 1/32
en verkoop van 2de hands bouwdozen en accessoires.</span><br
style="font-weight: bold;">
</big></big>
<div style="text-align: center;"><big><big><span
style="font-weight: bold; font-family: Gunship Shadow Ital;"><br>
naamvanwebwinkel</span></big></big><br>
</div>
</td>
</tr>
<tr>
<td
style="font-weight: bold; vertical-align: top; text-align: center; color: white; background-color: rgb(51, 51, 51);">Home<br>
</td>
<td
style="vertical-align: top; font-weight: bold; text-align: center; color: white; background-color: rgb(102, 102, 102);">Geetste
Delen<br>
</td>
<td
style="vertical-align: top; font-weight: bold; text-align: center; color: white; background-color: rgb(51, 51, 51);">Resin
Sets<br>
</td>
<td
style="vertical-align: top; font-weight: bold; text-align: center; color: white; background-color: rgb(102, 102, 102);">Boeken<br>
</td>
<td
style="vertical-align: top; font-weight: bold; text-align: center; color: white; background-color: rgb(51, 51, 51);">Wie
zijn Wij<br>
</td>
<td
style="vertical-align: top; font-weight: bold; text-align: center; color: white; background-color: rgb(102, 102, 102);">Contact
<br>
</td>
</tr>
<tr align="center">
<td
style="vertical-align: top; color: white; background-color: rgb(153, 153, 153);"><span
style="font-weight: bold;">Algemene Voorwaarden</span><br>
</td>
<td
style="vertical-align: top; font-weight: bold; color: white; background-color: rgb(51, 51, 51);">Openings
Tijden<br>
</td>
<td
style="vertical-align: top; font-weight: bold; color: white; background-color: rgb(102, 102, 102);">Betalings
Mogelijkheden<br>
</td>
<td
style="vertical-align: top; font-weight: bold; color: white; background-color: rgb(51, 51, 51);">Verzendkosten<br>
</td>
<td
style="vertical-align: top; font-weight: bold; color: white; background-color: rgb(102, 102, 102);">Contact
Gegevens<br>
</td>
<td
style="vertical-align: top; color: white; background-color: rgb(51, 51, 51);"><span
style="font-weight: bold;">Speciale Orders</span><br>
</td>
</tr>
</tbody>
</table>
<br>
</body>
</html>
Ik hoop dat je er iets mee kunt. De opzet is zo simpel mogelijk. Het in de markt zetten en promoten heb ik wel mijn wegen voor.Zit bij een landelijke modelbouwver., Google etc. Misschien later wat via E-Bay. Maar dat is eerst allemaal toekomst muziek. Moet eerst volgende week naar de Belastingdienst voor vragen die ik nog heb.Dan word het , waarschijnlijk, achter in Juli, Augustus, dat ik ga draaien.

Gr. Han
Gebruikersavatar
nirwana
Beheerder
Berichten: 11423
Lid geworden op: 19 september 2003, 5:09
    Windows 7 Firefox

Re: Knoppen voor een heel simpele webwinkel

Bericht door nirwana »

Han,

Ik ben vooral geïnteresseerd in de technieken die je nodig hebt voor de webshop, niet zozeer hoe je het organisatorisch wilt opzetten. Maar het organisatorische aspect is uiteraard ook zeker van belang.

Maar wat is er mis met de knoppen zoals je die nu hebt ?!? Ik zou zeggen "plaats linkjes onder de tekst en dan kom je een eind".
Ik heb alleen geen idee of "Geetste Delen" een tikfout is, want ik zit niet zo in de modelbouw.

Verder zou ik in plaats van het Gunship Shadow-lettertype direct in de pagina te gebruiken hier een grafische afbeelding van maken. Anders ga je er namelijk van uit dat degene die de webshop bezoekt ook dit lettertype heeft. Die kans lijkt mij klein, dus kun je er maar beter voor zorgen dat men het logo wel te zien krijgt zoals jij het bedoeld hebt.
Met vriendelijke groet,

Martijn
[ Mede-oprichter + webmaster MozBrowser | beheerder Startpagina's over freeware, GIMP, Mozilla en OpenOffice.org / LibreOffice, Ubuntu
Gebruikersavatar
nirwana
Beheerder
Berichten: 11423
Lid geworden op: 19 september 2003, 5:09
    Windows 7 Firefox

Re: Knoppen voor een heel simpele webwinkel

Bericht door nirwana »

Han,

Ook is het handig voor de tekst op de knoppen om eens de website www.spatiegebruik.nl door te nemen.
Dan kom je namelijk uit op samengestelde woorden als Openingstijden, Betalingsmogelijkheden, Contactgegevens, etc.
Maar dat is nu even van later zorg...
Met vriendelijke groet,

Martijn
[ Mede-oprichter + webmaster MozBrowser | beheerder Startpagina's over freeware, GIMP, Mozilla en OpenOffice.org / LibreOffice, Ubuntu
han52krol
Berichten: 63
Lid geworden op: 12 juni 2011, 10:57
Locatie: vroomshoop
    Windows XP Internet Explorer 8

Re: Knoppen voor een heel simpele webwinkel

Bericht door han52krol »

Martijn,
Bedankt voor je moeite. Dat Gunship zit in het logo verwerkt, heb ik met Paint.net gedaan.Dat andere zal ik nog veranderen in iets leuks. Grappig, geetste delen zijn een soort, platte koper deeltjes voor vliegtuigen, tanks , auto's etc. Het is een procedure net als in de electronica. Ik zal eensa kijken naar mijn spatie gebruik. Heb er nu al lol in.... Maar ik vind het vreemd dat de spellingscontrole niet werkt in Kompozer, of ik heb hem wel op de laptop...... ik zal dat eens uit vissen.
Ok, eerlijk gezegd, stoort het mij niet , die knoppen op deze manier.
Toegeven, 7 Horizontaal en 7 verticaal en daar een tekstvlak is, natuurlijk, het mooist. Misschien moet ik nog eens verder stoeien met tabellen in tabellen,en daar weer tabellen in........

Gr. Han
Gebruikersavatar
nirwana
Beheerder
Berichten: 11423
Lid geworden op: 19 september 2003, 5:09
    Windows 7 Firefox

Re: Knoppen voor een heel simpele webwinkel

Bericht door nirwana »

Ik weet nog steeds niet wat je bedoelt met 7 horizontaal en 7 verticaal en dan een tekstvlak erin. Heb je daar op een andere website een voorbeeld van zodat duidelijk wordt wat je precies wilt bereiken ?

Overigens zou ik wat uitkijken met tabellen in tabellen in tabellen, want daar wordt het doorgaans niet veel duidelijker op voor als je het wilt onderhouden.

Als je mij duidelijk kunt maken wat je graag wilt bereiken dan is het misschien ook mogelijk om iets zonder tabellen te maken.
Met vriendelijke groet,

Martijn
[ Mede-oprichter + webmaster MozBrowser | beheerder Startpagina's over freeware, GIMP, Mozilla en OpenOffice.org / LibreOffice, Ubuntu
han52krol
Berichten: 63
Lid geworden op: 12 juni 2011, 10:57
Locatie: vroomshoop
    Windows XP Internet Explorer 8

Re: Knoppen voor een heel simpele webwinkel

Bericht door han52krol »

Hoi Martijn,

Dit moet hem ongeveer worden. Heb ook een alternatief. Maar deze vind ik, persoonlijk en de Vrouw! ook heeelll belangrijk, mooi.
De code:

Code: Selecteer alles

<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>vkhproef</title>
<style>
body{font-family:verdana;}
table{font-size:70%;background:d20000}
a{color:black;text-decoration:none;font:bold}
a:hover{color:003366}
td.menu{background:d8e1e9}
table.menu
{
font-size:100%;
position:absolute;
visibility:hidden;
}
</style>
</head>
<body style="color: rgb(0, 0, 0); background-color: rgb(204, 204, 204);"
alink="#000099" link="#000099" vlink="#990099">
}
<table
style="text-align: left; width: 987px; margin-left: auto; margin-right: auto; height: 117px;">
<tbody>
<tr align="center">
<td colspan="2"
style="vertical-align: top; background-color: rgb(204, 0, 0);"><img
style="width: 850px; height: 356px;" alt=""
src="foto metnaam"></td>
</tr>
<tr style="font-family: Helvetica,Arial,sans-serif;" align="center">
<td colspan="2"
style="vertical-align: middle; background-color: rgb(204, 0, 0); height: 80px; text-align: center;"><big
style="font-family: Helvetica,Arial,sans-serif;"><big><big><span
style="font-family: Helvetica,Arial,sans-serif; font-weight: bold; color: white;">Wij
zijn een postorderbedrijf dat zich speciaal heeft toegelegt op
plasticmodelbouw accessoires voor vliegtuigen in de schalen 1/144 -
1/72 - 1/48 - 1/32 .Ook verkopen wij 2de hands bouwdozen en accessoires.</span></big></big></big><big
style="color: white;"><span style="font-weight: bold;"><big><big><big>&nbsp;</big></big></big>
</span></big></td>
</tr>
<tr
style="font-weight: bold; color: white; font-family: Blackoak Std;"
align="center">
<td colspan="2"
style="vertical-align: middle; background-color: rgb(204, 0, 0); height: 65px; text-align: center;"><big><big>naamvanhettoekomsbedrijfNederland</big></big></td>
</tr>
<tr>
<td colspan="2" style="vertical-align: top;">
<table
style="text-align: left; width: 1000px; margin-left: auto; margin-right: auto; height: 1243px;">
<tbody>
<tr>
<th
style="vertical-align: middle; height: 20px; width: 135px; text-align: center; background-color: rgb(102, 102, 102); color: white;"><big><big><big><span
style="font-weight: bold;">Home</span></big></big></big> </th>
<th
style="vertical-align: middle; height: 20px; width: 135px; text-align: center; background-color: rgb(102, 102, 102); color: white;"><big><big><big>Decals</big></big></big>
</th>
<td
style="vertical-align: middle; height: 20px; width: 135px; text-align: center; background-color: rgb(102, 102, 102); color: white;"><big><big><big><span
style="font-weight: bold;">Resin Sets</span></big></big></big> </td>
<td
style="vertical-align: middle; height: 20px; width: 135px; text-align: center; background-color: rgb(102, 102, 102); color: white;"><big><big><big><span
style="font-weight: bold;">Geetste Delen</span></big></big></big> </td>
<td
style="vertical-align: middle; height: 20px; width: 135px; text-align: center; background-color: rgb(102, 102, 102); color: white;"><big><big><big><span
style="font-weight: bold;">Boeken</span></big></big></big> </td>
<td
style="vertical-align: middle; height: 20px; width: 135px; text-align: center; background-color: rgb(102, 102, 102); color: white;"><big><big><big><span
style="font-weight: bold;">2de Hands</span></big></big></big> </td>
<td
style="vertical-align: middle; height: 20px; width: 135px; text-align: center; background-color: rgb(102, 102, 102); color: white;"><big><big><big><span
style="font-weight: bold;">Speciale Orders</span></big></big></big> </td>
</tr>
<tr>
<td
style="vertical-align: top; background-color: rgb(204, 0, 0);"><big
style="color: white;"><big><big><span style="font-weight: bold;">Bedrijfs
Informatie<br>
<br>
Betaal Informatie<br>
<br>
Verzendkosten<br>
<br>
Wie zijn Wij?<br>
<br>
Algemene Voorwaarden </span></big></big></big></td>
</tr>
</tbody>
</table>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<table style="text-align: left; width: 1000px;">
<tbody>
<tr>
<td style="vertical-align: top;"><span
style="font-weight: bold;">Copyright © 2011 Han Krol</span> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>
Ok, jouw oordeel.Alle linken en teksten moet ik nog maken.Dus, ik ben nog lang niet klaar.

Gr. Han
Gebruikersavatar
nirwana
Beheerder
Berichten: 11423
Lid geworden op: 19 september 2003, 5:09
    Windows 7 Firefox

Re: Knoppen voor een heel simpele webwinkel

Bericht door nirwana »

Han,

Als je dit met tabellen wilt opzetten dan zie ik niet in waarom je hier met tabellen in tabellen zou willen werken. 1 grote tabel kan dan volstaan. Die grote tabel heeft dan 7 cellen horizontaal en de rest werkt met het samenvoegen van tabellen (colspan). Maar goed, zoals je het nu hebt opgezet werkt het ook wel.

Dat je nog lang niet klaar bent zie ik natuurlijk ook. Maar ik denk dat je op zich op de goede weg bent. Dat is dan even afgezien van dat ik geen fan ben van het opzetten van een website-layout met behulp van tabellen. Maar ik denk wel dat als je het met tabellen doet dit met een tool als Kompozer wel eenvoudiger is op te zetten.
Met vriendelijke groet,

Martijn
[ Mede-oprichter + webmaster MozBrowser | beheerder Startpagina's over freeware, GIMP, Mozilla en OpenOffice.org / LibreOffice, Ubuntu
han52krol
Berichten: 63
Lid geworden op: 12 juni 2011, 10:57
Locatie: vroomshoop
    Windows XP Internet Explorer 8

Re: Knoppen voor een heel simpele webwinkel

Bericht door han52krol »

Martijn,

Bedankt voor je goede hulp, zoals altijd. Ik kan het eens proberen wat jij voorstelt met 1 tabel en 7 cellen Hori. Trouwens ik heb mij schoonzoon, zit in de ict, 3 vb gemaild en het lettertype gunship kwam prima over. Had hem er nog speciaal om gevraagt.Jij vroeg wat dingen om de technische kant.

Ik wil proberen een contactpagina te maken met KomPozer, als de functie tenminste werkt. Ik ga NIET werken met een winkelmandje (basket), betaling dmv. Paypal en/of overschrijven naar bknr. zonder Ideal of credit card. Kosten zijn momenteel nog te hoog, voor een beginner en heb veel info over gezocht, en je hebt PHP (?) nodig. Daar snap ik dus niets van. Vandaar de eenvoud. Het motto is dan ook: Groot door Eenvoud. De artikelen worden weergegeven in aparte pagina, met gewicht en prijs erbij. Het gewicht bepaalt dan de verzendkosten.

Ook wil ik hem, op den duur, 2 talig hebben, nml. NL en ENG/USA . Dus nog veel werk te verrichten.

Gr. Han
Gebruikersavatar
nirwana
Beheerder
Berichten: 11423
Lid geworden op: 19 september 2003, 5:09
    Windows 7 Firefox

Re: Knoppen voor een heel simpele webwinkel

Bericht door nirwana »

En het contactformulier wil je dan ook gebruiken zodat een klant de bestelling naar je kan doorsturen ?

Overigens hoeft het opzetten van een eigen webshop helemaal niet zo ingewikkeld te zijn. Er zijn genoeg diensten waar je een beheerprogramma bij krijgt waarmee je je webshop kunt inrichten. De ene dienst is wat dat betreft wat duurder dan de andere, maar daar krijg je dan waarschijnlijk ook meer voor. Zo kun je dus alsnog zelf bepalen wat je ervoor wilt betalen en welke diensten je daarvoor krijgt.

Maar uiteraard staat het je vrij om eerst zelf iets met Kompozer op te zetten. Ik wil alleen maar aangeven dat je op zich geen verstand hoeft te hebben van PHP als je zelf een webshop wilt opzetten. Zo kun je in de basis een hosting-dienst met PHP en MySQL nemen en dan kun je daarop een gratis webshop (OSCommerce, Magento, etc) installeren. De hosting kun je ook zo goedkoop / duur maken als je zelf wilt. Ook dat is weer een kwestie van waar krijg je het meeste waar voor je geld.
Met vriendelijke groet,

Martijn
[ Mede-oprichter + webmaster MozBrowser | beheerder Startpagina's over freeware, GIMP, Mozilla en OpenOffice.org / LibreOffice, Ubuntu