Session 2: Good Web Design concepts Using CSS N C Diploma: Web Design: S2: Tutor: N R Hartland 1.

Slides:



Advertisements
Similar presentations
PHP and CSS to control web apps styles. CSS is used to style today’s web applications.
Advertisements

 Presentation of new knowledge / skills  Session aims and objectives  Demonstration / instruction  Practice exercises  Review of session  Gives.
Techmania Free Web Template Creative Design Options Wale Akintan INFM 322 Spring 2012.
1 The Development of A Fraction Testing and Tutoring System Q. He & P. Brna Qingping He (CEM Centre, University of Durham, UK) & Paul Brna (SCRE Centre,
N C Diploma: BIT: S4: Project Management: Network Analysis Tutor: N R Hartland 1 Business Information Technology Session 4: Project Management & Network.
AGEING WELL! DON’T HESITATE, BE ACTIVE ICT MODULES FOR LEARNERS OF SYLLOGOS PYRGION THIRAS “TA EISODIA TIS THEOTOKOU”
INTRODUCTION TO WEB DESIGN Anna Gabali – 02/08/11.
CSS 404 Internet Concepts. XP Objectives Developing a Web page and a Website Working with CSS (Cascading Style Sheets) Web Tables Web Forms Multimedia.
5.0 Objects First with Java A Practical Introduction using BlueJ Introduction to Computer Science I Instructor: Allyson Anderson.
1 HTML XHTML. 2 Understand the Doctype tag Know the html tags which are now classed as depreciated Understand how Dreamweaver adds styles Add styles to.
11 HTML5 sharing St Bonaventure College & High School 31 May 2012.
Designing Web Sites Using “tags” Tags are codes inserted among the text to tell the text how to behave Their format is very rigid; they always look like.
Web Design First Semester Project – Getting Started in Dreamweaver.
English A1.
Session 3: Practical Creating web pages in Dreamweaver N C Diploma: Web Design: S3: Tutor: N R Hartland 1.
Session 6: Legal issues in web publishing Creating web pages in Dreamweaver /WordPress N C Diploma: Web Design: S6: Tutor: N R Hartland 1.
Session 7: Workshop: Recap on course contents / Creating own pages within Dreamweaver or WordPress N C Diploma: Web Design: S7: Tutor: N R Hartland 1.
N C Diploma: BIT: S7:E-commerce: Tutor: N R Hartland1 Business Information Technology Session 7: E-commerce Tutor: Nigel R Hartland.
IT204 - Web Scripting and Authoring I Introduction to Dreamweaver Unit 6.
N C Diploma: BIT: S8:Legal Frameworks Tutor: N R Hartland1 Business Information Technology Session 8: Legal Frameworks Tutor: Nigel R Hartland.
Dreamweaver 8 Introduction What you can do with Dreamweaver 8 What's new in Dreamweaver 8.
MA in ICT in Education Tim Brosnan Module Tutor Overview of the module ‘Design and Use of Interactive Multimedia’
Intro To Web Design with Adobe Dreamweaver CSS Cascading Style Sheets (CSS) is the W3C standard for defining the presentation of documents written in HTML,
WebQuest! E 邱尚冰. A WebQuest : is an inquiry-oriented lesson format in which most or all the information that learners work with comes from the.
N C Diploma: BIT: S2:Financial Management: Tutor: N R Hartland1 Business Information Technology Session 2: Financial Management & SWOT Analysis Tutor:
Coursework Documentation INTRODUCTION TO INTERNET.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 6 Key Concepts 1 Copyright © Terry Felke-Morris.
Session 1: Introduction Web Design Theory HTML Code N C Diploma: Web Design: S1: Tutor: N R Hartland 1.
 Computer use language to communicate  A web browser will read these tags and translate it into what you actually see  Viewing Code of ESPN WebsiteESPN.
Digital Design for the Web Digital Design Schedule Semester 1: 6 Wk Grades –Web Products Website Evaluation DreamWeaver 12 Wk Grades.
N C Diploma: BIT: S1:Course Intro: Tutor: N R Hartland1 Business Information Technology Session 1: Course Intro / Data & Software Financial Management.
N C Diploma: BIT: S5:Comp Proj Management: Tutor: N R Hartland1 Business Information Technology Session 5: Computerised Project Management Tutor: Nigel.
 Philosophy Enquiry Based Learning 10 th Feb 2012 – 9 th March 2012.
Web Authoring Level 2. Course Details Single Unit of the level 2 OCR iMedia qualification Single Unit of the level 2 OCR iMedia qualification Software.
University of South Asia Course Name: Web Application Prepared By: Md Rezaul Huda Reza
Session 4: Usability testing: / enhancing a sites’ accessibility N C Diploma: Web Design: S4: Tutor: N R Hartland 1.
PRESENTED BY GRADUATE DESIGN GROUP 2 MEREDITH, JENNIFER, CAMMAY AND DIANE How to build a web site in Dreamweaver.
Art for New Media 1 - Sketchbook: Look through past examples of the Dreamweaver Practice Gallery on the class website. Pick one that you think.
Unit 5 The Web Book Test. Unit 5 Test The Web Book Test 1. On the bottom of page 46, why is writing web pages not like writing printed documents ?
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
© Pearson Education Ltd, 2010 Sport Unit 16 Leading Outdoor and adventurous activities.
N C Diploma: BIT: S10:Course review: Assignment support: Tutor: N R Hartland 1 Business Information Technology Session 10: Course review: Assignment support.
N C Diploma: BIT: S9:Social Aspects of IT Tutor: N R Hartland1 Business Information Technology Session 9: Social Aspects of IT Tutor: Nigel R Hartland.
INTRODUCTION ABOUT DIV Most websites have put their content in multiple columns. Multiple columns are created by using or elements. The div element is.
Web Page Design The Basics. The Web Page A document (file) created using the HTML scripting language. A document (file) created using the HTML scripting.
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
LEARNING TECHNOLOGY DTLLS. LESSON OBJECTIVES Be able to define some learning technology terms Be able to use learning technology To be able to describe.
Managing the content of web pages
My Portfolio By Michelle Flanagan.
Accounting courses in Chandigarh. Introduction to accounting.
Unit 3 Outdoor and adventurous activities
دانشکده سرمایه گذار مبانی و مدل
Web Page Development Tools
Website Call
Starting to develop a website
Mozafar Bag-Mohammadi
Суури мэдлэг Basic Knowledge
Web Page Development Tools
Call : Website: -
C S S Cascading Style Sheets
Unit 4 Test CSS Test.
An introduction to Theory of Knowledge
Works Cited page.
WEB DESIGNING THROUGH HTML
Unit 15 The Web Book Test.
生物資訊程式語言應用 Syllabus 2009 Summer
JoAnn Harris-Bowlsbey, Ed.D.
An Introduction to MLA 8th Edition – Works Cited Page
 WEBSITE:
 WEBSITE:
Presentation transcript:

Session 2: Good Web Design concepts Using CSS N C Diploma: Web Design: S2: Tutor: N R Hartland 1

The overall aim of the session is to:  To provide learners with the knowledge and understanding of good web design concepts, provide an introduction to CSS and how it can be used within a website N C Diploma: Web Design: S2:Tutor: N R Hartland2

By the end of the session learners should be able to: Formulate examples of good web design concepts. Make use of CSS within their coded pages. Use Dreamweaver to edit a CSS document. N C Diploma: Web Design: S2:Tutor: N R Hartland3

 Give an example of a good web design concept?  Give an example of how CSS can be used to aid web design?  How can a web development package such as Dreamweaver aid the design process ? N C Diploma: Web Design: S2:Tutor: N R Hartland4