GRAPHIC DESIGN AND WEB DEVELOPMENT COURSE DESCRIPTION

GRAPHIC DESIGN AND WEB DEVELOPMENT 

COURSE DESCRIPTION

I LEAD-IN.

A) Think of a graphic design degree. What courses do you expect graphic design students to take as a part of their undergraduate degree program? What subjects are important for the future career of a graphic designer?

B) What courses can graphic design students take as a part of their Master’s program? What subjects can students major and minor in?

c) What courses are you doing in your (graphic) design program? What courses do you want to study?

II Watch the beginning of the video that gives an overview of a design program. What is the name of the program? 

Choose the correct variant:

a)    Graphics in Design;

b)    Advanced Graphic Design for the Web;

c)    Graphic Design and Web Development;

d)    Digital Art for Front-End Development.

III Look at the list of courses design students can take.

A)  Put the course names in the order students do them (what courses are at the beginning of studies? What courses do students take towards the end of their program?).

B)   Try to predict what each course studies. Use the model:

_______ (course title) teaches students to/focuses on _________.

CAREER DEVELOPMENT teaches students to + V (communicate with clients)

CAREER DEVELOPMENT focuses on  + V ing (developing communication skills in the workplace)

a)   CAREER DEVELOPMENT

b)  DIGITAL ART AND DESIGN

c)   STUDENTS’ INTERNSHIP

d)  GRAPHIC DESIGN AND COLOUR THEORY

e)   BACK-END WEB DESIGN

f)    FRONT-END WEB DESIGN

IV Match the course titles to the course description. There are some descriptions you don’t need to use.

1.	DIGITAL ART AND DESIGN	a)	Students gain real-world industry experience in web design by creating their own personal websites and blogs.
2.	BACK-END WEB DESIGN	b)	Students learn the basic tools of paper and digital prototyping, maths,  and user testing for interactive environment.
3.	GRAPHIC DESIGN AND COLOUR THEORY	c)	Students work with the server side of web development and sites database.
4.	CAREER DEVELOPMENT	d)	Students learn basic technical and artistic aspects of designing and installing plans for outdoor spaces.
5.	FRONT-END WEB DESIGN	e)	Students are introduced to the basic principles of graphic design and colour theory.
6.	STUDENTS’ INTERNSHIP	f)	Students are introduced to digital photography.
		g)	Students network with real employers in work environments.
		h)	Students learn to develop and present their portfolio and resume to get jobs in the competitive industry.

V Match the course titles to the names of programs, websites or systems students learn to use. Some courses teach students to work in several programs or systems. There are the names of programs you don’t need to use. Watch the video and check your answers. Add the programs you study in your course to the list.

1.	BACK-END WEB DESIGN	a)	WordPress
2.	DIGITAL ART AND DESIGN	b)	Drupal
3.	CAREER DEVELOPMENT	c)	Adobe Illustrator
4.	GRAPHIC DESIGN AND COLOUR THEORY	d)	FlipB
5.	FRONT-END WEB DESIGN	e)	LinkedIn
		f)	Joomla
		g)	Adobe Photoshop
		h)	Corel Ventura

VI Fill in the gaps with the words from the list. There are some words you don’t need to use. Watch the video and check your answers.

industry; complete; graphically; portfolio; employ; career; graphic; students; projects; folders; courses; programming; graduate; employment; program; pupil

 Welcome to the 1)_______ design and web development 2)_______ at First Institute and congratulations on taking your first steps towards an exciting 3)_______ in the web and graphic design 4)_______.  Our career-specific training begins with beginner level 5)_______ in graphic design and culminates in courses on advanced graphics and web 6)_______. 7)_______ are focused on their career paths from day one in a hands-on learning environment that's centred on gaining entry-level 8)_______ upon graduation. During the course of the program students complete many industry-related 9)_______ and develop a 10)_______ of those projects to showcase to potential employers. Let’s take a look at a few of the courses you'll 11)_______ as a graphic design and web development student.

VII Match the words from two columns to make collocations used in the text. Use four collocations in your sentences.

  

