03-09-2011, 11:04 AM

I am a complete non starter with web design and really want to start, can anyone tell me what software is required to create a "Turning Page" site like the attached or is it possible to create the brochure layout in any software, ie InDesign and then simply convert it in web programme? Or is it much more advanced than I could possibly imagine?

Untitled

Any advice is greatly accepted.

Jax

03-09-2011, 11:18 AM

That's a really neat site!

The special effect is actually an animation, not something done with HTML. The animation was created in Flash, from Adobe.
Adobe Flash Builder 4: features

Learning Flash wouldn't be impossible, but it would probably require a course, such as this one:
Adobe Flash Bootcamp Training Courses | Ledet Training

___________________________________________

Randy B. Singer
Co-author of The Macintosh Bible (4th, 5th, and 6th editions)

Macintosh OS X Routine Maintenance
OS X Maintenance And Troubleshooting
___________________________________________

03-09-2011, 11:37 AM

That is a neat site, but it reminds me of how important it is to know your purpose and audience. While a neat effect, if your site contains numerous pages through which you want people to navigate, flash can quickly become quite tedious.

Personally, for most sites I like a crisp, clean interface where the navigation is obvious and instinctive.

03-09-2011, 11:38 AM

It is a cool site, I can't stop turning the pages, you can drag and hold them as well, think this is as close to handling a real brochure as you can get.

I have Flash software, so it is no good marching on and designing a brochure in Indesign and then importing the pages in to Flash?

03-09-2011, 11:43 AM

Originally Posted by indychris

That is a neat site, but it reminds me of how important it is to know your purpose and audience. While a neat effect, if your site contains numerous pages through which you want people to navigate, flash can quickly become quite tedious.

Personally, for most sites I like a crisp, clean interface where the navigation is obvious and instinctive.

Mmmmmmmm, now you'e got me thinking, I get where you are coming from! Still want to learn how to do it though.

03-09-2011, 05:19 PM

Originally Posted by jackie.werner

what software is required to create a "Turning Page" site like the attached

That site is generated using Adobe Flash, and probably contains a bit of 'ActionScript'

If you want to check if something you like on the web is done using Flash, right click it and you should see the option titled, 'About Adobe Flash Player 10'.

If you're looking to start web design, you're best place to start is learning HTML. Even if you do learn how to do something like that site you've linked using Flash and ActionScript, you'll need to know how to actually get it in a webpage and to do that you'll need to know some HTML.

HTML is the most basic basic scripting language for the web. It uses semantic mark up to 'label' elements so that a web browser can understand it and display it on the screen correctly.

Looks a bit like: <p>This p tag would enclose a paragraph</p>

HTML is combined with CSS. CSS tells the browser how to set out that HTML.

If you actually look at that page you've linked to the title bar says Untitled on it. That's pretty poor design so I think whoever did that needs to brush up on their HTML skills ironically!

Originally Posted by jackie.werner

is it possible to create the brochure layout in any software, ie InDesign and then simply convert it in web programme?

All these Adobe products are quite interlinked now and I'm sure that if you used inDesign there is probably some option somewhere to convert a project in inDesign to Flash. But that really isn't the best way to do it. You're much better to learn the language you want to do directly. You'll have a much better understanding of what's going on.

Originally Posted by jackie.werner

Or is it much more advanced than I could possibly imagine?

NO! Web design is not especially hard, and if you work at it you can certainly do it! Try objective orientated programming, that'll make you dizzy!

03-09-2011, 06:05 PM

Originally Posted by indychris

That is a neat site, but it reminds me of how important it is to know your purpose and audience. While a neat effect, if your site contains numerous pages through which you want people to navigate, flash can quickly become quite tedious.

Personally, for most sites I like a crisp, clean interface where the navigation is obvious and instinctive.

Originally Posted by hojkoff_101

That site is generated using Adobe Flash, and probably contains a bit of 'ActionScript'

If you want to check if something you like on the web is done using Flash, right click it and you should see the option titled, 'About Adobe Flash Player 10'.

If you're looking to start web design, you're best place to start is learning HTML. Even if you do learn how to do something like that site you've linked using Flash and ActionScript, you'll need to know how to actually get it in a webpage and to do that you'll need to know some HTML.

HTML is the most basic basic scripting language for the web. It uses semantic mark up to 'label' elements so that a web browser can understand it and display it on the screen correctly.

Looks a bit like: <p>This p tag would enclose a paragraph</p>

HTML is combined with CSS. CSS tells the browser how to set out that HTML.

If you actually look at that page you've linked to the title bar says Untitled on it. That's pretty poor design so I think whoever did that needs to brush up on their HTML skills ironically!



All these Adobe products are quite interlinked now and I'm sure that if you used inDesign there is probably some option somewhere to convert a project in inDesign to Flash. But that really isn't the best way to do it. You're much better to learn the language you want to do directly. You'll have a much better understanding of what's going on.



NO! Web design is not especially hard, and if you work at it you can certainly do it! Try objective orientated programming, that'll make you dizzy!

Blimey had to google "objective orientated programming"! I'm a pictoral/images kinda girl and I think slightly numeric dislexic but I will give the HTML code a go, thank you, I have done everything to avoid doing web design but now I just hate not knowing so here goes! I'm better watching people create and learning from that but I will finally have to read the books.

Thanks for you help, and oh yes, I spotted the "untitled" also!