Volledige versie bekijken : Mijn eerste website (van een kebab)



Lenny'tje
22 October 2010, 20:15
Hallo,

Ik heb op dit adres: www.midyat.be mijn eerste website online gezet. (met FileZilla)

Graag zou ik nog tips willen over het design en functionaliteit.

(hier en daar nog schrijf foutjes maar die worden nog verbeterd)

Bijvoorbeeld pitta had ik met 1 T geschreven maar na lang opzoeken is pitta in België met 2 T's geschreven.

Het menu item "Onze prijzen" vindt ik nog niet perfect ik zou er producten kunnen zetten maar dan weet je eigenlijk nog niet veel meer.

Ook bij de pizza's heb ik een volgende en vorige knop gemaakt door middel van (hidden en visible) ook heel het menu is hierop gebaseerd (en dit vond ik niet echt perfect maar andere manieren kon ik nog niet bedenken.

Zijn de prijzen goed te herkennen zo? Er staat "klein" voor de kleine prijs en "groot" voor de grote natuurlijk.

Laat maar komen zou ik zo zeggen (storende dingen/ dingen di beter kunnen (ook in de code)).

De website is in DreamWeaver gemaakt (CS4)
Ik heb een beetje Flash (CS4) gebruikt (ik ken er niet veel van maar heb wel mijn best gedaan)
Illustrator (CS4) voor het logo (opgeslagen voor webaplicatie's etc etc...)
Photoshop (CS4) voor de afrondingen, schaduw effecten en voor de kaders.

Graag veel tips want ik ben deze site nu aan het veranderen naar PHP waardoor dingen veel gemakkelijker gaan zijn en met die nieuwe tips kan ik meteen alles van design en indeling her-maken/verbeteren. (PHP beginneling, maar voor alles een eerste keer) ;)

btw, ik zit met nog een vraagje, als je bijvoorbeeld in het midden ergens op je site zit en je klikt een link aan (naar volgende bijvoorbeeld) kan ik dit dan maken dat de website in het midden blijft hangen en niet steeds weer naar boven springt?

compuchrisje
22 October 2010, 22:31
Als dit je eerste werkstuk is, alvast proficiat. Fris kleurtje wel he :)
Over code en scripts ga ik niet veel zeggen, omdat ik zelf niet zo erg op de hoogte ben ervan. Maar wat de prijzenpagina betreft, zou ik de kolommen klein-groot toch ietsje meer apart zetten, bv met een tussenruimte in de kleur van de tweede kolom. De achtergrond van beide kolommen zou ik toch hetzelfde houden.
Het probleem met je link naar de volgende-vorige zou ik heel simpel maken: gewoon heel de lijst op één pagina. Een beetje scrollen kan geen kwaad en de aanbieding kan er gerust ook nog bij.

Lenny'tje
23 October 2010, 20:08
Ok, thx.

Maar bij mijn interface-design hebben ze me verteld dat je scrollen zo min mogelijk moet maken.

De kleur van de website heb ik over genomen van de huiskleur (de kebab vanbinnen is ook groen geverfd met witte plafond en zo.

Ik ga nu ook een foto pagina maken zodat de mensen kunnen zien hoe de zaak er vanbinnen uit ziet, dat lijkt mij een tof idee en dat vonden de mensen van die zaak ook. maar zoals ik al zij de nieuwe site gaat compleet in PHP (dus het kan nog wel eventjes duren :d xd ).

Ik heb webdesign gevolgd en ik wil meer functionaliteit brengen aan mijn website(s) die ik heb en wss nog ga maken.
Alle tips welkom ;)

berger
23 October 2010, 22:45
Ik vrees dat de mailadressen veel te gemakkelijk kunnen gevonden worden door programma's die daarvoor ontwikkeld zijn, ze staan gewoon ongecodeerd in uw broncode. Uw mailadressen worden dan verkocht aan spammers. Je zou dan ook beter deze adressen onder gecodeerde vorm geven. Hiervoor vind je wel wat scripts op het net. Zo blijven de adressen aanklikbaar, maar niet opspoorbaar voor spammers.

