CHACE TEERA

Digital Media Design

Menu

Skip to content
  • Home
  • About

Tag Archives: Logout

D4DME – WebApp Development and Conclusion

Posted on April 20, 2015 by Chace Teera

I began creating the html file of the project and added css to it. Using the mock up design as guidelines I was able to create the webpage. We then built the design around the php that was helped out by Verity and Kyle.

Below are screenshots on how I did it:

Screen Shot 2015-03-18 at 00.07.26

Screen Shot 2015-03-18 at 00.07.43

Screen Shot 2015-03-18 at 00.07.00

Adding it with the PHP

Screen Shot 2015-04-20 at 00.51.51 Screen Shot 2015-04-20 at 00.51.54 Screen Shot 2015-04-20 at 00.51.59 Screen Shot 2015-04-20 at 00.52.04

Outcome from converging the php, html and css

Screen Shot 2015-04-20 at 00.23.30

I then added media queries to the project in order to make it responsive to different screen size.

Screen Shot 2015-04-20 at 01.04.16

Screen Shot 2015-04-20 at 00.23.55

Overall I am very pleased with the outcome of the project as we were able to collaborate as a team together to create it. It was very important that we all shared the same goals and ideas and were up to the challenge. I was able to learn a lot about the fundamentals of php and how they are used to create databases for a website. Our knowledge and understanding about databases allowed us to create a recipe website that functions in the ways we planned out initially. The design as well is clean and bold and therefore easy to understand navigate with the users. Despite many trial and errors we were able to achieve our goals.

Advertisements
Posted in Design for Digital Media Environments | Tagged CSS, HTML, Login, Logout, Media Queries, PHP, Web Mockup Design | Leave a comment

Categories

  • Alphabet
  • Animation
  • Applied Design
  • Concept and Idealation
  • Design for Digital Media Environments
  • Design Iteration
  • Development and Realisation
  • Graduate Project
  • HTML
  • HTML & CSS
  • Introduction
  • Kinetic Typography
  • Mock ups
  • Photoshop
  • Placement
  • Processing
  • Seminar Group Photos
  • Temporal Expressions
  • Uncategorized
Blog at WordPress.com.
Cancel