Font size. Tabl:e 2-4 Font Size Examples. Chapter 2.. Page Layout and Design 47. (font si ze="3"> (fo nt s ize="+l"> (font size="-l">
|
|
- Felicia Sparks
- 5 years ago
- Views:
Transcription
1 Chapter 2.. Page Layout and Design 47 There are some limitations to using fonts. Although there are many fonts to choose from, for users to view those fonts, they have to be registered on the user's system. If the user's system does not have a particular font, the browser will render its default font in its place (commonly Times New Roman for the PC and Chicago for the Mac). Exam Tip You can define fonts using the HTML <f ont> and <ba sefont> elements, as well as define fonts using Cascading Style Sheets (C55). Keep this in mind as a possible exam topic. Serifs Serif fonts are defined by small decorative strokes at the end of a letter's main strokes (this is a serif font). They're readable in medium font sizes; however, readability suffers for small and large font sizes. There are four serif designs: Old Style, Transitional, Modern, and Slab Serif. Sans serifs Sans serif designs are those fonts that do not have serifs - the decorative strokes at the end of the letter's main strokes. These fonts work well in medium sizes, but are recommended for smaller and larger font sizes, such as copyright information and headings (this is a sans serif font). Exam Tip Whether you choose to use serif or sans serif fonts, it's important that you be consistent. For example, all navigation should be defined using the same font and all paragraph text should be in the same font. Font size HTML does not allow designers to define specific font sizes. Instead, you have to use numbers from 1 to 7. Most browsers define a default font size of 3. In addition to using sizes 1 to 7, you can define relative sizes using a plus (+) or minus (-) sign. Table 2-4 illustrates some examples. Tabl:e 2-4 Font Size Examples Example (font si ze="3"> (fo nt s ize="+l"> (font size="-l"> Description Because 3 is the default font size, there's no change in font size Increases the font size to one higher than the base font Decreases the font size to one lower than the base font
2 48 Part I Exploring Web Site Design Methodology In the Real World There are some problems achieving consistent font sizes between the Macintosh and Pc. Macintosh computers display font types at 72 dpi, whereas pes display font types at 96 dpi. This translates into the Macintosh display being smaller than the same font displayed in a pc. TrueType A TrueType font is one that can be rendered in any font size without suffering from poor image quality. Developed by Apple Computer, True Type is now used by both the Windows and Macintosh platforms. A few examples of TrueType fonts are Arial, Times New Roman, Georgia, and Verdana. Because they do not suffer when scaled, they increase readability. Anti-aliasing If you've used Photoshop or Paint Shop Pro, you're probably used to anti-aliasing. When graphics are used to represent letters, the anti-aliasing process smoothes the edges of each letter, thereby increasing readability. Although the file sizes tend to be larger, they sure make your page easier to look at. Font tips Here are some tips that will help you when you work with fonts: Avoid long horizontal line lengths. + Consider how the font contributes to your design. + One font cannot serve all purposes. Whitespace and readability Whitespace can make or break a Web page. Studies have shown that users only absorb 25 percent of what they see on a screen. The more cluttered the page, the less the user can absorb. Therefore, whitespace in your page layout is essential to good design. Exam Tip Each Web page should contain 50 percent less content than a printed version of the same information. This is because users pick up less on the screen than they do on the printed page. You also have to keep in mind that the screen is harder on the eyes than the printed page. Although there have been wonderful advances in monitors, they're not yet equal to the ease of reading the printed page. Users are also less likely to read everything on a Web page. In fact, users typically just scan Web pages to grab the information they need.
3 Chapter 2.. Page Layout and Design 49 To aid in readability, there are several techniques employed by designers:.. Page layout using transparent GIFs. Transparent GIFs can be inserted as a blank space place holder. You can manipulate the height and width of the transparent image to take up the exact amount of whites pace needed. For example, you can indent a section by adding the following tag: <img src="transparent.g if" he ig ht="2" width="lo" alt="spacer" >.. Page layout using tables. Designers have been using tables for layout for a long time now. All you have to do is turn the border off, and you have a layout tool ready for use. Although this is not what tables were intended for, it makes your life as a designer easier... Page layout using frames. Although frames are more commonly used to aid in navigation for a site, they can also be used for layout. You can turn frame borders on or off. When in the off position, the user can't tell that the frame is even there... Page layout using positioning. Although not all browsers support Cascading Style Sheets (CSS) positioning, it will one day make designers' lives a breeze. Currently, however, there's a compatibility problem, because Netscape Navigator uses the <1 ayer >tag for positioning and Internet Explorer conforms to the W3C's CSS specification. Defining and Executing Usability Tests ~ Web usability To some, usability is the most important concept to Web design. At the heart of creating a usable Web site is understanding your audience. For example, if you're selling hearing aids from your Web site, you'd most likely decide against using music as a multimedia element. However, if you're selling CDs, you might want to offer some music on your site. One of the first steps in understanding your audience is to uncover its demographics, gathering information such as age, education, location, and income. In addition to gathering information about the users, you also need to ascertain the types of technology your users can support, such as connection speed, browser versions, and plug-ins. Usability can be categorized into the following elements:.. Quality control. The quality of information is what the user is ultimately looking for.
4 50 Part I.. Exploring Web Site Design Methodology Ease of navigation. Users need to be able to navigate your site with ease. If users cannot navigate to their desired locations within three clicks, they're likely to leave your site. Information architecture. The organization of your information can make or break a site. A user needs to be able to locate your information. Search capability. Most users like the option of searching for their content; therefore, it's wise to include search capabilities on your site. Each of these elements has equal importance and the combination of these elements is what makes up usability. Technology As the Web evolves, it appears that users are reluctant to follow. Studies have shown that as Web innovations increase, users favor the familiar and therefore, don't embrace the new innovations. As the Web grows, it develops expectations for the user experience, and users are expecting that all Web pages conform to those expectations. For example, most users expect that blue underlined text is a hyperlink. If you decided that your hyperlinks should be defined in black, some of your users may not be able to identify your hyperlinks right away. Users have also come to expect an off trigger for any music that begins when the page downloads. Changing this behavior would confuse your audience. One way to solve this problem is to advance Web design slowly. As you create a new site, it can follow conventions expected by users while still introducing some new innovations. As these new innovations take root, some will eventually be incorporated into standard Web design and, consequently, the expectations of users. As for browsers, studies show that the amount of time it took users to upgrade their browsers from 3.x to 4.x took twice as long as upgrades from 2.x to 3.x. This means that users are not upgrading browsers nearly as quickly as they once did. There are several reasons for this slow upgrade rate: Upgrade download sizes have increased; therefore, upgrades require more time. The advantages to upgrading a browser have diminished from past upgrades. Many users don't know how to upgrade their browsers. Some browser upgrades require users to make software or hardware upgrades as well, and some users aren't financially able to make those upgrades. Newer users are not as technically adept as the early user base and are therefore more interested in content than upgrading their browsers.
5 Chapter 2.. Page Layout and Design 5 1 Testing The best way to make sure your site is usable is to conduct a usability test. Most designers like to think they can anticipate what a user will have trouble with, but that's just not the case. As the designer, you already know how to navigate the site. A usability test will examine the site's effectiveness and should look at the four usability elements listed earlier. Before testing, you need to make sure that your site is as close to finished as it can be. Testing on a site that is in production might not be that helpful or accurate. Test pool Your testing pool should be made up of participants (five or more is suggested) who have never visited your Web site before. This means that project team members should not be part of your testing pool. First, you need to determine your target audience's demographics, and then find participants who fall within that demographic. For example, if you're testing a site that sells networking products, you probably don't want any children in your testing pool. Usability tasks The usability test should be scripted with specific tasks. If users are not asked to participate in particular tasks that will mimic a real world scenario, they're not likely to locate significant problems. For the test, be sure to provide a list of tasks for each participant. However, be sure not to identify how to complete each taskremember that you're testing to see if a user can figure the how out for themselves. The test script should also ask each participant to jot down components they like and dislike. Once the participants are ready to begin, leave the room. Although many of you probably want to watch participants' reactions, it's not helpful. As a matter of fact, it could disrupt the test and alter the results. If you must watch the participants, use a video camera or some other unobtrusive method. (Note that you should inform the participants if you're using a video camera.) Analyzing the results Before allowing your testing pool to walk out the door, be sure to follow up with a few questions to trigger any last minute observations. For example, you might want to include the following questions: + What was your first impression? + Was the site structure well organized? + Can you remember the site's metaphors or theme?
6 52 Part I.. Exploring Web Site Design Methodology When analyzing the results, it's important to look at trends in answers. Did multiple users note similar problems with the site design? If one user notes poor navigation, it's not that significant; however, if multiple users note poor navigation, you need to revisit the design. After you analyze the results, it's time to ma ke the necessary changes. It's rare to experience a usability test that doesn't produce some criticism or suggestions for change. Your first experience with a usability test may leave you feeling a tad defeated. Don't take it personally. After all, the feedback will only make your Web site better. Key Point Summary This chapter was chock full of practical information on page layout and design, all of which is aimed at preparing you for the rest of the book. The following concepts were covered in this chapter:.. Understanding your users is the key to defining your site, and selecting the appropriate technologies and tools... To complete this book and the CIW Site Designer exam you need to be comfortable with HTML... The use of color and fonts are important design elements and can also help set the mood for a Web site... There are several techniques for manipulating page layout, from adding transparent GIF images to using borderless tables... Usability testing should be conducted before taking a Web site live. A usability test analyzes a site's information architecture, content quality, search capabilities, and navigation elements
Designing and Printing Address Labels
Designing and Printing Address Labels This file will show you one way to use your computer for producing stick-on address labels, helping you to reduce the time involved in preparing the year's set of
More information4. You should provide direct links to the areas of your site that you feel are most in demand.
Chapter 2: Web Site Design Principles TRUE/FALSE 1. Almost every Web site has at least one flaw. T PTS: 1 REF: 49 2. Not only should you plan for a deliberate look and feel for your Web site, but you must
More informationMicrosoft Expression Web Quickstart Guide
Microsoft Expression Web Quickstart Guide MS-Expression Web Quickstart Guide Page 1 of 24 Expression Web Quickstart Guide (20-Minute Training) Welcome to Expression Web. When you first launch the program,
More informationChapter 7 Typography, Style Sheets, and Color. Mrs. Johnson
Chapter 7 Typography, Style Sheets, and Color Mrs. Johnson Typography Typography refers to the arrangement, shape, size, style, and weight of text. Affects the navigation and usability of a web site and
More informationUsing CSS in Web Site Design
Question 1: What are some of the main CSS commands I should memorize? Answer 1: The most important part of understanding the CSS language is learning the basic structure and syntax so you can use the language
More informationFrontPage 2000 Tutorial -- Advanced
FrontPage 2000 Tutorial -- Advanced Shared Borders Shared Borders are parts of the web page that share content with the other pages in the web. They are located at the top, bottom, left side, or right
More informationMultimedia for the Web: Creating Digital Excitement. Multimedia Element Text
: Creating Digital Excitement Multimedia Element Text Chapter Concepts Discuss Fonts Understand Fonts Define Cascading Style Sheets (CSS) Explain Additional Options for Implementing Text on the Web Chapter
More informationCreating your first website Part 4: Formatting your page with CSS
Adobe - Developer Center : Creating your first website Part 4: Formatting your page... Page 1 of 23 Dreamweaver Article Creating your first website Part 4: Formatting your page with CSS Jon Varese Adobe
More informationLesson 5 Introduction to Cascading Style Sheets
Introduction to Cascading Style Sheets HTML and JavaScript BASICS, 4 th Edition 1 Objectives Create a Cascading Style Sheet. Control hyperlink behavior with CSS. Create style classes. Share style classes
More informationเพ มภาพตามเน อหาของแต ละบท. Basic of Web Design by Assoc. Prof. Churee Techawut and Dr. Ratsameetip Wita adapted into English by Dr.
เพ มภาพตามเน อหาของแต ละบท http://highlevelstudios.com/images/basic_design.jpg Basic of Web Design by Assoc. Prof. Churee Techawut and Dr. Ratsameetip Wita adapted into English by Dr. Prakarn Unachak 1.
More informationWeb design and development ACS Chapter 5. Working with Text
Web design and development ACS-1809 Chapter 5 Working with Text 1/25/2018 1 Working with Text In this chapter we will study Ensuring Onscreen Readability Adding Logical Emphasis to Sections of Text Style
More informationDesign Methodology and Technology COPYRIGHTED MATERIAL PART
Design Methodology and Technology COPYRIGHTED MATERIAL PART I Chapter 1 Overview of Web Design Concepts THE CIW EXAM OBJECTIVE GROUP COVERED IN THIS CHAPTER: Develop effective and usable corporate websites
More informationHypertext Markup Language, or HTML, is a markup
Introduction to HTML Hypertext Markup Language, or HTML, is a markup language that enables you to structure and display content such as text, images, and links in Web pages. HTML is a very fast and efficient
More informationReading 2.2 Cascading Style Sheets
Reading 2.2 Cascading Style Sheets By Multiple authors, see citation after each section What is Cascading Style Sheets (CSS)? Cascading Style Sheets (CSS) is a style sheet language used for describing
More information8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) Learning Objectives (2 of 2)
Web Development & Design Foundations with HTML5 Ninth Edition Chapter 3 Configuring Color and Text with CSS Slides in this presentation contain hyperlinks. JAWS users should be able to get a list of links
More informationLesson 1: Dreamweaver CS6 Jumpstart
Lesson 1: Dreamweaver CS6 Jumpstart Introduction to Adobe Dreamweaver CS6 Adobe Certified Associate: Web Communication using Adobe Dreamweaver CS6 Overview 2013 John Wiley & Sons, Inc. 2 3.1 Elements of
More informationUnderstanding Browsers
Understanding Browsers What Causes Browser Display Differences? Different Browsers Different Browser Versions Different Computer Types Different Screen Sizes Different Font Sizes HTML Errors Browser Bugs
More informationThe building block of a CSS stylesheet. A rule consists of a selector and a declaration block (one or more declarations).
WDI Fundamentals Unit 4 CSS Cheat Sheet Rule The building block of a CSS stylesheet. A rule consists of a selector and a declaration block (one or more declarations). Declaration A declaration is made
More informationWeb Recruitment Module Customisation
Web Recruitment Module Customisation Introduction The People Inc. Web Recruitment add-on enables users to publish details of vacancies on their web site. This information is integrated seamlessly into
More informationHour 3: Apply a Theme to an Entire Web: Sams Teach Yourself Microsoft FrontPage 20...
Page 1 of 9 Hour 3: Apply a Theme to an Entire Web Half the battle in any Web project is to create the information that will be displayed on the pages of your site. FrontPage 2002 makes this easier through
More informationICT IGCSE Practical Revision Presentation Web Authoring
21.1 Web Development Layers 21.2 Create a Web Page Chapter 21: 21.3 Use Stylesheets 21.4 Test and Publish a Website Web Development Layers Presentation Layer Content layer: Behaviour layer Chapter 21:
More informationUnit 4. Multimedia Element: Text. Introduction to Multimedia Semester 2
Unit 4 Multimedia Element: Text 2017-18 Semester 2 Unit Outline In this unit, we will learn Fonts Typography Serif, Sans Serif, Decorative Monospaced vs. Proportional Style Size Spacing Color Alignment
More informationWeb-Friendly Sites. Planning & Design 1
Planning & Design 1 This tutorial presents useful tips and tricks to help you achieve a more Web-friendly design and make your sites more efficient. The following topics are discussed: How Z-order and
More informationCreating an Accessible Microsoft Word document
Creating an Accessible Microsoft Word document Use Built-in Formatting Styles Using built-in formatting styles could be the single most important step in making documents accessible. Built-in formatting
More informationWeb Site Design Principles
Web Site Design Principles Objectives: Understand the Web design environment Design for multiple screen resolutions Craft the look and feel of the site Create a unified site design Design for the user
More informationGraphics ... C H p E R EXAM OBJECTIVES. + Role of Web graphics in site design. + Color depth and resolution. + Graphic file formats
Graphics EXAM OBJECTIVES C H p E R........ + Role of Web graphics in site design + Color depth and resolution + Graphic file formats + Image optimization + Using Jasc Paint Shop Pro Chapter 4.. Graphics
More information2. Write style rules for how you d like certain elements to look.
CSS for presentation Cascading Style Sheet Orientation CSS Cascading Style Sheet is a language that allows the user to change the appearance or presentation of elements on the page: the size, style, and
More informationFRONTPAGE STEP BY STEP GUIDE
IGCSE ICT SECTION 15 WEB AUTHORING FRONTPAGE STEP BY STEP GUIDE Mark Nicholls ICT lounge P a g e 1 Contents Introduction to this unit.... Page 4 How to open FrontPage..... Page 4 The FrontPage Menu Bar...Page
More informationHtml basics Course Outline
Html basics Course Outline Description Learn the essential skills you will need to create your web pages with HTML. Topics include: adding text any hyperlinks, images and backgrounds, lists, tables, and
More informationObjectives. Object-Oriented Analysis and Design with the Unified Process 2
Objectives Understand the differences between user interfaces and system interfaces Explain why the user interface is the system to the users Discuss the importance of the three principles of user-centered
More informationMODULE CM 2004 / STAGE 2 / SEMESTER 2 / SESSION Module title Design Principles and Context
MODULE CM 2004 / STAGE 2 / SEMESTER 2 / SESSION 06-07 Module title Design Principles and Context Typography Fonts are classified under the following headings. Old Face fonts make use of contrasting wide
More informationICT IGCSE Practical Revision Presentation Web Authoring
21.1 Web Development Layers 21.2 Create a Web Page Chapter 21: 21.3 Use Stylesheets 21.4 Test and Publish a Website Web Development Layers Presentation Layer Content layer: Behaviour layer Chapter 21:
More informationIntroduction to Multimedia. MMP100 Spring 2016 thiserichagan.com/mmp100
Introduction to Multimedia MMP100 Spring 2016 profehagan@gmail.com thiserichagan.com/mmp100 Troubleshooting Check your tags! Do you have a start AND end tags? Does everything match? Check your syntax!
More informationHow to Create Accessible Word (2016) Documents
How to Create Accessible Word (2016) Documents Heading Styles 1. Create a uniform heading structure through use of Styles in Word under the Home ribbon. a. Proper heading structure is necessary for screen
More information< building websites with dreamweaver mx >
< building websites with dreamweaver mx > < plano isd instructional technology department > < copyright = 2002 > < building websites with dreamweaver mx > Dreamweaver MX is a powerful Web authoring tool.
More informationCHAPTER 3 WEB DESIGN BASICS KEY CONCEPTS
BASICS OF WEB DESIGN CHAPTER 3 WEB DESIGN BASICS KEY CONCEPTS 1 LEARNING OUTCOMES Describe the most common types of website organization Describe principles of visual design Design for your target audience
More informationUNSW Global Website Branding Guidelines. Website Brand Guidelines
Website Brand Guidelines I Contents 1 Introduction... 1 2 Website Structure... 1 2.1 Page structure overview... 1 2.2 Home page structure... 1 2.3 Secondary page structure... 4 3 Page elements... 6 3.1
More informationAccessible Syllabus Using the Accessible Syllabus Template
Accessible Syllabus Using the Accessible Syllabus Template WORKSHOP DESCRIPTION... 1 Overview 1 Prerequisites 1 Objectives 1 ACCESSIBLE SYLLABUS TEMPLATE... 2 What Makes a Document Accessible? 2 Template
More information**Method 3** By attaching a style sheet to your web page, and then placing all your styles in that new style sheet.
CSS Tutorial Part 1: Introduction: CSS adds style to tags in your html page. With HTML you told the browser what things were (e.g., this is a paragraph). Now you are telling the browser how things look
More informationPART COPYRIGHTED MATERIAL. Getting Started LEARN TO: Understand HTML, its uses, and related tools. Create HTML documents. Link HTML documents
2523ch01.qxd 3/22/99 3:19 PM Page 1 PART I Getting Started LEARN TO: Understand HTML, its uses, and related tools Create HTML documents Link HTML documents Develop and apply Style Sheets Publish your HTML
More informationSession 3.1 Objectives Review the history and concepts of CSS Explore inline styles, embedded styles, and external style sheets Understand style
Session 3.1 Objectives Review the history and concepts of CSS Explore inline styles, embedded styles, and external style sheets Understand style precedence and style inheritance Understand the CSS use
More informationLab: Create JSP Home Page Using NetBeans
Lab: Create JSP Home Page Using NetBeans Table of Contents 1. OVERVIEW... 1 2. LEARNING OBJECTIVES... 1 3. REQUIREMENTS FOR YOUR HOME PAGE (INDEX.JSP)... 2 4. REQUIREMENTS FOR YOUR LABS PAGE (LABS.JSP)...
More information.hedgehog { background-image: url(backyard.jpg); color: #ffff99; height: 6in; width: 12in; } .tube {
.hedgehog { background-image: url(backyard.jpg); color: #ffff99; height: 6in; width: 12in;.tube { color: #996600; height: 3in; width: 12in; position: fixed; What is CSS? Cascading Style Sheets CSS is responsible
More informationACSC 231 Internet Technologies
ACSC 231 Internet Technologies Lecture 7 Web Typography Efthyvoulos Kyriacou - Assoc. Prof. Frederick University Resources: C. Markides (Frederick University) Slide 1 ACSC 231: Internet Technologies 23/12/2008
More informationCreating Web Pages with SeaMonkey Composer
1 of 26 6/13/2011 11:26 PM Creating Web Pages with SeaMonkey Composer SeaMonkey Composer lets you create your own web pages and publish them on the web. You don't have to know HTML to use Composer; it
More informationStudy Guide 2 - HTML and CSS - Chap. 6,8,10,11,12 Name - Alexia Bernardo
Study Guide 2 - HTML and CSS - Chap. 6,8,10,11,12 Name - Alexia Bernardo Note: We skipped Study Guide 1. If you d like to review it, I place a copy here: https:// people.rit.edu/~nbbigm/studyguides/sg-1.docx
More informationCSS BASICS. selector { property: value; }
GETTING STARTED 1. Download the Juice-o-Rama 11-01 zip file from our course dropbox. 2. Move the file to the desktop. You have learned two ways to do this. 3. Unzip the file by double clicking it. You
More informationChapter 1 Introduction to HTML, XHTML, and CSS
Chapter 1 Introduction to HTML, XHTML, and CSS MULTIPLE CHOICE 1. The world s largest network is. a. the Internet c. Newsnet b. the World Wide Web d. both A and B A PTS: 1 REF: HTML 2 2. ISPs utilize data
More information1. Introduction to Multimedia
Standard:11 1. Introduction to Multimedia Communication is an integral part of our life. We use various means of communication like radio, newspaper, television, theatre, movies, internet and others. These
More informationPROFILE DESIGN TUTORIAL KIT
PROFILE DESIGN TUTORIAL KIT NEW PROFILE With the help of feedback from our users and designers worldwide, we ve given our profiles a new look and feel. The new profile is designed to enhance yet simplify
More informationReading type and text on the web, what research shows us. How you can help to get your message across to your readers.
Reading type and text on the web, what research shows us. How you can help to get your message across to your readers. Assoc Professor Stephen Huxley, Swinburne University of Technology Research material
More informationFonts, text, and colour on the web. Sourcing, resizing, and inserting web site images MGMT 230 LAB
Fonts, text, and colour on the web Sourcing, resizing, and inserting web site images MGMT 230 LAB Fonts and font families Font families are used in web development rather than just the name of one font
More informationInternet: An international network of connected computers. The purpose of connecting computers together, of course, is to share information.
Internet: An international network of connected computers. The purpose of connecting computers together, of course, is to share information. WWW: (World Wide Web) A way for information to be shared over
More informationGetting Started with Microsoft PowerPoint 2003
Getting Started with Microsoft PowerPoint 2003 Overview: This handout provides basic introductory information about Microsoft PowerPoint and its application in the classroom. Audience: All instructional
More informationHow to create and edit a CSS rule
Adobe Dreamweaver CS6 Project 3 guide How to create and edit a CSS rule You can create and edit a CSS rule in two locations: the Properties panel and the CSS Styles panel. When you apply CSS styles to
More informationObjective 203 Apply production methods to plan and create advanced digital media graphics projects. Course Weight : 25%
Objective 203 Apply production methods to plan and create advanced digital media graphics projects. Course Weight : 25% Objective 203 - Graphics Objectives are broken down into three sub-objectives : pre-production,
More informationWelcome Please sit on alternating rows. powered by lucid & no.dots.nl/student
Welcome Please sit on alternating rows powered by lucid & no.dots.nl/student HTML && CSS Workshop Day Day two, November January 276 powered by lucid & no.dots.nl/student About the Workshop Day two: CSS
More informationContent Design. Jason Withrow
Content Design Overview Reading Online Writing for the Web Guidelines Presenting Text Content Graphical Text Text Links PDF Documents Printer-Friendly Format Reading Online 1. Reading from computer screens
More informationExcel Basics Rice Digital Media Commons Guide Written for Microsoft Excel 2010 Windows Edition by Eric Miller
Excel Basics Rice Digital Media Commons Guide Written for Microsoft Excel 2010 Windows Edition by Eric Miller Table of Contents Introduction!... 1 Part 1: Entering Data!... 2 1.a: Typing!... 2 1.b: Editing
More informationCreating Accessible Word Documents
Creating Accessible Word Documents 1 of 11 Creating Accessible Word Documents Contents 1. General principles... 1 2. Styles/ Headings... 2 3. Table of Contents... 3 Updating a Table of Contents... 5 4.
More informationTennessee. Business Technology Course Code Web Design Essentials. HTML Essentials, Second Edition 2010
Tennessee Business Technology Course Code 6501240 Web Design Essentials HTML Essentials, Second Edition 2010 Notation Key SE Student Edition LE Learning Expectation Standard 1.0 Demonstrate knowledge of
More informationThe Transition Word 2003 to Word 2007
Transition.qxd 7/3/08 3:27 AM Page 40 The Transition Word 2003 to Word 2007 The Fluent Interface Tab The transition from Word 2003 to Word 2007 will be significantly different for students, instructors,
More informationHow to lay out a web page with CSS
Activity 2.6 guide How to lay out a web page with CSS You can use table design features in Adobe Dreamweaver CS4 to create a simple page layout. However, a more powerful technique is to use Cascading Style
More informationAll-Ways Accessible. People experience the world in different ways. User Friendly Anyone can understand it. Versatile Easy to update.
All-Ways Accessible Accessible content is: User Friendly Anyone can understand it. Versatile Easy to update. Convertible Can be adapted to other formats. Legal Reduce your risk! People experience the world
More informationDRAFT WEB DESIGN 1 HBT 3131 HBT 3131 Web Design 1 Credit: Grade: Term: ACP Credit: Books: Resource List:
WEB DESIGN 1 HBT 3131 HBT 3131 Web Design 1 Credit: 0.5 Computer or Practical Arts/Technology Grade: 10, 11, 12 Term: 1 Semester ACP Credit: MGD141* Books: Shelley Cashman HTML 4.1 Concepts and Techniques,
More informationIn the early days of the Web, designers just had the original 91 HTML tags to work with.
Web Design Lesson 4 Cascading Style Sheets In the early days of the Web, designers just had the original 91 HTML tags to work with. Using HTML, they could make headings, paragraphs, and basic text formatting,
More informationLECTURE 05 WEB DESIGN
MULTIMEDIA TECHNOLOGIES LECTURE 05 WEB DESIGN IMRAN IHSAN ASSISTANT PROFESSOR DESIGN FOR TARGET AUDIANCE CONSIDER THE TARGET AUDIENCE OF THESE SITES. WEB PAGE DESIGN BROWSER COMPATIBILITY Web pages do
More informationTeaching with Primary Sources
Teaching with Primary Sources Joining Educators and Students with Library of Congress Resources Creating a Presentation with PowerPoint 2007 Benefits of using PowerPoint in lectures: PowerPoint encourages
More informationDreamweaver Exam Notes Questions
Dreamweaver Exam Notes Questions 1. Site Publishing: Local Site: Not published, sitting on your PC. Remote: Folders on the server. Root folder: All the info for the website Answer: Local Site 2. Email
More informationKillTest *KIJGT 3WCNKV[ $GVVGT 5GTXKEG Q&A NZZV ]]] QORRZKYZ IUS =K ULLKX LXKK [VJGZK YKX\OIK LUX UTK _KGX
KillTest Q&A Exam : 9A0-803 Title : Certified Dreamweaver 8 Developer Exam Version : DEMO 1 / 7 1. What area, in the Insert bar, is intended for customizing and organizing frequently used objects? A. Layout
More informationReview Question 1. Which tag is used to create a link to another page? 1. <p> 2. <li> 3. <a> 4. <em>
Introduction to CSS Review Question 1 Which tag is used to create a link to another page? 1. 2. 3. 4. Review Question 1 Which tag is used to create a link to another page? 1. 2.
More informationBy Ryan Stevenson. Guidebook #2 HTML
By Ryan Stevenson Guidebook #2 HTML Table of Contents 1. HTML Terminology & Links 2. HTML Image Tags 3. HTML Lists 4. Text Styling 5. Inline & Block Elements 6. HTML Tables 7. HTML Forms HTML Terminology
More informationFrontPage. Directions & Reference
FrontPage Directions & Reference August 2006 Table of Contents Page No. Open, Create, Save WebPages Open Webpage... 1 Create and Save a New Page... 1-2 Change the Background Color of Your Web Page...
More informationCOSC 2206 Internet Tools. CSS Cascading Style Sheets
COSC 2206 Internet Tools CSS Cascading Style Sheets 1 W3C CSS Reference The official reference is here www.w3.org/style/css/ 2 W3C CSS Validator You can upload a CSS file and the validator will check it
More informationEnhancing Presentations with Slides and Other Visuals. Prentice Hall, 2008 Business Communication Today, 9e Chapter 17-1
Enhancing Presentations with Slides and Other Visuals Prentice Hall, 2008 Business Communication Today, 9e Chapter 17-1 Structure of Presentation 1. Role of Visuals 2. Steps to Write Content 3. Design
More informationTYPE. Design Process
TYPE Design Process 01 Vocabulary 02 Classification 03 Six Classic Typefaces 04 Readability 05 Ten Type Commandments 06 Inspiration 07 Assignment 01 Vocabulary 02 Classification 03 Six Classic Typefaces
More informationCS 1100: Web Development: Client Side Coding / Fall 2016 Lab 2: More HTML and CSS
Goals CS 1100: Web Development: Client Side Coding / Fall 2016 Lab 2: More HTML and CSS Practice writing HTML Add links and images to your web pages Apply basic styles to your HTML This lab is based on
More informationCOMSC-030 Web Site Development- Part 1. Part-Time Instructor: Joenil Mistal
COMSC-030 Web Site Development- Part 1 Part-Time Instructor: Joenil Mistal Chapter 1 1 HTML and Web Page Basics Are you interested in building your own Web pages? This chapter introduces you to basic HTML
More informationDesigning a Web Site. Michelle Hulett
0 Designing a Web Site Michelle Hulett 1 Table of Contents Designing a Web Site... 0 Table of Figures... 2 Proximity and Balance... 3 Contrast and Focus... 4 Consistency... 4 Appropriate Background...
More informationGetting Started with Eric Meyer's CSS Sculptor 1.0
Getting Started with Eric Meyer's CSS Sculptor 1.0 Eric Meyer s CSS Sculptor is a flexible, powerful tool for generating highly customized Web standards based CSS layouts. With CSS Sculptor, you can quickly
More informationWeb Development & Design Foundations with HTML5
Web Development & Design Foundations with HTML5 KEY CONCEPTS Copyright Terry Felke-Morris 1 Learning Outcomes In this chapter, you will learn how to... Describe the evolution of style sheets from print
More information1D CIW: Web Design Specialist. Course Outline. CIW: Web Design Specialist Apr 2018
Course Outline CIW: Web Design Specialist 22 Apr 2018 Contents 1. Course Objective 2. Pre-Assessment 3. Exercises, Quizzes, Flashcards & Glossary Number of Questions 4. Expert Instructor-Led Training 5.
More informationGood afternoon and thank you for being at the webinar on accessible PowerPoint presentations. This is Dr. Zayira Jordan web accessibility coordinator
Good afternoon and thank you for being at the webinar on accessible PowerPoint presentations. This is Dr. Zayira Jordan web accessibility coordinator at Iowa State and this is the topic for this week s
More informationWelcome to The Nova Scotia Government. Website Template
Welcome to The Nova Scotia Government Website Template Why a new web template? The new Nova Scotia Government website template is designed to help you maintain or create your government web pages. If right
More informationWeb Development & Design Foundations with HTML5
1 Web Development & Design Foundations with HTML5 CHAPTER 3 CSS BASICS Copyright Terry Felke-Morris 2 Learning Outcomes In this chapter, you will learn how to... Describe the evolution of style sheets
More informationFont Basics. Descender. Serif. With strokes on the extremities of the letters. T Script. Sans-Serif. No strokes on the end of the letters
Font Basics Ascender Font Size d p x A X-height Cap height Counter The white space within letters Descender Bar A Serif With strokes on the extremities of the letters. T A Sans-Serif No strokes on the
More informationDeveloping successful posters using Microsoft PowerPoint
Developing successful posters using Microsoft PowerPoint PRESENTED BY ACADEMIC TECHNOLOGY SERVICES University of San Diego Goals of a successful poster A poster is a visual presentation of your research,
More informationIntroduction to WEB PROGRAMMING
Introduction to WEB PROGRAMMING Web Languages: Overview HTML CSS JavaScript content structure look & feel transitions/animation s (CSS3) interaction animation server communication Full-Stack Web Frameworks
More informationCopyright. For more information, please read the Disclosures and Disclaimers section at the end of this ebook. First PDF Edition, February 2013
Copyright This ebook is Copyright 2013 Teresa Miller (the Author ). All Rights Reserved. Published in the United States of America. The legal notices, disclosures, and disclaimers in the front and back
More informationCompuScholar, Inc. Alignment to Georgia Web Design Standards
CompuScholar, Inc. Alignment to Georgia Web Design Standards Georgia Course Details: Course Title: Primary Career Cluster: Course Code(s): Standards Link: Web Design CTAE / Information Technology 11.45200
More information8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives. Overall Design Is Related to the Site Purpose. Website Organization
Web Development & Design Foundations with HTML5 Ninth Edition Chapter 5 Web Design Slides in this presentation contain hyperlinks. JAWS users should be able to get a list of links by using INSERT+F7 Learning
More informationCreating Accessible Web Sites with EPiServer
Creating Accessible Web Sites with EPiServer Abstract This white paper describes how EPiServer promotes the creation of accessible Web sites. Product version: 4.50 Document version: 1.0 2 Creating Accessible
More informationThe Visual Scientist Presents Poster Design
The Visual Scientist Presents Poster Design layout fonts science! Hailpern & Danilevsky www.thevisualscientist.com Topics Covered This is a how-to-guide for effectively presenting scientific work in the
More informationWeb Development & Design Foundations with HTML5
1 Web Development & Design Foundations with HTML5 CHAPTER 5 WEB DESIGN Copyright Terry Felke-Morris 2 Learning Outcomes In this chapter, you will learn how to... Describe the most common types of website
More informationUsing Dreamweaver CS6
Using Dreamweaver CS6 4 Creating a Template Now that the main page of our website is complete, we need to create the rest of the pages. Each of them will have a layout that follows the plan shown below.
More informationUsing Dreamweaver CC. 6 Styles in Websites. Exercise 1 Linked Styles vs Embedded Styles
Using Dreamweaver CC 6 So far we have used CSS to arrange the elements on our web page. We have also used CSS for some limited formatting. In this section we will take full advantage of using CSS to format
More informationIDM 221. Web Design I. IDM 221: Web Authoring I 1
IDM 221 Web Design I IDM 221: Web Authoring I 1 Week 5 IDM 221: Web Authoring I 2 Working With Text IDM 221: Web Authoring I 3 Special Characters IDM 221: Web Authoring I 4 > < & IDM 221: Web Authoring
More informationUsing Dreamweaver CC. Logo. 4 Creating a Template. Page Heading. Page content in this area. About Us Gallery Ordering Contact Us Links
Using Dreamweaver CC 4 Creating a Template Now that the main page of our website is complete, we need to create the rest of the pages. Each of them will have a layout that follows the plan shown below.
More informationBETTER LOOKING S
BETTER LOOKING EMAILS First impressions matter. So if you want a positive response to your email campaign you need to make a positive first impression. Here are some simple design strategies to help you
More informationCREATING A POWERPOINT PRESENTATION BASIC INSTRUCTIONS
CREATING A POWERPOINT PRESENTATION BASIC INSTRUCTIONS By Carolyn H. Brown This document is created with PowerPoint 2013/15 which includes a number of differences from earlier versions of PowerPoint. GETTING
More information