Aankondiging

Collapse
No announcement yet.

PS 7 - Slices - Aanmaak html pagina

Collapse
X
Collapse
 
  • Pagina van 2
  • Weergaveopties
  • Begin
Clear All
new posts
Vorige 1 2 template Volgende
  • #1

    PS 7 - Slices - Aanmaak html pagina

    Ik ben bezig met een site te maken door afbeeldingen te versnijden, opslaan voor web zodat ie gelijk een html-pagina aanmaakt en dit alles in PS 7.

    Nu ondervind ik wel dat de aangemaakte pagina een witte achtergrond heeft en dat de afbeelding altijd linksboven staat. Kun je die instellingen wijzigen? Ook bij het overschakelen naar Image Ready vind ik hier niets voor terug.

    Alle hulp is welkom!
    Labels: Geen
  • #2
    Re: PS 7 - Slices - Aanmaak html pagina

    Hoe en met welk programma pas je de html code aan? Je vraag is vrij vaag om er een deftig antwoord op te kunnen geven... Gooi desnoods de site op een server zodat we kunnen zien wat je juist bedoelt want met ps alleen zal je niet ver geraken om je site te publiceren...

    Probeer je opmaak om te zetten naar css-code mbt consistentie in oa ie, ff, opera, safari......
    Mijn verbeelding ontdekt meer dan mijn ogen... beoog ik dan ook mijn verbeelding?

    Gratis kijkplezier Coming soon

    Comment

    • #3
      Re: PS 7 - Slices - Aanmaak html pagina

      Post de HTML code eens.

      Je afbeelding zit waarschijnlijk in een table (wat trouwens keihard 2005 is), die table moet je laten centreren (das nog meer 2005).

      Voor je achtergrond moet je invoegen in de <body> regel: bgcolor="kleurcode".

      Maar toch, als je websites wilt maken is basiskennis van code vereist.
      flickr

      Comment

      • #4
        Re: PS 7 - Slices - Aanmaak html pagina

        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
        <html>
        <head>
        <title>home</title>
        <meta http-equiv="Content-Type"
        content="text/html; charset=iso-8859-1">
        </head>
        <body style="direction: ltr;" leftmargin="0"
        topmargin="0" bgcolor="#ffffff" marginheight="0"
        marginwidth="0">
        <!-- ImageReady Slices (home.psd) -->
        <table border="0" cellpadding="0" cellspacing="0"
        width="900">
        <tbody>
        <tr>
        <td colspan="6"> <img src="images/home_01.jpg"
        alt="" height="403" width="900"></td>
        </tr>
        <tr>
        <td colspan="5"> <img src="images/home_02.jpg"
        alt="" height="109" width="877"></td>
        <td rowspan="3"> <a
        href="http://www.peterfoto.be"> <img
        src="images/home_03.jpg" alt="" border="0"
        height="197" width="23"></a></td>
        </tr>
        <tr>
        <td colspan="2"> <a
        href="http://www.puntofashion.be/win07.html"> <img
        src="images/Puntofashion-_-Winter-2007.jpg" alt=""
        border="0" height="40" width="160"></a></td>
        <td colspan="3"> <img src="images/home_05.jpg"
        alt="" height="40" width="717"></td>
        </tr>
        <tr>
        <td> <a href="http://www.puntofashion.be"> <img
        src="images/Puntofashion-_-Homepage.jpg" alt=""
        border="0" height="48" width="114"></a></td>
        <td colspan="2"> <a
        href="http://www.puntofashion.be/stores.html"> <img
        src="images/Puntofashion-_-Stores.jpg" alt="" border="0"
        height="48" width="142"></a></td>
        <td> <a href="http://www.puntofashion.be/contact.html">
        <img src="images/home_08.jpg" alt="" border="0"
        height="48" width="141"></a></td>
        <td> <img src="images/home_09.jpg" alt=""
        height="48" width="480"></td>
        </tr>
        <tr>
        <td> <img src="images/spacer.gif" alt=""
        height="1" width="114"></td>
        <td> <img src="images/spacer.gif" alt=""
        height="1" width="46"></td>
        <td> <img src="images/spacer.gif" alt=""
        height="1" width="96"></td>
        <td> <img src="images/spacer.gif" alt=""
        height="1" width="141"></td>
        <td> <img src="images/spacer.gif" alt=""
        height="1" width="480"></td>
        <td> <img src="images/spacer.gif" alt=""
        height="1" width="23"></td>
        </tr>
        </tbody>
        </table>
        <!-- End ImageReady Slices -->
        </body>
        </html>

        Comment

        • #5
          Re: PS 7 - Slices - Aanmaak html pagina

          Ze zit inderdaad in een tabel. Dat had ik al door. Het is maar, kun je vanuit PS bepalen waar ik die wil positioneren of moet ik daarvoor nadien telkens naar een html-editor overschakelen?

          Comment

          • #6
            Re: PS 7 - Slices - Aanmaak html pagina

            om je pagina te centreren en de achtergrond te veranderen (ik hoop dat het dat is wat je bedoelde)

            Code:
            <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>home</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