1.	graphic	a)	training
2.	web	b)	their career paths
3.	take first	c)	steps
4.	career in	d)	upon graduation
5.	career- specific	e)	programming
6.	beginner	f)	design student
7.	course on	g)	a portfolio
8.	web	h)	graphic design industry
9.	focused on	i)	projects to potential employer
10.	hands-on	j)	level course
11.	gain employment	k)	courses
12.	industry-related	l)	design
13.	develop	m)	project
14.	showcase	n)	learning environment
15.	complete	o)	development
16.	graphic	p)	advanced graphics

VIII Watch the part of the video and answer the questions.

1)    What do students learn at the beginning of the program?

2)    What courses do students take at the end of their program?

3)    What do students develop during the period of their studies?

4)    Why is a portfolio important for design students?

IX Choose the correct option to complete the sentences. Watch the video and check your answers.

GRAPHIC/GRAPHICALLY/GRAPHICS DESIGN AND COLOUR THEORY

 In this course students are introduced/induced/introduction to the basic principles of graphic design and coloured/colourful/colour theory. They begin to explore hand stitching/sketching/etched and the process of transpire/transferring/transferred those sketch designs and ideas to the digital/digitally/digits workstation. These designs are turned into graphic elemental/elements/elementary with Adobe Illustrator. Students will use Adobe Illustrator for designed/designing/designer in 2D with the purpose of completing a business rebrand/branding/brands project. This project encompasses several individuality/individual/individually projects including the creation and design of a business slogan/logo/logic, business card, letterhead, and more.

DIGITAL ART AND DESIGN

During these courses students are introduced to digital photography/photographer/photographed and the skills needed to edit and manipulated/manipulate/manipulator photos using Adobe Photoshop. They will set up camps/cameras/cameraman and lights and learn to use them in real photo hooting/shoots/shooting for client products and headshots. Students will take the resulting photographs and edition/edit/rendered it them with Adobe Photoshop. Once students have full understanding/understands/misunderstand of the basics of Photoshop, they move on to basic print/pint/pick design and clay/layout/layered techniques utilizing grid design. Students use the skills they've mastered to complete a final topography/photography/photo cameras project, develop and design print companion/campaign/companies, and create a website design mock-up design.

X Match the words from two columns to make collocations used in the text. Use four collocations in your sentences.

1.	have a full	a)	design
2.	basic	b)	logo
3.	hand	c)	principles of
4.	mock-up	d)	photography
5.	business	e)	branding project
6.	layout	f)	element
7.	business	g)	sketch designs
8.	print	h)	card
9.	digital	i)	manipulate photos
10.	print	j)	design
11.	graphic	k)	design
12.	business	l)	understanding of the basics
13.	edit photographs	m)	camera and light
14.	transfer	n)	workstation
15.	digital	o)	theory
16.	edit and	p)	sketching
17.	colour	q)	campaign
18.	grid	r)	with Adobe Photoshop
19.	set up	s)	techniques

XI Watch the part of the video and mark the sentences as True (T) or False (F). Correct the false statements.

1)     In the course of graphic design and colour theory students are introduced to the basic principles of digital video editing.

2)     Students create hand sketches and then transfer those sketch designs and ideas to the digital workstation.

3)    Students work with graphic elements using AutoCAD.

4)    Students will use Adobe Illustrator for printing in 3D with the purpose of completing a blog project.

5)    Students work on individual projects, they create and design a business logo, a business card, and letterhead.

6)     During digital art and design courses students are introduced to DTP publishing.

7)    Students use cameras and lights in real photo shoots for client products and headshots.

8)    Students edit photographs with Adobe Photoshop.

9)    Before students understand the basics of Photoshop, they try basic print design and layout techniques.

10)        Students use grid design.

11)        Students’ skills help them to develop and design a printer prototype.

XII Watch the video and fill in the gaps with the missing letters. 

FRONT-END WEB D_S_G_

 Students gain real-world _nd_str_ experience in web design by creating their own personal w_bs_t_s and blogs. Students will learn to create a website using a CMS or content m_n_g_m_nt system such as Drupal, Joomla or WordPress. The personal website created for this c_ _rs_ is a great place to host a p_rtf_l_ _ of projects that students will use to sh_wc_s_ their work throughout the program. Additionally, as students progress, they learn the _mp_rt_nc_ of responsive web design. In today's modern technology world c_ns_m_rs are surfing the web from home, with d_skt_p computers, researching on-the-go with sm_rtph_n_s, and traveling with tablets. Today’s web developer has to keep up with these trends by creating websites that provide the best user

