INTRO TO WEBDESGIN CLASS

Picture of Ali

Alexandra D Atkins
aliatkins10418@gmail.com


EXCERCISES

OLDE COFFEE SHOPPE

This is a result of introduction to hand coding.

BABY ANIMALS

This is a result of introduction floats and clears.

MADISON COLLEGE

This is further exposure to floats and how they can build a webpage.

KATIE'S CAFE

This excercise was an introduction to the features of Muse CC.

ASSIGNMENTS

RESUME

Using handcoding, this layout was created to display my skills and experiences as a graphic designer.

CARANDALE FARM

Style Tile / Wireframe / Website
Using Dreamweaver and instructor-provided templates, the process of professional steps to developing a website were introduced. This also introduced specific features in Photoshop and Dreamweaver that are helpful for webdesign.

Lucky Dog Daycare & Spa

Slide Show Practice / Website / Responsive Website
Using Dreamweaver, this layout was created from scratch using the techniques learned in class. The slideshow was designed by the instructor and we learned how to adjust the array attribute of javascript. The responsive website was a template provided to us in which we learned to inspect the element online, find the code in the different CSS files, and then replace the elements we desired.

Integrated Personal Transformation

Using Dreamweaver, this layout was modified from a responsive design template taken from W3layouts.

ABSAROKA RANCH

Using Adobe Muse CC, this website was created from provided images. The goal of this assignment was to introduce students to scrolling effects and typekit.

RESOURCES

W3SCHOOLS

w3schools.com
database of coding tutorials

BUTTON GENERATOR

css3buttongenerator.com
creates css code for buttons

ADOBE COLOR

color.adobe.com
provides color schemes and codes

TRANSPARENT TEXTURES

transparenttextures.com
database of transparent textures

GOOGLE FONTS

google.com/fonts
provides free fonts for online usage