I have built a template page with no content but the header. Laid out the page which I will duplicate 4 time. I have published it on my S drive account. This is my first RSD project. Built sites on VSD in the past. I struggled to grasp the CSS logic but think I have a good understanding now (not complete though). I was hoping some one could take a look at it and see if I have it correct. I have other templates to create and want to make sure I am doing it correctly, before I move on. This will be a 60 page site when it is finished. Am I correct in thinking that once duplicated I will need to apply changes to each element through the ID application? I hope to track this information through spreadsheets, is that what most do?

http://ipcotest.coffeecup.com/blank.html#

Thanks in advance for you input.

Mary

Hi Mary,
Just had a look at your pilot page for your site. Looks nice and clean with plenty of white space.

I have one question for you. Is your site primarily aimed at desktop users?

I ask because when the page is resized to mobile device sizes the elements on the page are squashed together.
If you want mobile users to have a good experience of your site you may need to think about using CSS and/or flexbox to reposition the elements at smaller screen widths.
CoffeeCup help tutorials have lots of excellent information on layout and using flexbox, as do other sites, like W3Schools for example.

I look forward to seeing your site as it progresses.

regards,
David

David,

Yes it will be viewed on small screens as well. I thought I would make it responsive after I have added the content in the wide view. Is that incorrect? Picture dimensions in the body of the page will be different from the initial layout. Although we are a boat transportation company, what we are selling are the Islands we go to, not our service really (we are the only provider). So beautiful pictures are the key to this site. Pictures in the stylized containers will be all the same size, but pictures in the body will be sized based on their content and corresponding text. Does that make sense?

Hi Mary,
How you design your site is a matter of personal choice. However it seems to me that designing for 'mobile first' is the way to go.
'Mobile first' has distinct advantages for users in that smaller devices do not have to load up lots of unnecessary CSS layout information that refers to desktop users layout, thereby maximising download bandwidth etc. Ally this to using smaller image sizes for mobile users and larger copies for desktop sizes and you will be good to go.

Regards,
David