Date post: | 26-May-2015 |
Category: |
Education |
Upload: | murasaki13 |
View: | 98 times |
Download: | 0 times |
Irrashai(my webpage)
By: Alyssa AlbatanaART2830-01:Web Design
Knowing Japan
Purpose: The purpose of my site is to promote the country of Japan and its culture.
My audience are: people who are interested in going to
Japan People who wants to know Japan as a
country
Knowing Japan
In my site I want to accomplish a fun and interesting way to show around Japan.
Troubles: On what to include Looking for appropriate pictures Centering the navigation bar
Knowing Japan Site Map
Knowing Japan Mood Board
Theme
Colors Red
(#C12025, #B21803, #6D1102)
White (#FFFFFF)
Gray #B0AEB2
Gradient
Koi Fish I chose Koi Fish as my
theme because it is one of Japan’s ornament in designing their pond.
So on my site I want to portray a pond of knowledge about Japan.
Let’s go to my site
http://pixel.csueastbay.edu/283001/albatana/project/All1/mainpage.html
The link above is the main webpage of “Irrashai”(my website)
The word “Irrashai”
In english “irasshaimase or Irrashai” means welcome or come on in.
It is often used to welcome customers.
This is how it is written いらっしゃいませ! -Irrashaimase!
And this is how I came up with the name “Irrashai”, to say ‘welcome to my page” and explore’
Header
-2 Koi Fish-Flag of Japan-“Irrashai” in Hiragana-“Irasshai” in English Alphabet
*My header is a clickable image that brings you back to the main page.*
Main Page
Zoom - In
-> I put the contents on a container.->put box-shadow around it to separate the container to the white background image.
Main Page
Japan and History->I placed the header and the navigation bar at the same place.-> citation: is in the bottom of the contents and the picture-> In Japan.html the fish is a gif->In History.html the pictures are set to float.
Culture and Things to do
Similarity:-both are in ordered list-both has a floating picture on left and right-when the picture is clicked, it’ll bring you to a site where I got the picture.
Culture:-simple and no other links
Things to do:-has an extra link that when clicked, brings you to the site of the place
Hot Spots
-Within the container I created two sections-pictures are also clickable(brings you to the source of the image)-Name of the place are also clickable(brings you to the place’s site)
Events and Fun Facts
-created by paragraphs and unordered list
Citation and Form
Citation:-I made a link for each that leads to where my pictures and contents came from-it is arranged in order so its easy to look at
Form:-arranged in two sections and centered
What I learned
I learned a lot of coding and css How to read codes How to link CSS and a Google Web
Font How to validate Techniques such as using
border: 1px solid black –it really helps setting up the overall placements
Useful Resource
The most useful resource I used was FLICKR (for the pictures)
To credit it I used link that directs to that site.
Most successful parts of my site
I think the most successful part of my site is the main page because there is a slide that (might) attract people to look at more of my website(thanks to Alyssa Adriano)
I might add more on my Events and Fun Facts page.