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

Similar Messages

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

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

  • How would you make an effect like this?

    Hi! I'm new to the forums, but hopefully it's ok if I start this new discussion. I'm very new to Photoshop as well (newbie).
    Here is the image: http://sffbookreview.files.wordpress.com/2012/10/life-of-pi-banner.png
    How would you make the image on the right - with the watercolor painting crop effect of the tiger? Also, how would you make the font on the left gradually turn to orange?
    Thanks! Your help is much appreciated.

    Hi there,
    Here's a really quick tutorial on how to add the mask and gradient text over the image of a tiger.
    Masking the Image
    1) Open your image of the tiger. There should be two layers in your layers panel: the image and a white background.
    2) With the tiger layer selected, click on the icon marked below in the layers panel to create a layer mask.
    3) Being sure you have the mask you just created selected, paint with black using the brush tool to mask out the image. In your layers panel, if you look at the mask icon, you will see the areas where you were painting (on the canvas) change to black. Use a variety of brushes to recreate the effect in your example image.
    Creating Text with a Gradient Effect
    1) Use the Type Tool to create your basic text and reposition it on the page with the Move Tool.
    2) In the layers panel, control click on the type layer and select Blending Options.
    3) In the dialog box that opens, check the Gradient Overlay box and click on the "gradient overlay" text to move to the gradient options. Adjust the angle of the gradient, then click on the colored bar to select the colors you want. Click OK on each dialog to close them.
    Final result:
    I hope this helps, and please let me know if you need any more assistance.

  • 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 can I make a gradient like this? (Edge between colors is hard, and bends)

    I'm using Illustrator CS5
    Looking to make a gradient similar to the one in the "BubbleBoddy" font here -
    What's the smartest way to go about doing this? I have a basic understanding of gradients, but I have no idea how to get the gradient line to bend like that, or how to get such a "hard edge" between the light and dark pink.
    Any help is greatly appreciated! Thank you!

    draw a curve, copy it, colour it, blend 'em (alt + ctrl + B or Object > Blend > Make
    then use your text as a mask.

  • How to make text animation like this one?

    http://www.youtube.com/watch?v=IHvZt_XPTLc
    I want to create something like that, of course a lot simpler. I opened up Motion today but it looks different compare to Adobe Flash. How should I get start? Can someone tell me what I need to do first? Or please explain the keyframe thing please? Thank you so much!

    There are quite a few YouTube tutorials out there (including some ripped directly from my book) - there are also other resources listed in the thread I linked. Almost anything that can be done in After Effects can be done in Motion, but you need to know Motion well enough to translate.
    A big difference with Motion over AE is that Motion gives you behaviors - want something to move across the screen? Apply a throw behavior, want it to spin? Apply a spin behavior. Etc...
    Not to mention all the projects that you can find in these very discussions...
    Patrick

  • How do you make an image like this?

    I am sorry if this is time consuming but I saw this image on a website and it caught my attention.

    Ai is Illustrator, but a lot of digital artists use Photoshop for this sort of illustration.  I suspect most of it for the gaming industry.
    Check out Digital Tutors.  They have a number of titles that show a step by step guide to producing artwork very similar to your guide.
    Photoshop Illustration Tutorials and Training > Digital-Tutors
    BTW  I do hope this is a serious question.  The similarity of your usename to the text in the illustration, had me thinking you might be spamming this forum.  Tell me I'm wrong and I'll be happy to help.

  • How can I make a video like this in iMovie?

    I want to help my friend create a video with her spoken word poem, and I'm pretty proficient at making videos. But I've never worked solely with text before. If anybody could help, that would be awesome. Thank you!
    I'm fairly new to iMovie, I used Power Director up until this point.
    For some reason it won't let me post the link. But look up, "On Being Creative" By Samuel Cernuto.
    Thanks!

    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 you make a gradient like this

    Is it a linear, radial, angle, etc?
    Tried a few things but nothing is working to match it yet.
    Thanks.

    charles badland wrote:
    Unless you are using an Adjustment Layer Gradient
    Right idea, slightly wrong terminology.  It's actually a Fill Layer on which you can make a gradient, then edit its characteristics.
    Once you have such a Fill Layer created, you can edit it by double clicking the gradient icon in the Layers panel, and you can move its position by unchecking "Align with layer" then moving the center by dragging it while the Gradient Fill dialog is still open:
    -Noel

  • How to make a photo like this? (footballer)

    Dear All,
    I am enclosing a photo that I found in the Internet. This is a footballer photo.
    May I know how I can make a photo like this in terms of color and texture in Photoshop? Many thanks!
    Best regards,
    Keith

    What you'll want to do is pick a photo with something like a person or an animal in the foreground. Then, use the Lasso tool to trace around the outside. Separate the person and the background into two or more layers, depending on how much you want to change. Up the saturation on the background, and apply a blur under the filter menu. It might just be the angle the photo was taken from, but they could have possibly added a light effect behind him as well. As for the guy, it looks like they upped the contrast and lowered brightness. Since i don't know from what angle the photo was taken, those are the only effects I can say were most likely used.
    Hope this helps,
    Cole

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

Maybe you are looking for

  • Can't play VCDs... newbie to Arch(and linux)

    bash-3.2# pacman -Q | grep cd cdparanoia 10.2-2            dhcpcd 4.0.7-1                kdemod-kdemultimedia-kscd 4.1.3-1 libmpcdec 1.2.6-1                wicd 1.5.6-1 bash-3.2# mplayer  vcd://1        MPlayer 1.0rc2-4.3.2 (C) 2000-2007 MPlayer Team

  • MacBook dies after charging

    I have a 13" Mid 2012 MacBook Pro and for as long as I can remember I've been having this issue. I was talking about it with a friend when she told me she's never had the problem and come to find out, no one I know has had this issue. I had assumed i

  • Comparable laptop for Imac

    Glad I found these forums... have one more question.... I have found that going from my powerpc imac at home to an intel mac at the university lab has caused quite a few problems.... so... I want to get a laptop that I can open final cut project file

  • Java.io.Exception: Interrupt sysstem call

    When I stop my program with CTRL+C, I got a IOException like this: java.io.Exception: Interrupt sysstem call How can I catch it?

  • HT204053 If you have already down loaded the OIS 6 with an existing Apple ID and want to change it to another  ID

    If you already down loaded IOS 6 with an existing Apple ID can you change the ID for Cloud later?