Archive for Teaching Web design

Preparation for interview for Web Design Teaching Post

The interview might require a 10 minutes presentation about the subject to be taught. As teacher you have to think ahead and prepare:

  1. an Assessment (to let interviewers know what you are teaching and assessment aims to allow them check  scheme of work) LAB Website Software Level 1
  2. a short presentationIntroduction to web design
  3. a feedback form Students’ Reflection 
  4. a scheme of work Web level1_Scheme_of_Work webdesign

NOCN Website software Level 1 Scheme of work

NOCN Website software Level 1 Scheme of work 

This attached scheme of work can be used for any other level 1 course in web design.  download it form here: Weblevel1_Scheme_of_Workwebdesign

Cool Stress Free Template for WordPress Fastfood

Untitled1

I am using this template for my website and I think that this one of the best template for everyone:

  • If you know how to design and write codes it’s all done for you no need to waist hours.
  • If you don’t know anything about coding you can make a very interactive blog in seconds.

And above all it is very easy to understand and implement; it took literally 5 minutes to set everything on my blog. But what I like about this template is that I saved loads of time looking for extra plugins. The template comes with a picture gallery, mobile phones settings, theme for your admin panel, all fully customizable.

 

Simple and clear theme with a lot of features, like a “quick links” menu, an “easy navigation” bar, the print preview, 7 integrated widgets ( “Social Links”, “Popular Post”, “Latest Activity” and many more ). Fastfood has customizable header, customizable background (with a lot of predefined themes), one or two columns layout, up to five widgets areas and three menu. It supports custom menus, posts thumbnail, post formats (“gallery” and “aside”) and also mobile devices, with a dedicated style. WP3.1.3 full compatible.

I just love it and I thank the team who made this wonderful theme available for free.

Read more

Clever web tools

http://www.checkmycolours.com/,  you can check your site usability in terms of colours and amend any flows in your design choices.

http://thoughtbox.es/, you can use Thoughtboxes to:

  • Organize an event
  • Plan a trip
  • Map out your week
  • Brainstorm a new project
  • Manage your freelance work
  • Keep track of your school assignments
  • Plan out your hobby projects
  • Make up shopping lists
  • Organize your small business
  • Remember all of your great ideas
  • …and pretty much anything else you can imagine!

Web design level 2 Multimedia Part 2

black Web design level 2 Multimedia Part 2 play video Web design level 2 Multimedia Part 2

This is the second session for the level 2 multimedia encourages students  to understand the difference between creating website using WordPress and Dreamweaver.

Resources: Internet, Dreamweaver, Fireworks, www.wordpress.com, drawing boards, paper, pens, crayons.

By the end of this lesson:

  • learners will be able to identity and understand technology
  • learners will have experimented with both CMS and WYSIWYG

trans Web design level 2 Multimedia Part 2 Starter session; Q & A- away from your computers and the Internet

  • What is a url?
  • Define IPv6
  • What is the difference between the Internet and World Wide Web?
  • HTTP? What is this???!!!
  • And what on hearth is a domain name??
  • Server? Why do I need a server for?
  • TCP? Is the short name for Three Cool Professionals? Am I right?
  • IP = Intelligent Pen
  • If I want a website I need a domain name. True or False?

Main Session part 1;

It is time to break down the definitions:- take notes

Use your drawing skills (drawing broad/sketch book or A3), draw an instructional version of this video to demonstrate your understanding.

Main Session part 2; Group Debate

Group 1- Make an effective research about the advantages of social web sites in view of arguing the fact that social websites are not dangerous to society, but beneficial.

Group 2- Make an effective research about the disadvantages of social web sites in view of arguing the fact that social websites are dangerous for vulnerable people etc…

You have 30 minutes to gather facts, and plan and prepare your debate.

Main Session part 4; Introduction to Dreamweaver & Workshop

For this workshop we will create a basic website using Dreamweaver and Fireworks. Le’ts start together

You will need to open and find Dreamweaver

1. Begin by creating a folder on your computer called “mysite” as all one word. Save all of your files related to this site into this folder. Create a folder within this folder called images.

2. Create the pages

  • index
  • about
  • portfolio
  • contact
  • links

3. add content – text is enough for today

4. link the pages

5. preview the site

Now watch the video  + Tutor demo and explanations + take notes

 

REMINDER

TO DESIGN WEBSITE WE NEED:

A BRIEF This brief will the base for our final design
RESEARCH Research the Internet to see what the competitors do
PLAN The plan will be an extension to the brief and will dictate how we design the website
WEB DESIGN AND GRAPHIC DESIGN SKILLS A designer is able to use a good color combination for the design, also understand the difference between graphics for web and print. They also need to have the basics of coding (HTML and CSS) to be able to deliver a good project. Although we can use CMS; it is in the designer interest to know about web technology and design
A GOOD COLLECTION OF SOFTWARE PACKAGES

Although it is possible to design a website using NotePad or TexEdit is very advisable to have an array of software packages;

- animation software for designing banners

- design software to design graphics

- web design editor packages to visually (WYSIWYG/WYSYG/CMS)

- uploading software (FTP)

DOMAIN NAME the url for the user to view your page
HOSTING Server space to upload the site

 

 

 


 


 

 

 

 

Extra resources

DIDA

Homework

  • Start planning your own website for next week.

Closing the session: Reflect in your learning log or blog

Web Design part 1 Level 2 Knowing the differences

black Web Design part 1 Level 2 Knowing the differences play video Web Design part 1 Level 2 Knowing the differences

This is a first session for the level 2 multimedia encouraging them to experiment with www.wordpress.com and also helping understand the difference between the Internet and the WWW.  This lesson is easy from the start, helping students understand the technology.

Resources: Internet, an old computer to demonstrate networking and connections, www.wordpress.com, drawing boards, paper, pens, crayons.

Read more

WEB PROJECT IDEA – PUTTING IT TOGETHER

WEB PROJECT IDEA
Read more

Risk Assessment Template word Web Design Project

Risks Assessment Form

Read more

Message to Creative and Media level 1 – Presentation Unit

You might be aware that the new version of WordPress 3.2 is out and advertised on your dashboards. Do not use on your online blog now wait until is proofed and sound.

Important note for Creative and Media students with their WordPress site

You will definitely come across an issue with your website when updating some plugins;

Briefly unavailable for scheduled maintenance. Check back in a minute.

Do not panic, just access your web site folders using FTP, and delete the .maintenance file


Untitled5 300x296 Important note for Creative and Media students with their WordPress site

Performance Optimization WordPress Plugins by W3 EDGE