_xp_r_ _nc_ no matter what device is being used.

B_CK-END WEB DESIGN

 Once students have grasped the front-end _sp_ct of web design, they move on to the s_rv_r side of web development also known as the back-end. A back-end developer works with a sites d_t_b_s_. The database is where the documents and data for a website are stored, _rg_n_z_d, and accessed. _nd_rst_nd_ng server technology used in the back-end will help students ensure that their websites are hosted c_rr_ctly on the web. It’s important that website users are able to _nt_r_ct with and access the site's data easily. For example, when they fill out online f_rms, answer questionnaires or add to shopping carts,  users expect all these f_ _t_r_s to work flawlessly when they access a site. And it's the back-end developer’s j_b to make it happen.

XIII Match the words from two columns to make collocations used in the text. Use four collocations in your sentences.

1.	web	a)	online form
2.	provide	b)	computer
3.	research	c)	a site
4.	content	d)	to shopping cart
5.	fill out	e)	the best user experience
6.	answer	f)	a portfolio of projects
7.	gain	g)	on-the-go with smartphone
8.	desktop	h)	work
9.	host	i)	questionnaire
10.	work	j)	flawlessly
11.	access	k)	design
12.	surf	l)	the web
13.	personal	m)	website
14.	showcase	n)	management system
15.	add	o)	website
16.	host	p)	real-world industry experience

XIV Watch the part of the video and mark the sentences as True (T) or False (F). Correct the false statements.

1)    Front-end web design course helps students to gain real-world industry experience in web design by creating their own avatars.

2)    Students use content management system to create personal websites and blogs.

3)     Students can combine their course tasks and their portfolio of projects.

4)     Responsive web design helps users to surf the web from their PC, tablet or phone and have no problems with site.

5)    Back-end web design course teaches students to work with a sites database.

6)    Students need to understand server technology to ensure that their websites use grids and page layout correctly.

7)    The course allows students to work with online forms, answer questionnaires or shopping carts as elements of websites.

XV Fill in the gaps with the words from the list. There are some words you don’t need to use. Watch the video and check your answers.

employers; employment; graduation; industry; letter; website; skills; print; degrees; hours; card; undergraduate; career; opportunity; portfolio; industry; printer; industrial; important; branding; projects

CAREER DEVELOPMENT

 It's 1)_________ that students take classes in 2)_________ development to learn the tools needed to gain entry-level 3)_________ in this competitive 4)_________. They will focus on the design of their own personal 5)_________ that will include a cover 6)_________, resume, business 7)_________, and an online presence using LinkedIn and other outlets. This portfolio will also include all of the 8)_________ completed during the program.

 Let's recap some of the projects you will complete for your portfolio during the program. You will have completed a business 9)_________ project, a photography project, a 10)_________ design project, your own personal 11)_________ and blog, a responsive website, and many other website projects.

STUDENTS’ INTERNSHIP

Students are required to complete an 12)_________ internship in order to graduate. This internship is 40 13)_________ in length and is conducted in the many fields of graphic design and web development. Internships allow students the 14)_________ to further develop real-world 15)_________ and gain industry experience in work environments. They are also great for networking with real 16)_________ which can lead to entry-level employment upon 17)_________.

XVI Match the words from two columns to make collocations used in the text. Use four collocations in your sentences.

  

1.	entry-level	a)	with real employers
2.	competitive	b)	project
3.	cover	c)	card
4.	business	d)	website
5.	business	e)	an industry internship
6.	photography	f)	real-world skills
7.	print	g)	employment
8.	responsive	h)	experience
9.	complete	i)	industry
10.	develop	j)	environment
11.	gain industry	k)	branding project
12.	in work	l)	letter
13.	network	m)	design project

XVII Watch the part of the video and answer the questions.

1)    What do students learn during their career development course?

2)    What projects are included in the portfolio?

3)    What online services and platform do students learn to use to find a job in future?

4)    How long is students’ internship?

5)    Where can students have their internship?

6)    What is the purpose of the internship?

XVIII OVER TO YOU. Transform the information learnt from the video to introduce your course. Present your design course to other students (3 minutes speech).