Digitals of an Undergraduate

Chloe, 19 from Hertfordshire, UK. First year Digital Media Design student at Bournemouth University


Leave a comment

Brackets and FileZilla Workshop 02/11/2014

A lazy programmer is a good programmer

In yesterdays workshop we carried on working with Brackets and FileZilla, the aim was to get a better understanding of html and using the server. We were given the html code for a website that had three boxes in and we were asked to change the code so that we didn’t need to copy and paste the box code three times. For this, I created a new file named ‘box.php’ and copy and pasted the html code for a box:

 

Screen Shot 2014-12-02 at 14.25.23

*Click on image to enlarge*

 

 

To make it even easier, I then changed the index html so I could just change the number of boxes instead of copy and pasting anything. As you can see, I have changed the number of boxes to 9; instead of 3:

 

Screen Shot 2014-12-02 at 14.25.03

This is what the final website looked like with 9 boxes:

Screen Shot 2014-12-02 at 14.30.31

Advertisements


Leave a comment

Brackets and FileZilla Workshop 25/11/2014

In Thursday’s workshop we worked in Brackets and FileZilla, producing our own html website using the Universities pubic domain server. We started off using the html and CSS files we created in last weeks workshop, with the aim to create this on a html website and add working links. We added in a navigation class which had headers of About, Contact, Index and Nav (Navigation). We then converted the files to PHP, instead of html. After doing this, we opened up FileZilla where we were able to log in to our own accounts using the University pubic domain server. Here we uploaded our files which automatically allowed us to create our own html website.


 

I took a few screenshots to show you my progress during the workshop:

 

Screen Shot 2014-11-25 at 14.26.17

Screen Shot 2014-11-25 at 13.10.29

Screen Shot 2014-11-25 at 14.26.56Screen Shot 2014-11-25 at 14.26.04

 


1 Comment

CSS, HTML and Brackets Workshop 18/11/2014

In today’s workshop we downloaded a folder of images and a html document and were told to open them in Brackets. My lecturer had a website on his screen consisting of three paragraphs of text, with boarders, margins and a background image which we were told to create only given the basics. From previous workshops we knew how to create everything, although adding a background image was a challenge as we hadn’t been taught this yet.

To start off, I added in the images in the html after each paragraph of text. I then changed the width of the container and box to make sure the boxes were placed nicely in a row (I did this by adding a float:left). After this I added in the background image and then changed the colour of the boarders to white so they stood out. I then added in a header text box.

The whole point of this task was to learn about separating the design and content, so we knew if we wanted to change the design, we worked in CSS and if we wanted to change the content we worked in HTML.
Below is a screenshot of the finishing website although my lecturer wanted us to add a hover, I didn’t have time to fully complete this. I shall be re creating more websites like this to help get some more practice.

Screen Shot 2014-11-18 at 14.39.40

Below is a screenshot of what my CSS and HTML files looked like:

Screen Shot 2014-11-18 at 14.41.26

Screen Shot 2014-11-18 at 14.39.00 CSS and HTML finished files

Overall I felt as if I learned a lot in today’s workshop. It was really useful to have some one-to-one help and work through it at my own pace and not rush it. I feel a lot more confident with the language used in Brackets and I will keep practicing this. I used a CSS Help sheet with terminology which I have linked below for download.

CSS Helpsheet:

http://downloads.gosquared.com/help_sheets/10/CSS-Help-Sheet-large.jpg 

CSS Helpsheet

CSS Helpsheet


Leave a comment

Testing with Slow Shutter Speed 16/11/2014

As said, I would try out using a slow shutter speed with a candle, match and flame. (As seen on my previous post).
I have mentioned before that I had trouble using the slow shutter speed due to inexperience and not knowing what to exactly photograph. I decided to use my candle again just to see what the outcome was. I had no idea what it would look like, I just wanted to experiment!


IMG_0449IMG_0451IMG_0455

These are my images in order from left to right, using a slow shutter speed. I like how the intensity of the flame increases and in the last image I like how you can see the flame reflecting from the glass jar. I am very pleased with these images, as I said before, I didn’t know what to expect but I’m glad I tried it out again as I have a much better understanding of using shutter speeds now.


1 Comment

Testing with Fast Shutter Speed 16/11/2014

Earlier on I was looking back through my photo tasks when I stopped at photo task #2. I really hadn’t had any previous experience working with shutter speeds so I decided to try it out again. Staring at my candles, an idea came to my mind. What would be the outcome of using a slow shutter speed and a fast shutter speed whilst lighting a match from a candle? I was excited to see the outcome.

I used a fast shutter speed first because my outcome from my previous task using this speed worked nicely.

I’ve always been rather fascinated by the way a match roars into light, I admit I shamefully light match after match and just watch it burn and turn crispy black. I was really interested in how these images would come out, from the first to the last, every image tells a different story.


The first image to me represents the flame almost preparing itself to be touched by the match, standing strong up right.

The first image

The first image

The second image shows the flame is doubling in size. Perhaps putting all of its energy into one fat flame, getting stronger and more powerful.

The second image

The second image

This third image is as if the flame has exploded. The light is so bright, it’s hard to see if there is a flame there at all.

The third image

The third image

Finally, the last image shows the match alight, representing two strong flames.

The last image

The last image

I have gained knowledge from repeating this task and I love the way the images turned out. I will be trying out the slow shutter speed again in the near future. In my next post I will be using a slow shutter speed with the same candle, match and flame idea.


Leave a comment

After Effects/Photoshop Workshop 13/11/2014 Part 2

In the second part of our workshop we started off using Photoshop. We created a background and drew shapes over it, making sure we kept inside the shape. We then deleted the background and merged the layers into one layer. The next step was to multiply the image and rotate it so we ended up with a constant 360 degree image. (It reminded me of the shape of a flower). We repeated this three times, and on the third image I used the pen tool. After saving these we opened them up individually in After Effects and created a new composition.

We aligned each flower-like shape on top of each other and rotated them clockwise and anticlockwise. After this we changed the colour of the background and added the same transition that we used for snow in the winter scene video I showed in my previous post. The whole idea of this task was to experiment with different tools and to have fun with it. We were told it wouldn’t look very aesthetically pleasing so we went a bit crazy with the colours and transition effects! I don’t like the look of my final project because it’s a bit crazy and in-your-face, although we were just playing around with it and it didn’t have to look a certain way.

 


 

Prepare your eyes for my final experiment…


2 Comments

After Effects Workshop 13/11/2014 Pt 1

The first part of today’s workshop consisted of working in After Effects. I really like using AE because I get a satisfying feeling when I have completed a task set by my lecturer.
This afternoon, we were asked to take an image of a ‘winter scene’ from Google and open it up in AE. We added a few layers to create the transition of snow falling and added a camera like transition as if we were filming in the snow. We zoomed in on the picture and panned right which added a more realistic feel to it.
It took around thirty minutes to complete this task which I am very happy about as I thought it would take longer. I will definitely be trying this again in my spare time with other images and with other transitions.


 

Here is my final project: