Site herzien?

Status
Niet open voor verdere reacties.
dit kan niet

dit kan niet

Gebruiker
Lid geworden
5 dec 2006
Berichten
80
Hallo,

Ik weet niet of de vraag hier goed geplaatst is, maar ergens anders past hij iig niet echt.

Even een uitleg:
Onze site heb ik met Frontpage gemaakt, bestaat uit 5 frames (boven, onder, links, rechts en midden) en de links werken dmv hotspots op een afbeelding.
Na een hoop speurwerk op internet en hier bij Helpmij.nl zou ik moeten constateren, dat mijn site dus niet goed is en/of er goed uit ziet in verschillende browsers. De site werkt met frames en daardoor dus minder toegankelijk voor zoekmachines, maar aan de andere kant vind ik frames wel een voordeel hebben, zo blijft het menu dus altijd in beeld, en de sponsors (onderaan de pagina) staan ook altijd in beeld (met link en dat zien de sponsors graag). Een ander voordeel van frames is dat ik maar slechts 1 pagina hoef te veranderen en dat veranderd dan de hele look van de hele site. (Als ik bijv het bovenste frame verander). Ook hoef ik nu maar 1 pagina te veranderen voor een aanpassing in het menu.

Maar.... Onze site heeft nogal wat pagina's en daarom zou ik graag een dropdownmenu willen zoals ik hier aan het proberen ben. Dit is mbv CSS (ben ik absoluut een leek in, maar vind het wel interressant). Daarom heb ik de laatste tijd nogal wat afgespeurd op internet, naar "CSS menu", want dhtml menu's zouden minder geschikt zijn voor zoekmachines. Ook begreep ik dat dmv CSS en/of php? 1 layout gemaakt zou kunnen worden (extern bestand), die voor iedere pagina gebruikt kan worden, dmv een link (include). Ik ben hier mee bezig geweest, maar krijg dit niet voor elkaar. Maar nu ik weet dat het mogelijk moet zijn, is het wellicht beter voor onze site ipv de huidige frames? Dit ivm zoekmachine's en betere laadtijden.
Ook vraag ik me dan af of het menu dan bijvoorbeeld in hetzelfde externe bestand meegenomen kan worden, want nu staat dit in de html van de pagina.


Wat denken jullie? Toch maar gewoon met frames blijven werken? Oja, ik plaats alles in tabellen en cellen en vind dit geen probleem.
 
Frames zijn outdated, period. Je problemen met 'niet frames' kunnen allemaal makkelijk worden ondervangen door andere technieken:
1. het 'aanpas' probleem kan je fixen met php's include()[ functie
2.iets wat 'atijd in beeld moet' kan met css' position geregeld worden​
het dropdown menu van CSS is een Goed Idee; in ieder geval beter dan Javascript.


Als je toch bezig bent met je site, raad ik je aan 'opnieuw' te beginnen. Voordat je begint met klagen, het heeft zo zijn voordelen:
1. je kan in 'een keer' een 'nieuwe' layout maken met css (noot de quotes: het valt erg mee, je wilt neem ik aan de oude posities enzovoorts behouden).
2. Dan kan je erg simpel de layout 'in stukjes hakken' (menu, banner, text, sponsors) en deze via php includen
3. geen tabel-layout (ook zo 2001)​
 
Hallo,

Ik heb inmiddels weer een hoop gegoogled. Heb ook nog Joomla in overweging genomen, maar ik denk niet dat dat voor mij is weg gelegd. Dat is toch een heel andere manier van werken. Dus ik ben momenteel bezig met CSS.
Zoals ik het begrijp (zeg het me als ik het verkeerd heb) kan je door een extern .css bestand de opbouw van de pagina's instellen en op de pagina zelf de invulling van deze layout maken? Dus als je een layout hebt met bijvoorbeeld een header en content (zoals ze dat dan noemen) kan ik op de ene pagina de header vullen met foto1 en op een andere pagina foto 2?
Maar nu zou ik dus eigenlijk een menu in de header willen hebben en dit menu heeft ook weer een extern .css bestand... Is dit mogelijk? Of wil ik nu teveel?

Ik heb een "Template" gedownload, waar ik nu mee aan het proberen ben. Een en ander begint me nu duidelijk te worden. Maar dat van het menu invoegen, lukt me niet...
 
Joomla css en html

Je kunt inderdaad joomla gaan gebruiken voor je website let wel je hebt dan enige ervaring nodig met css. Ikzelf bouw mijn eigen Joomla templates ook. wat ik altijd doe is eerst de gehele website opmaken met divs. de css heb ik in een extern bestand staan. je kunt je divs een id meegeven en deze roep je aan in je css d.m.v de # tag. In je html tussen de <head></head> tags zet je dan <link href="mijnlayout.css" rel="stylesheet" media="screen"/>

