Beginner zoekt hulp/uitleg examen opdr

Hanno82 · Post by **Hanno82** » Mon Sep 24, 2012 6:27 pm

Hier een abosolute beginner met cmsms

het gaat om een examen opdracht waarvoor ik nog de tijd hebt tot midden oktober

op dit moment heb ik 2 pagina's html en 1 pagina css
echt heel basis die ik moet verwerken in cmsms, ik ben er al een tijdje mee bezig maar loop vooral vast met het plaatsen van de {smarty}tags
als laatste opdracht is het invoegen van een flash animatie (als banner)

hierbij wil ik vragen of iemand mij dit heel makkelijk kan uitleggen
of me evt. wil helpen met een begin. ik kan de html css bestanden opsturen

alvast bedankt

Jos · Post by **Jos** » Mon Sep 24, 2012 8:05 pm

Hier staat redelijk in detail uitgelegd hoe je je eigen template kan maken in CMSms. De benodigde {smarty} tags staan stuk voor stuk uitgelegd en als je de html die eromheen staat in lijn brengt met je eigen html pagina, dan ben je al voor 50% op weg.

Je hoeft dan alleen je css nog maar in een cms-stylesheet te plakken, en misschien aan de paden naar evt achtergrondafbeeldingen [[root_url]] toe te voegen...

.. en klaar ben je..

oja... en voor je flash banner installeer je simpel even de Showtime module... dan ben je helemaal klaar met je opdracht

Rolf · Post by **Rolf** » Mon Sep 24, 2012 8:47 pm

http://docs.cmsmadesimple.org/layout/ba ... e-template

Jos · Post by **Jos** » Mon Sep 24, 2012 8:49 pm

damn... link vergeten idd.. hahaha..
Ik doelde zelf op deze: http://docs.cmsmadesimple.org/layout/cr ... n-template

Hanno82 · Post by **Hanno82** » Tue Sep 25, 2012 6:24 pm

Alvast bedankt voor de snelle reactie's!

het plaatsen van de {sitename} {title}, {cms_stylesheet}, {metadata}
dat gaat idd wel maar dan komt het probleem,

waar moet ik precies mijn {content}, {content_image}, {page_image}
plaatsen?

en wat kan ik allemaal uit mijn html bestand verwijderen ?

kan ik anders hier mijn html bestand plaatsen zodat jullie het kunnen zien ?

deactivated010521 · Post by **deactivated010521** » Wed Sep 26, 2012 1:04 pm

----------

Jos · Post by **Jos** » Wed Sep 26, 2012 5:00 pm

Hanno82 wrote:waar moet ik precies mijn {content}, {content_image}, {page_image}
plaatsen?

De {content} tag moet in de plaats komen van de pagina-inhoud die straks per website pagina verschillend is.
{content_image} en {page_image} heb ik zelf nog nooit gebruikt, die kun je dus achterwege laten. De {content} tag daarentegen is wel verplicht.

Hanno82 · Post by **Hanno82** » Thu Sep 27, 2012 6:18 pm

Dat is idd de school waarvoor ik bezig ben
en dus de opdracht gekregen om dit te doen in cmsms

Ik vind cmsms leuk om mee te werken, alleen is de documentatie
naar mijn idee meer voor mensen die bekend zijn met andere cms te werken.

Dit is mijn html die ik als sjabloon gebruik:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<__html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords"twiske, theater, musicals, congressen, jeugd, zakelijk, zalenverhuur, />
<title>Twiske</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<__script__ src="Scripts/swfobject_modified.js" type="text/javascript"></__script>
</head>

</__body background="afbeeldingen/body-bg.jpg">

<div id="flash">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="250" height="250" id="FlashID" title="banner dag nacht">
<param name="movie" value="flash/nachtdag.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />

<param name="expressinstall" value="Scripts/expressInstall.swf" />


<object type="application/x-shockwave-flash" data="flash/nachtdag.swf" width="250" height="250">

<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />

<div>
<h4>Voor het weergeven van de inhoud op deze pagina is een nieuwe versie van Adobe Flash Player vereist.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/down ... player.gif" alt="Adobe Flash Player ophalen" width="112" height="33" /></a></p>
</div>

</object>

</object>
</div>


<div id="container">
<div id="header"><img src="afbeeldingen/header.jpg" width="900" height="200" alt="header" /></div>
<div id="menu">

<table width="900" cellpadding="12">
<tr>
<th scope="col"><a href="index.html">Home</a></th>
<th scope="col"><a href="#">Programma</a></th>
<th scope="col"><a href="#">Informatie</a></th>
<th scope="col"><a href="zakelijk.html">Zakelijk</a></th>
<th scope="col"><a href="#">Jeugd</a></th>
<th scope="col"><a href="#">Contact</a></th>
</tr>
</table>
</div>


