ICEINSPACE
Most Read Articles
Moon Phase
CURRENT MOON Waning Crescent
13.1%
The Sun Now
Time Zones
Sydney
5:15 am
Perth
3:15 am
Auckland
7:15 am
New York*
3:15 pm
Paris*
9:15 pm
GMT
7:15 pm




Go Back   IceInSpace > General Astronomy > General Chat

Reply
 
Thread Tools Rate Thread
  #1  
Old 21-03-2017, 12:20 PM
Merlin66's Avatar
Merlin66 (Ken)
Spectroscopy Wizard

Merlin66 is offline
 
Join Date: Oct 2005
Location: St Leonards, Vic
Posts: 5,163
Building a Webpage (and making it look pretty!)

I have a "basic" webpage (built using "Creating Web Pages Simplified") but really need to improve the layouts and "feel".
http://www.astronomicalspectroscopy.com/
Can anyone recommend a book which might help me get there???
Reply With Quote
  #2  
Old 21-03-2017, 01:36 PM
pluto's Avatar
pluto (Hugh)
Astro Noob

pluto is offline
 
Join Date: Dec 2011
Location: Sydney
Posts: 1,906
Maybe check out something like Wordpress.com. It's fairly straight forward to set up a basic site with one of their templates that suits the kind of site you want and add all your pages/catagories, and it looks pretty good. Plus it will take care of the site working across desktop and mobile.
It's free though if it gets popular they can put ads at the bottom of some posts. I've had my blog with them for years and I think I've seen only a couple of ads in all that time.

Note that wordpress.com is different to wordpress.org. The former is where you can set up a site and all the hosting and everything is taken care of. The latter is a system you can install on your own host if you want to host your site yourself. At a basic level you can do the same stuff with both though obviously you get a lot more control with the self hosted wordpress.org.
Reply With Quote
  #3  
Old 21-03-2017, 01:37 PM
dimithri86 (Dimithri)
Registered User

dimithri86 is offline
 
Join Date: Jan 2015
Location: Hornsby
Posts: 124
Do you want to do it from scratch, or can you use a template?
Reply With Quote
  #4  
Old 21-03-2017, 01:55 PM
dannat's Avatar
dannat (Daniel)
daniel

dannat is offline
 
Join Date: Sep 2007
Location: Macedon shire, Australia
Posts: 3,296
i agree with wordpress, Ken will it be very photo heavy? in which case one of the photography page build platforms might be better?

you need any extra features apart from a basic page- eg forum or anything different o fairly static pages which just have content
Reply With Quote
  #5  
Old 21-03-2017, 02:00 PM
Merlin66's Avatar
Merlin66 (Ken)
Spectroscopy Wizard

Merlin66 is offline
 
