How do a re-create a website like this?

Hi there,
I really like the design of this website - can anyone tell me how I go about re-creating it:
http://www.bluedanube.ca/home.html
I see that it's done with tables instead of CSS.
Would it be possible to have the banner as a large image on the body table with all the content centered in a table or is this the wrong way to go?  How could I do it with the use of CSS.
Please help!
Slante!

How could I do it better but keep the design looking cool?
Your question is broad enough that entire college curriculums have been created to provide the tools to help answer such a question. Note that there is no one answer that can possibly apply to all situations. Thus the education is provided to give you the tools to answer that question for each project as it applies to that project. And believe me, cool in my generation does not equate to cool in today's up-and-coming generation. The definition of cool for a site needs to consider the target audience's definition of cool.
And don't fall into the trap that some designers do. Sometimes, designs are created that, while gorgeous, are very difficult - or impossible - to navigate and become disfunctional. I am one who still believes that form follows function.
Would a background image on the body suffice with the wrapper div centered?  Is this the way to go?
Maybe
I am not trying to discourage you from creating a gorgeous site. In fact, the company who designed the site[1] we've discussed has several other sites that are just as pretty, but, IMO, are much more useful. I just want you to keep some things in mind while creating your design.
[1] Minimal has its place, too. Perhaps that was part of the goal for that site since it really does not have a lot of information to convey.
Mark A. Boyd
Keep-On-Learnin' :-)

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

  • Can I create a website like Twitter with Creative Cloud?

    Can I create a website like Twitter with Creative Cloud?

    Start with jQuery Calculation plugin.   Tweak values as required.
    http://www.pengoworks.com/workshop/jquery/calculation/calculation.plugin.htm
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb
    http://alt-web.blogspot.com/

  • 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

  • I used to make booklets on Publisher that would be printed on 11X17 folded and stapled down middle.  Can someone please tell me best program to create a document like this in on a mac and how to print it on 11X17?

    I used to make booklets on Publisher that would be printed on 11X17 then be folded and stapled down middle.  Can someone please tell me best program to create a document like this in on a mac and how to print it on 11X17?

    Try iStudio Publisher

  • Can we create a table like this

    Hi experts plz help me in this
    how to create a table like this
    Class     Number   count     Amount
    First          A     1     50
              2     70
              3     60
    Second        B     1     50
              2     200
              3     9
    Thanks
    sush

    Hi
    You can create a table like this, you can use the table column property to merge the first two column for common value.
    'Grouping value' property to first column; assign the context attribute.
    Even you can do it for second column
    output will be
    First  A  1  50
             C  2  30
    Sec   B  1  20
             C  2  40

  • Where do I begin to create my website using this G5 and Pages '08?

    Where do I begin to create my website using this G5 and Pages '08? I don't even know where to start...
    I made a temporoary website on wordpress with my pc -- now I want to see what is possible with this G5 and Pages '08 by bro gave me.

    The current version is iLife '11. iWeb is up to v4 and I think has been out since 2007.
    There is no iLife folder, the applications are loose within the Applications folder.
    You can purchase a boxed version of iLife from Apple or an Apple reseller.
    The Mac App store does not offer iWeb and you would need OSX 10.6.6 to use the App Store.
    If you began your website using WordPress, why not continue to use it, it does not matter what system you are on, Windows, Mac or Linux, WordPress is web based.
    Peter

  • How Can I Speed Up My Video Like This? (Example Included)

    iMovie is currently optimizing my video so figured i'd ask this now rather than when i'm editing.
    I recorded video of myself getting a haircut and would like to speed the video up and add some music to it; similar to this video i found on youtube.
    How can I speed up the film like this and slow it down as done in this video?
    http://www.youtube.com/watch?v=-OmFShCpXSU

    Quite easy to do.
    Watch the tutorial here:
    http://www.apple.com/ilife/tutorials/#imovie-timing
    You can access these tutorials and ask questions from within iMovie Help.
    Regards,
    Z

  • How to create a report like this.

    Userid       logintime                                                    logouttime
    367     2008-12-22 08:58:09.000          2008-12-22 10:18:02.000     
    369     2008-12-22 08:52:04.000          2008-12-22 10:18:13.000     
    371     2008-12-22 08:58:27.000          2008-12-22 10:36:24.000     
    374     2008-12-22 08:01:26.000          2008-12-22 10:17:54.000     
    375     2008-12-22 08:56:14.000          2008-12-22 10:18:16.000     
    376     2008-12-22 08:57:38.000          2008-12-22 10:17:57.000     
    463     2008-12-22 12:05:13.000          2008-12-22 13:01:39.000     
    450     2008-12-22 12:01:31.000          2008-12-22 12:14:42.000     
    from this data....i want to find how many people online each hour.
    Time      Login
    8AM         0
    9AM     5
    10AM     5
    11AM     0
    12PM     2
    01PM     0
    02PM     0
    03PM     0
    04PM     0
    05PM     0

    I don't think..both person's solution will work in this case.
    My user table data is like this.
    Userid          logintime                                  logouttime
    367              2008-12-22 08:58:09.000           2008-12-22 10:18:02.000
    369              2008-12-22 08:52:04.000           2008-12-22 10:18:13.000
    371              2008-12-22 08:58:27.000           2008-12-22 10:36:24.000
    374              2008-12-22 08:01:26.000           2008-12-22 10:17:54.000
    375              2008-12-22 08:56:14.000           2008-12-22 10:18:16.000
    376              2008-12-22 08:57:38.000           2008-12-22 10:17:57.000
    463              2008-12-22 12:05:13.000           2008-12-22 13:01:39.000
    450              2008-12-22 12:01:31.000           2008-12-22 12:14:42.000
    from this data....i want to find how many people online each hour using a report.
    Time              Login
    8AM              0
    9AM              5
    10AM            5
    11AM            0
    12PM            2
    01PM            0
    02PM            0
    03PM            0
    04PM            0
    05PM            0
    i think this is not possible using report.
    maybe i need to create a view in db from above table first and out of view should be report data...then just use report to display.
    is there a better and easy solution than above?
    nobody ever tried a report like this?.
    we need group by time function in crstal...each hour, each 30 mins, each 15 mins etc...more time features..

  • 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

  • Confused about how to get link created by website

    I am fallowing a video tutorial on YouTube about how to download a YouTube video as Mp3 file.Once the user typed a YouTube link into
    texbox and clicked the download button The video file is supposed to be download . I think I am doing wrong something .I  think .I am able to get textbox  and button Id like this way
    private void button1_Click(object sender, EventArgs e)
    if (_browser.Document != null)
    var elementById = _browser.Document.GetElementById("youtube-url");
    if (elementById != null)
    elementById.SetAttribute("value", textBox1.Text);
    var htmlElement = _browser.Document.GetElementById("submit");
    if (htmlElement != null)
    htmlElement.InvokeMember("click");
    status = true;
    The problem once the video converted  the web site offers a link to get the video.I need to get the adress written bold charcters.
    How can I do it?
    <a href="/get?video_id=KMU0tzLwhbE&amp;ts_create=1423907396&amp;r=NzguMTc5LjY3Ljg1&amp;h2=4a594985c56edf3bd2da78222a79bdba&amp;s=145591"><b>Download</b></a>
    <a href="/get?video_id=KMU0tzLwhbE&amp;h=-1&amp;r=-1.1" style="display:none"><b>Download</b></a>
    <a href="/get?video_id=KMU0tzLwhbE&amp;ts_create=1423907396&amp;r=NzguMTc5LjY3Ljg1&amp;h2=4a594985c56edf3bd2da78222a79bdba&amp;s=145591"><b>Download</b></a>
    this is the web site  adress

    Hi alak41,
    From your code like following,  since we don't know that the developer how to write the ConvetVideo event in YouTube MP3 website. Maybe you should better ask the website's publishers.
    if (htmlElement != null)
    htmlElement.InvokeMember("click");
    In addition, here is a .NET library, that allows to download videos from YouTube and/or extract their audio track (currently only for flash videos).
    https://github.com/flagbug/YoutubeExtractor/
    Best regadrs,
    kristin
    We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
    Click
    HERE to participate the survey.

  • Help: How to create a query like this?

    I am working on a report and I am facing on a question like this:
    TABLE TEST has two columns A and B
    A B
    2 INFO21
    2 INFO22
    3 INFO31
    3 INFO32
    3 INFO33
    I'd like to create a query which will return
    A INFO
    2 INFO21, INFO22
    3 INFO31, INFO32, INFO33
    Please help.
    Thank you in advance
    Jimmy

    A lot of pretty fine examples here:
    http://www.oracle-base.com/articles/10g/StringAggregationTechniques.php
    Rgds.

Maybe you are looking for