ciriel
23 October 2010, 22:52
ziet er heel goed proficiat

carl
23 October 2010, 23:00
Ziet er mooie, zelf geschreven code uit (geen drag and drop toestanden).

Wat betreft het scrollen, dat is iets gevaarlijk om te zeggen. Je moet ervoor zorgen dat je steeds een overzicht, een structuur behoud. Als dat verticaal scrollen inhoudt is dat nog zo geen ramp. Alles op dezelfde pagina proberen te persen zal soms heel onduidelijk worden.
Misschien iets waar je kan op letten is dat je website resizable wordt in de breedte ? Al dat dit niet echt makkelijk is met zo een website.

Mbt het verplaatsen, je kan gebruik maken van in page links met een # symbool, hoe je ze precies opstelt en gebruikt moet je es googlen, het is te lang geleden dat ik ze nog heb gebruikt ... Maar ik weet wel dat die je naar een bepaalde positie brengen op de pagina.

Butterflyice
23 October 2010, 23:30
Het is jammer dat je zo veel onnodige cod e heb gebruikt veel inline style toepassingen en tabellen.
Dit had je met divs en css ook kunnen oplossen is minder werk bij onderhoud.
De swf op de index zou ik vervangen door een javascriptje is beter voor de zoekmachines.
Is jammer dat je alleen alt gebruikt op de afbeeldingen dit werkt niet meer bij andere browsers daarom beter ook een title meegeven geld ook voor de linken in de navigatie.

De header afbeelding heb je een map aera shape om gezet link met de afbeelding er in was ook minder code zelfde resultaat.

@ carl dat zijn anchor piont zie linkje http://www.plus2net.com/html_tutorial/link-within.php

Lenny'tje
26 October 2010, 16:06
ok, ik schrijf het allemaal op en dan ga ik er mee aan de slag ;)

De afbeelding heb ik inmiddels al in een <a href..> gestoken ^^ en dit werkt perfect.

Nu, de "alt tekst" hoe los ik dit dan op? Kan je gewoon een titel toevoegen in je link?
<a href="verwijzing" title="vervangen door alt"></a>

en voor de "ankerpunten" heb ik een vraagje.

Om naar (in mijn geval op het zelfde gedeelte te kunnen blijven) moet ik in dat gedeelte een link zetten dat als ankerpunt fungeert zoiets als dit: <a name="midden"></a>

Nu als ik op een submit knop klik van een formulier moet die ook verwijzen naar dat gedeelte, hoe doe ik dit het best?
Aan de submit iets bij toevoegen die naar de link "midden" verwijst, of moet ik gewoon de submit zelf ook nog eens extra in een link zetten? Voorbeeld: <a href="#midden">En hier de submit knop</a>.

Thx voor de tips ;)

Butterflyice
26 October 2010, 18:32
Je kan bij een afbeelding zo wel de alt als title toepassen.


<img src="plaatje.jpg" alt="tekst" title="tekst" />


voor een link kan je alleen de title gebruiken zie voorbeeld.


<a href="linken.php" title="linkenpagina">linken</a>


voor het versturen na submit hoop ik dat je wel een php afhandeling hier voor heb.
Hier in kan je na het suc6 vol verzenden een link waarnaar je verwijst dat het verzonden is.Dus niet op de submit knop zelf

Spoorzoeker
6 January 2011, 16:24
Er staat onderaan dat de site voor het laatst is bijgewerkt in april 2010.
Het hoeft niet persé, maar ik denk dan altijd aan een verouderende site, vooral de prijslijst.

Breskuz
6 January 2011, 16:52
Ziet er mooi uit
ik heb er honger van gekregen ... Aarschot is wa ver :D





btw ; mooie prijzen :)

salmax
7 January 2011, 22:11
ik heb hem is bezocht
had zin in pitta lol

vondt hem voor mij goed genoeg

vermeud1969
24 April 2011, 23:08
Duidelijke boodschap! Kort en krachtig... misschien overwegen om mogelijkheid aan te bieden om online te bestellen dan enkel via telefoon. Vele Pizza sites bieden dit ondertussen reeds aan.