<div id="menuli"><img src="afbeeldingen/img welkom.jpg" alt="Welcom bij Twiske theater" width="178" height="218" />
<p>Welkom bij het Twiske theater. vele duizenden bezoekers door de spetterende musicals, cabaret en Muziekoptreden. Naast musicals en andere theatervoorstellingen kunt u in het Twiske theater ook terecht voor zakelijke evenementen en congressen.</p>
<img src="afbeeldingen/img 2.jpg" alt="afbeelding 2" width="170" height="200" /></div>

<div id="content">

<h1>Uitgelicht</h1>
<img src="afbeeldingen/thegrandefinale.jpg" alt="grande finale" width="104" height="104" />

<br />
<p>The Grande Finale<br />
Nachtgasten <br />
aanvang Zaterdag 26 mei </p>
<br />
<img src="afbeeldingen/lenete van dongen.jpg" alt="lenette" width="104" height="104" />

<p>Hoogseizoen <br />
Lenette van Dongen <br />
aanvang Donderdag 26 apr</p>
<img src="afbeeldingen/Javier.jpg" alt="javier" width="104" height="104" />

<p>Oorverdovend <br />
Javier Guzman <br />
aanvang Zaterdag 19 mei</p>
</div>
<div id="menure">

<div id="mytheater">

<div id="kopmytheater">My Theater</div>

<form method="post" action="mailto:jouwemail@adres.nl">
<input name="voornaam" type="text" value="Gebruikersnaam" size="20" maxlength="40" />
</form>
<form action="mailto:jouwemail@adres.nl" method="post">
<input name="voornaam" type="text" value="Wachtwoord" size="20" maxlength="40" />
</form>
<button type="button">Inloggen</button>
<p> <a href="#">Maak een account aan</a><br />
<a href="#">Inloggegevens vergeten?</a></p>
<img src="afbeeldingen/phantom.jpeg" alt="phantom of the opera" width="180" height="300" /></div>
</div>


<div id="footer">

<h4> Kerkbuurt 4<br />
1511BD Oostzaan<br />
Tel: 075 684 77 77<br />
Geopend: di t/m za van 12.00 - 17.00 uur <br />
en 1 uur voor aanvang voorstelling</h4>
</div>

</div>

</__script>
<__script__ type="text/javascript">
swfobject.registerObject("FlashID");
</__script>
<__body>
</__html>

Hanno82 · Post by **Hanno82** » Thu Sep 27, 2012 6:20 pm

Dit is wat ik er van gemaakt hebt in me sjabloon,

iemand die mij verder op weg wilt helpen

mijn mail is evt hanno_mesker@hotmail.com

mcDavid · Post by **mcDavid** » Sat Sep 29, 2012 1:41 pm

dat hele flash-object zou ik in een global content blok opslaan, die kun je vervolgens in je template plaatsen door {global_content name="flashbanner"} te gebruiken (als je 'm opgeslagen hebt als "flashbanner".

Je content (in jouw geval grofweg alle inhoud van <div id="content">) verwijder je en daar zet je de {content} tag neer. Die content komt later weer terug door een pagina aan te maken in het CMS en daar die content in te vullen.

-edit-
en als je in het vervolg code plaatst is het wel zo overzichtelijk dit tussen

Code: Select all

 tags te zetten. En discussies voortzetten via e-mail ondermijnt een beetje het open karakter van een discussieforum, en wordt dus meestal niet op prijs gesteld.

Hanno82 · Post by **Hanno82** » Sun Oct 07, 2012 5:37 pm

Nog een keer stap voor stap

Dit is mijn sjabloon:

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<__html xmlns="http://www.w3.org/1999/xhtml">
<head>
{metadata}
<title>Twiske</title>
{cms_stylesheet}
<__script__ src="Scripts/swfobject_modified.js" type="text/javascript"></__script>
</head>

</__body background="afbeeldingen/body-bg.jpg">

{global_content name="flashbanner"}

<!--begin container-->
<div id="container">
  <div id="header"><img src="afbeeldingen/header.jpg" width="900" height="200" alt="header" /></div>
  <div id="menu">
    <!--begin menu-->
    <table width="900" cellpadding="12">
      <tr>
        <th scope="col"><a href="index.html">Home</a></th>
        <th scope="col"><a href="#">Programma</a></th>
        <th scope="col"><a href="#">Informatie</a></th>
        <th scope="col"><a href="zakelijk.html">Zakelijk</a></th>
        <th scope="col"><a href="#">Jeugd</a></th>
        <th scope="col"><a href="#">Contact</a></th>
      </tr>
    </table>
  </div>
  <!-- einde menu-->
  <!--begin van menu links-->
  <div id="menuli"><img src="afbeeldingen/img welkom.jpg" alt="Welcom bij Twiske theater" width="178" height="218" />
    <p>Welkom bij het Twiske theater. 				vele duizenden bezoekers door de spetterende musicals, cabaret en Muziekoptreden. Naast musicals en andere theatervoorstellingen kunt u in het Twiske theater 		ook terecht voor zakelijke evenementen en congressen.</p>
    <img src="afbeeldingen/img 2.jpg" alt="afbeelding 2" width="170" height="200" /></div>
  <!--einde menulinks-->
  
{content}

    <div id="menure">
    <!--begin menu rechts-->
    <div id="mytheater">
      <!-- mytheater geplaatst in menu rechts-->
      <div id="kopmytheater">My Theater</div>
      <!-- ook in menu rechts geplaatst-->
      <form method="post" action="mailto:jouwemail@adres.nl">
        <input name="voornaam" type="text" value="Gebruikersnaam" size="20" maxlength="40" />
      </form>
      <form action="mailto:jouwemail@adres.nl" method="post">
        <input name="voornaam" type="text" value="Wachtwoord" size="20" maxlength="40" />
      </form>
      <button type="button">Inloggen</button>
      <p> <a href="#">Maak een account aan</a><br />
        <a href="#">Inloggegevens vergeten?</a></p>
      <img src="afbeeldingen/phantom.jpeg" alt="phantom of the opera" width="180" height="300" /></div>
  </div>
  <!--einde van menu rechts met my theater-->
  <!--einde div menu rechts-->
  <div id="footer">
    <!--begin van footer-->
    <h4> Kerkbuurt 4<br />
      1511BD Oostzaan<br />
      Tel: 075 684 77 77<br />
      Geopend: di t/m za van 12.00 - 17.00 uur <br />
      en 1 uur voor aanvang voorstelling</h4>
  </div>
  <!--einde footer-->
</div>
<!--einde container-->
</__script>
<__script__ type="text/javascript">
swfobject.registerObject("FlashID");
</__script>
<__body>
</__html>

zoals jullie kunnen zien heb ik nu met {metadata}, {title}, cms_stylesheet}, {global_content name="flashbanner"}, en {content} geplaats, wat is het volgende wat ik nog moet veranderen?

