TH
EF
OR
BID
DE
NC
ITY
Christopher Joy
INDEX
Creative Brief....................................................................................1
Navigation Map.................................................................................2
Wire Frames.....................................................................................3-10
Style Sheet.......................................................................................11
Citing/Credits....................................................................................12
THE FORBIDDEN
CITY
THE FORBIDDEN
CITY
CREATIVE BRIEF
Project Summary
The Forbidden City Website is a 2011 look into a great city that
was thriving and flourishing during the Ming (1368–1644) and
Qing (1644–1911) Dynasties.
Home Page
General information about the Forbidden City history and the
cities location and some of its structures.
The Forbidden City Gates
Information about all the city gates and moats.
Imperial Garden
Information about the garden itself and certain plants and
building inside and around the garden.
The Hall of Literary Glory & Martial Valor
Information about the two separates halls and the different
type of gallery in each hall.
The Hall of Celestial & Terrestrial Union
Information about certain festivals and why it is call the hall of
union and peace.
The Six Western Palaces
Information about what the six palaces was used for during the
reign of the emperors.
Contact Page
Information about how to contact the creator of the site via
email.
Credits
Information about were all pictures came from if there are from
outside source or copywritten.
Audience / User
This website is mainly directed towards first time tourist of the
city, people that may want to visit the city or people that have
never heard of the city before. this includes all ages.
Perception / Tone
The tone of the site should have a strong feel of China during
the reign of the emperors. and each page should grasp the
user with intresting fact about certain parts of the Forbidden
City.
1
WIRE FRAME
index.htm
The Forbidden
City Gates
Imperial
Garden
The Hall of
Literary Glory
The Hall of
Celestial Union
The Six
Western Palaces
Credits
Contact
2
Banner =100%
Navigation________ ________ _______ _______ _______
HOME PAGE CONTENT=74%
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s
standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to
make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting,
remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing
Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including
versions of Lorem Ipsum.
Why do we use it?
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its
layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to
using ‘Content here, content here’, making it look like readable English. Many desktop publishing packages and
web page editors now use Lorem Ipsum as their default model text, and a search for ‘lorem ipsum’ will uncover
many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
Where does it come from?
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney
College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage,
and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum
comes from sections 1.10.32 and 1.10.33 of “de Finibus Bonorum et Malorum” (The Extremes of Good and Evil)
by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance.
The first line of Lorem Ipsum, “Lorem ipsum dolor sit amet..”, comes from a line in section 1.10.32.
RIGHT SIDEBAR
21%
___________
___________
___________
___________
___________
___________
___________
3
Banner =100%
Navigation________ ________ _______ _______ _______
THE FORBIDDEN CITY GATES CONTENT=100%
IMAGE HERE
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s
standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type
specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially
unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more
recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, “Lorem ipsum dolor
sit amet..”, comes from a line in section 1.10.32.
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that
it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it look like readable English. Many desktop publishing
packages and web page editors now use Lorem Ipsum as their default model text, and a search for ‘lorem ipsum’ will uncover many web sites still in their infancy.
Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years
old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem
Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and
1.10.33 of “de Finibus Bonorum et Malorum” (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and
scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into
electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of
Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like
Aldus PageMaker including versions of Lorem Ipsum. a treatise on the theory of ethics, very popular during
the Renaissance. The first line of Lorem Ipsum, “Lorem ipsum dolor sit amet..”, comes from a line in section
1.10.32.
The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections
1.10.32 and 1.10.33 from “de Finibus Bonorum et Malorum” by Cicero are also reproduced in their exact
original form, accompanied by English versions from the 1914 translation by H. Rackham.
Where can I get some?
IMAGE HERE
4
Banner =100%
Navigation________ ________ _______ _______ _______
IMPERIAL GARDEN CONTENT=74%
IMAGE HERE
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text
ever since the 1500s, when an unknown printer took a galley of type and
scrambled it to make a type specimen book. It has survived not only five
centuries, but also the leap into electronic typesetting, remaining essentially
unchanged. It was popularised in the 1960s with the release of Letraset
sheets containing Lorem Ipsum passages, and more recently with desktop
publishing software like Aldus PageMaker including versions of Lorem Ip-
It is a long established fact that a reader will be distracted by the readable content of a page when looking
at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed
to using ‘Content here, content here’, making it look like readable English. Many desktop publishing packages and
web page editors now use Lorem Ipsum as their default model text, and a search for ‘lorem ipsum’ will uncover
many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin
literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney
College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage,
and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum
comes from sections 1.10.32 and 1.10.33 of “de Finibus Bonorum et Malorum” (The Extremes of Good and Evil)
by Cicero, written in 45 BC. This book is
Lorem Ipsum is simply dummy text of the printing and typesetIMAGE HERE
ting industry. Lorem Ipsum has been the industry’s standard dummy text
ever since the 1500s, when an unknown printer took a galley of type and
scrambled it to make a type specimen book. It has survived not only five
centuries, but also the leap into electronic typesetting, remaining essentially
unchanged. It was popularised in the 1960s with the release of Letraset
sheets containing Lorem Ipsum passages, and more recently with desktop
publishing software like Aldus PageMaker including versions of Lorem Ipsum. a treatise on the theory of ethics, very popular during the Renaissance.
The first line of Lorem Ipsum, “Lorem ipsum dolor sit amet..”, comes from
RIGHT SIDE BAR
21%
___________
___________
___________
___________
___________
___________
___________
5
Banner =100%
Navigation________ ________ _______ _______ _______
The Hall of Literary Glory & Martial Valor CONTENT=100%
IMAGE HERE
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s
standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with
desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, “Lorem ipsum dolor sit
amet..”, comes from a line in section 1.10.32.
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that
it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it look like readable English. Many desktop publishing
packages and web page editors now use Lorem Ipsum as their default model text, and a search for ‘lorem ipsum’ will uncover many web sites still in their infancy.
Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years
old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum
passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of
“de Finibus Bonorum et Malorum” (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make
a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining
essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. a
treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, “Lorem ipsum dolor
sit amet..”, comes from a line in section 1.10.32.
IMAGE HERE
The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and
1.10.33 from “de Finibus Bonorum et Malorum” by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.
6
Banner =100%
Navigation________ ________ _______ _______ _______
The Hall of Celestial & Terrestrial Union CONTENT=74%
IMAGE HERE
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text
ever since the 1500s, when an unknown printer took a galley of type and
scrambled it to make a type specimen book. It has survived not only five
centuries, but also the leap into electronic typesetting, remaining essentially
unchanged. It was popularised in the 1960s with the release of Letraset
sheets containing Lorem Ipsum passages, and more recently with desktop
publishing software like Aldus PageMaker including versions of Lorem Ip-
It is a long established fact that a reader will be distracted by the readable content of a page when looking
at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed
to using ‘Content here, content here’, making it look like readable English. Many desktop publishing packages and
web page editors now use Lorem Ipsum as their default model text, and a search for ‘lorem ipsum’ will uncover
many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin
literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney
College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage,
and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum
comes from sections 1.10.32 and 1.10.33 of “de Finibus Bonorum et Malorum” (The Extremes of Good and Evil)
by Cicero, written in 45 BC. This book is
Lorem Ipsum is simply dummy text of the printing and typesetIMAGE HERE
ting industry. Lorem Ipsum has been the industry’s standard dummy text
ever since the 1500s, when an unknown printer took a galley of type and
scrambled it to make a type specimen book. It has survived not only five
centuries, but also the leap into electronic typesetting, remaining essentially
unchanged. It was popularised in the 1960s with the release of Letraset
sheets containing Lorem Ipsum passages, and more recently with desktop
publishing software like Aldus PageMaker including versions of Lorem Ipsum. a treatise on the theory of ethics, very popular during the Renaissance.
The first line of Lorem Ipsum, “Lorem ipsum dolor sit amet..”, comes from
RIGHT SIDE BAR
21%
___________
___________
___________
___________
___________
___________
___________
7
Banner =100%
Navigation________ ________ _______ _______
The Six Western Palaces CONTENT=100%
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and
scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into
electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of
Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like
Aldus PageMaker including versions of Lorem Ipsum.
a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, “Lorem
ipsum dolor sit amet..”, comes from a line in section 1.10.32.
IMAGE HERE
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it
has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for ‘lorem ipsum’ will uncover many web sites still in their infancy. Various
versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years
old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum
passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of “de
Finibus Bonorum et Malorum” (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make
a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining
essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. a
treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, “Lorem ipsum dolor
sit amet..”, comes from a line in section 1.10.32.
IMAGE HERE
The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and
1.10.33 from “de Finibus Bonorum et Malorum” by Cicero are also reproduced in their exact original form, accompanied
by English versions from the 1914 translation by H. Rackham.
8
Banner =100%
Navigation________ ________ _______ _______
CREDITS CONTENT=100%
IMAGE HERE
IMAGE HERE
IMAGE HERE
IMAGE HERE
CREDITS GO HERE
CREDITS GO HERE
CREDITS GO HERE
CREDITS GO HERE
9
Banner =100%
Navigation________ ________ _______ _______ _______
CONTACT CONTENT=100%
_______
_______
_______
_______
_______
CONTACT BOX INFORMATION GOES
HERE.
10
STYLE SHEET
PALETTE SCHEME
HEX CODE: #ffe4ca
Banner font-style= Gang of Three
font-size=24px
Navigation font-style = times new roman
font-size= 12px
Content font-style= times new roman
font size= 8px
HEX CODE: #cb380a
HEX CODE: #cc6600
11
citing sources
Akhtar, Saad. The Hall of Supreme Harmony c. 2004
http://en.wikipedia.org/wiki/File:Beijing-forbidden4.jpg
File:Beijing-forbidden4.jpg, www.wikipedia.com - Wikipedia Commons,
Upload on 24 November 2004, Copyright holder release this work into the
public domain.
Connors, Kevin. Forbidden City, Beijing c. 2009
http://www.morguefile.com/archive/display/135215
Kallgan. Shenwumen Gate of the forbidden city c. 2006
http://en.wikipedia.org/wiki/File:Forbidden_City_Beijing_Shenwumen_Gate.JPG
Connors, Kevin. Forbidden City, Beijing c. 2009
http://www.morguefile.com/archive/display/219141
Connors, Kevin. Forbidden City, Beijing c. 2009
http://www.morguefile.com/archive/browse/#/?qury=imperial%20
garden&terms_all=imperial%20garden
File:DSC_7209.jpg, www.morguefile.com - morgufile free photo, Copyright holder release this work into the public domain.
File:Sunset Northwest cornor of the Forbidden City.jpg, www.wikipedia.
com - Wikipedia Commons, Upload on 11 March 2007, Copyright holder
release this work into the public domain.
File:Forbidden City Beijing Shenwumen Gate.JPG, www.wikipedia.com
- Wikipedia Commons, Upload on 9 June 2006, Copyright holder release
this work into the public domain.
Connors, Kevin. Forbidden City, Beijing c. 2009
http://www.morguefile.com/archive/browse/#/?qury=imperial%20
garden&terms_all=imperial%20garden
Connors, Kevin. Forbidden City, Beijing c. 2009
http://www.morguefile.com/archive/browse/#/?qury=imperial%20
garden&terms_all=imperial%20garden
12