nu kun je alle eigenschappen mee geven zoals hoogte breedte etc.

kan je door een extern .css bestand de opbouw van de pagina's instellen en op de pagina zelf de invulling van deze layout maken?
met css kun je de gehele opbouw extern maken. je geeft elke div een uniek id bijvoorbeeld <div id="header"></div> en deze roep je in css aan d.m.v #header{ hier header eigenschappen zoals hoogte breedte etc }

nu zou ik dus eigenlijk een menu in de header willen hebben en dit menu heeft ook weer een extern .css bestand... Is dit mogelijk? Of wil ik nu teveel?
Je kunt alle opmaak met css doen zowel menu's als font h1 h2 etc. wel kun je er voor kiezen om bijvoorbeeld een aparte stylesheet te maken voor menu, of een voor font. deze extra stylesheet voeg je dan weer toe tussen de <head></head> tags in de header d.m.v de link bijv:

<link href="mijnlayout.css" rel="stylesheet" media="screen"/>
<link href="mijnfont.css" rel="stylesheet" media="screen"/>

wat betreft de verschillende foto's in de header. hier kun je een module voor gebruiken. maar dit is wel lastig als je nog niet echt hier in thuis bent. zorg er eerst voor dat je website goed draait met alleen xhtml en css als je dit goed hebt dan is overzetten naar joomla niet een heel groot probleem, het enige wat je moet doen is op de positie waar je je content, menu wit hebben een module positie aangeven, en tussen je head tag wat code neerzetten.
het is alleen van belang dat je template wel goed in elkaar zit.

Tip: Joomla geeft bijvoorbeeld aan een menu een standaard id mee: mainlevel. als je je template alvast opmaakt met in de css ul#mainlevel scheelt dit later een hoop aanpas werk. :)
 
Laatst bewerkt:
Hallo,

Joomla, ben ik niet mee verder gegaan. (je bent dan op een website ingelogd om aanpassingen aan te brengen?, liever maak ik de site hier op de computer en dan uploaden, dan heb ik automatisch een back up) Die Joomla manier van werken ligt me niet zo. Maar...

Wel heb ik onlangs een template/layout (css en html) gedownload en deze aangepast.
Hier heb ik een "testsite" mee gemaakt, welke hier te vinden is. Gemaakt met Kompozer, wat ook nieuw is voor mij.
Een andere thread hierover: http://www.helpmij.nl/forum/showthread.php?t=483911
Hier heb ik hier en daar aanpassingen aan het gedownloade aangebracht, ook aan het css bestand (met de css optie binnen Kompozer) en zag direct de veranderingen. Dat leert zoveel beter dan enkel lezen over zoiets.

In die template stonden dus ook die <div.....> ook dat is nieuw voor mij. Ik weet nu dat het staat voor division, maar wat het feitelijk doet met de layout, weet ik nog niet, maar ik ga hier en daar aanpassingen aanbrengen en dan maar kijken wat er veranderd. Ook zie je ooit als er ergens een rijtje links staan, dat men daar dan <ul>, <li> voor zet. Ik heb dat nu ook gedaan, maar er veranderd niets door. De links blijven werken. Wel kan in het css bestand de opmaak voor <ul> en <li> aangepast worden, maar dan moet er natuurlijk wel die tags (ook al geleerd dat dit tags heten) voor staan.
Morgen is het zondag en dan ga ik weer een tijdje stoeien...
 
