topbanner_forum
  *

avatar image

Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length
  • Tuesday April 16, 2024, 2:24 am
  • Proudly celebrating 15+ years online.
  • Donate now to become a lifetime supporting member of the site and get a non-expiring license key for all of our programs.
  • donate

Author Topic: web design question: layouting one 'simple' page on my own?  (Read 8879 times)

brotherS

  • Master of Good Ideas
  • Honorary Member
  • Joined in 2005
  • **
  • Posts: 2,260
    • View Profile
    • Donate to Member
Hi,

my goal is to have a single web page online that contains some text, an image and a YouTube video. Other than that, I'd love to have buttons that reveal/hide additional content when clicked (is that done with HTML 5?). Are there tools available online to do that?

My HTML coding skills are roughly zero and the result shouldn't look like it has been put together by a monkey on crack.  8)

I already have a web server where I plan to put it.

Shades

  • Member
  • Joined in 2006
  • **
  • Posts: 2,922
    • View Profile
    • Donate to Member
Re: web design question: layouting one 'simple' page on my own?
« Reply #1 on: August 19, 2015, 07:37 AM »
Brackets is the name of an editor that comes with a live preview window. It also has options to add predefined bits of code to your that allow you to add images, video etc.

While you are doing that, the live preview is very handy.

I'm more of an ol' skool guy...getting to know how to do things is preferable to use a cop-out which most online solutions are. Besides, you will be the one maintaining that page, so it would really be better if you have a small grasp of the basics...

 

MilesAhead

  • Supporting Member
  • Joined in 2009
  • **
  • Posts: 7,736
    • View Profile
    • Donate to Member
Re: web design question: layouting one 'simple' page on my own?
« Reply #2 on: August 19, 2015, 08:10 AM »
I have no idea how well it works or how the output looks.  But there is a web page creation tool on giveaway:
http://www.mostiwant...version-license-key/

As Shades says, it is better if you have an understanding of what you are creating.  What I did when I got stuck was to post a question on CSS HTML Forums where pros hung around.  They would point me in the right direction.

It depends what you are trying to do.  Doing the markup yourself can take a long time.  You can find wizards that will create a Navigation Bar for you by generating a List.  When you mouse over it will hot track and when clicked you navigate to that page.  The list generated is regulation html, not gibberish, so no need to feel guilty about using such a tool.

For my latest site I just wanted a sorted list of files to download.  So I used a tool that created an index page from a folder.  From there it was a matter of pasting in the description for each download.

The quickie tools get you something that works fast but the generated HTML is almost impossible to read.  It usually has several hundred "&nbsp" sequences,which is the code for a blank space, stuck in clumps all over each page.

If you find a template you like then one of the wizard type page generators may be the way to go.  If you don't like the result chances are you only spent an hour or two on it so just erase it and crank up an editor to do it the hard way.  :)


tomos

  • Charter Member
  • Joined in 2006
  • ***
  • Posts: 11,959
    • View Profile
    • Donate to Member
Re: web design question: layouting one 'simple' page on my own?
« Reply #3 on: August 19, 2015, 02:17 PM »
My HTML coding skills are roughly zero

you're kind of in trouble here -
I'd look for a template - or do a mock up in some graphics programme, and see if anyone can suggest a template.

Otherwise there's the WYSIWYG option, which doesnt seem to get positive responses in general... (see Miles's comments re 'quicky tools' above)


I'd love to have buttons that reveal/hide additional content when clicked

could you be more specific there? (or maybe a link to a site that already does something similar?)
Tom

MilesAhead

  • Supporting Member
  • Joined in 2009
  • **
  • Posts: 7,736
    • View Profile
    • Donate to Member
Re: web design question: layouting one 'simple' page on my own?
« Reply #4 on: August 19, 2015, 03:04 PM »
I would check out the freebie.  I installed it on my system.  So I don't think it is any malicious software.  I just haven't used it.  If it is not what is desired just uninstall.

Shades

  • Member
  • Joined in 2006
  • **
  • Posts: 2,922
    • View Profile
    • Donate to Member
Re: web design question: layouting one 'simple' page on my own?
« Reply #5 on: August 19, 2015, 08:23 PM »
I think he means CSS accordions. You can lots of examples on how to do those on the internet. Problem is then that need to know about core concepts of HTML and CSS. While not difficult, it will take time to get your head around those, especially if you start from zero.

This accordion can be used either horizontally or vertically.

mouser

  • First Author
  • Administrator
  • Joined in 2005
  • *****
  • Posts: 40,900
    • View Profile
    • Mouser's Software Zone on DonationCoder.com
    • Read more about this member.
    • Donate to Member
Re: web design question: layouting one 'simple' page on my own?
« Reply #6 on: August 20, 2015, 07:09 PM »
there has to be a simple single-page/small-set website maker somewhere -- lots of people need to be able to do this kind of thing easily.

wraith808

  • Supporting Member
  • Joined in 2006
  • **
  • default avatar
  • Posts: 11,186
    • View Profile
    • Donate to Member
Re: web design question: layouting one 'simple' page on my own?
« Reply #7 on: August 20, 2015, 08:02 PM »
There are.  As long as you don't mind hosted.

wraith808

  • Supporting Member
  • Joined in 2006
  • **
  • default avatar
  • Posts: 11,186
    • View Profile
    • Donate to Member
Re: web design question: layouting one 'simple' page on my own?
« Reply #8 on: August 20, 2015, 08:28 PM »
http://mobirise.com/

I can't vouch for what it can do, but it is free during testing...

Dirhael

  • Supporting Member
  • Joined in 2006
  • **
  • Posts: 387
    • View Profile
    • defreitas.no
    • Donate to Member
Re: web design question: layouting one 'simple' page on my own?
« Reply #9 on: August 20, 2015, 09:03 PM »
You could take a look at writing your page in Markdown, using one of the several free online editors available (such as https://stackedit.io or http://dillinger.io/). Just write away almost as you would in any other text document, and export/save it as html. You'll end up with a clean, simple web page that you can upload to a server somewhere. How the final page ends up looking like depends entirely on the editor you're using, but seeing as Markdown is just plain text you can just copy/paste your document to/from any of them :)

Here's a quick example:
md.pngweb design question: layouting one 'simple' page on my own?
Registered nurse by day, hobby programmer by night.
« Last Edit: August 20, 2015, 09:15 PM by Dirhael »

MilesAhead

  • Supporting Member
  • Joined in 2009
  • **
  • Posts: 7,736
    • View Profile
    • Donate to Member
Re: web design question: layouting one 'simple' page on my own?
« Reply #10 on: August 21, 2015, 08:45 AM »
This freebie is still available.  Seems pretty basic.

http://www.windowsde...iscount-coupon-code/

Or you could use SiteSpinner Free Trial.  The usage counter counts the number of days you actually load it.  Not just subtracting the first day from the current date.  So you can make the trial last for some time while learning how to use it.

Most of the single page wizards I have seen are built into hosted free web accounts.  The ones I tried were geared to posting a photo gallery with descriptions.

app103

  • That scary taskbar girl
  • Global Moderator
  • Joined in 2006
  • *****
  • Posts: 5,884
    • View Profile
    • Donate to Member
Re: web design question: layouting one 'simple' page on my own?
« Reply #11 on: September 15, 2015, 11:01 PM »
Sitepoint has a free beginner level video course available, to teach you how to build this single page responsive site.

It's kind of based on the original Learnable site design, before the service was integrated into SitePoint's main website as SitePoint Premium. Personally, I think it's quite pretty for a simple single page site.



Disclaimer: I work for SitePoint but they have not encouraged or compensated me in any way, for this post.