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.comthanks 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 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
sushHi
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=-OmFShCpXSUQuite 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 0I 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&ts_create=1423907396&r=NzguMTc5LjY3Ljg1&h2=4a594985c56edf3bd2da78222a79bdba&s=145591"><b>Download</b></a>
<a href="/get?video_id=KMU0tzLwhbE&h=-1&r=-1.1" style="display:none"><b>Download</b></a>
<a href="/get?video_id=KMU0tzLwhbE&ts_create=1423907396&r=NzguMTc5LjY3Ljg1&h2=4a594985c56edf3bd2da78222a79bdba&s=145591"><b>Download</b></a>
this is the web site adressHi 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
JimmyA lot of pretty fine examples here:
http://www.oracle-base.com/articles/10g/StringAggregationTechniques.php
Rgds.
Maybe you are looking for
-
How can I transfer photos from iPhone 3GS to MacBook?
Please, I need help!!! How can I transfer all the pics I have on my iphone 3g s to my macbook?!?!??!?!?!
-
Difference between NetWeaver 2004 and NetWeaver 7.0 or 7.1
I am little confused and curious to know the recent changes happening in SAP. Can you please tell me the differences between NetWeaver 2004 and NetWeaver 7.0 or 7.1 NetWeaver 2004 is named because SAP has released it in 2004 and then we have XI 3.0,
-
Is there a version of Microsoft Access for the Mac computer
I was wondering if there was a version of Microsoft Access for the Mac computer. Most of the databases I have on my old computer are in Access and I need to be able to open them on my new Mac Book.
-
Error in Automatic configuration of solman
Dear Experts: I am performing managed system configuration for a portal system in our landscape. Solman version 7.1 sps 8. Portal 7.0 ehp2. Wily version 9.0 In the final step automicatic confifuration. I am seeing this error"Retrieving list of Enterp
-
HELP...... spreadsheet will not open in Numbers
I have used numbers for years and today when I try to open a spreadsheet that was created a couple of years ago, it will not open. It just opened two days ago.... Does anyone know what is going on with Numbers? I am operating maverick and my numbe