Month: September 2015

Modern Propaganda Posters Inspired by History

On a recent trip to Normandy we decided to finally take to time to go & see one of the war memorials that we drive past each year. We went a little out of our way to the memorial in Caen & during the opening exhibition I found a display of propaganda posters that I found really interesting.

This slideshow requires JavaScript.

While these images caught my eye at the time, perhaps due to the knowledge of the studies I was about to begin, I didn’t realize at the time their relation to the early works of propaganda from the artists & publishing houses of the Russian Revolution such as Dimitri Moor, El Lissitzky & The Contemporary Lubok.

This slideshow requires JavaScript.

Though I have to admit, even without the knowledge of their origins, the impact of these images is immense and you certainly get pulled in by the power of the imagery.

Basic Code Pt: 2

In today’s task we looked at creating the first pages of our website by scripting a template page that can be used as a basis to build a complete website that will link page to page across the entire site.

Some of the code used included:

  • <a> – Anchor
  • href – Attribute
  • “” – Value ( To be placed within the inverted commas)
  • Target – Allowing a link to be opened either on the same page, a new tab or a new window entirely. eg: target “_blank”

The code below is modified from that written in task 01, and makes changes to the page by using CSS instructions. The instructions can be contained on the top of each page, but would have to be on each individual page, adding a lot of code & time to your work. However, the CSS instructions can be held on a standalone page with just the link instructions to it on each page. This would allow changes to be made globally from a single point.

The CSS linking code is splaced just after the <Head> tag & can look like this:

<link rel=”stylesheet” type=”text/css” href=”portfolio.css”>

HTML is content – CSS controls that content

The new pages created by this new code are here with the code below. Please note however, a little experimenting was done through W3 Schools to test extra code such as borders & background image placement so it’s a little eh…. messy!!!

Code Pt2 Screenshot

CSS Instructions

h1 {
font-family: “verdana”, arial, sans-serif;
font-size: 20px;
color: #00c0ff;
background-color: #fffe97;
background-image: url(“images/childcare.jpg”);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-style: solid;
border-top: thick double;
border-bottom: thick double;


Web Page

<!DOCTYPE html>

<link rel=”stylesheet” type=”text/css” href=”portfolio.css”>

<title>HTML & CSS</title>

<em>Welcome to Coláiste Dhúlaigh College of Further Education (CDCFE)</em>
<a href=”index.html”>Home</a>
<a href=”cascading.html”>Cascading Style Sheets</a>

Coláiste Dhúlaigh College of Further Education is located on four campuses, Coolock, Raheny, Kilbarrack and Malahide. CDCFE provides programmes delivered by a team of tutors dedicated to the highest standards of teaching and learning in a caring, supportive and friendly atmosphere. We currently offer over 30 full-time Post-Leaving Certificate courses and have a large part-time provision of Day and evening courses. We want you to succeed and our courses are designed to help our learners achieve their full potential.
<a href=”; target=”_blank”>
<img src=”images/enroll.png” border=”5″>




Emotions as Shape Pt: 2

Following on from the first task in this class, a symbol or mark was selected from the selection of symbols created in the first task.

This mark was then imported into Photoshop where it was isolated & inverted to create a white mark & placed on to a red background.

Once isolated, the mark was then placed onto an image as a prelude to placing imported & inverted hand drawn text on to a designed poster.

This is a screenshot of the images in process.

Swish on Image
Swish on Image

Basic Code Pt: 1

Digital Media in Graphic Design.

The first task in this class was to create a very basic web page  containing an image & some links.

This was achieved using a basic text editor such as WordPad & an image sourced from the web.

Using W3 Schools, the code was first copied then edited to get the desired result. The code used is below.

<!DOCTYPE html>
<title>HTML Tutorial</title>

<h1>HTML Tutorial</h1>
<p><a href=”index.html”>Home</a></p>
<p><a href=”legend.html”>Legend The Film</a></p>
<p><img src=”images/legend.png” /></p>


Legend Web Page
Legend Web Page

Emotions as Shapes Pt: 01

Ideas Generation & Development in Art & Design.

Immediate responses to words.
Immediate responses to words.

As a first class on this diploma course I found this one interesting, challenging & perhaps a little unsettling all in equal measures. Having not tackled an exercise like this before I found it a little difficult, though its importance in laying the basis for methods in idea generation was not lost on me.

First Impressions Developed
First Impressions Developed

The two images above show the most immediate  responses to the list of words followed by a little….unsuccessful… further development of my first responses.

The image below shows a further attempt at this exercise, however, I decided to keep my responses a little more simplified in that I used just a line or circle. This wasn’t so much a conscious decision as that it just felt more comfortable.

A fresh attempt at the excercise.
A fresh attempt at the exercise.

After attempting this exercise at home I followed up with an attempt to find some further reading relating to this task & found an interesting post here. It was interesting to see that the author referenced a study where people reacted to two lines. If the lines were slanted like this // then the line leaning towards the other was seen as “bossy” and the line leaning away as “submissive”.

I was interested to find that in my second attempt above, firstly that I used simple lines to represent my responses, and second that some of my responses correlated to that of the study.

Further development of these results to follow.