Slices - HTML and CSS??

Hello,
I was wondering if someone with extensive experience with HTML and CSS AND PS could help me with my question:
I have been marking up HTML and CSS for some time now using a basic text editor. As my designs have advanced, so has my ability in Photoshop and Illustrator. I came across a tutorial where someone is using PS to convert slices into HTML and CSS. Now, I have always used a text editor for HTML and CSS so this is all VERY new to me. Why would someone want to do this (wouldn't you have MUCH less control if you let PS write out your HTML and CSS for you)? What are the PROS and CONS to using Photoshop in this way over designing using text editors? Is this method of converting slices for people who don't want to learn HTML and CSS or is this a very valuable tool even for people who know HTML and CSS thoroughly?
Thank you in advance....

Frigglesworth wrote:
Why would someone want to do this (wouldn't you have MUCH less control if you let PS write out your HTML and CSS for you)? What are the PROS and CONS to using Photoshop in this way over designing using text editors? Is this method of converting slices for people who don't want to learn HTML and CSS or is this a very valuable tool even for people who know HTML and CSS thoroughly?
Thank you in advance....
The output is plain HTML/CSS so you have the same control to go back and edit it by hand.
This all goes back to the concept of prototyping. When you are working up designs for a client you probably don't jump straight to typing HTML/CSS. You either present hand sketches or mocks from Photoshop. The idea is that if you have created a decent mock-up in Photoshop, you can proceed to slice it up to become the actual design.
For a path to thousands of pages discussing the pros and cons of this concept, go here:
http://www.google.com/search?q=web+prototyping+photoshop
Photoshop web prototyping is evolving. ImageReady was dropped and with the acquisition of Fireworks from Macromedia (which does the same thing as Photoshop - - but many web designers claim it does it better), the future is uncertain regarding where Adobe will go. Good luck on finding an ideal workflow. I'm still looking too.

Similar Messages

Java Swing/AWT and FX is so old school! Give me HTML and CSS for GUI!

Dear Java,
I am a seasoned programmer and I feel it's time JAVA implements a GUI system where it uses HTML and CSS for the GUI. For the love of god just look at the interfaces you can make using HTML and CSS alone. I am a big fan of Java Swing and the recent GUI designer for FX is quite cool. But they are just not as simple as HTML and CSS. And JavaFX has some interesting requirements for the graphics.
I know it is possible to use JavaFX and implement the WebView/WebDriver and make it load a HTML page, etc... but why go through all the trouble?
Just imagine... if you make Java where it has powerful back-end to do what it does best and the HTML/CSS powered GUI on the front-end. It will make the lives of many developers much much easier.
I am not sure whether a Swing designed GUI will be faster than a HTML designed GUI... but if you look at a traditional browser and how fast it renders HTML/CSS, I am sure if Java had a native Form where it uses HTML and CSS to render the GUI, Java will make the dreams of many programmers a reality.
Make it happen!!!!

Check this i solve problem just now using this
https://wiki.archlinux.org/index.php/Ja … ow_Manager

HTML and CSS Best Practices for Eloqua?

Hello Topliners Community,
My name is Ben and I am a Web Designer. I am currently looking for any guidance on HTML and CSS best practices when working with Eloqua. I am interested in the best practices for e-mail and landing pages.
Thank you,
Ben

Personally I like to upload my custom created html/css into Eloqua instead of using the WYSIWYG.
But if you must then right clicking on text boxes and click edit source is the way to go.
There was a good discussion on editing your forms with CSS:
Energize Your Eloqua10 Forms with CSS
created by Ryan Wheler on Nov 2, 2012 8:44 AM, last modified by Greg Stotler on Sep 19, 2013 2:00 PM
Version 2
CSS can be used to heavily customize the layout of forms in Eloqua10. In this article we will provide sample cover some common formatting use cases on Eloqua10 Landing Pages. Further details about uses of CSS in Eloqua10 form templates can be found here: EE12 - Do It - Eloqua - Energize E10 Forms
Eloqua10 Forms HTML Structure
Below is an outline of the structure of the HTML generated by Eloqua when a form is added to a landing page. By targeting the HTML classes highlighted below, we can control the layout of any form on your landing page.
For the rest of page: http://topliners.eloqua.com/docs/DOC-3015

Html and CSS in JEditorPane

I have been working with Velocity to produce dynamic HTML and displaying the results with the JEditorPane. I have been searching for an article or tutorial that talks about the JEditorPane (HTML and CSS related), but nothing has come up (I also did a quick search in this forum).
I would like to know what is JEditorPane capable of doing in terms of displaying HTML with CSS, and how do you set it up.
If JEditorPane is not the best option with HTML that has positioning in CSS, can somebody suggest something else that has better support for CSS than JEditorPane?
I would greatly appreciate any response (Any suggestion or links to additional information will be great too!)
Thanks,
Victor Gutierrez

I would like to know what is JEditorPane capable of
doing in terms of displaying HTML with CSS, and how
do you set it up. JEditorPane has no support for CSS
If JEditorPane is not the best option with HTML thatit's not
has positioning in CSS, can somebody suggest
something else that has better support for CSS than
JEditorPane?Search google for 'JDIC' find the WebBrowser component
I would greatly appreciate any response (Anylet's not get carried away here
suggestion or links to additional information will be
great too!)
Thanks,
Victor Gutierrez

Tools for validate HTML and CSS Error in DW?

Hello Guys,
Want to know any addon or menu tool in Dreamweaver to validate HTML and CSS error.
Because every time i have to check in w3c validation. If DW having in this options it wouldbe great to develop website with out error.
Please let me know your suggestion for that.
Cheers
Abdul
www.ilearnsmart.com
www.whitehouseit.com

DW does provide tools to help with validation:
http://articles.sitepoint.com/article/dreamweaver-8-standards/1
http://www.adobe.com/support/dreamweaver/htmljava/migrating_hs_to_dwmx/migrating_hs_to_dwm x06.html
I find it a bit more comfortable though to use teh W3 Validator and I always access that with the Firefox Browser and the Web Developer plug-in. Another good plug in for FF is Firebug.
Martin

I just updated my Firefox browser to Firefox 8. I am a college student and practice with HTML and CSS for class assignments. The fonts in all my html documents are being overwritten online by your script typeface. How do I resolve this issue?

I just updated my Firefox browser to Firefox 8. I am a college student and practice with HTML and CSS for class assignments. The fonts in all my html documents are being overwritten online by your script typeface. I did not have this issue in the older version. I use an iMAC running OS10.6.8. How do I resolve this issue?

Starting with this, you have errors in your CSS code.
body {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
color: 151515;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
background-color: EFF5F8;
body {
margin:0;
color: #151515;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
background-color: #EFF5F8;
font-size: 100%;
Related links:
Windows Chrome, why do my fonts look so bad? - Lee Green
css3 - Bad font rendering Chrome - Stack Overflow
Nancy O.

Optimizing content html and css

Can you help me in optimizing the html and css properly in this area www DOT juegos-friv-10.com is done with htacces or on the server where it is hosted

I do not see how this relates to Business Catalyst. This looks to be spam, I have removed the hyperlink from your post. IF you can explain what you mean?

N95 HTML and CSS support

Hello,
I work on a Web site optimisation for the Nokia N95 phone terminal. I did not find, in the Nokia Web site, any reference documents on the HTML and CSS supported by the N95 Web browser. Where can I get such technical references ?
Actually, I try to use the command max-device-width and min-device-width which allows to select a stylesheet according to the device dispay mode (width = 240 or width = 320). I noticed that it is not supported by this browser. Are there any alternative ? I would like also to know if the meta tag name = "viewport" is available on the N95 browser.
Any answear would be appreciated.
Best regards,
Xavier Ottolini

You will find info about this on nokia's developers forum:
www.forum.nokia.com

Outlook HTML and CSS Validator Problem

Hi,
I downloaded this
Outlook
HTML and CSS Validator for DreamWeaver 8
(WordMailSupportMacromedia.msi) but when I
followed
the instructions and went to the Browser Check settings,
"Microsoft Word" did not show up in the Target Browsers list.
Anyone know why or have a fix?
Thanks much!

FederalWayDave wrote:
> Hi,
>
> I downloaded this
>
http://www.microsoft.com/downloads/details.aspx?familyid=0b764c08-0f86-431e-8bd5
> -ef0e9ce26a3a&displaylang=en for DreamWeaver 8
(WordMailSupportMacromedia.msi)
> but when I
>
http://msdn2.microsoft.com/en-us/library/aa338200.aspx#Word2007MailHTMLandCSS2_D
> reamweaver]followed the instructions and went to the
Browser Check settings,
> "Microsoft Word" did not show up in the Target Browsers
list.
>
> Anyone know why or have a fix?
>
> Thanks much!
>
you can open your html pages FROM Microsoft Word.
seb ( [email protected])
http://webtrans1.com | high-end web
design
Downloads: Slide Show, Directory Browser, Mailing List

Can someone provide HTML and CSS compatibility issues list in IE 12?

Hi There,
We recently come to know from our team members that Microsoft going to release Internet Explorer (IE) 12. But there are some compatibility issues with HTML and CSS which can break our web sites. Can someone provide us list of issues that we can face in IE
12, so that we can work on their resolution.
Regards,
Ankush

Hi,
http://status.modern.ie
or
f12>Console tab>
document.body.style
Rob^_^

How can i get the code html and css of my form please help me

how can i get the code html and css of my form

HI,
If you like to embed the HTML form in your web page then you will need to obtain the form code from the Distribite/Embed tab. Additional information can be found here: http://forums.adobe.com/docs/DOC-1991
You will not be able to access/modify the css code or the rest of the form html code. If you like to view the source of of a HTML page, please use your browser 'view source code' functionality.
I hope this answer your question,
Thanks,
Lucia

Hate working with code? Zeldman says authoring good HTML and CSS is an art

Visual designers often complain about the need to get their hands dirty with HTML and CSS, and long for a program that will do it all for them. According to web standards guru, Jeffrey Zeldman, they'll have a very long wait: http://www.zeldman.com/2010/07/05/an-indesign-for-html-and-css/.
Well worth reading.

Thank you David.
I was reading the article a few minutes before you posted, and I just hope more people would take note of what it says, especially this part -
Adobe could also stop ignoring Fireworks, as Fireworks is a better
starting place for web design. They might even interview serious,
standards-oriented web designers and start from scratch, as a new tool
will suffer from fewer political constraints and user expectations than a
beloved existing product with deep features and multiple audiences.
Paula Z

Design Region using HTML and CSS

Hi,
I need to design a region with HTML and CSS tags. Is there any tools available so that auto generated code gets that can be used inside the region. Please suggest.
Thanks
Sudhir

See if this works;
'''[https://addons.mozilla.org/en-US/firefox/addon/noiascrollbars/ NewScrollbars (aka NoiaScrollbars)]''' {web link}
The "NewScrollbars"-extension replaces the default
scrollbars of Firefox and Thunderbird with
colorized ones (partly) known from "Noia themes".

Concept to html and css export in FWCS5

Hi,
I'm trying to "play" with the image to html/css for website design.
I have a site http://bhbws.com/fairy/index02.php
that I'd like to try this out on. I have several issues...
when I go to export it's exporting as .tiff and I can't find in the preferences where to change this.
how do I export it when I have "simple rollovers" for the navigation??
I think I can figure out the rest...
TIA

After adding slices to your document, use the Optimize panel to select image formats for the slices and compression levels. When finished, choose File > Export. In the Export dialog window, choose export as CSS and images, or HTML and images. Export to your predefined Dreamweaver site.

Support for HTML and CSS properties

My biggest frustration with Acrobat Pro 9 is that it dropped support for certain HTML and/or CSS properties that were available in Acrobat Pro 8. In particular, the page-break-before attribute no longer works, nor does colspan. When I convert an HTML table with some colspans into a PDF, the table looks okay to the naked eye, but the structure behind the table (PDF tags) is incorrect.
I can live without the page breaks, but I need colspan. I need to do this for hundreds of tables, so opening the Acrobat Table Editor and fixing the colspan by hand is not an option. A scripting/programming solution is required. Has anyone found a workaround? Does Acrobat X fix this problem?

hello
not trying to hijack the thread but needed some clarification
your very short tutorial
http://alt-web.blogspot.com/2012/11/primer-for-using-jquery-plug-ins.h tml
was really informative. Just have a couple quick questions:
you state:
"the core code library which you ref in your <head> tags,"
the below code just has to be declared ONCE at the beging in your head section, correct?

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js">
</script>
then any number of jquery plugin scripts can be placed in ANY order in your head section following the above code, correct?
"the function code inside <script> tags to invoke the plug-in."
so then in the body, does the functions code have to come RIGHT AFTER the place it is being used?
example
<body>
<div class="slideshow1"
</div>

<script type="text/javascript">
</script>
<div class="slideshow2"
</div>

<script type="text/javascript">
</script>
</body>
or can you take all the function codes and paste them in the end outside of the respective divs that are using the code?
ie does the position of the code matter?\
thanks guys
Nancy O. wrote:
Try jQuery Fancybox
http://fancybox.net/
If you're new to using jQuery plugins, see this primer:
http://alt-web.blogspot.com/2012/11/primer-for-using-jquery-plug-ins.h tml
Nancy O.

Slices - HTML and CSS??

Similar Messages

Maybe you are looking for