After studying this chapter you will be able to understand: What is JavaScript? embedding javascript with HTML, javascript conventions, variables in javascript, javascript operators, input output in javascript, javascript functions, conditional statements, looping statements. | 1 CIIT-Human Computer Interaction-CSC456-Fall-2015-Mr. Tehseen Riaz Abbasi 1 2 2 Why User Interface should look Good? Guidelines and Principles of User Interface Design Principles of Screen Design Interface Design Goals Interaction Styles Types of Interfaces What are the Advantages of Style Guidelines? What are Advantages of Good Interface? What are Disadvantages of Bad Interface? 3 What are the Elements of Visual Design? Font Six Typographic Terms Font Size Types of Fonts Proportional Vs. Fixed width Fonts Case of Text Layout Color Guidelines for Color Use Labels 4 What is JavaScript? Embedding JavaScript with HTML JavaScript conventions Variables in JavaScript JavaScript operators Input output in JavaScript JavaScript functions Conditional Statements Looping Statements 5 JavaScript is a client-side scripting language JavaScript was designed to add interactivity to HTML pages JavaScript is used in millions of Web pages to improve the design, validate forms, detect browsers, create cookies, and much more 6 JavaScript is an interpreted language (means that scripts execute without preliminary compilation) JavaScript is usually embedded directly into HTML pages Everyone can use JavaScript without purchasing a license 7 JavaScript is the programming language of HTML and the Web. JavaScript is the most popular scripting language on the internet, and works in all major browsers, such as Internet Explorer, Mozilla, Firefox, Netscape, Opera 8 JavaScript gives HTML designers a programming tool HTML authors are normally not programmers, but JavaScript is a scripting language with a very simple syntax! Almost anyone can put small "snippets" of code into their HTML pages JavaScript can react to events A JavaScript can be set to execute when something happens, like when a page has finished loading or when a user clicks on an HTML element JavaScript can read and write HTML elements A JavaScript can read and change the content of an HTML element 9 JavaScript can be used to . | 1 CIIT-Human Computer Interaction-CSC456-Fall-2015-Mr. Tehseen Riaz Abbasi 1 2 2 Why User Interface should look Good? Guidelines and Principles of User Interface Design Principles of Screen Design Interface Design Goals Interaction Styles Types of Interfaces What are the Advantages of Style Guidelines? What are Advantages of Good Interface? What are Disadvantages of Bad Interface? 3 What are the Elements of Visual Design? Font Six Typographic Terms Font Size Types of Fonts Proportional Vs. Fixed width Fonts Case of Text Layout Color Guidelines for Color Use Labels 4 What is JavaScript? Embedding JavaScript with HTML JavaScript conventions Variables in JavaScript JavaScript operators Input output in JavaScript JavaScript functions Conditional Statements Looping Statements 5 JavaScript is a client-side scripting language JavaScript was designed to add interactivity to HTML pages JavaScript is used in millions of Web pages to improve the design, validate forms, detect browsers, create .
