Test revision
Download as PPTX, PDF0 likes318 views
The Year 9 test will cover spreadsheets and web design. For spreadsheets, students should understand simple formulas and data filters. They will need to open a CSV file, save it as an Excel file, and add filters to only show color phones with talk time over 240 minutes. For web design, students will create a two-page website with a stylesheet to demonstrate how to use data filters. The stylesheet should style h1 tags as red and size 20, and use the body tag to set a light yellow background color. Students will be asked questions about creating data filters, saving filtered CSV files, the purpose of CSS rules, and which tags to use for fonts and backgrounds.
1 of 22
Download to read offline
Recommended
How to prepare a book for printing in in design
How to prepare a book for printing in in designSameDay Printing
油
This document outlines the basic steps for preparing a book for commercial printing in InDesign, including communicating with the printer about requirements, setting up styles and master pages, preparing graphics, verifying fonts and images, packaging files, and exporting as a PDF according to the printer's specifications. Key steps are talking to the printer, setting up consistent styles and pages, preparing graphics in their original files, running preflight to check for errors, packaging or exporting the file as requested by the printer.How to use the Custom Builder on Carrot-Top.com
How to use the Custom Builder on Carrot-Top.comedegnan
油
This document provides instructions for using the custom builder tool on the Carrot-Top website. It outlines how to use the top toolbar, settings tab, add and edit text, clip art and shapes. It also describes how to upload and save images, layer objects, save designs, and add completed designs to a cart. The instructions are divided into sections covering these various building and editing functions available in the custom builder.Beautiful Reports: The Non-Designer's Guide to Designing Business Documents
Beautiful Reports: The Non-Designer's Guide to Designing Business DocumentsWindward
油
As any chef will tell you, its all about presentation.
When creating a composition, whether it be a gourmet meal or a business document, providing the basics isnt enough.
The output must look appetizing as well, or your customers are likely to pass on what youre trying to serve them.
Here are seven ideas to help improve your documents.Divs and Links Styles
Divs and Links StylesDaniel Downs
油
This document provides steps for adding different types of links to a web page design project using Dreamweaver and Photoshop. It demonstrates how to create side navigation links using divs and CSS, how to style lists horizontally and vertically, and how to create "sliced" image links in Photoshop that link to other pages when clicked. The steps provided include inserting code, adjusting CSS styles, and previewing the page to check that the links are working properly.What Is A Font Style in Publisher 2007
What Is A Font Style in Publisher 2007Sutinder Mann
油
The document discusses font schemes in Microsoft Publisher and how they can be customized. A font scheme contains different styles for headings, body text, and other elements. The user can choose an existing font scheme or edit the styles within a scheme. They can also create a new font scheme or modify an existing one. Any changes to font schemes will be saved to the hard disk.Tm 1st quarter - 3rd meeting
Tm 1st quarter - 3rd meetingEsmeraldo Jr Guimbarda
油
This document discusses different methods for inserting CSS code into HTML documents: internal style sheets, external style sheets, and inline styles. It explains the benefits of using CSS such as consistency, reduced file size, improved search engine optimization, and browser compatibility. The document also covers CSS syntax, inheritance, combining selectors, comments, and provides examples of how to implement each CSS insertion method.Word 2013 Unit D
Word 2013 Unit Djarana00
油
This document discusses various formatting features in Microsoft Word, including setting margins and page orientation, creating sections and columns, inserting page and column breaks, adding page numbers, headers and footers, inserting tables, and adding footnotes/endnotes and citations. Key features include dividing a document into multiple sections for varying layout, inserting manual page breaks, numbering pages automatically, and managing bibliographic sources and citations.Computer ppt on inserting images and tables
Computer ppt on inserting images and tablesPrabhu Donthi
油
The document discusses different formats for images on web pages. JPEG files should be used for photos as they support more colors, while GIF files with fewer colors should be used for other graphics. It also provides instructions for inserting images, clip art, and tables into HTML pages using the Microsoft FrontPage editor.Memory revision multiple choice test
Memory revision multiple choice testJanine Poole
油
- Kandel's research into memory formation found that biochemical changes in synaptic function form different types of memories.
- Differences in memory ability across individuals' lifespans are due to lower motivation among elderly people to remember new and meaningless information.
- Impairment of memory for events that occur prior to severe head injury is called retrograde amnesia.
- A neurodegenerative disease is best described as a progressive decline in the structure and/or function of neurons in the central nervous system.Exam Revision Self Esteem
Exam Revision Self EsteemWellingtonisgreat
油
The document provides guidance on answering exam questions about how elements of self-concept like self-esteem and ideal self can affect performance in formal situations like job interviews. It defines self-esteem as a personal judgment of one's own worth and suggests formal situations like interviews may impact self-esteem. Factors that can influence self-esteem are described as reactions from others, comparisons to other people, who we identify with, and the roles we play. The ideal self is defined as people we see as role models, and the potential "reality gap" between our self-image and ideal self can impact our self-esteem.Guidelines for Test Administration
Guidelines for Test AdministrationSue Quirante
油
The document provides guidance for effectively administering standardized tests through careful advance preparation and uniform testing conditions. Key steps include preparing materials ahead of time, ensuring a quiet testing environment, giving clear instructions to examiners and examinees, and closely monitoring the administration to prevent issues. The goal is to gather assessment results under optimal conditions so they accurately reflect examinees' abilities rather than external factors.Administering the test
Administering the testenylisac25
油
Administering tests requires careful planning to create the best environment for students. A quiet, comfortable setting without interruptions helps students concentrate. Anticipating questions beforehand prevents disruptions during testing. Students should be informed ahead of time that a test will occur and understand the rules, like prohibiting cheating. Teachers can discourage cheating by thoroughly preparing students, allowing sufficient study time, clarifying what cheating entails, and enforcing consequences for any violations. Strict protocols during the exam, like removing unneeded items and alternating seats, can further discourage cheating.Interpreting Test Scores
Interpreting Test ScoresElton John Embodo
油
This is my report in my Assessment II subject. I am assigned to discuss on how to interpret test scores by standard deviation unit, Z-score, T-score, Stanine, Deviation IQ and NCE.Administering,scoring and reporting a test ppt
Administering,scoring and reporting a test pptManali Solanki
油
This document discusses administering, scoring, and reporting tests. It provides definitions for key terms like analysis, test, scoring, and report. It describes the important role of the test administrator in creating the right environment and putting students at ease. It discusses procedures for administering tests before, during, and after the test is completed. It also covers various methods for scoring tests including raw scores, percentile ranks, stanines, standard scores like z-scores and t-scores. Grading methods like letter grades, numbers, percentages, and checklists are also outlined. The document provides details on scoring essay questions, objective tests, and conducting item analysis to evaluate test quality. It emphasizes accurate and useful reporting of results to understand assessmentChapter 12
Chapter 12application developer
油
This document discusses various style and layout techniques in Visual Studio, including styles, style sheets, themes, and master pages. It explains how to create and apply styles, style sheets, and themes to control formatting. It also covers using master pages to define common page elements and content regions for reuse across pages, and how to divide pages into sections using HTML tables or CSS positioning with style-based layouts.You Can Take Your HAT Off
You Can Take Your HAT OffJeff Haas
油
The document discusses using Dreamweaver templates to author HTML-based help topics for web applications. It covers what Dreamweaver templates are, how to build them using layers, layout tables, regions, snippets, assets, extensions, behaviors, and CSS. It also discusses authoring template-based help topics and testing them.ARTICULOENINGLES
ARTICULOENINGLESM坦nica S叩nchez Crisostomo
油
The document provides instructions on how to create websites using HTML5 and CSS. It introduces the basic concepts of HTML5 and CSS, explaining how they are used to structure and style web pages. It then provides step-by-step instructions on how to build a basic website template using HTML5 elements like header, nav, section, aside, and footer, and how to customize the template's appearance using CSS properties for fonts, colors, backgrounds, borders and more. The goal is to educate others on designing attractive and well-structured websites without advanced technical skills.Css Founder.com | Cssfounder se
Css Founder.com | Cssfounder seCss Founder
油
1) The document discusses the basics of HTML and introduces CSS for formatting web pages. It demonstrates how to add text, paragraphs, headings, links and images to an HTML file.
2) It explains what CSS is and how it allows separation of content and presentation through external style sheets. This allows formatting to be changed globally.
3) The document walks through creating an external CSS style sheet, attaching it to HTML pages, and modifying styles for headings, body text, and links. This showcases how CSS centralizes formatting.Css training tutorial css3 & css4 essentials
Css training tutorial css3 & css4 essentialsQA TrainingHub
油
Learn CSS - Cascading style Sheets to crate awsome looking for your general html Ui & Create responsive HTML Templates by understanding this css tutorialTutorial5
Tutorial5tutorialsruby
油
This document provides a tutorial on using CSS (Cascading Style Sheets) to style web pages. CSS allows web designers to manage design elements across an entire site. The tutorial demonstrates how to create a basic HTML page, link an external CSS style sheet, and add CSS rules to change font properties, colors, sizes and positioning for different HTML elements like paragraphs and images. CSS makes it possible to globally change design aspects by modifying the single CSS file rather than individually editing each HTML page.Tutorial5
Tutorial5tutorialsruby
油
This document provides a tutorial on using CSS (Cascading Style Sheets) to style web pages. CSS allows web designers to manage design elements across an entire site. The tutorial demonstrates how to create a basic HTML page, link an external CSS style sheet, and add CSS rules to change font properties, colors, sizes and positioning for different HTML elements like paragraphs and images. CSS makes it possible to globally change design aspects by modifying the single CSS file rather than individually editing each HTML page.WELCOME-FOLKS--CSS.-AND-HTMLS.pptx
WELCOME-FOLKS--CSS.-AND-HTMLS.pptxHeroVins
油
HTML is the primary markup language used on the internet to structure web page content. It uses elements like tags and attributes to create sections, paragraphs, and links. CSS is used to describe and modify the presentation of HTML documents, allowing control over fonts, colors, spacing and more. The document provided information on HTML, how it works, its pros and cons, and how CSS can be used to style HTML elements.Css
CssVenkat Krishnan
油
CSS allows separation of document structure (HTML) from presentation (styles). It provides precise control over elements' appearance. CSS rules have selectors that specify elements to style and declarations that define properties (e.g., color) and values (e.g., blue). Multiple style sheets can affect elements through cascading rules, with inline styles having highest priority. DHTML refers to combining HTML, CSS, and scripts to create dynamic and animated web pages.Introduction to css
Introduction to cssnikhilsh66131
油
This document introduces CSS (Cascading Style Sheets) and provides examples of how to use CSS to style HTML elements. CSS allows separation of document structure (HTML) from presentation (CSS). There are three ways to associate CSS with HTML - external CSS files linked via <link>, internal <style> sections, or inline styles via the style attribute. CSS selectors target elements by tag name, class, ID, or context. Classes and IDs allow targeting groups or individual elements. CSS rules define styles using properties and values within curly braces. This allows consistent styling across pages by changing a single CSS file.Intermediate Web Design.doc
Intermediate Web Design.docbutest
油
This document provides an overview of intermediate web design concepts including meta tags, favorites icons, CSS, and ways to add CSS to HTML pages. It discusses using meta tags to provide non-visible page information to search engines, adding a custom favorites icon, basic CSS syntax and properties, and three methods for including CSS - external, internal, and inline stylesheets. It emphasizes that external stylesheets allow applying styles across multiple pages and that inline styles should only be used for one-time instances.Intermediate Web Design.doc
Intermediate Web Design.docbutest
油
This document provides an overview of intermediate web design concepts including meta tags, favorites icons, CSS, and ways to add CSS to HTML pages. It discusses using meta tags to provide non-visible page information to search engines, adding a custom favorites icon, basic CSS syntax and properties, and embedding, internal and external methods for linking CSS to HTML pages. The document aims to teach intermediate web design skills and CSS implementation.Walkthrough asp.net
Walkthrough asp.netAravindharamanan S
油
This document provides instructions for creating a basic web forms page in Visual Studio, including:
1. Creating a file system web site project.
2. Adding a new ASP.NET web forms page and adding HTML text.
3. Familiarizing yourself with the Visual Studio development environment.
4. Running the page using the built-in Visual Studio development server.Lesson 2 cs5
Lesson 2 cs5dtelepos
油
The document discusses several methods for inserting text from Office documents like Word and Excel into Dreamweaver pages, including using the Import menu commands, dragging and dropping files, and copy/pasting. It also covers how to apply styles like fonts, sizes, and colors in Dreamweaver using the CSS Property inspector and creating internal and external style sheets. Additional topics covered include Dreamweaver features like the History panel, Code Inspector, snippets, and code hints.ITECH2106-6106 Lab01-HTML CSS Intro and Needs Analysis.pdf.docx
ITECH2106-6106 Lab01-HTML CSS Intro and Needs Analysis.pdf.docxchristiandean12115
油
ITECH2106-6106 Lab01-HTML CSS Intro and Needs Analysis.pdf
ITECH2106-6106
Webpage & Multimedia Design
CRICOS Provider No. 00103D ITECH2106-6106 Lab01 Page 1 of 11
Lab Week 1
HTML & CSS Introduction
Overview
This weeks lab exercises:
Refresh your memory developing a webpage using HTML & CSS;
Employ <div> tags to structure a webpage;
Begin using HTML5 semantic structural tags;
Begin Assignment 1 by starting on the Needs Analysis.
NOTE: If you copy and paste code from any source, make sure the quotations marks paste correctly, sometimes you may
get the wrong shaped quotation marks such as angled ones instead of straight ones "and the browser cannot read
them. Also note, most of this code is images and cannot be copied and pasted!
Exercise 1: Refresher
Remember in ITECH1004/5004: Introduction to Multimedia, you had
to create a basic website for your final assignment? Well, lets recreate
a webpage similar to the sample provided of the homepage (shown to
the right).
ITECH1004 students were allowed to develop their website using
HTML tables, so this is where this exercise will start. In this exercise,
you will hand-code everything directly via the markup code using a text
editor, rather than use a visual editor like Adobe Dreamweaver. This
way you can be sure the code is exactly what you want, and you will
are more likely to learn the code by typing it.
Open NotePad++ and start a New file
Start with the basic HTML tags to format a page (as shown below),
and then open the save as file menu. Click the drop-down menu and select an .html file type. Name your file
wk1ex1.html
Sample Home Page
ITECH2106-6106
Webpage & Multimedia Design
CRICOS Provider No. 00103D ITECH2106-6106 Lab01 Page 2 of 11
After saving as an html file type, you will notice notepad++ has colour coded the text for you to distinguish tags from
content (and also attributes and values as you will see soon). Now to add some content.
Place a heading in the body:
<h1>Home page</h1>
After the heading you need to create a table <table>. The sample had one table row <tr> and two columns of
table data <td>.
For now just enter it as below, keeping the indentations as it makes it easier to see where tags open and close.
Save your HTML file.
Now for a small trick that will make it easy to track your progress when building webpages.
Open your wk1ex1.html in Google Chrome.
o This browser is going to be your go-to browser this semester to view your HTML files.
o Why this browser? It has the best support for the latest HTML5 and CSS3 features. In comparison,
Microsoft Internet Explorer is so far behind, even Microsoft have abandoned it in Windows 10.
Now the simple trick:
o Place your NotePad++ window on the left of your screen using the hotkey combination WIN key + Left
Arrow key.
o Place Google Chrome on the right half of the screen using WIN key + Right Arrow key.
o Now.Dreamweaver CS3
Dreamweaver CS3University of Washington, Bothell
油
The document provides an overview of creating a basic web page using Adobe Dreamweaver. It discusses HTML and XHTML basics and the Dreamweaver workspace. It then demonstrates how to set up a Dreamweaver site, insert tables and images, and edit content and properties to design a sample web page.More Related Content
Viewers also liked (6)
Memory revision multiple choice test
Memory revision multiple choice testJanine Poole
油
- Kandel's research into memory formation found that biochemical changes in synaptic function form different types of memories.
- Differences in memory ability across individuals' lifespans are due to lower motivation among elderly people to remember new and meaningless information.
- Impairment of memory for events that occur prior to severe head injury is called retrograde amnesia.
- A neurodegenerative disease is best described as a progressive decline in the structure and/or function of neurons in the central nervous system.Exam Revision Self Esteem
Exam Revision Self EsteemWellingtonisgreat
油
The document provides guidance on answering exam questions about how elements of self-concept like self-esteem and ideal self can affect performance in formal situations like job interviews. It defines self-esteem as a personal judgment of one's own worth and suggests formal situations like interviews may impact self-esteem. Factors that can influence self-esteem are described as reactions from others, comparisons to other people, who we identify with, and the roles we play. The ideal self is defined as people we see as role models, and the potential "reality gap" between our self-image and ideal self can impact our self-esteem.Guidelines for Test Administration
Guidelines for Test AdministrationSue Quirante
油
The document provides guidance for effectively administering standardized tests through careful advance preparation and uniform testing conditions. Key steps include preparing materials ahead of time, ensuring a quiet testing environment, giving clear instructions to examiners and examinees, and closely monitoring the administration to prevent issues. The goal is to gather assessment results under optimal conditions so they accurately reflect examinees' abilities rather than external factors.Administering the test
Administering the testenylisac25
油
Administering tests requires careful planning to create the best environment for students. A quiet, comfortable setting without interruptions helps students concentrate. Anticipating questions beforehand prevents disruptions during testing. Students should be informed ahead of time that a test will occur and understand the rules, like prohibiting cheating. Teachers can discourage cheating by thoroughly preparing students, allowing sufficient study time, clarifying what cheating entails, and enforcing consequences for any violations. Strict protocols during the exam, like removing unneeded items and alternating seats, can further discourage cheating.Interpreting Test Scores
Interpreting Test ScoresElton John Embodo
油
This is my report in my Assessment II subject. I am assigned to discuss on how to interpret test scores by standard deviation unit, Z-score, T-score, Stanine, Deviation IQ and NCE.Administering,scoring and reporting a test ppt
Administering,scoring and reporting a test pptManali Solanki
油
This document discusses administering, scoring, and reporting tests. It provides definitions for key terms like analysis, test, scoring, and report. It describes the important role of the test administrator in creating the right environment and putting students at ease. It discusses procedures for administering tests before, during, and after the test is completed. It also covers various methods for scoring tests including raw scores, percentile ranks, stanines, standard scores like z-scores and t-scores. Grading methods like letter grades, numbers, percentages, and checklists are also outlined. The document provides details on scoring essay questions, objective tests, and conducting item analysis to evaluate test quality. It emphasizes accurate and useful reporting of results to understand assessmentSimilar to Test revision (20)
Chapter 12
Chapter 12application developer
油
This document discusses various style and layout techniques in Visual Studio, including styles, style sheets, themes, and master pages. It explains how to create and apply styles, style sheets, and themes to control formatting. It also covers using master pages to define common page elements and content regions for reuse across pages, and how to divide pages into sections using HTML tables or CSS positioning with style-based layouts.You Can Take Your HAT Off
You Can Take Your HAT OffJeff Haas
油
The document discusses using Dreamweaver templates to author HTML-based help topics for web applications. It covers what Dreamweaver templates are, how to build them using layers, layout tables, regions, snippets, assets, extensions, behaviors, and CSS. It also discusses authoring template-based help topics and testing them.ARTICULOENINGLES
ARTICULOENINGLESM坦nica S叩nchez Crisostomo
油
The document provides instructions on how to create websites using HTML5 and CSS. It introduces the basic concepts of HTML5 and CSS, explaining how they are used to structure and style web pages. It then provides step-by-step instructions on how to build a basic website template using HTML5 elements like header, nav, section, aside, and footer, and how to customize the template's appearance using CSS properties for fonts, colors, backgrounds, borders and more. The goal is to educate others on designing attractive and well-structured websites without advanced technical skills.Css Founder.com | Cssfounder se
Css Founder.com | Cssfounder seCss Founder
油
1) The document discusses the basics of HTML and introduces CSS for formatting web pages. It demonstrates how to add text, paragraphs, headings, links and images to an HTML file.
2) It explains what CSS is and how it allows separation of content and presentation through external style sheets. This allows formatting to be changed globally.
3) The document walks through creating an external CSS style sheet, attaching it to HTML pages, and modifying styles for headings, body text, and links. This showcases how CSS centralizes formatting.Css training tutorial css3 & css4 essentials
Css training tutorial css3 & css4 essentialsQA TrainingHub
油
Learn CSS - Cascading style Sheets to crate awsome looking for your general html Ui & Create responsive HTML Templates by understanding this css tutorialTutorial5
Tutorial5tutorialsruby
油
This document provides a tutorial on using CSS (Cascading Style Sheets) to style web pages. CSS allows web designers to manage design elements across an entire site. The tutorial demonstrates how to create a basic HTML page, link an external CSS style sheet, and add CSS rules to change font properties, colors, sizes and positioning for different HTML elements like paragraphs and images. CSS makes it possible to globally change design aspects by modifying the single CSS file rather than individually editing each HTML page.Tutorial5
Tutorial5tutorialsruby
油
This document provides a tutorial on using CSS (Cascading Style Sheets) to style web pages. CSS allows web designers to manage design elements across an entire site. The tutorial demonstrates how to create a basic HTML page, link an external CSS style sheet, and add CSS rules to change font properties, colors, sizes and positioning for different HTML elements like paragraphs and images. CSS makes it possible to globally change design aspects by modifying the single CSS file rather than individually editing each HTML page.WELCOME-FOLKS--CSS.-AND-HTMLS.pptx
WELCOME-FOLKS--CSS.-AND-HTMLS.pptxHeroVins
油
HTML is the primary markup language used on the internet to structure web page content. It uses elements like tags and attributes to create sections, paragraphs, and links. CSS is used to describe and modify the presentation of HTML documents, allowing control over fonts, colors, spacing and more. The document provided information on HTML, how it works, its pros and cons, and how CSS can be used to style HTML elements.Css
CssVenkat Krishnan
油
CSS allows separation of document structure (HTML) from presentation (styles). It provides precise control over elements' appearance. CSS rules have selectors that specify elements to style and declarations that define properties (e.g., color) and values (e.g., blue). Multiple style sheets can affect elements through cascading rules, with inline styles having highest priority. DHTML refers to combining HTML, CSS, and scripts to create dynamic and animated web pages.Introduction to css
Introduction to cssnikhilsh66131
油
This document introduces CSS (Cascading Style Sheets) and provides examples of how to use CSS to style HTML elements. CSS allows separation of document structure (HTML) from presentation (CSS). There are three ways to associate CSS with HTML - external CSS files linked via <link>, internal <style> sections, or inline styles via the style attribute. CSS selectors target elements by tag name, class, ID, or context. Classes and IDs allow targeting groups or individual elements. CSS rules define styles using properties and values within curly braces. This allows consistent styling across pages by changing a single CSS file.Intermediate Web Design.doc
Intermediate Web Design.docbutest
油
This document provides an overview of intermediate web design concepts including meta tags, favorites icons, CSS, and ways to add CSS to HTML pages. It discusses using meta tags to provide non-visible page information to search engines, adding a custom favorites icon, basic CSS syntax and properties, and three methods for including CSS - external, internal, and inline stylesheets. It emphasizes that external stylesheets allow applying styles across multiple pages and that inline styles should only be used for one-time instances.Intermediate Web Design.doc
Intermediate Web Design.docbutest
油
This document provides an overview of intermediate web design concepts including meta tags, favorites icons, CSS, and ways to add CSS to HTML pages. It discusses using meta tags to provide non-visible page information to search engines, adding a custom favorites icon, basic CSS syntax and properties, and embedding, internal and external methods for linking CSS to HTML pages. The document aims to teach intermediate web design skills and CSS implementation.Walkthrough asp.net
Walkthrough asp.netAravindharamanan S
油
This document provides instructions for creating a basic web forms page in Visual Studio, including:
1. Creating a file system web site project.
2. Adding a new ASP.NET web forms page and adding HTML text.
3. Familiarizing yourself with the Visual Studio development environment.
4. Running the page using the built-in Visual Studio development server.Lesson 2 cs5
Lesson 2 cs5dtelepos
油
The document discusses several methods for inserting text from Office documents like Word and Excel into Dreamweaver pages, including using the Import menu commands, dragging and dropping files, and copy/pasting. It also covers how to apply styles like fonts, sizes, and colors in Dreamweaver using the CSS Property inspector and creating internal and external style sheets. Additional topics covered include Dreamweaver features like the History panel, Code Inspector, snippets, and code hints.ITECH2106-6106 Lab01-HTML CSS Intro and Needs Analysis.pdf.docx
ITECH2106-6106 Lab01-HTML CSS Intro and Needs Analysis.pdf.docxchristiandean12115
油
ITECH2106-6106 Lab01-HTML CSS Intro and Needs Analysis.pdf
ITECH2106-6106
Webpage & Multimedia Design
CRICOS Provider No. 00103D ITECH2106-6106 Lab01 Page 1 of 11
Lab Week 1
HTML & CSS Introduction
Overview
This weeks lab exercises:
Refresh your memory developing a webpage using HTML & CSS;
Employ <div> tags to structure a webpage;
Begin using HTML5 semantic structural tags;
Begin Assignment 1 by starting on the Needs Analysis.
NOTE: If you copy and paste code from any source, make sure the quotations marks paste correctly, sometimes you may
get the wrong shaped quotation marks such as angled ones instead of straight ones "and the browser cannot read
them. Also note, most of this code is images and cannot be copied and pasted!
Exercise 1: Refresher
Remember in ITECH1004/5004: Introduction to Multimedia, you had
to create a basic website for your final assignment? Well, lets recreate
a webpage similar to the sample provided of the homepage (shown to
the right).
ITECH1004 students were allowed to develop their website using
HTML tables, so this is where this exercise will start. In this exercise,
you will hand-code everything directly via the markup code using a text
editor, rather than use a visual editor like Adobe Dreamweaver. This
way you can be sure the code is exactly what you want, and you will
are more likely to learn the code by typing it.
Open NotePad++ and start a New file
Start with the basic HTML tags to format a page (as shown below),
and then open the save as file menu. Click the drop-down menu and select an .html file type. Name your file
wk1ex1.html
Sample Home Page
ITECH2106-6106
Webpage & Multimedia Design
CRICOS Provider No. 00103D ITECH2106-6106 Lab01 Page 2 of 11
After saving as an html file type, you will notice notepad++ has colour coded the text for you to distinguish tags from
content (and also attributes and values as you will see soon). Now to add some content.
Place a heading in the body:
<h1>Home page</h1>
After the heading you need to create a table <table>. The sample had one table row <tr> and two columns of
table data <td>.
For now just enter it as below, keeping the indentations as it makes it easier to see where tags open and close.
Save your HTML file.
Now for a small trick that will make it easy to track your progress when building webpages.
Open your wk1ex1.html in Google Chrome.
o This browser is going to be your go-to browser this semester to view your HTML files.
o Why this browser? It has the best support for the latest HTML5 and CSS3 features. In comparison,
Microsoft Internet Explorer is so far behind, even Microsoft have abandoned it in Windows 10.
Now the simple trick:
o Place your NotePad++ window on the left of your screen using the hotkey combination WIN key + Left
Arrow key.
o Place Google Chrome on the right half of the screen using WIN key + Right Arrow key.
o Now.Dreamweaver CS3
Dreamweaver CS3University of Washington, Bothell
油
The document provides an overview of creating a basic web page using Adobe Dreamweaver. It discusses HTML and XHTML basics and the Dreamweaver workspace. It then demonstrates how to set up a Dreamweaver site, insert tables and images, and edit content and properties to design a sample web page.Introduction to Branding SharePoint
Introduction to Branding SharePointK.Mohamed Faizal
油
In this session you will learn about how to change SharePoint site style and design?. We will review the topic related to branding as it relates to SharePoint as well as dive into the use of themes, master pages, page layouts and CSS to create a more good look and feel for SharePoint. We will also discuss the entire branding process from the creation of the design to the deployment. Lesson 8 Computer Creating your Website.pdf
Lesson 8 Computer Creating your Website.pdfAshleyJovelClavecill
油
Keep domain names simple and related to the website theme. Ask others for opinions on potential domain names. When choosing a web host, consider speed, reliability, price, storage, technical support and features. Promote the website by spreading the word and optimizing the site for search engines.BP304 - Blog It Up, Baby! Extending the new IBM Lotus Domino Blog Template
BP304 - Blog It Up, Baby! Extending the new IBM Lotus Domino Blog TemplateSean Burgess
油
Presentation given at Lotusphere 2007. Flash files shown during presentation will be available at the speaker's sites shortly.Introduction to Bootstrap: Design for Developers
Introduction to Bootstrap: Design for DevelopersMelvin John
油
The document provides an introduction to Bootstrap, one of the most popular front-end frameworks. It discusses basic design principles like proximity, alignment, repetition and contrast. It then covers key aspects of Bootstrap like the grid system, CSS components, JavaScript plugins, customization options, and how it relates to basic design principles. The benefits of Bootstrap are faster development, powerful grid system, customizable styles and responsive components, while potential drawbacks include file size overhead and templates looking similar without customization.More from Andrew Duckworth (6)
Using photoshop to create printable route maps
Using photoshop to create printable route mapsAndrew Duckworth
油
This document provides instructions for using Photoshop to improve Google Maps images for printing route maps. It notes that Google Maps images printed out can be difficult to see roads and paths clearly. It recommends inverting the colors in Photoshop so that roads stand out against the background better for printed maps. It lists the steps to take screenshots of Google Maps images, paste them into Photoshop, invert the colors, and then adjust the exposure and gamma correction to optimize the inverted images for clear printed route maps.Text tweens
Text tweensAndrew Duckworth
油
The document provides instructions for modifying and animating text in three steps: delete old text and change color/size on frame 60, add a keyframe; right click between frames 1-60 and create a shape tween to animate the text transition.Screen input forms
Screen input formsAndrew Duckworth
油
This document contains metadata about a book including its title, ISBN number, cover picture, author, publisher, genre, number of copies, and whether it is fiction or non-fiction. The document lists key identifying information for a single book in a concise format.Digital+safety+powerpoint
Digital+safety+powerpointAndrew Duckworth
油
This document discusses various aspects of digital citizenship including digital safety, etiquette, rights and responsibilities, and cyberbullying. It provides questions to prompt thinking about keeping personal information private and secure online, using appropriate language, what cyberbullying is, how it occurs and its negative impacts, as well as how individuals and schools can address it.Game Maker Workshopslides
Game Maker WorkshopslidesAndrew Duckworth
油
This document provides instructions for creating a basic maze game using GameMaker without any programming. It outlines how to set up the room, create sprites and objects for the player character, goal, walls, diamonds, door, and monsters. It then explains how to program the player character to move and interact with these objects, such as collecting diamonds for points, restarting when colliding with monsters, and opening the door when all diamonds are collected. The instructions state that once these basics are complete, the game can be exported and further expanded with additional features like sound effects and music.Computer Control Your Presentation
Computer Control Your PresentationAndrew Duckworth
油
This document discusses the key components needed for computer control of robots including actuators like stepper motors to move parts, sensors to provide feedback and allow for closed loop control, and how pseudo code can be used to program the control. Actuators provide movement but sensors are critical for closed loop control which uses feedback to monitor output and make adjustments, as opposed to open loop control that only outputs commands without feedback.Test revision
- 2. Test RevisionThe Year 9 Test Will Cover Spreadsheets and WebdesignMake sure you understand simple formulae, data filters. Webdesign: Stylesheets, title and backgrounds, links from images
- 3. Spreadsheets Data filtersOpen sca5mob.csv- be carefulSave as Excel file in your folderAdd the filters so that only colour phones with talk time greater than 240 minutes are shownData filters look like this
- 4. Data Filter- Go to data filters
- 5. DATA FILTER- Select only Colour
- 8. Website two pages, one stylesheetCreate a two page website to show how to use a data filterYour website should include a stylesheet.
- 9. Create a folder and copy these files to it
- 11. Save it in the same folder as the files you just copied (as Excel_website_stylesheet)
- 12. Create a style h1 for the titlesFor text use Class
- 13. Set the style h1 as red, font size 20
- 14. Set the background as a light yellow colour- For background use tag and bodyfor this you MUST use the body tag not Class
- 15. Create and Save Your home page
- 16. Attach your style sheet to your first page
- 17. Check that the stylesheet worksStyle H1 appears in red size 20Yellow page background
- 18. Insert the Excel Image
- 19. Create a Page called Data Filters
- 20. Add some tables then add the pictures and TEXT
- 21. Link the LogO to the Home Page
- 22. QuestionsWhat do we need to do to use a data filter?What happens if we create a data filter and then save as .CSV fileWhat are CSS rules used for? a. controlling who can see the different parts of a web page b. helping to format web pages so they look similar c. reviewing the links on a website Which kind of CSS rule should we use to create a text font, a Class, b Tag, c EnhancedWhich kind of CSS rule should we use to create a background a Class, b Tag, c EnhancedWhich tag should we use to create a background?After we have made a CSS stylesheet, what do we need to do to use it to help format a webpage?How can you link a picture so that when you click on it, it will open another webpage?How can you print a large spreadsheet so it prints on just one page?