1. INTRODUCTION TO WEB DESIGN Anna Gabali – 02/08/11

2. Lesson Objectives: Basic understanding of websites Basic understanding of what is needed to get a business online By the end of this session: Grasp the purpose of websites (business etc...) Grasp what is needed to have a website online Understand the learning process in web design

3. This session will last 10 minutes  Health & Safety: make sure your bags are out of the way and not on the floor,  Make sure you mobile phones are switch off  In case of a fire alarm make sure you follow your tutor instructions.

4. Before we start  Take a few second to tell us: Who you are What you do Do you use the Internet? If yes tell which website you like and why If not tell us why Task 1

5. What is a Website?  a website is a collection of documents known as web pages that contain:  images, words,  digital media,  Interactive forms  The main page in a website is called a homepage, and other pages in a website are called subpages.  Pages are connected by hyperlinks, which are spots on a page (usually text or images) that, when clicked, take the user to different location on the site.

6. Answer the following Identify 3 different reasons why people or businesses might want a website for : Task 2 –

7. Common reasons for having a web site PersonalFor sharing, portfolio www.gabali.co.ukwww.gabali.co.uk BusinessFor catalogue, information, recruiting staff E-CommerceFor selling goods and services www.amazon.co.ukwww.amazon.co.uk EducationalTraining and education www.lynda.comwww.lynda.com News and EntertainmentNews and entertainment www.bbc.co.ukwww.bbc.co.uk SocialSocialising www.facebook.comwww.facebook.com Servicewww.google.com

8. What You Need to Get Online

9. Group exercise  Task 3  Scenario 1 -Miss Balajo, your best friend, an artist need an online presence what do you think would be the best web site for her portfolio – E-Business – News Site Why?  Scenario 2- JoJo bar/night club is planning for a website what would be the best domain name for their online presence; www.jojobar.com or www.barnightclub.com www.jojobar.comwww.barnightclub.com Why?

10. What do you need to design a website?  Skills in different software packages  Skills in coding  Understanding of IT, Internet and World Wide Web technology  Research and Planning skills  Good communication skills if you work for yourself as web designer or within a team  Willingness to learn new trends, skills, software

11. What do you equip yourself with to start?  A Good computer  Internet connection  A way to get your site online (hosting company or your own server)  Text editing software would be enough (for coding only)  Graphics & wed design software package  Different browser software to test your designs

12. Conclusion  They are many reasons why you could have a website  To get your business online you need  A domain name  A web hosting company  SSL certificate – online security for data transmissio  A designed website with content (e-commerce, portfolio)  Search engine optimization

13. Next step to this lesson  What is a website made of?  Planning a website  Design a website (using both CMS wordpress-Dreamweaver)  With CMS you will learn how to use Content Management Systems (template based)  With Dreamweaver you will learn to build your site from scratch

14. Homework for next session  Task 1 Research types of websites  Task 2 Read the Learner Assessment book  Task 3 Look at wordrpess.com

15. Resources  http://www.youtube.com/watch?v=frUcZx3YQ9o&f eature=related How do you choose a domain name http://www.youtube.com/watch?v=frUcZx3YQ9o&f eature=related  http://www.youtube.com/user/solutionsarepower# p/u/21/8nFao4s4Mp0 On line learning http://www.youtube.com/user/solutionsarepower# p/u/21/8nFao4s4Mp0  http://www.wordpress.com (introduction to wordpress) http://www.wordpress.com