</head>
<body style="direction: ltr; [B][COLOR=royalblue]text-align: center;[/COLOR] [/B]" leftmargin="0"
topmargin="0" bgcolor="#[B][COLOR=royalblue]000000[/COLOR][/B]" marginheight="0"
marginwidth="0">
<!-- ImageReady Slices (home.psd) -->
<table border="0" cellpadding="0" cellspacing="0"
width="900">
<tbody>
<tr>
<td colspan="6"> <img src="images/home_01.jpg"
alt="" height="403" width="900"></td>
</tr>
<tr>
<td colspan="5"> <img src="images/home_02.jpg"
alt="" height="109" width="877"></td>
<td rowspan="3"> <a
href="http://www.peterfoto.be"> <img
src="images/home_03.jpg" alt="" border="0"
height="197" width="23"></a></td>
</tr>
<tr>
<td colspan="2"> <a
href="http://www.puntofashion.be/win07.html"> <img
src="images/Puntofashion-_-Winter-2007.jpg" alt=""
border="0" height="40" width="160"></a></td>
<td colspan="3"> <img src="images/home_05.jpg"
alt="" height="40" width="717"></td>
</tr>
<tr>
<td> <a href="http://www.puntofashion.be"> <img
src="images/Puntofashion-_-Homepage.jpg" alt=""
border="0" height="48" width="114"></a></td>
<td colspan="2"> <a
href="http://www.puntofashion.be/stores.html"> <img
src="images/Puntofashion-_-Stores.jpg" alt="" border="0"
height="48" width="142"></a></td>
<td> <a href="http://www.puntofashion.be/contact.html">
<img src="images/home_08.jpg" alt="" border="0"
height="48" width="141"></a></td>
<td> <img src="images/home_09.jpg" alt=""
height="48" width="480"></td>
</tr>
<tr>
<td> <img src="images/spacer.gif" alt=""
height="1" width="114"></td>
<td> <img src="images/spacer.gif" alt=""
height="1" width="46"></td>
<td> <img src="images/spacer.gif" alt=""
height="1" width="96"></td>
<td> <img src="images/spacer.gif" alt=""
height="1" width="141"></td>
<td> <img src="images/spacer.gif" alt=""
height="1" width="480"></td>
<td> <img src="images/spacer.gif" alt=""
height="1" width="23"></td>
</tr>
</tbody>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
            de text-align style kan je instellen op "left", "right" en "center" om respectivelijk je afbeelding links, rechts en in het midden te plaatsen.

            Om je achtgrondkleur te veranderen kan je de #000000 (=zwart) vervangen door een andere waarde.
            Deze waardes zijn hexadecimaal voorgesteld. elk voor rood, groen en blauw, zijn er 2 'digits' je kan ze instellen van 0 tot F (0-9 en A-F), hoe groter het getal hoe meer die het kleur aanwezig zal zijn. vb: #006699 (= donker blauw met wat groen in (en geen rood)).
            je kan deze waardes meestal ook lezen bij je colorselector in PS7 als de rgb waardes.
            Last edited by littlewan; 1 juni 2007, 15:38.

            Comment

            • #7
              Re: PS 7 - Slices - Aanmaak html pagina

              Misschien moet ik toch maar eens uitkijken naar een andere html-editor want ongeacht de wijzigingen die ik uitvoerde volgens aanwijzingen van littlewan blijft de afbeelding ongewijzigd bovenaan links staan.

              Comment

              • #8
                Re: PS 7 - Slices - Aanmaak html pagina

                Begin met een cursus (x)html en css. En maak dan van die pagina een tabelloos design. Zal je hopen zorgen en werk voor later besparen...
                Equine & Dance photography by Stefaan Ellebaut website | Facebook
                Focaldesign

                Comment

                • #9
                  Re: PS 7 - Slices - Aanmaak html pagina

                  Oorspronkelijk geplaatst door peterfoto Bekijk bericht
                  Misschien moet ik toch maar eens uitkijken naar een andere html-editor want ongeacht de wijzigingen die ik uitvoerde volgens aanwijzingen van littlewan blijft de afbeelding ongewijzigd bovenaan links staan.
                  Idd, na nader onderzoek zie ik dat mijn code niet werkt in FF, maar wel in IE(7). Er zitten soms grote verschillen tussen IE en FF en het is soms moeilijk om ze allemaal gelijk op elkaar af te stemmen...

                  Comment

                  • #10
                    Re: PS 7 - Slices - Aanmaak html pagina

                    Als je codeert volgens W3C standaarden kom je stukken minder problemen tegen zoals verschillen tussen browsers... net daarom bestaan er standaarden...
                    Equine & Dance photography by Stefaan Ellebaut website | Facebook
                    Focaldesign

                    Comment

                    • #11
                      Re: PS 7 - Slices - Aanmaak html pagina

                      Oorspronkelijk geplaatst door Faan Bekijk bericht
                      Als je codeert volgens W3C standaarden kom je stukken minder problemen tegen zoals verschillen tussen browsers... net daarom bestaan er standaarden...
                      En dan nog... ik ken genoeg pagina's die door de validator raken, maar een totaal andere layout kunnen vertonen in verschillende browsers. maar daar gaat het nu niet om.

                      Ik zou ook aanraden om zelf je code de schrijven in (x)html met css, en daar je afbeeldingen mee schikken. Maar als het een klein éénmalig siteje , waar je niet meer aan wil updaten, is de code aanpassen veel beter. Volgens mij kan je dat wel in PS instellen wat jij wil, het zou mij verbazen als zo een 'standaard functies' er niet inzitten. Ik heb daar geen ervaring mee, dus kan je op dat punt niet helpen.
                      Last edited by littlewan; 1 juni 2007, 17:30.

                      Comment

                      • #12
                        Re: PS 7 - Slices - Aanmaak html pagina

                        Oorspronkelijk geplaatst door peterfoto Bekijk bericht
                        Misschien moet ik toch maar eens uitkijken naar een andere html-editor want ongeacht de wijzigingen die ik uitvoerde volgens aanwijzingen van littlewan blijft de afbeelding ongewijzigd bovenaan links staan.
                        Peter, ik heb goede ervaringen met Fireworks > vroeger van MacroMedia.
                        Die maakt htmlcode aan plus alle images gaan in een aparte folder.
                        Deze html kan je direct plaatsen in Dreamweaver.
                        Ubi bene, ibi patria.
                        BD0388BE
                        Een website

                        Comment

                        • #13
                          Re: PS 7 - Slices - Aanmaak html pagina

                          De standaarden zijn geen vrijgeleide naar crossbrowser natuurlijk. Maar ik ondervind bitter weinig probs tussen browsers...
                          Equine & Dance photography by Stefaan Ellebaut website | Facebook
                          Focaldesign

                          Comment

                          • #14
                            Re: PS 7 - Slices - Aanmaak html pagina

                            .... ik pleit nog steeds voor css....
                            Mijn verbeelding ontdekt meer dan mijn ogen... beoog ik dan ook mijn verbeelding?

                            Gratis kijkplezier Coming soon

                            Comment

                            • #15
                              Re: PS 7 - Slices - Aanmaak html pagina

                              Oorspronkelijk geplaatst door Godi Bekijk bericht
                              .... ik pleit nog steeds voor css....
                              Voila.
                              Equine & Dance photography by Stefaan Ellebaut website | Facebook
                              Focaldesign

                              Comment

                              Working...
                              X