Join Date: Oct 2005
Location: St Leonards, Vic
Posts: 5,163
Thanks guys...
I already made a start using a generic template ( see -http://www.astronomicalspectroscopy.com/) but I'd like to be able to run the text or lists in two columns on the page, improve the fonts and headers etc.
Hopefully there will be plenty (eventually) photos of astronomical gear and spectra....
Reply With Quote
  #6  
Old 21-03-2017, 05:02 PM
gary
Registered User

gary is offline
 
Join Date: Apr 2005
Location: Mt. Kuring-Gai
Posts: 4,572
CSS is your friend

Quote:
Originally Posted by Merlin66 View Post
I have a "basic" webpage (built using "Creating Web Pages Simplified") but really need to improve the layouts and "feel".
http://www.astronomicalspectroscopy.com/
Can anyone recommend a book which might help me get there???
Ken,

If you are crafting your web pages by hand and are seeking insight into
how to control the presentation of the document, then the keyword is
"CSS" which stands for Cascading Style Sheets.

CSS helps you separate content from style and in particular external
CSS style sheets (i.e. files that end with the .css suffix that you then
link into your .html file) are the way to go.

Here is an example of the header of a HTML web page which is
linking in three arbitrarily named style sheets. You might have just one
style sheet with all your styles in it, or you could have multiple
style sheets that do different jobs as shown here :-

<head>
<link rel="stylesheet" type="text/css" href="mystyle_this.css">
<link rel="stylesheet" type="text/css" href="mystyle_that.css">
<link rel="stylesheet" type="text/css" href="mystyle_and_the_other.css">
</head>


Google CSS HTML and start reading and playing.

Here is one tutorial starting place :-
https://www.w3schools.com/css/default.asp

CSS also allows you to control layout, so if you want multi-column text,
CSS helps achieve that.

By having external CSS files, you can control the look and feel
of your whole web site and with one change to one css file, change
the look and feel of many web pages at once.
etc., then it
Reply With Quote
  #7  
Old 22-03-2017, 06:43 AM
Merlin66's Avatar
Merlin66 (Ken)
Spectroscopy Wizard

Merlin66 is offline
 
Join Date: Oct 2005
Location: St Leonards, Vic
Posts: 5,163
Gary,
I did start by finding what I thought was a "suitable" webpage template....
I've found the .css and have already dabbled with some changes.
It's the simple stuff like changing the font sizes, and a double column layout of lists on a couple of pages.....
Thanks for the link. I'll check it out.
Reply With Quote
  #8  
Old 22-03-2017, 08:22 AM
garymck (Gary)
Registered User

garymck is offline
 
Join Date: Aug 2005
Location: Geelong
Posts: 534
Why not use a simple web site development package? Years ago I used

http://www.webpage-maker.com/

to build half a dozen web sites. Cheap, so easy to use (no coding) that it's child's play...

cheers
Gary
Reply With Quote
  #9  
Old 22-03-2017, 08:52 AM
JA
Registered User

JA is offline
 
Join Date: Oct 2016
Location: Melbourne, Australia
Posts: 433
Quote:
Originally Posted by Merlin66 View Post
I have a "basic" webpage (built using "Creating Web Pages Simplified") but really need to improve the layouts and "feel".
http://www.astronomicalspectroscopy.com/
Can anyone recommend a book which might help me get there???
Books, no. As a consumer, advice plenty

Minimalist almost monochrome is best for backgrounds and text. Bring colour with your images, articles, headings and banner. These will POP against such a monochrome background and reduce reader fatigue.

Background: Black or Very Dark Grey/Charcoal with any boxes in same colour theme only vary brightness. If you must have a white background (please no), then at least off-white/very/very light grey. A site I frequent, dpreview has a user selectable colour theme: Dark or Light. It's a good idea in itself, but try it just to see the difference in fatigue. Here: https://www.dpreview.com/ there Dark/Light control is in the upper right of the page.

Text: Something like Arial. No serif type fonts. Colour very very very light grey or very very light blue, almost but not white. No other colours, except for headings (in larger font) and hyperlinks.

Logical Separation: Keep areas of the page that need logical separation, separate with a highlighted/same colour theme box (no border) .

Use a navigation pane on the left side to all subpages.

Scrolling: Reduce Scrolling where possible

Phone Number If it is a business, use a prominent phone number top right - don't make people navigate to a Contact us page to find this.

Above all, be consistent - the mind strives to understand whatever is put in front of it, so to reduce fatigue or worse, people leaving your page, create order by being consistent in your layout, whilst at the same time creating some interest, possibly through images or video provided as say a series of thumbnail images in a column on the right hand side, or possibly a format with a thumbnail image to go with EVERY article or story - Sort of like the Deep space subforum page here, where all threads have an image & title or like the news page of the dpreview site I linked to.

Sample image attached (Extract from webpage with banner removed so as to show more of detailed area)

Knock yourself out.....

Best
JA
Attached Thumbnails
Click for full-size image (Webpage Example.jpg)
201.5 KB14 views

Last edited by JA; 22-03-2017 at 09:22 AM.
Reply With Quote
  #10  
Old 22-03-2017, 11:42 AM
Moon's Avatar
Moon (James)
This sentence is false

Moon is offline
 
Join Date: Oct 2008
Location: Melbourne
Posts: 1,139
The best way to do it depends on what you want to get out of it.

If you just want the end result (a good looking website) in the shortest possible time with minimal frustration - then go for wordpress or something like that.

On the other hand you want to build it yourself from the ground up, learn lots of web development stuff along the way and end up with a site you built yourself, but it doesn't look anywhere near as polished as a professional one - then you don't need any tools other than a text editor and lots of google-fu to figure out how to do it all. CSS frameworks like bootstrap and skeleton are great to get you started.

A third way / middle ground would be something like the very awesome Hugo.

Anyhow, good luck :-)

Last edited by Moon; 22-03-2017 at 02:31 PM.
Reply With Quote
  #11  
Old 22-03-2017, 12:57 PM
ZeroID's Avatar
ZeroID (Brent)
Lost in Space ....

ZeroID is offline
 
Join Date: May 2010
Location: Auckland, NZ
Posts: 4,415
Weebly.com
Free for personal, some slight restrictions with video but online editing and easy to use
Check my two out, seems to be no restrictions on multiple sites either.

eplusbike.weebly.com and brenthrussell.weebly.com

Some nice templates in there, suitable for most sites, very easily modified, no ads and cheap if you go professional one day.
Reply With Quote
  #12  
Old 22-03-2017, 01:49 PM
pluto's Avatar
pluto (Hugh)
Astro Noob

pluto is offline
 
Join Date: Dec 2011
Location: Sydney
Posts: 1,906
Quote:
Originally Posted by Moon View Post
A third way / middle ground would be something like the very awesome Hugo.
That looks really cool!
Reply With Quote
Reply

Bookmarks

Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +10. The time is now 05:15 AM.

Powered by vBulletin Version 3.8.7 | Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.
Advertisement
OzScopes Authorised Dealer
Advertisement
Lunatico Astronomical
Advertisement
FLI Cameras and Imaging Accessories
Advertisement
Bintel
Advertisement
Atik One
Advertisement
Meade Instruments
Advertisement
SkyWatcher Star Discovery
Advertisement
Tasco Australia
Advertisement
Astronomy and Electronics Centre
Advertisement