Joomla is een cms wat je upload op je ftp, of eventueel op je wamp server (bootst een omgeving na die php ondersteund op je computer). je logged in via een login om je content op je site aan te kunnen passen. je bent niet op een website ingelogged o.i.d maar je logged in op je cms (Content Management Systeem). hier een link van hoe je joomla op je wamp installeert (http://www.goedkope-website-laten-maken.com/alles-over-joomla/local-install-wamp) je zet in je template dus verwijzingen die het cms kan begrijpen en uitlezen. aan de hand hiervan kun je dus modules laden op een plek en deze aanpassen/bewerken.


je moet een div zien als een laag (division) stel ik heb een dit stukje code

<div id="wrapper"> <!-- begin wrapper div -- (zie het als buitenste laag)>

<div id="header"></div> <!-- eerste laag -->
<div id="sidebar"></div> <!-- tweede laag en zo verder -->
<div id="content"></div>
<div id="footer"></div>

</div> <!-- einde wrapper div -->

wrapper div houd alles bijelkaar dit omdat de wrapper zijn sluitings tag helemaal onderin staat. Als een div een andere div omvat komt de sluitings tag na de divs die die wil omvatten.wrapper omvat in dit geval zowel de content sidebar header en footer, mar je kunt dit natuurlijk ook heel anders opmaken.

download pspad (http://www.pspad.com/en/download.php) goeie editor, goed overzicht van opening en sluiting tags.

<ul> staat voor unordered list
<li> staat voor list item

op deze manier kun je idd een menu opmaken (niet alleen menu's bijvoorbeeld ook formulieren) het is maar net welke waardes je mee geeft in je stylesheet.
 
Laatst bewerkt:
Hallo,

Ik had deze vraag al "opgelost" staan, maar dat is nog niet helemaal zo.
Momenteel heb ik dus de optie Joomla geïnstalleerd gehad, maar dat is niet mijn ding, sorry.
Deed ik in het verleden mijn website mbv Frontpage, ik heb nu Kompozer geïnstalleerd en ben een en ander aan het verkennen. Andere html opmaak (geen frames en tabellen meer) en een extern .css bestand zou voor de juiste weergave moeten zorgen.
Hier is een tijdelijke link, welke bij dit schrijven nog werkt, maar ik kan niet garant staan dat dit zo blijft.

Bij het "omzetten" van de gehele site ga ik tegen enkele problemen aanlopen; zo heeft de site ongeveer 30-50 pagina's en is een en ander netjes onderverdeeld in mappen. Wanneer ik deze site geheel kopieer en in een andere map plak, en ik zou de huidige html pagina's hernoemen naar bijvoorbeeld "indexoud.htm" en ik maak een nieuwe index pagina aan, met de juiste html opmaak, zou dat kunnen werken? Ik kan dan binnen de mappen linken naar andere bestanden als pagina's en foto's, dacht ik?
 
Hallo,

Ik heb nu de gehele site gekopieerd en ben met Kompozer de site aan het bewerken.
Ik loop nu tegen een probleem, met de links op de pagina.
Als ik een link aanmaak vink ik de optie "url is relatief tov pagina locatie", maar dan werken de links niet. Als ik dan in de html kijk, zie ik er ook geen "../" voor de link staan. (voor zover ik kan googlen staat dit voor "een map omhoog gaan". Wanneer ik het er handmatig voorzet, werkt het allemaal wel, maar waarom doet Kompozer dat niet? Is er een instelling die ik over het hoofd zie?
 
Inmiddels heb ik de gehele site vervangen door de nieuwe versie.
Hiermee is deze vraag dus opgelost, maar er zullen hoogstwaarschijnlijk wel weer andere vragen komen...
 
ziet er goed uit! Pagina's (niet allemaal gecheckt maargoed) zijn ook html valide. :thumb:
 
Vegras,

Klopt, bijna alle pagina's zijn valide, maar ik had laatst deze gevonden, deze is niet valide. 1 hele fout erin, maar ik snap het niet wat er bedoeld wordt.
http://www.vanalphenbladel.nl/forsaleforfun/forsaleforfun_nl.html deze pagina dus.
Code: 
Line 57, Column 265: document type does not allow element "a" here; missing one of "object", "span", "bdo", "applet", "iframe", "tt", "i", "b", "u", "s", "strike", "big", "small", "font", "em", "strong", "dfn", "code", "q", "samp", "kbd", "var", "cite", "abbr", "acronym", "sub", "sup", "label", "ins", "del" start-tag

…RWk0/Popeye_wallpaper_1920x1200.jpg"><img style="border: 0px solid ; width: 1

✉

The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").
Ik wil deze pagina ook valide maken, anders kan ik vannacht niet slapen.

Help me.
 
Je hebt een <a> IN een andere <a> staan:
HTML: 
<p class="center">
   <a target="_blank" href="http://lh4.ggpht.com/_7Z9e4qFVaGE/S0GUBGiSYnI/AAAAAAAACeE/FMWanlZRWk0/Popeye_wallpaper_1920x1200.jpg">
      1900x1200
   <a href="http://lh4.ggpht.com/_7Z9e4qFVaGE/S0GUBGiSYnI/AAAAAAAACeE/FMWanlZRWk0/Popeye_wallpaper_1920x1200.jpg">
      <img style="border: 0px solid ; width: 160px; height: 100px;" title="Click for an enlargement" src="Popeye_wallpaper_1920x1200_small.jpg" alt="Popeye wallpaper 1920x1200.jpg (269342 bytes)" />
   </a>
   </a>
</p>
even de </a> naar boven schuiven dus.
 
En bedankt hè.
Een foutje wat er waarschijnlijk is ingeslopen door plakken en kopiëren.
Maar het is opgelost en nu is het een feit: alle pagina's zijn goed bevonden.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan