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.