HTML slices in FireWorks en DreamWeaver met behoud van graphics
En er lukt iets niet wat ik voor oog had.
Ik heb een template gemaakt met PhotoShop daarna bewerkt in FireWorks.
Nu heb ik op plaatsen waar HTML-Content hoort de Type veranderd naar HTML (ipv Foreground of Background Image)
Als ik dan Export en opent met DreamWeaver dan verlies ik de Graphics.
Ik wil juist in die Graphics (van PS) Content plaatsen.
Wat doe ik verkeerd?
ik zou als ik jou was gewoon een grafisch ontwerp maken in PS en derest gewoon zelf maken in html/css. dit gewoon om de simpele reden dat je code netter is en beter aanpasbaar in de toekomst :)
terugkomend op je probleem. exporteer je nu vanuit Fireworks of via Photoshop? en waar heb je de type veranderd?
In principe moet je datgene wat je gebouwd hebt in PS kunnen aanpassen in FW en terug kunnen naar PS om deze vervolgens te slicen en te exporteren als HTML deze kan je dan weer als project openen in Dreamweaver heb je dat al geprobeerd?
Ik exporteer vanuit FireWorks
Je kan in PS geen html exporteren. De type html slice kan je in FireWorks maken.
Eigenlijk is de vraag kan je dynamisch tekst maken in en als het een image is.
Voorbeeld:
<td><img name="btn_articles" src="images/btn_articles.gif" width="188" height="20" border="0" id="btn_articles" alt="" />Hoi hier is tekst</td>
Maar dit werkt niet, ik heb al gegoogled en dan komen ze met allerlei div technieken, Maar die
werken niet.
In FireWorks kan je een type HTML slice maken, maar als je dat weer opent in DreamWeaver, zie je witte velden
zonder de mooie (achtergrond) plaatje dat ik in PS heb gemaakt.
Gewijzigd op 08/01/2013 00:10:19 door Francoi gckx
slice tool pakken. alle onderdelen slicen
File -> save for web and devices -> alle afbeeldingen die je mee wilt nemen aanvinken ( uit mijn hoofd shift vasthouden maar weet ik niet zeker om meerdere afbeeldingen te selecteren dus) vervolgens krijg je een map met images en een index.html deze bestanden kan je als 1 project openen in Dreamweaver.
Het kan inderdaad niet zomaar om tekst erboven neer te zetten dan moet je ingewikkeld te werk gaan met divs en een heleboel css.. al met al ben je meer tijd kwijt dan dat je het van scratch bouwt in html/css vandaar ook mijn reactie eerst
Quote:
Dit is een beetje oldskool website's bouwen tegenwoordig. ( PS -> slicen -> html )
ik zou als ik jou was gewoon een grafisch ontwerp maken in PS en derest gewoon zelf maken in html/css. dit gewoon om de simpele reden dat je code netter is en beter aanpasbaar in de toekomst :)
ik zou als ik jou was gewoon een grafisch ontwerp maken in PS en derest gewoon zelf maken in html/css. dit gewoon om de simpele reden dat je code netter is en beter aanpasbaar in de toekomst :)
Francoi gckx op 08/01/2013 00:07:30:
...je gebruikt fireworks om te slice zodat de site verdeeld word in een nauwkeurig tabel en rows.
Aaaaahhhh... neeeee!!! Dat doen we al jaren niet meer, layouts bouwen met tabellen. Daarvoor gebruiken we tegenwoordig css!
maar Als ik file->save for web and devices doe dan krijg ik ook een html bestand met de layout als een tabel
Dus als ik het goed begrijp (tenzij je heel ingewikkelde divs maak) kan je geen tekst boven een plaatje krijgen, tenzij je in ps de tekst maak (wat ik dus niet wil)?
Ozzie, het layout in een tabel is nu uit mijn hoofd, maar hoe kan ik tekst volgens jou op een plaatjes krijgen?
Gewijzigd op 08/01/2013 00:29:01 door Francoi gckx
Code (php)
1
<div class="div1"> Hallo ik ben Francoi </>
en dan in je css
Code (php)
1
2
3
4
2
3
4
.div1 {
background: Url('linknaarjeplaatje');
color: #fff;
}
background: Url('linknaarjeplaatje');
color: #fff;
}
iets in die richting :)
Dat is inderdaad een goeie richting:)
Ik heb het even geprobeerd met een lege html pagina en een plaatje.
Is het dan als beste om gewoon heel de pagina (dan bedoel ik de gehele site in ps als 1 plaatje met menu en alles)
het op jou manier doen en dan alles positioneren met margins?