Single Page Web Design

Hi,
Would like to create a "Single Page Web Design" website.
My problem ist, how to create the diffrent parts of this website. What means the menus are "scrolling" from top to bottom of this single page (e.g. 1. Home page - then 2. Services, etc.) instead each time a new page is opening.
Thanks,
Donald

Hello,
You can use the "Anchors" option in Muse to create such website. Please refer to the video : http://tv.adobe.com/watch/muse-feature-tour/muse-create-anchor-links/
You would need to create a single page website and use a Manual menu option as shown in the screenshot :
Regards,
Sachin

Similar Messages

Single page web site with 6 sections

I need to create a single page web site with 6 sections. How do I set the page height/width? What are the settings I need to get started?

You can set your page width in the Site properties but generally you don't need to as the default setting works well. The height will be determined by your content.

Is it wise to chage site design from multiple page to single page scrollable design for SEO?

I have a current site with multiple pages created in Muse. From watching some tutorials I am beginning to believe that converting the site to a one page scrollable format would be more applicable for table and mobile applications. My questions are these:
By adding anchor points and links to the stacked pages will this act the same as independent pages for SEO, or will I lose all of the current web traction I have earned and be starting over?
Is it commonly accepted that by converting to a one page format that it will be easier for search crawlers to rank my site?

Hi,
Single page websites can be great for new sites or for some special projects, but I won't recommend them as long-term solutions and, if you already have a multi-page website, I do not recommend switching to a single-page site.
If your single page site has great content and good structure, google might provide same treatment as it does for various sub pages website.
A useful Video by Matt Cutt, head of the webspam team at Google
Search engines will index all the pages of your website, providing multiple opportunities for your site to come up in searches. When your site consists of only one page, a single page is exactly what you’ll have indexed.
That means if you have many services, many products, single page design will really compromise your rank and result in search engine.
Do let me know if you have some more questions.

First time using inDesign for multi-page web design. Trying to "print" a pdf or jpeg to show client. But it comes in blank (white) but file size is 1.8mb. help!, First time using inDesign for multi-page web design. Trying to "print" a pdf or jpeg to show

Have created a web design using Master Pages. 5 pages in all. When I try to create a proof with pdf or jpeg the result appears blank (or white). How do I create something that I can send my client?

Hello all,
I appreciate your willingness to help.
Did a test. Copy and pasted a page of my graphics into a new indd file and into a new master. New file works fine for exporting jpeg as well as pdf.
Must just be something wrong with the original. gremlins. No time to wonder why.
but....Thank you again.

Single Page Application Design Approach Suggestion/Help

we have a new project requirement where we need to develop a single page application. My manager told me to do a research like whether we can use any content management system. Our requirement is we have lots of plugins. We are planning to create plugin download
and help system, where others can download the plugins,see demos and copy the code like the jquery.com and getbootstrap like below.Also we need to add a rating feature for each plugin.
http://getbootstrap.com/components/
Our client need it as a SPA and asked to check any CMS(content management system) like orchard,Drupal,WordPress or anything will help. Or we he put an option of Sharepoint or a MVC application with Angular/JQuery. Could you please give your suggestions for
the same.
vin

