STA Blog

Richmond Website Photoshop Images

By

Richmond Website Photoshop Images

For this assignment I had to take the two images the client provided and create two monochromatic images based on them that match the design of the richmond.la.utexas.edu site. more specifically, the requirements included being similar in size (295 x 365px), color (#4a3d17), and transparency.

 

So what I did to make this happen was that I took the original images provided by the client, I got rid of the unnecessary background and focused on the shape of the object of the image (for the first one it was a Sor Juana Inés de la Cruz, and for the second one el Charni). Then I reduced the images to a monochromatic palette where the darker shades where represented by a single color (#4a3d17) and the lighter shades became a blank space. After that, I just turned the images in and the client posted them on the page by themselves.

 

The final products can be seen in the following links…

– Sor Juana Inés de la Cruz: https://richmond.la.utexas.edu/sor-juana-ines-de-la-cruz/

– El Charni: https://richmond.la.utexas.edu/el-charni/

HTML training

By

HTML training progress

I got started on the HTML training this week and it’s been fun! I already know HTML and CSS pretty well, but I’m looking forward to getting more familiar with JavaScript through this training. This week, I created the content for two of my tabs and started making accordions for my second tab!

By

This week I worked largely on the InDesign and HTML/CSS trainings. I also made a simple grid background for a Zoom-based history class.

Also, here is my HTML/CSS training site thus far! Let me know what you think, it’s been a labor of love so far. I’m mostly working just on adding text content to the various tabs now, and might incorporate other features / functionalities later.

https://sta.laits.utexas.edu/blog/2020/11/05/35784-2/

Clio Training Update + Religiology Logo

By

Clio Training Update

I wanted to make a blog post, but I haven’t made one in a pretty long time, so I was going to make a blog post on both Clio and the Religiology Logo, but now I am just going to wait until I meet with Valerie and Maddy tomorrow to talk about the religiology logo.

Clio Training

Regarding this training, I am now wrapping up on the second part. The second part was much more focused on understanding the CSS involved in customizing your specific page. I used the CSS editor to create a picture-background, a picture-header, a Google Font, and a picture card header.  I included some dark blue/green elements because I thought the old color scheme was a little boring.

Picture Background

Made on Photoshop using the green from the photo, filter gallery (which produced an effect that actually looks like a hard court!), and the photos. I think I am going to get rid of the pictures and try something else.

Global Colors

Declaring the colors that are referenced throughout the CSS sheet.

Header

Creating the custom classes for picture card headers, also changing the font family referenced in each card.

Video Table

Looked at the source code to understand how tables were set up, then adjusted the CSS code to enable a table with custom colors and the ability to show hovering. I used this table to explain “Bonus Shots” in tennis that are fun to employ.