Cyberia Café Website creation By Laura Cheeseman
Creating in Photoshop I originally created my design in Photoshop in the last task (4) and so I decided to use the design for this task. I used the slice tool to separate the buttons and other sections.
Creating in Photoshop
Creation of the menu The menu was created by placing layers on the image which was imported from Photoshop. The pictures of food were from the internet.
Creation of the menu The text was then added in another layer. The name was in english, the description is in Latin dummy text.
Creation of the menu The other images were added in the same way. The arrows are links to the other parts of the menu (starters, mains and desserts)
Creation of recipe page The recipe page uses images from the internet and the text is Latin dummy text.
Creation of recipe page As well as being able to see a different recipe by using the arrows the users will also be able to select the food they want by clicking the image of the food. This was done with image rollover.
Creating links Originally I had created flash buttons however when it came to linking them it did not work so I had to use the function rollover image. This worked fine however I was disappointed in making all the buttons in flash for nothing. This method was also used for the arrows in the menu area.
Creation of flash button To create a banner (Which was placed at the bottom of the page) I used flash in which the logo image was used. The logo was made larger to make it appear as if it was moving. I chose to not use flashing colours or anything too eye-catching as these forms of banners tend to any the customer and may deter people from the site.
Final This is what the final home page looks like  

More Related Content

PPT
How To Get A Navigation Menu
PDF
How to Generate Thumbnail Images in Bulk
PPTX
Photoshop Feature Guide
PPTX
What have you learned about technology from creating this magazine?
PPT
Presentation 1
PPTX
Question 4
PPTX
Content page powrpoint
PDF
A2 Evaluation Question 4
How To Get A Navigation Menu
How to Generate Thumbnail Images in Bulk
Photoshop Feature Guide
What have you learned about technology from creating this magazine?
Presentation 1
Question 4
Content page powrpoint
A2 Evaluation Question 4

What's hot (20)

PPTX
Lily evaluation technology
PPT
Dreamweaver Tools
DOCX
Google images
PPTX
A2 media evaluation part 3
PPTX
Supporting Piece Process
PPTX
Evalutaion actual 4.
PPTX
PPTX
Blue Arrow Ident
PPTX
Black Tape Productions
PPTX
Image manipulation
PPTX
Evaluation question 4
PPTX
Adobe Premier
PPT
Q4 evaluation media
PPTX
Evaluation Question 6) What have you learnt about technologies from the proce...
PPTX
Technology used in Ancillary Products
PPTX
Technology used in Ancillary Products
PPTX
Technology used in Ancillary Products
PPTX
Q4 evaluation harlie
PPT
Question 4
PPTX
Technology
Lily evaluation technology
Dreamweaver Tools
Google images
A2 media evaluation part 3
Supporting Piece Process
Evalutaion actual 4.
Blue Arrow Ident
Black Tape Productions
Image manipulation
Evaluation question 4
Adobe Premier
Q4 evaluation media
Evaluation Question 6) What have you learnt about technologies from the proce...
Technology used in Ancillary Products
Technology used in Ancillary Products
Technology used in Ancillary Products
Q4 evaluation harlie
Question 4
Technology
Ad

Similar to Presentation1 (20)

PPTX
6. production reflection
PPTX
6. production reflection
DOCX
evauluationEvaluation
DOCX
Evaluation-
PPTX
Technologies
DOCX
Unit 11 final evaluation irene
PPTX
Website evaluation
PPTX
3. fmp production experiments
PPTX
AS Media Evaluation Q6
PPTX
Production of my double page spread
PPTX
3. production experiments (fmp)
PPTX
Photoshop evidence
PPTX
Final evaluation 2
PPT
Techniques powerpoint
PPTX
Final Evaluation
DOCX
Technologies used for my poster
PPTX
Question 6
PPTX
Question 6
PPTX
6. production reflection (fmp)
6. production reflection
6. production reflection
evauluationEvaluation
Evaluation-
Technologies
Unit 11 final evaluation irene
Website evaluation
3. fmp production experiments
AS Media Evaluation Q6
Production of my double page spread
3. production experiments (fmp)
Photoshop evidence
Final evaluation 2
Techniques powerpoint
Final Evaluation
Technologies used for my poster
Question 6
Question 6
6. production reflection (fmp)
Ad

More from lac_cheese (20)

DOC
Final
DOCX
Ait 3 B 2009 Task3final
DOC
Task 2final
DOC
Ait 3 B Task 1 Final
PDF
Wiki5
PDF
Article Analysis
PDF
Wiki 3 Questions
PDF
Article Wiki 3
PDF
Article Wiki 3
PDF
Wiki 3 Questions
PDF
Wiki2
PPT
E Retailing
PDF
Activate
PDF
Journal For Flash Task
PDF
Task 2 Report Pdf
PDF
Engage11
DOC
Activate
PPT
Engage Week 7
DOC
Activate
XLS
Gantt Chart
Final
Ait 3 B 2009 Task3final
Task 2final
Ait 3 B Task 1 Final
Wiki5
Article Analysis
Wiki 3 Questions
Article Wiki 3
Article Wiki 3
Wiki 3 Questions
Wiki2
E Retailing
Activate
Journal For Flash Task
Task 2 Report Pdf
Engage11
Activate
Engage Week 7
Activate
Gantt Chart

