W3C home > Mailing lists > Public > public-webplatform@w3.org > April 2013

Re: Wire Frame for the web site

From: Chris Mills <cmills@w3.org>
Date: Mon, 29 Apr 2013 15:28:29 +0100
Cc: public-webplatform@w3.org
Message-Id: <61ECA74A-CA2A-4FEF-A423-3921F3AEFF35@w3.org>
To: <wpd@theherzes.com>
Do we have an IA scheme for the actual webplatform.org site? As in the planning document, or as in a current sitemap?

Chris Mills
Opera Software, dev.opera.com
W3C Fellow, web education and webplatform.org
Author of "Practical CSS3: Develop and Design" (http://goo.gl/AKf9M)

On 23 Apr 2013, at 17:56, David R. Herz <WPD@theherzes.com> wrote:

> Okay, now I feel stupid.  It's clear from the context that web framing is a
> matter of typical page layout.  I had it in my mind as a flow chart/site map
> sort of thing.  Do we have an Information Architecture scheme for our site?
> That's the question in which I was more interested.
> 
> David R. Herz
> wpd@theherzes.com
> 
> -----Original Message-----
> From: Chris Mills [mailto:cmills@w3.org] 
> Sent: Tuesday, April 23, 2013 5:23 PM
> To: wpd@theherzes.com
> Cc: public-webplatform@w3.org
> Subject: Re: Wire Frame for the web site
> 
> On 22 Apr 2013, at 14:46, "David R. Herz" <WPD@theherzes.com> wrote:
> 
>> I have been looking, not very hard I will admit, for how I set the 
>> width of my web page.  I have been wandering the beginner stuff, the 
>> HTML, the CSS, and then I arrived at the Planning a website page.  It 
>> suggests that the normal process behind planning a website is 1. 
>> Having the idea (we've got
>> that) and 2. Wireframing the site's layout.  Do we have a wireframe 
>> model that I can view, especially for the beginner side?
> 
> I will be adding this to the beginner's article series, for sure. 
> 
> There is a wireframe model at
> http://docs.webplatform.org/wiki/concepts/wireframing_a_site
> 
> The basic concept is that you would design a site as a wireframe of some
> kind. At this point, you would choose a width for your layout, either a
> fixed width (such as 1024px wide for desktop, 480px for mobile, etc.) or a
> variable width (such as 90% of the browser window width.) This is more
> complicated than it used to be because of the variety of devices we now have
> to view the web. This is the foundation of so called "responsive web design"
> - making a single sit that will adapt its layout for display on different
> devices. But I'll leave that there for now, and just concentrate on your
> original question.
> 
> When you have chosen a width to make your site (let's just say 1024px for
> now, to make the discussion easier), you will then create your site inside a
> container element that is 1024px wide. This could be the <body> element, or
> it might be a container elements such as a <div>, depending on your
> circumstances. I mostly just use <body>.
> 
> In your CSS, you can set the width like this:
> 
> body {
>  width: 1024px;
> }
> 
>> 
>> Also, I would like to suggest an index that might be more intuitive 
>> for a beginner.  We have an "Index of all HTML topics," but when I 
>> look there, it is not clear to me where I can find information for how 
>> to set the color of my text, the width of my page, or even something 
>> as simple as a first line indent on my paragraphs, or justification of 
>> my text.  When I search for justification, I get a dictionary 
>> definition, but am in no way pointed to how I would actually justify my
> text.
> 
> Ok, so a much more granular index of typical tasks. This could be useful
> yes. I agree that we need to also sort out the organization of the articles
> in general.
> 
Received on Monday, 29 April 2013 14:28:40 UTC

This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 19:13:46 UTC