irrashai powerpoint
DESCRIPTION
Finals for Web Design. My presentation for my website..TRANSCRIPT
![Page 1: Irrashai powerpoint](https://reader036.vdocument.in/reader036/viewer/2022070317/5564742fd8b42a5b318b4e73/html5/thumbnails/1.jpg)
Irrashai(my webpage)
By: Alyssa AlbatanaART2830-01:Web Design
![Page 2: Irrashai powerpoint](https://reader036.vdocument.in/reader036/viewer/2022070317/5564742fd8b42a5b318b4e73/html5/thumbnails/2.jpg)
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
![Page 3: Irrashai powerpoint](https://reader036.vdocument.in/reader036/viewer/2022070317/5564742fd8b42a5b318b4e73/html5/thumbnails/3.jpg)
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
![Page 4: Irrashai powerpoint](https://reader036.vdocument.in/reader036/viewer/2022070317/5564742fd8b42a5b318b4e73/html5/thumbnails/4.jpg)
Knowing Japan Site Map
![Page 5: Irrashai powerpoint](https://reader036.vdocument.in/reader036/viewer/2022070317/5564742fd8b42a5b318b4e73/html5/thumbnails/5.jpg)
Knowing Japan Mood Board
![Page 6: Irrashai powerpoint](https://reader036.vdocument.in/reader036/viewer/2022070317/5564742fd8b42a5b318b4e73/html5/thumbnails/6.jpg)
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.
![Page 7: Irrashai powerpoint](https://reader036.vdocument.in/reader036/viewer/2022070317/5564742fd8b42a5b318b4e73/html5/thumbnails/7.jpg)
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)
![Page 8: Irrashai powerpoint](https://reader036.vdocument.in/reader036/viewer/2022070317/5564742fd8b42a5b318b4e73/html5/thumbnails/8.jpg)
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’
![Page 9: Irrashai powerpoint](https://reader036.vdocument.in/reader036/viewer/2022070317/5564742fd8b42a5b318b4e73/html5/thumbnails/9.jpg)
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.*
![Page 10: Irrashai powerpoint](https://reader036.vdocument.in/reader036/viewer/2022070317/5564742fd8b42a5b318b4e73/html5/thumbnails/10.jpg)
Main Page
![Page 11: Irrashai powerpoint](https://reader036.vdocument.in/reader036/viewer/2022070317/5564742fd8b42a5b318b4e73/html5/thumbnails/11.jpg)
Zoom - In
-> I put the contents on a container.->put box-shadow around it to separate the container to the white background image.
![Page 12: Irrashai powerpoint](https://reader036.vdocument.in/reader036/viewer/2022070317/5564742fd8b42a5b318b4e73/html5/thumbnails/12.jpg)
Main Page
![Page 13: Irrashai powerpoint](https://reader036.vdocument.in/reader036/viewer/2022070317/5564742fd8b42a5b318b4e73/html5/thumbnails/13.jpg)
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.
![Page 14: Irrashai powerpoint](https://reader036.vdocument.in/reader036/viewer/2022070317/5564742fd8b42a5b318b4e73/html5/thumbnails/14.jpg)
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
![Page 15: Irrashai powerpoint](https://reader036.vdocument.in/reader036/viewer/2022070317/5564742fd8b42a5b318b4e73/html5/thumbnails/15.jpg)
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)
![Page 16: Irrashai powerpoint](https://reader036.vdocument.in/reader036/viewer/2022070317/5564742fd8b42a5b318b4e73/html5/thumbnails/16.jpg)
Events and Fun Facts
-created by paragraphs and unordered list
![Page 17: Irrashai powerpoint](https://reader036.vdocument.in/reader036/viewer/2022070317/5564742fd8b42a5b318b4e73/html5/thumbnails/17.jpg)
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
![Page 18: Irrashai powerpoint](https://reader036.vdocument.in/reader036/viewer/2022070317/5564742fd8b42a5b318b4e73/html5/thumbnails/18.jpg)
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
![Page 19: Irrashai powerpoint](https://reader036.vdocument.in/reader036/viewer/2022070317/5564742fd8b42a5b318b4e73/html5/thumbnails/19.jpg)
Useful Resource
The most useful resource I used was FLICKR (for the pictures)
To credit it I used link that directs to that site.
![Page 20: Irrashai powerpoint](https://reader036.vdocument.in/reader036/viewer/2022070317/5564742fd8b42a5b318b4e73/html5/thumbnails/20.jpg)
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.