ASS3

Concept map
Overall
content
about web
site
About Web
Hosting
Webs Hosting
Home
CV
background
info
My web page
Resume
About Web
issues
About this
page
My links
Web Issues
About
logo
Navigation bar
Main contents
Footer.
Links and web sites
CSS text plan

enovation-external.css
Font Family Text
Colour /Special Characteristic
body
body
Margin: 0;
background-colour: #00005D;
#container
Verdana, Arial, sansserif;
background-colour: #00005D;
colour: #00CCCC;
min-width: 960px;
#pageHeader
As body
#Centre
As body
#Sitebar
As body
colour: #00FFFF;
background-colour: #CCCC66
border-bottom: 2px solid #006
text-align: right;
height: 120px;
background-image used: url(lo
background-posit
background-repea
padding: 0 20px;
margin: 0 210px 0 160px;
padding: 1px 10px 20px
10px;
background-colour:
#00FF99;
colour: #003300;
float: right;
width: 200px;
#nav
As body
float: left;
width: 150px colour:#006600;}
a:visited { colour: #003300; }
a:focus, a:hover { colour: #66CC3
a:active { colour: #000000;}
img { margin: 30px;}
#centre p { margin: 20px;
ul { margin-top: 20px;
list-style-type: none
a { text-decoration: none;
font-size: 1.2em;
#H1
As body
#footer
As body
margin-top: 0;
font-size: 3em;
text-align: left;
text-shadow: 2px,2px 2px
#H3
body
#float
Body
#news
body
Navigation map
Homepage
my web profile
padding-bottom: 5px
border-botto
margin: 10p
font
colour: #660
background
margin: 10px;
float: right;
font-size: .80em;
margin: 10px
Change
appearance
of
homepage
Change the
images of
homepage
Change
hyperlinks of
webpage
Change
text of
homepage
About
(with nav
list)
Recomm
ended
external
links
NB: if navigation links available then all should have been

connected
Physical structure
Enter URL
No adverts
on my page
Offsite link
no return
( social
networking
site
Images
Html
Styles
External
CSS
Index.html
images
contact.html
about-page..Html
links.html
changingtext.html
Changing-look.html
TITLE:
Homepage .html
DATE:03/05/2016
SCREEN ID:1.0
1
ELEMENTS:
2
GRAPHICS:
5
TEXT: On the Homepage introduces the me and informs users of the purpose of the website
Support site. The text for about page provided by Enovation_Design_Brief.doc and located in
the working files directory of the Enovation materials
AUDIO/VIDEO: No audio, no video, however, site has a flash roll over of images
GRAPHICS: Present on this page are several graphics, most used via CSS background images.
NOTES: The image shows each of the divs built for site (site is designed as a standard three
column site)
They are inside the overall container. Immediately inside the container is the outline. All other
divs are within the outline. They are pageHeader (1) is for the my logo, and site banner, which is
changes on each page - in this case allows an introduction of the company, navList (2) providing
hyperlinks to most pages on the site, centerText changes on each page (3) in this case
introducing the purpose of the website itself, supportingText allows for additional descriptions
about the topic of the centerText (the supportingText div contains three other divs - Why, What
& How toDescription:
allow for multiple headings
andimages
expansion
of subject area - all used for the content of
Changing
on a website
this page),
(4)s typically withExplains
images to
andusers
interactive
(images on
used
as hyperlinks
Content:
how to (flash)
change imaging
images located
their
website.
Interactions:
Navigation
links
provideand
hyper
link footer
to the most
of my pages.
at present
targets advert2.html
for testing
purposes)
finally
(5) contains
copyright
Media
provided
as present
part of design
from Enovation.
information
andCreation:
provides linksNil
to Main
site (at
target package
advert2.html)
and about me.html
Navigation:
Navigation links to all pages in the site provided by navList div (2) and the
main site hyperlink in footer (5) links to advert2.html test page (prior).
Additionally the About us hyperlink in the footer (5) links to about-us.html
TITLE:
Wekskills .html
DATE:03/05/2016
SCREEN ID:1.0
1
ELEMENTS:
1
2
GRAPHICS:
5
TEXT: On the web skill introduce my web skills and informs users of the purpose of the
webpage.
Support site. The text for this page provided by john paro.
column site)
& How to allow for multiple headings and expansion of subject area - all used for the content of
this page), (4)s typically with images and interactive (flash) imaging (images used as hyperlinks
at present targets advert2.html for testing purposes) and finally footer (5) contains copyright
information and provides links to Main site (at present target advert2.html) and about me.html
Description:
Content:
Interactions:
Media Creation:
Navigation:
Resume webpage
Explains to users how to change images located on the web page
Navigation links provide hyper link to the most of my pages.
Nil provided as part of design package from Enovation.
TITLE:
Resume .html
DATE:03/05/2016
SCREEN ID:1.0
1
ELEMENTS:
GRAPHICS:
5
TEXT: On the Homepage introduces the background of john paro and informs users of the
purpose of the webpage.
Support site. The text for this page provided by john paro in Brief.doc and located in the
working files directory of the Enovation materials
GRAPHICS: Present on this page are several graphics, most used via CSS background images
and colour.
column site)
Description:
Content:
Interactions:
Media Creation:
Navigation:
Web skills on a webpage

Explains to users how to change images located on their website.
TITLE:
About me.html
DATE:03/05/2016
SCREEN ID:1.0
1
ELEMENTS:
GRAPHICS:
5
TEXT: On the about me page, introduces me and informs users of the purpose of the
webpage.
Support site. The text for this page provided by Enovation_Design_Brief.doc and located in
the working files directory of the Enovation materials
column site)
Description:
Content:
Interactions:
Media Creation:
Navigation:
About webpage
Explains to users how to change images located on their website.
main site hyperlink in footer (5) links to social networking site(prior).
Additionally the About page hyperlink in the footer (5) links to
facebook.html
Testing Procedures
Testing procedure for my Webpage is as follows.
Validation of Files o All XHTML pages will

be validated using XHTML 1.0
Transitional o All CSS files will be
validated using CSS Level 2.1
Test :Look and Feel of display on

several browser sizes o 530 X 480
pixels, o 920 X 450 pixels, o 1424 X 708
pixels, o 1080 X 1022 pixels, o 1450 x
980 pixels, o 1180 x 854 pixels, o 1400
x 1024 pixels.
Test Look and Feel of site on different

browsers o Internet Explorer 8 (Windows
XP) o Internet Explorer 9 (Windows 7) o
Firefox 9.0.1 (Mozilla) o Chrome

(Google) o Safari 5 (Apple)
Test all hyperlinks on site o
All internal links (site
navigation) o All
external hyperlinks.
Test proper functioning

of all media on the
page.

ASS3

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

ASS3

Uploaded by

Copyright:

Available Formats

Concept map

Links and web sites

CSS text plan

Font Family Text

Colour /Special Characteristic

Verdana, Arial, sansserif;

NB: if navigation links available then all should have been

Web skills on a webpage

Validation of Files o All XHTML pages will

Test :Look and Feel of display on

Test Look and Feel of site on different

Firefox 9.0.1 (Mozilla) o Chrome

Test proper functioning

You might also like