Please post questions related to ASP.NET in the ASP.NET forums (http://forums.asp.net ).

Is there a Muse programme for producing single page web mail shots

Hi, I'm loving Muse and now I would like to produce a web page mail-shot all nicely laid out with photos etcetra. Is there such a programme?

Hi William,
The CSS and html markup that is used in an email is different than what is used on a web site. At this stage muse does create web pages which are fully compatible with email campaign programs, so this would be something that you need to test for your self and see if the outcome is acceptable to you or not.
In the mean time I will recommend that you add this feature as an idea to the ideas section of the forums here, Ideas for features in Adobe Muse
- Abhishek Maurya

Need more fields to be displayed on a single page in BEx Web

HI All,
I have developed a query in BEx Designer. This quer has 15 fields.
When i execute the query in BEx Web, it displays all the results. The problem here is that it displays only 4 fields data on a single page. I need to click on the next button at bottom right hand corner of the screen and it displays the next 4 or fields data.... again i need to click on the next button to check the remaining fields data. This is becoming a pain to check/validate the data displayed. Also the client is not happy about navigating so many screens to see all the data. he wants to see all the fields in single page.
Is there any way to change any settings so that all the fields / atleast 10 fields can be seen on a single page instead of clicking on the next button to see all the data.
Reports are developed on BI 7.0.
Thanks in advance

Hi Maddy,
for this issue you can use WAD 7.0. There you can set the numbers of columns and rows which are displayed easily within the analysis item. You can also determine if you want to have scroll bars or paging tabs (like in Query Designer).
Brgds,
Marcel

Do I need to design on just one page for a scrolling "single page design?

Hi I want to design a single page scrolling website but I have quite a bit of content. In Adobe Muse tutorials such as this one: http://tv.adobe.com/watch/muse-feature-tour/adobe-muse-layers-panel-may-2013/ it looked like she was designing multiple pages but the preview shows it functioning as one long page. I understand how to use anchors and pins but do I have to design my whole website on one long page or am I able to design seperate pages and "stack them" if you will?

I am not a complete expert on this, but I have been using Muse since Day 1 and I believe that you do need to create the site on a single page if you want it to scroll with pins and anchors.
It is possible to create an anchor on a separate page, but would not have the scrolling effect that you describe. It looks more like you're just loading a second page.
Hope this helps!

How to layout beans for single page design

Hey guys. I'm designing a site that uses the Icefaces framework. I've been reading a book called Real World Java EE patterns. I'm kind of confused how to layout the pages. Normally I would have just a POJO class implement serializable for a bean. This bean would then back each page. With a single page design I'm going to have a bunch of elements on the page. Datatables, trees, inputs, calendars etc. Is it normal or best practice to have separate beans for each datatable, calendar, etc or put that all in one bean? I'm not sure how to approach this. Right now each element is a bean and I'm using the @Inject annotation to have the data table talk to the tree and vise versa. This creates really bad code and if I put this as a member of the class I will get a circular reference because the data table bean has to inject the calendar and the calendar has to inject the data table.
Thanks for any help.

'best' practice is to not follow blindly what other people say, but to reason yourself what works best for you. It has been stated many times before and I will state it again: best practice does not exist. Only personal opinions about what is best exist. Personal opinions are not facts.
So choose what works for you. Is the code easy to maintain? Is it readable? Can you perhaps re-use parts of it? Then I'd say you have a winner.
I'll give you my personal favorite. When working with a page that has input elements, I tend to have two or three beans. Replace XXX with a logical and context sensitive name.
XXXForm - this is a simple request scoped bean that has the action and event methods and will hold some data for reading purposes for the view, possibly taken from a database.
XXXStorage - this is a session scoped bean that holds information from the form; if it is an editing function I initialize it with the current state first. Storing this stuff in a session bean makes it very easy to do Ajax stuff and create input cycles that span multiple requests. Also when data is split in multiple pages, the storage class is the one to remember which page is being displayed.
Optionally, I also have an XXXSearch object, which is a session scoped bean that stores search/sort/filter parameters. I make this session scoped so the information is remembered for the duration of the user's visit, meaning he can navigate away from the page in question, come back and all his choices will still be in place.
So no, I don't have beans specifically for each component, although I might make simple POJOs to hold information gathered from several sources (for example, information gathered from several database tables). These beans are generally used to fill the rows of a datatable and are just created from within the form class, for example in a @PostConstruct annotated method.

Why don't any web pages fit the screen? I have to zoom adjust every single page.

why don't any web pages fit the screen? I have to zoom adjust every single page.

You can use an extension to set a default font size and page zoom on web pages:
*Default FullZoom Level: https://addons.mozilla.org/firefox/addon/default-fullzoom-level/

Single page design - how to load images onto page

Hello,
Take a look at the site http://www.blacktie.es/ I'm trying to learn how they load the larger images onto the page.
When you click on the button — the website loads the large project images above — how is this being done. Is this being done with PHP? Can someone point me in the right direction?
</div>
<section id="sec_project">
<div class="project_wrap" id="pro_container">
</div>

Ejetty wrote:
Thanks... but the thing the http:// link does not change when you click/hover on the thumbnail in this example.
Which example? When you are directed to a particular solution, don't ever expect the solution to work out of the box. You need to modify or even adapt it to suit your own circumstances. There is no such thing as silver bullet when it comes to web design solutions.
I don't understand your question so I have nothing to add here.
Good luck.

"not a valid single file Web Page"

I have been receiving this error message when trying to export a Financial Report to excel. Version 9.3.0.1. The error appear to be hit or miss. Any advice would be appreciated.

The issue is caused by the following setup: Print Service has not been configured completely with PDF viewer.
Possibly a registry setting, browser setting or a "MIME type" registration that was required for MHTML documents. As a single file web page is also known as an "MHTML" document (HTML file with embedded graphics). The report generates an MHTML file and then gives the file the Office extension (i.e. '.xls', '.ppt' or '.doc').
To resolve:
1. Install PDF viewer and configure to Print Server
2. Retest the issue.
3. Migrate the solution as appropriate to other environments.
HTH-
Jasmine.

Require LOV's should be displayed on single page for Webi Rich Client -R3.0

Hi all,
Is there any way to display the list of values in a single page when we apply a quick report level filter in Web intelligence Rich client report.
Behavior:
When we have large list of values for an object then the list of values are displayed in pages......
We can avoid the pages in Webi by making changes to the 'List of value batch size' from 1000 to 10000.
Is there any setting for displaying the list of values for Web Intelligence rich client ?
Please advise....

Hi,
I have checked the view source code. It is having correct details
for eg..
SAP Integrated ITS, WebAS: C11, workprocess: 0
All rights reserved.
Creation time: Thu Dec 03 11:10:16 2009
Charset: utf-8
Template: bbpstart/99/bbpglobal_800.html -->

I published the Template again for BBPGLOBAL.
Only page cannot be displayed is coming.
There is some link missing between the SRM server and the ITS.
Can you figure out what it is ? We are stuck
Regards
G.Ganesh Kumar

NONE of the web pages load properly. If I hit "Ctrl + F5" it will fix THAT PAGE ONLY. I have to do this to EVERY SINGLE page I try to load. This ONLY happens with FIREFOX. Internet Explorer works fine. PLEASE HELP! Thanks.

NONE of the web pages load properly. If I hit "Ctrl + F5" it will fix THAT PAGE ONLY. I have to do this to EVERY SINGLE page I try to load. This ONLY happens with FIREFOX. Internet Explorer works fine. PLEASE HELP! Thanks.

To answer the post title FireFox save all downloads automatically in the download folder, which you can find in the Documents folder. If you want to choose where to save your downloads go to tools>options>check always ask me where to save files.
Secondly, I am assuming you have IE 8 installed as this is the only version that supports this fix that is currently not in beta. Go to control panel>internet options>advanced tab and reset the settings at the bottom. This may or may not fix the problem but it is a good first step.

Redirect Current Web Pages to New Single Page

Hello, I did a site for a couple who have now gone their separate ways. One half of the couple might want to continue the business so we don't want to take the site down completely, for now we would just like it if, when someone clicks on say the services page (if they should find it in a google search) they are redirected to a single page which explains that the business is in transition. We would like all of the pages that someone might find in a search, to be redirected to this single, transitional page. Is this possible?
Thanks so much,
Annette

You could try adding this code in your Page Properties/Metadata in your Master:
<meta HTTP-EQUIV="REFRESH" content="0; url=http://www.yourdomain.com/index.html">
The above HTML redirect code will redirect your visitors to another web page instantly. The content="0; may be changed to the number of seconds you want the browser to wait before redirecting.

Single Page Web Design

Similar Messages

Maybe you are looking for