Learning HTML and CSS for DWCS3

How do I determine what Page type and Layout to use for each
webpage, as I do not have the trial and error experience with being
a web designer?
I'm reading "The Missing Manual" and HTML books. I've also
been learning a lot from these forums... what to do and what not to
do. I've started our new website with a blank HTML template in DW,
though the more I read - the more I realize I am not informed. Like
one of the Newsgroup Pros (Murray) on this site has indicated about
his scheme for laying out a website, I now know that I need a
layout plan for this website. Since I used to create databases, I
know the questions to ask to layout the relational tables for the
optimal result and making the front end easy enough for a Monkey to
use. However, this is my first website ever and with a new
employer. I've already loaded our products in the purchased
shopping cart and I have a mock up for the website Home page. There
will be an additional 6 webpages. Any suggestions are greatly
appreciated.

> >What page type? Not sure what you mean here.
> The Page type is within DW new document selection. I
selected Page type -
> HTML
> template for building my webpage.
That's OK. You could also select Blank HTML, build your page,
and then use
FILE | Save As Template. Either path will get you a DW
Template at the end.
If you would be using server scripting on the child pages,
then you would
want to use FILE | New > whatever scripting model is
appropriate, and then
the latter method when you are ready to save the page as a
Template (FILE |
Save as Template....) so that DW can set the appropriate
extension
(*.dwt.php for a PHP template, for example).
> Our current website does not track browsing habits of
our users, so I do
> not
> have this info.
You would get this information by watching a typical user's
screen.
> The only probable info I have is our users use IE or
another
> browser compatible with Windows.
That's no help. You may be able to guess by evaluating the
technical
inclination of your typical user. People who are less familar
with
computers will likely not know that they can maximize their
browser to fill
the entire screen. You would also want to know how old the
typical computer
being used in your demographic is. Older computers tend to
have smaller and
lower resolution screens, therefore narrower browser
viewports.
> My choice without knowing how much trouble I will cause
myself or the pros
> and
> cons of each that you indicated, I would select "d.
Flexible (within
> limits)
> and left aligned"
Actually, I think the better choice would be fixed width and
centered, but
since that's my personal preference I'm likely biased.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"HappinessGrows" <[email protected]> wrote
in message
news:[email protected]...
> Thanks for the reply Murray. My answers here will
definitely show you that
> ~I'm
> dancing on the border line of clueless with I know a
little about HTML and
> DW
> to get me started and not enough to keep me out of
trouble~.
>
> >What page type? Not sure what you mean here.
> The Page type is within DW new document selection. I
selected Page type -
> HTML
> template for building my webpage.
>
> >1. What is the primary target demographic for this
site?
> We sell wholesale to Dealers and Distributors.
Additional website users
> will
> be Sales team, CCTV techs and new potential customers.
>
> >2. What are the browsing habits of that demographic?
Do they normally
> > >have
> their browser window maximized on the screen?
> >3. If they usually have their browser maximized,
what is the typical
> > >screen
> width?
> >4. If they usually do NOT have their browser
maximized, what is the
> > >MINIMUM
> screen width in that demographic.
> Our current website does not track browsing habits of
our users, so I do
> not
> have this info. The only probable info I have is our
users use IE or
> another
> browser compatible with Windows.
>
> >As you can see, this decision is probably much more
complex than you
> >thought, and will require that you know quite a bit
about your intended
> >target visitor and their browsing habits.
> Yes, what I've been reading the choice is much more
complex and I'm asking
> many more questions to piece together the website that
will load quickly
> on a
> browser and be effective for our customer.
>
> >So - which is it? 8)
> My choice without knowing how much trouble I will cause
myself or the pros
> and
> cons of each that you indicated, I would select "d.
Flexible (within
> limits)
> and left aligned"
>
>

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

  • 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.

  • 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. 

  • 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

  • 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

  • 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

  • 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

  • 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

  • I started to learn HTML, and I'm using text edit and everything is going fine, when I save the file with a .html extension and open it with safari I only view the code and not the webpage that was supposed to be created.

    I started to learn HTML, and I'm using text edit and everything is going fine, when I save the file with a .html extension and open it with safari I only view the code and not the webpage that was supposed to be created.

    That is because you don't have a web server configured and running to serve the html page. In order to see the page in a browser you need to access it using a url similar to http://localhost/~yourUserName if you are serving the page from your user account.
    Prior to Mountain Lion you could go into web sharing and turn on the web server. With Mountain Lion there is no option, other than using terminal, to turn on the web server. The web sharing menu item has been removed in Mountain Lion. Apache is still on your computer but it will take a little searching these forums or the Internet to find how to turn it on.
    If you want a graphic user interface to turn on/off the Apache server you could download and install a server application like xampp, http://www.apachefriends.org/en/xampp.html. I use this and it works well.

  • 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?

  • 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

  • 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".

Maybe you are looking for

  • Is there a way to insert a link to a PDF or other non-webpage object?

    I would like to create a project plan and have one of the rows refer to a PDF that is not on the web - it is on my hard drive. Is there a way to use the hyperlink function or some other Insert command to do this - or some other solution you can sugge

  • Any ideas what this means (The online info does not help much)

    Hi Folks One of my Oracle 9i DB Instances is generating the following code in the ALRT file. I have looked up the codes in the online manuals but they don't tell me much. Could any DBAs out there take a look and let me know if I need to worry about t

  • Songs freezing in iTunes

    Recently (since I installed version 7) my songs started freezing in iTunes. If I'm listening to a playlist of songs there is no error. But if I have a playlist of 1 song, or if I search for a song in the search box, or when I get to the end of a play

  • My CD won't eject with all the steps in the owner's manual. Any suggestions?

    I have a Mac mini, early 2009.  I put in a CD and the icon doesn't show on the desktop.  I used all suggestions in the owner's manual to eject the CD, but nothing works. Any suggestions on how to get my CD out?

  • HELP???Question about the technique RM COPY

    Im wondering if anyone can help me. I recently got a reply to a post that I wrote about deleting duplicated files. Mainly MP3s. I have not done this method yet though. Does it work? I have around 9000 mp3s that Itunes seems to always duplicate and I