Thread: HTML: Frame in photoshop
-
27-08-2004, 12:27 #1Member
- Registered
- 31/08/03
- Location
- Drongen
- Posts
- 102
- iTrader
- 1 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
HTML: Frame in photoshop
Ik heb deze site gemaakt met photoshop
ier is em
Maar nu zouk graag een reepje ervan ebben zodak da kan instellen als background zodanig dat da zichzelf altijd maar herhaalt, weet er iemand hoe ik da moet doen?
En om daar nu tekst, informatie in te krijgen hoe zouden jullie da doen? ik kan er alleen maar een Iframe in plaatsen ma dan ist zo lelijk mee 2 scrollbars, moeilijk om te scrollen, lelijk dus, iemand een idee hoe ik et et best zou doen?
greetzno votes
-
-
27-08-2004, 13:37 #2Member
- Registered
- 18/11/02
- Location
- Eke, België
- Posts
- 2,448
- iTrader
- 0
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
Selectietool gebruiken om het stukske aan te duiden da ge wilt laten herhalen en dan 'Edit -> Crop'.
Ge hoeft nie per se met een iframe te werken hé, ge kunt het ook gewoon als ééngrote pagina laten, maar dan moet ge wel op iedere pagina uw navigatie overnemen. Tenzij ge met PHP en includes werkt. Server Side Includes is ook nog een oplossing, maar dat moet door uw host ondersteund worden (net als PHP).no votes
-
27-08-2004, 19:21 #3Member
- Registered
- 31/08/03
- Location
- Drongen
- Posts
- 102
- iTrader
- 1 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
crop? da zie ik nie staan oor
awel da probeer ik nu te doen, niet met een Iframe werken en de pagina gewoon altijd herhalen maar dan heb ik een klein stukje (in de breedte) achtergrond nodig zodanig da da dan den elen tijd kan herhalen (in het html document eh nie in photoshop)
dus da ge dan zegt background="stukjephotoshop" en da lukt nie
greetz
edit: dit gebeurt er dus als ik er meer tekst in schrijf hoe kan ik dat nu verhelpen? hier klikkenLast edited by warhead; 27-08-2004 at 19:54.
no votes
-
27-08-2004, 23:59 #4
Dat kan af en toe wel zeer vervelende effecten of gevolgen hebben als je met layer style werkt. Ik heb mezelf aangeleerd altijd de selectie te copieren met CTRL+SHIFT+C en dan CTRL+N en CTRL+V
Op die manier neem je een soort screenshot van je selectie en paste je deze in een nieuw bestand. Zo hoef je ook niet te croppen in je origineel bestand
no votes
-
28-08-2004, 06:08 #5Member
- Registered
- 18/07/02
- Location
- Deurne
- Posts
- 3,854
- iTrader
- 0
- Mentioned
- 0 Post(s)
- Reputation
- 14/14
kbegrijp wat ge bedoelt ivm layerstyles scratch, maar bij uw methode duikt ook een mogelijk probleem op nl. ge kopieert enkel de inhoud van de huidige layer -- je zou kunnen flattenen alvorens je kopieert maar er bestaat een betere methode die beide oplost en nog eens resulteert in een duidelijke aflijning van alle site-afbeeldingen.
die methode is uiteraard de slice-tool gebruiken (en ik raad ten stelligste aan dit in imageready te doen en niet photoshop), die slaat een afbeelding op (safe for web; selected slice only) binnen de boundaries aangeduidt door de slice en met alles wat op die moment visueel zichtbaar is. kortom zo bekom je een ontwerp vol regionen die verschillende afbeeldingen gaan worden. (denk er wel aan, het worden gifs dus een header-image met foto sla je best apart op naar jpg)
de benaming van de afbeeldingen wordt bepaald door de naam van je slices vandaar doe je er ook best aan volgende methode te hanteren: plaats eerst guides op je ontwerp; maak een selectie -- zet deze om naar een slice via "make slice from selection"; benoem je slice en hupla je kan gaan outputten naar (een) gif-afbeelding(en).
nu kan je dus op een vrij snelle manier eenzelfde reeks buttons bekomen met verschillende tekst; of je gaat een template-button layerset kopiëren en de tekst aanpassen waarna je verschillende slices in één keer opslaat, of je past de tekst van eenzelfde slice aan waarna je de slice-naam aanpast en gewoon de 'selected slice' opslaat naar gif; verder moet je nergens rekening mee houden het opslaan naar die correcte benaming gebeurt automatisch.no votes
-
29-08-2004, 11:00 #6no votes
-
29-08-2004, 11:03 #7Member
- Registered
- 31/08/03
- Location
- Drongen
- Posts
- 102
- iTrader
- 1 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
et slicen da lukt allemaal oor en het is mij nu ook gelukt om zo'n slice te nemen van de achtergrond, dank daarvoor, maar nu krijgek da nog altijd nie als achtergrond in mijn html file (kijk naar de screenshot van ierboven)
greetzno votes
-
29-08-2004, 17:19 #8Member
- Registered
- 18/07/02
- Location
- Deurne
- Posts
- 3,854
- iTrader
- 0
- Mentioned
- 0 Post(s)
- Reputation
- 14/14
no votes
-
29-08-2004, 18:52 #9
As ge in imageready save optimized as... gedaan hebt en als html opgeslaan dan zet photoshop da normaal gezien als html-file + mapke images, nie?
Elke afbeelding staat dan in nen <td> dus ipv <td><img sr="bron afbeelding"></td> neemt ge gewoon <td background="bron afbeelding">En dan hier inhoud zetten</td>
Het gaat ook wel mee css geloof ik wss iets als <td style="background-image: URL("bron")"></td> ma da wetek nie zekerno votes
-
29-08-2004, 19:36 #10Member
- Registered
- 18/07/02
- Location
- Deurne
- Posts
- 3,854
- iTrader
- 0
- Mentioned
- 0 Post(s)
- Reputation
- 14/14
het eerste dat ge doet nadat ge "save optimized as" hebt gedaan in imageready is die .html file dat'm heeft gegenereert deleten, laat het een goeie tip wezen - dat bestand is nix waard en je bent beter af zonder.
verder werk je uiteraard beter met css oplossingen dan <td background=""> te gebruiken wat ook alleen maar voor problemen kan zorgen in verschillende browsers. leer zeker het concept validatie & "volgens de regels werken" wanneer je verder wil gaan in webdesign. geldt dus ook voor @lcedo.no votes
-
29-08-2004, 21:18 #11
Kweet dat het beste is om w3c valid te werken met css enz...
Maar denkt toch dat het html-doc van imageready toch een goede basis is voor aan een site te beginnen, mits wat aanpassingen moet het wel lukken om da valid te krijgen.
Bovendien kan je in photoshop ook al de rollover states instellen van al die afbeeldingen en wordt alles zo schoon in een javascriptje gegoten.no votes
-
29-08-2004, 23:23 #12no votes
-
30-08-2004, 01:15 #13Member
- Registered
- 18/07/02
- Location
- Deurne
- Posts
- 3,854
- iTrader
- 0
- Mentioned
- 0 Post(s)
- Reputation
- 14/14
het eerste klopt al niet, imageready voegt een reeks onnodige col-rowspans toe waar een gebruiker niet aan uit zal kunnen (en dit omdat het programma geen logische opbouw kent); in een editor (wat diezelfde beginner het allemaal eens in zal willen bekijken) vertaalt zich dat in die extra cells aan boven-en zijkant van de website. wanneer je tdwidth/tdheight niet standaard meegeeft (kortom wanneer je imageready's safe-for-web niet goed afstelt) ga je helemaal nergens komen want wanneer je een afbeelding verwijdert verspringt alles.
je tweede punt gaat over imageready-rollovers, heb je die code al eens onder de loep genomen.. dah's zowah hetzelfde als een heel boek lezen terwijl je maar de naam van een hoofdpersonage moest weten. lees gerust eerst de achterkant en ge zijt er misschien al. rollovers zijn iets van niets eens je de allerkleinste basis van javascript hebt bekeken dus die dingen maak je evengoed even zelf.
conclusie: weg met die html file van imageready.
@[Scratch]: i agree, iedere keer mijn photoshop opengaat leer ik wel ergens iets bij of kom ik wel tot een 'nog veelzijdigere' manier om ergens toe te geraken. (al weiger ik om te slicen in photoshop maar dah's een ander verhaal)no votes
-
30-08-2004, 14:48 #14Member
- Registered
- 31/08/03
- Location
- Drongen
- Posts
- 102
- iTrader
- 1 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
oke keb et dus gevonden
nie lachen eh, kwas vergeten images/ dervoor te schrijven lol
zo idioot eh, da da van zoiets kan afhangen
toch merci eh mensenno votes
-
30-08-2004, 15:13 #15Member
- Registered
- 18/11/02
- Location
- Eke, België
- Posts
- 2,448
- iTrader
- 0
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
sterf.
(just kidding *few*)no votes