moet ik bijv de div container vervangen door <div id="pagewrapper">
of moet die ergens anders komen te staan ?

dan heb ik een header met daarin een menu moet ik die gewoon helemaal weg halen en vervangen door {menu}

en dan nog <menuli>, <menure>(met daarin 2 div's) en <footer>

timdebuurman · Post by **timdebuurman** » Sun Oct 07, 2012 7:51 pm

Als je je menu vervangt voor {menu}

zal er in plaats van wat je nu hebt:

Code: Select all

    <table width="900" cellpadding="12">
      <tr>
        <th scope="col"><a href="index.html">Home</a></th>
        <th scope="col"><a href="#">Programma</a></th>
        <th scope="col"><a href="#">Informatie</a></th>
        <th scope="col"><a href="zakelijk.html">Zakelijk</a></th>
        <th scope="col"><a href="#">Jeugd</a></th>
        <th scope="col"><a href="#">Contact</a></th>
      </tr>
    </table>

Dit worden gegenereerd:

Code: Select all

<ul>
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>Programma</span></a></li>
<li><a href="#"><span>Informatie</span></a></li>
<li><a href="#"><span>Zakelijk</span></a></li>
<li><a href="#"><span>Jeugd</span></a></li>
<li><a href="#"><span>Contact</span></a></li>
</ul>

wat soieso een betere manier is..

Maar aan jou dus om het met de nieuwe code werkend te maken en dan pas te vervangen voor {menu}

Verder kun je de titel tussen <title> en </title> nog vervangen voor {title}

Ook zou het beter zijn om de achtergrond van de body in de stylesheet te zetten (in de css dus) in plaats van in de sjabloon (de html)

In de stylesheet zal dat zoiets zijn:

body {
background-image: url([[root_url]]/afbeeldingen/body-bg.jpg);
}

Zelfde zou ook met de header kunnen....maarja, zoals jij het hebt, werkt het ook wel.

CMS Made Simple Forums

Beginner zoekt hulp/uitleg examen opdr

Beginner zoekt hulp/uitleg examen opdr

Re: Beginner zoekt hulp/uitleg examen opdr

Re: Beginner zoekt hulp/uitleg examen opdr

Re: Beginner zoekt hulp/uitleg examen opdr

Re: Beginner zoekt hulp/uitleg examen opdr

Re: Beginner zoekt hulp/uitleg examen opdr

Re: Beginner zoekt hulp/uitleg examen opdr

Re: Beginner zoekt hulp/uitleg examen opdr

Re: Beginner zoekt hulp/uitleg examen opdr

Re: Beginner zoekt hulp/uitleg examen opdr

Re: Beginner zoekt hulp/uitleg examen opdr

Re: Beginner zoekt hulp/uitleg examen opdr