Skip to main content
Participating Frequently
June 9, 2017
Answered

[LOCKED] please recommend a visual design that has TITLE, video, content, on top

  • June 9, 2017
  • 3 replies
  • 1652 views

[ templates / web design / themes ] -- can you please recommend a visual design that has the TITLE of the article, video, content, etc. AS THE FIRST THING YOU SEE

nothing else should be at top

* where are the best templates for that in photoshop? or other adobe products?

This topic has been closed for replies.
Correct answer pziecina

Asking for a layout that will show specific content above the fold,

* what 'fold'? i never used that word, i've no idea what you mean by 'fold'

the request is clearly stated at top


Above the 'fold' -

This is a term from the days of newspaper broadsheet, when vendors folded the newspaper in half, and the title and main headline story was what the buyer/reader would initially see, before opening/unfolding the newspaper. In web design it is the initial content that will be presented to the user when they visit the site/page, without scrolling being necessary.

However, whilst the term is still used, it is no longer controllable by the designer/developer of a site, as there is no way to control the device viewport or the browser viewport. On mobile devices these are a fixed size and can be anything between a few inches to a 14 inch device, with varying pixel densities. On a desktop screen or a TV, they are normally between 24 inch and 55 inch, but can be smaller or larger, and to make matters more difficult are HD or Hi-dpi these days, though in both the mobile and desktop user 8k hi-density screens are now being previewed at manufacturers shows.

Trying to find a layout that would allow you to present the content you wish to all visitors, is now nothing more than an attempt in doing the impossible, if the content is to be usable by the visitor. What is necessary is for the web designer to decide how the page will look on the various target user devices, and then ensure they use a layout coding method that not only matches the requirements for those devices, but will also make the page acceptable to all other users.

css flexbox is one method, and popular amongst coders, but it is not the only method. Even the old traditional use of floats, can be the better method of layout, and there is, depending on the skill of the coder the possibility of using css grid layouts. Everything depends on how you wish your layout to look on the devices/sizes of screen you target.

Templates can be useful, but as browsers are used across a much larger range of screen sizes now, than was though possible even 5 years ago, finding one that suits the requirements now, let alone one that will still be acceptable in 1-2 years time, is almost impossible. the only thing one can do in that area, is to find one that is somewhere near the target device requirements, then modify it to match all the requirements. A process that often will take more time than doing it oneself from the beginning.

If you must use a template and/or you are a none coder, then you must also accept the limitations that your design may well 'fall apart' at some point, or on some devices become difficult to use at best, and unusable at worst. For this reason I would recommend a none coder to use a program like Muse, as it does have good community support should you have problem now or in the future.

3 replies

Preran
Legend
June 16, 2017

If any of the answers here helped you, please mark them as Correct for the benefit of other users with a similar question.

Thanks,

Preran

Nancy OShea
Community Expert
Community Expert
June 15, 2017

Open Dreamweaver and define a local site folder for your project.  Site > New Site.  See screenshots.

Go to File > New > Starter Templates.  Choose a basic layout and hit Create Button.

After saving the file, DW will create Assets folders for you which you can see in your Files Panel.

You now have a starter site to work with.  Customize it to suit your needs. 

Post back if you have further questions.

Nancy

Nancy O'Shea— Product User & Community Expert
Participating Frequently
June 17, 2017

* please consolidate and condense all the info you've ever posted, guides, blog post, etc. this is so extremely wasteful that it would help nobody

my question had already been answered --> Re: [ templates / web design / themes ] -- can you please recommend a visual design that has the TITLE of the article, v…

Nancy OShea
Community Expert
Community Expert
June 17, 2017

innovativeux  wrote

* please consolidate and condense all the info you've ever posted, guides, blog post, etc. this is so extremely wasteful that it would help nobody

I don't know what your agenda is but I'm locking this discussion.

See links below for details on how to use these help forums.

Forum Resources

Getting Started on the Forums

Forum FAQs

Forum Guidelines and Tips

How to Get Involved and Help Others

Forum Success Guide- how to efficiently use the forums

Nancy O'Shea— Product User & Community Expert
Derek Cross
Community Expert
Community Expert
June 9, 2017

If you're wanting to create a website Adobe Muse would be the tool to use, especially if you're inexperienced in creating sites.

There are several companies offering templates, such as: https://www.muse-themes.com/?gclid=CjwKEAjwjunJBRDzl6iCpoKS4G0SJACJAx-VkMSe1xgmUrVB46e9R0y4hARZFGmHhOQzvkFEvN2v5xoCRbjw_…

I would though suggest you first take a basic course first how to use Muse, have a look at this Lynda.com online video tutorial (you can get a 30-day free trial): Muse Essential Training

Participating Frequently
June 12, 2017

* any reason to recommend muse over dreamweaver?

* such as that dreamweaver doesnt have templates?

postrophe
Inspiring
June 12, 2017

Hi

Me, I use Wordpress and Thesis + whatever Skin you fancy (since 10 years). There's many third party developer making Thesis Skins too, like https://themedy.com/themes/

You will be glad to move out of "dreamweaver", as I have.

Pierre