Recently uploaded (20)

PPT
History of Photography: Advent of color and Digital1951_to_present.ppt
PPTX
GREEN BUILDINGS are the ecofriendly buildings
PDF
bell hooks - Black Looks_ Race and Representation -South End Press (1999).pdf
PPTX
Imelda Ppt Improved 1 March 2021 (1) (3) (1).pptx
PPTX
SUBANEN DANCE DUMENDINGAN DANCE LITERATURE
PDF
15901922083_PQA.pdf................................
PDF
Music-and-Arts_jwkskwjsjsjsjsjsjsjdisiaiajsjjzjz
PDF
Impressionism-in-Arts.For.Those.Who.Seek.Academic.Novelty.pdf
PPTX
WEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEK
PDF
Landscape Architecture: Shaping the World Between Buildings
PPTX
community ophthalmology jwuhwwj usuhwhushhwyw
PDF
Close Enough S3 E1 "Where the Buffalo Roam"
PPTX
Quiz GP1.pptxasasasasasassasasasasasaasa
PPTX
arts-history-and-development-week-7.1.pptx
PPTX
WATER RESOURCE-1.pptx ssssdsedsddsssssss
PDF
AIRPORT PLANNING PATAN GUJARAT HUVGFCCJIG
PPTX
668819271-A Relibility CCEPTANCE-SAMPLING.pptx
PPTX
National_Artists_for_Dance_with_Examples-1.pptx
PDF
2025_Mohammad Mahbub KxXxáacscascsacabir.pdf
PPTX
WEEK-3_TOPIC_Photographic_Rays__Its_Nature_and_Characteristics.pptx
History of Photography: Advent of color and Digital1951_to_present.ppt
GREEN BUILDINGS are the ecofriendly buildings
bell hooks - Black Looks_ Race and Representation -South End Press (1999).pdf
Imelda Ppt Improved 1 March 2021 (1) (3) (1).pptx
SUBANEN DANCE DUMENDINGAN DANCE LITERATURE
15901922083_PQA.pdf................................
Music-and-Arts_jwkskwjsjsjsjsjsjsjdisiaiajsjjzjz
Impressionism-in-Arts.For.Those.Who.Seek.Academic.Novelty.pdf
WEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEK
Landscape Architecture: Shaping the World Between Buildings
community ophthalmology jwuhwwj usuhwhushhwyw
Close Enough S3 E1 "Where the Buffalo Roam"
Quiz GP1.pptxasasasasasassasasasasasaasa
arts-history-and-development-week-7.1.pptx
WATER RESOURCE-1.pptx ssssdsedsddsssssss
AIRPORT PLANNING PATAN GUJARAT HUVGFCCJIG
668819271-A Relibility CCEPTANCE-SAMPLING.pptx
National_Artists_for_Dance_with_Examples-1.pptx
2025_Mohammad Mahbub KxXxáacscascsacabir.pdf
WEEK-3_TOPIC_Photographic_Rays__Its_Nature_and_Characteristics.pptx

Presentation1

  • 1. Cyberia Café Website creation By Laura Cheeseman
  • 2. Creating in Photoshop I originally created my design in Photoshop in the last task (4) and so I decided to use the design for this task. I used the slice tool to separate the buttons and other sections.
  • 4. Creation of the menu The menu was created by placing layers on the image which was imported from Photoshop. The pictures of food were from the internet.
  • 5. Creation of the menu The text was then added in another layer. The name was in english, the description is in Latin dummy text.
  • 6. Creation of the menu The other images were added in the same way. The arrows are links to the other parts of the menu (starters, mains and desserts)
  • 7. Creation of recipe page The recipe page uses images from the internet and the text is Latin dummy text.
  • 8. Creation of recipe page As well as being able to see a different recipe by using the arrows the users will also be able to select the food they want by clicking the image of the food. This was done with image rollover.
  • 9. Creating links Originally I had created flash buttons however when it came to linking them it did not work so I had to use the function rollover image. This worked fine however I was disappointed in making all the buttons in flash for nothing. This method was also used for the arrows in the menu area.
  • 10. Creation of flash button To create a banner (Which was placed at the bottom of the page) I used flash in which the logo image was used. The logo was made larger to make it appear as if it was moving. I chose to not use flashing colours or anything too eye-catching as these forms of banners tend to any the customer and may deter people from the site.
  • 11. Final This is what the final home page looks like 