Course: ISM 270 – User-Centered Web Design
Roles: Coder, Designer
Summary: I produced web pages by coding in HTML and CSS to meet the instructor’s requirements for each class assignment and project.
An example….
For this assignment, the task was to create 2 different web pages that display a verse from a song that I like. The challenge was how to present it; what images and fonts to use, where to place them, and what color scheme to choose. I picked a song verse, chose an image invoked by the lyrics, and then modified the darkness of the image to fit the mood. I used CSS to style and achieve the results I wanted, and make the design cohesive.
If you want to view more assignments and projects I did for this class, you can go and click on this link here: http://studentweb.cdm.depaul.edu/~jdeleo14/
REFLECTION:
I learned how to use CSS properties in order to do things such as position certain elements, animate using code, create a navigation menu, and embed typography. I also learned new resources like the Bootstrap framework and how to use it to make my web pages responsive and well-organized. I can also see how this relates to UX. For example, I coded a whole website that includes several web pages for 2 of my projects. For my yoga website, I determined the target audience in my written proposal. I planned out my outline, did sketches and used Axure RP to wireframe my ideas before starting my code. Overall, I enjoyed this course because I got to pick my own topics and be creative while expanding my knowledge of HTML and CSS. This class made me a better web designer / developer, and I learned that you have to code everything to get it the way you want it to look!
Tools: Brackets, Axure RP
Resources: Paletton, Adobe Color CC, Da Font – Free Fonts, Creative Commons Image Search