Frames: How do i separate my website like this awsome site.....

Hi,
I have a basic template website. What i'd like is when i click the nav bars (left side), only the right side changes. Just like this site:
http://webbsdesign.net/index.html
There is no need to have the whole page loaded every time...
I tried info from this site (http://www.rowan-cottage.co.uk/Site/Articles.html) but i couldn't find anything on it....
Is there an easy way of doing this?
Thanx!

Varkgirl,
Im having lots of trouble with the html pages im making from blank templates. I made a totally white blank page from the white template. I took away the hyperlink navs, etc. I called this "homeContents". I only filed the page with color (blue). Sometimes when i save and publish, the homeContents.html file saves the color, but sometimes it doesn't!!!! Same if i put pictures or text in homeContents, and saves/pub, most of the time iWeb doesn't save i properly so when i click on homeContents.html it will only be blank (white). I checked out the homeContents_files, and it does save all the images and background color. BUT THE HTML ISN'T SHOWING IT!!!!!
Has anyone had this problem before?

Similar Messages

  • How can i create a website like this?

    Hello Adobe Community
    I've had this idea in my head for a while, but i cannot think of how to create it.
    I think of creating a website with a very nice layout where you can purchase and submit your own ebooks to sell, and they need to be approved by an admin before it shows up on the website.
    I have been thinking about this for some time but i don't have a clue on how to create a website like this and it must take a very long time.http://puu.sh/5Ki7Q.png
    My idea: You can hover over the ebooks to get more information about them, you can see star rating and feedbacks / comments under the ebooks.
    I need help with getting started on the right track, i don't know very much about Dreamweaver, but i am starting to get good at it. I know HTML and a little CSS.
    I would really appreciate any help i can get.

    Unless you have very strong coding skills with PHP & MySql,  I think you could do most of this with  WordPress and  WordPress plugins for e-commerce, star ratings, lightbox viewer, reviews, etc...
    Nancy O.

  • How hard to make a website like this one ?

    Hi, I hope I don't stress people with my status, but I'm a
    complete newbie with desire to learn. I just figured out we have
    Dreamweaver at school in the Mac studio, adobe version if I recall
    correctly and I wanted to make a band website with it, but couldn't
    understand where to start.
    So first, since I don't want to hire anybody to do it for me,
    I would like to know how hard it would be to make a website like
    this one :
    http://franzferdinand.co.uk/
    In my logic, the first step would be to create a background
    image with the menu drawn in it then add buttons to them to
    navigate. I would then add the content boxes with scroll bars using
    the draw div function.
    My second question, how do I go about learning this software
    ? Are courses given somewhere ?
    Thanks, Francis.

    > So first, since I don't want to hire anybody to do it
    for me, I would like
    > to
    > know how hard it would be to make a website like this
    one :
    >
    http://franzferdinand.co.uk/
    If you know nothing of web design and development, it's going
    to be hard.
    Not that you can't do it. It's just going to take you a lot
    of time and
    effort to get up to speed on things.
    > In my logic, the first step would be to create a
    background image with the
    > menu drawn in it then add buttons to them to navigate. I
    would then add
    > the
    > content boxes with scroll bars using the draw div
    function.
    That isn't how that site was built nor the best way to to it.
    The site in
    question is fairly basic HTML and then styled with a lot of
    well put
    together CSS.
    > My second question, how do I go about learning this
    software ? Are courses
    > given somewhere ?
    Don't learn Dreamweaver. Instead, learn HTML, CSS,
    Javascript, etc. Getting
    a basic understanding of HTML and CSS will then allow you to
    figure out
    Dreamweaver fairly intuitively, plus you'll have a MUCH
    better framework of
    understanding to work from.
    And feel free to ask questions in here!
    -Darrel

  • Help - How do I create a template like this?

    Hi there,
    Can anyone tell me how to create a template website like this
    where the text and images are placed into odd shapes as opposed to
    boring 'awl AP DIVS.
    Many thanks for any help!
    Here's the website I'm talking about:
    www.agaveny.com

    thanks a mill but can you expand on that? how do I go about
    recreating a template like that? how can you have different lengths
    and widths for each rectangle? I don't get it - HELP!

  • How to make a website like this

    Does anyone know a good publication or training DVD that will
    quickly teach me how to make websites like this:
    http://blusites.com/adam/
    I've been taking a flash course through a local college and
    all they teach me is how to do stupid animal animations, animated
    gifs etc... I'm dropping the class hoping that I can teach myself
    and not waste anymore time
    Thanks!

    Personally, why pay to view linda.com videos when you can
    access all the videos you could want for free at
    http://www.adobe.com/designcenter/video_workshop/
    I'm not crazy about the videos anywhere because I might have
    to watch them again and again, but some of the videos have a
    tutorial and a file to download.
    If you're the type that you like to do all you can before
    going to a forum, then you can do these things:
    1. I don't know if you have Adobe Creative Suite 3, but if
    you want to make websites with flash, you will need the program.
    2. I like the flash movie at
    http://blusites.com/adam/blu1.swf,
    but believe it or not, it's a very simple movie. The photographs
    are supplied by a professional photographer, and the flash movie is
    simple.
    3. If you already know how to make movies using Flash, then
    get yourself an Advanced Flash book to to learn faster and become a
    better flash creator. Flash CS3 uses ActionScript 2.0 and 3.0. You
    might like to get a book on ActionScript 3.0 to learn faster.
    You can and will learn faster and better if you take the time
    to do 2. and 3.
    There is a ton of Flash Tutorials at Adobe and other
    websites, do a search and you'll get so many sites it could take
    years to visit them all.
    good luck, hope this helps
    jan

  • How do I create an image like this?

    Completely new to PS. How would I create an image like this with text? https://www.facebook.com/photo.php?fbid=10151570901245020&set=pb.50687255019.-2207520000.1 366989903.&type=3&theater
    A link to a tutorial would be helpful.
    Thanks!

    Hi there,
    Are you referring to the text, the color effect, or both?
    Adding type is very easy - just grab the Type Tool from the tool bar. The article linked above provides some great tips for editing type in Photoshop.
    As is the case with many "how to's" for Photoshop, there are several ways to acheive the colorized effect like the one applied to image you linked to. One method is to use Adjustment Layers, which I have outlined below.
    1. With your image layer active (it will be highlighted in blue in your Layers panel, as shown below), create a selection of the area you'd like to colorize. I'm using the Polygonal Lasso Tool to create a diagonal selection - to do so, I held down the Shift key on my keyboard as a created my diagonal lines. This might take a bit of practice, but you'll get the hang of it quickly.
    2. Then, in your Adjustments panel (if you don't see it, go to Window > Adjustments), click on the Curves adjustment layer, as highlighted below. Now you can play around with the curves to get the effect you'd like. (Here's a quick guide on using the Curve tool)
    3. To select the other areas of your image, command (Mac) / control (PC) click on the adjustment layer thumbnail (highlighted below). Then, go to Select > Inverse.
    4. Now we want to deselect part of our selection. Grab the Quick Selection Tool from the toolbar and set it to Subract from selection. Then, simply drag the selection brush over the area you want to deselect. In my case, I only want to have the upper-left corner of my image selected.
    5. After you have your selection, click on the image layer and add a Curves adjustment layer like before.
    6. Repeat steps 3-5 for the other corner of your image and you should end up with something like this:
    The nice thing about using adjustment layers is that you can always change them - just double click on the Adjustment layer thumbnail (highlighted in step 3).
    Alternatively, you can select areas of your image and fill the selections with flat colors on separate layers. You can then go in a change the Blend Mode and Opacity for each layer.
    Feel free to reply with any questions!
    Kendall

  • How can I make a image like this one? (image in description)

    Hi guys I need to know how can I make a image like this one http://img31.imageshack.us/img31/2710/69823211.gif
    I need step by step instructions please. How can I animate it like that? Whats the font? Tell me everything please.

    To do a step by step instruction on here will take someone a very long time, as you havent really said at what level you are at.
    On Youtube there are a lot of animation tutorials for PS. But essentially in this case you are moving that white streak across a few frames at a time.
    The font might be found with the help of http://http://www.myfonts.com/WhatTheFont/

  • How do i edit a picture like this

    Hey i was wondering how do i edit a picture like this? With the effect or whatever its called

    Image like that can be achieved many different ways there is no right or wrong no one way to do things in Photoshop.  There are also many third Add-Ons developed for Photoshop. Prices range from free to very expensive.  Several third party add on have been developed to process images and help produce image like your example.

  • How can I design hand logo like this?

    I want to explain how to design a hand logo like this, thank you very much.

    Have a look at this http://www.youtube.com/watch?v=-Uxl9-ktPN8 to get you started.
    For this kind of design (which CAN be designed in Photoshop) you might be better exploring Illustrator.
    Good Luck
    Cheers
    John

  • How to Make a Background Texture Like This

    Can you please take a look at following image and let me know how I can create a background texture (pattern) like this in Adobe illustrator cs6?
    I already tried this using Texture -> Grain -> Artistic -> Film Grain  but the result is a little different as:
    Can you you please let me know how to do that? Thanks

    Actually you are close, it needs something like the light factory in photoshop to generate depth.
    The easiest way is to go to your local office supply store, by a sample pack of paper then scan a sheet into your computer, instant texture. You can then overlay any color you choose, depending on the original color of the paper though.

  • How can i add a header like this?

    I am using the XMLFilter class to create an XML document using SAX as shown here:
    http://www.cafeconleche.org/books/xmljava/chapters/ch08s05.html
    However i want to add a header like this to my xml document:
    <?xml version="1.0" encoding="ISO-8859-1" standalone="yes" ?>
    How can i do this? I cant use startElement() etc. since they create a standard tag. Apart from manually appending it to the

    Show us the part of your code that actually does the output. If it's a Transformer, you'll need to put in the code that I posted in this forum twice just last week. If it's something else, then, I don't know, you'll need to do something else. But I don't see anything in that link that actually outputs XML.

  • How can I make 3d shadow like this

    Look at her face
    How can I make shadow like this
    Thank you

    Could you post (a section of) the image you want to edit?
    I assume you could
    • create a fairly good mask of the skin areas and use that as a Layer Mask for a Layer Group
    • create Adjustment Layers, Solid Color Layers, plain Layers with appropriate Blend Modes, … and paint in artificial shadows

  • How do I create a movie like this one?

    I have OS X 10.6.1. I'd like to create a QuickTime movie like this http://www.happytapper.com/appsmovie.html and embed it into a webpage the same way. Here are a few questions I have about doing that:
    - Do I need Quicktime Pro? I only want to capture the iPhone simulator and the free version seems to be limited to full screen capture.
    - How do you get a completely black background like that?
    - How do you remove the mouse arrow out of the movie (all the clicking around)? The simulator will definitely show that.
    - Should I cross post this question to the developer forum?

    Make scatter brush out of a row of circles
    Apply to a curved path
    expand appearance
    apply color

  • How do I format my bullets like this?

    Hey,
    Is it possible to format my bullets like this:
    Where the first line acts as a semi-heading of sorts and the paragraph below the break is the actual content.
    Many thanks!
    EDIT: "which I can't stand" is not suppose to be part of the 2nd paragraph, I forgot to take that one out

    I should have finished answering the question. I hope this helps. I would not use baseline shift. Usually about the only time I use baseline shift is for bullets as when I  make them larger to look better, they shift up or down as in front of “Protease”. So for the next 2 I shifted them down -2 pt. PS. I work in Picas. A lot of people prefer inches. To change that go to Preferences, Units & Increments and you can change your units next to the horizontal and vertical (under Ruler Units).
    2. Please never use double paragraph returns and please never use the space bar to line things up. Please use the tab to line things up instead of spaces. In fact, in all my documents I make sure I have only one space between things instead of the old typewriter way of putting 2 spaces in between things. I always do a Find/Change and get rid of all extra spaces and use tabs to line things up.
    3. Instead of using double paragraph return, here is the answer to the rest of your question. Please use Space Before or Space After. I prefer Space Before. Others like Space After. First, what I would do is get rid of all extra double returns by doing a Find/Change. 1st, select a set of double paragraph returns some where in the document. Select everything (click any where in the document, hold down the command key and hit the A for All), do a Find/Change and allow the document to get rid of all extra paragraph returns.
    Then while the selection is selected, next go to the Space Before and select some basic amount. I chose 1p here for the entire document to start it all.
    Then what you do is you fine tune it. Now I want a smaller amount after my first line. After the bulleted text as above, I did a hard return or normal paragraph return. I did the bullet and then used a tab before my words instead of any spaces to make it easier for things below to line up. Also, here is where I can choose a 1st line indent to move every thing in from the left side — and if I like, I can also use a first line indent for the right side to bring the text in on the right as well.
    For the next block of copy, I did a tab to line things up with the lst word in the line above it, then right in front of the lst letter of that copy (Helps break....) — I clicked in front of the 1st letter (the H) and I held down the command key and hit the back slash (\) to line up all the text below.
    Now you want to change the spacing before that block of copy to be smaller than the regular 1p that you set up as your basic start. In this case, I chose p1.5 so that it is a smaller amount but is still separated from the line above it by a small amount.
    You can also adjust how much spacing you want before headlines or subheads by selecting that headline or subhead and changing the Space Before (or Space After) amount.
    After you figure out what you want for your format, then set your paragraph styles by highlighting that text and going to Paragraph Styles and selecting new paragraph style and assigning your hot key. I haven’t used Paragraph Styles for a long time since the CS4 came out with the eye dropper tool and I just select my text and click the eye dropper tool on the text I want it to match. (Most of my documents are a few pages instead of a huge number of pages or books these days. For big things, you do want to use Paragraph Styles.)
    But this way, if you set a Paragraph Style you can do a global change if you change your mind along the way or after the document is set for your 1st draft. PS. I learned something a long time ago, for all those hypens at the end, to get rid of them, it is usually better to track the entire paragraph a small amount rather than to try and change the track on just that line. (That’s the thing in the Character palette that looks like an AV with a horizontal arrow under it with an arrow head on each side (below leading). Hope all this helps.

  • How can I find all messages like this?

    What criteria can I use in a smart mailbox to find all messages like this?
    The message from Robert Nicholson <[email protected]> concerning “Hi Testing” has not been downloaded from the server. You need to take this account online in order to download it.
    I have a lot of these because I use IMAP for my mail but there's no point in keeping these messages as they were deleted from the server a long time ago.

    Robert,
    I am not sure what a Smart Mailbox would have to offer with respect to this?
    However, the problem is likely not that the message has been deleted from the server, but that Mail 2.0 has problems with some IMAP servers at displaying some messages.
    I am hopeful, but cannot assure anyone, that a fix is being worked on for this, and perhaps will be available sometime in the future.
    If you were to access with a different version of Mail, such as 1.3.11, or another mail client, you might access these messages. Therefore, I would not be quick to try and eliminate them.
    Ernie

Maybe you are looking for