A course for web designers

A course for web designers

By | 1:28 pm | Web design | 0 Comments|

Training Dragon at Kirby Street, EC1N Camden is teaching a web design course that is for beginners who needs to practice on a professional project. In this course the participants will be able to learn basic knowledge of HTML, CSS, client side scripting language JavaScript and the use of web pages editor software such as Dreamweaver. By the end of this course the participants will be given a project to practice the web development phases that is to plan, create structure and code a website, dealing with the domain name and hosting, and uploading files to your hosting.

Course outline

Introduction to the internet, HTML, CSS, scripting language JavaScript and Dreamweaver and all the popular browsers such as Google Chrome, Firefox, Internet Explorer, Safari and Opera. Learn HTML web page structure, HTML tags and attributes of tags, HTML meta tags, the importance of tags and its attributes in improving SEO.

Entry requirements

This course is for beginners who have no web design knowledge, this course is also for fresh web designers to get practice on a project, it is also for business owners who want to have more control on their website. A basic knowledge of using Windows or Mac operating systems with basic text editing skills such as copy, cut, paste, save etc.

Number of days and time:
This is a 4 days course from 10:00am to 17:00pm

Dates
This course is held at multiple dates:
04 Jul 2016
23 Jul 2016
01 Aug 2016
05 Sep 2016
03 Oct 2016
07 Nov 2016

Click here for booking

Design Basic HTML CSS Website

By | 8:13 am | Web design | 0 Comments|

A Guide for Beginners
This guide will help a beginner website designer to design a basic HTML and CSS website. To develop a basic website, a beginner website designer must have some basic knowledge about HTML and CSS.
What is HTML?
HTML: Hyper Text Markup Language
HTML creates the webpage and shows the content; text, images and videos etc.
Majority of the HTML tags work in pair as open and close tags. We will cover it later in this article.

 
What is CSS?
CSS: Cascading Style Sheet

CSS is a supporting style sheet for the HTML pages that is usually used by website designers to style the HTML objects on the webpage. Using CSS; web designers can define how elements of HTML like header, footer, text, images etc can be formatted on the page.

 
Create a webpage:
To create a webpage using HTML elements one should know the structure to use it perfectly.
All the code should wrap between html tags i.e <html>. . . </html>
After <html> tag, <head> tag will be written. In <head> tag we define <title> </title> and close the <head> tag by writing </head>.
The text between the <title>… </title> shows at the top of the page usually in the tab of the browser. Usually it contains the website name or webpage name.
After closing head tag we define <body>…. </body>. Body tag is the tag in which our page content will be written. And finally we will close the html tag using </html>.
Below is the sample code that will summarize all above theory of HTML.
<html>
<head>
<title> name of website/ name of webpage</title>
</head>
<body>
<p>HELLO WORLD</p>
</body>
</html>

The div tag <div> is used to divide the page in sections. Web designers use div tag to wrap contents inside the div and give all those wrapped contents the same design. Div tag works like a container in which we can define other HTML elements.
<div>
<h1>Heading</h1>
<p> write text content or paragraph here </p>
</div>
<h1> </h1> is for heading.

How to apply CSS on HTML tags?

CSS can be applied to HTML tags by defining class or id attribute inside the HTML tags.
Working with class:
<div class=”firstdiv”>
<p> sample content</p>
</div>

Create a new style sheet page with extension .css to give style to the HTML objects on the webpage. In this case we will file the name to stylesheet.css, you can give any name but the extension must be .css.
In style sheet we can design above div by calling its class name i.e. firstdiv.
In the stylesheet.css file. (Note: you have to create a separate file to design html objects)

.firstdiv {
background-color: gray;
width: 100%;
height: auto
}

The div containing the class name ‘firstdiv’ will be changed to the design written in stylesheet.css file.
id and class attributes difference in HTML tags:
An id can point to only a single tag, any tag can only have a different id. If we want to give particular design to any tag of HTML we can define id attribute inside that tag and can easily design according to our requirements in stylesheet.css file.
A class can point to many HTML tags so that we can give same designing to the different tags by using single class. Every web designer must know this.
CREATING OUR OWN BASIC HTML AND CSS WEBSITE:
We will create a basic webpage using HTML and CSS that will look like the image of the page below.

Firstly, we should know what main tags we will use to build a webpage like above.
1) Header
2) Container
3) Footer

Header screen-shot:

 

Main content screen-shot:

 

Footer screen-shot:

 

We will design the header first, then the content area and finally the footer.

In HTML page, we will write the following code:

<html>
<head>
<title>First Webpage</title>
</head>
<body>
<div class=”main-container”>
<div class=”header”>
<div class=”logo”>
<img src=”logo.png”>
</div>
</div>

The div with class=”main-container” will wrap all contents of the webpage inside itself.
In stylesheet.css we will design this main-container.

 

.main-container {
background: #383b43 none repeat scroll 0 0;
height: auto;
width: 100%;
}
After this we have written div with class name header. In this div we have made our header.
In stylesheet.css we will design header
.header {
background: #393b43 none repeat scroll 0 0;
color: #fff;
height: 100px;
width: 100%;
}

Our page looks as the screenshot below.

WordPress training in High Holborn, London

By | 9:10 am | WordPress design | 0 Comments|

Pitman Qualifications is going to teach an existing training course on the 22nd June 2016 that allows the participants to get knowledge and develop skills to create a professional website for their business.

This course is based on one of the most popular and open source CMS platform WordPress. It is ideal to learn about the WordPress web design tool and get the skills and understanding to design your own website.

This course is divided in to 5 main modules that are listed below that the participants will work through at their own pace:
WordPress introduction
Design a WordPress CMS website
Create blog posts
More about blogs
Improve your website by implementing SEO best practices and the use of Google Analytics.

Participants will be given access to a domain name for 60 days for your practice and gaining real world experience.

Here are some of the areas that they cover in this WordPress training course, for full details you need to contact with them.

Timings:
The learning environment is flexible that allows you to study at the time that suits you, they are open 6 days a week from Monday to Saturday, they are open until evening.

As it is a self-paced training course, you will have access to their friendly support team.

Additional requirements
None

Awarding body

Pitman Qualifications

Book Now