Xtml And Style

Submitted By 099599
Words: 5873
Pages: 24
Open Document
| * XHTML and Styles are the tools used to build today’s web sites * Expression Web is a graphical tool to build web sites using XHTML and Styles * HTML 5 is the "new" version of HTML for modern browsers (Chrome, Firefox, IE9) and will offer advanced capabilities for interaction and video (but we're not learning these additional features) * Tag: core building block of HTML * Every starting tag has an ending tag <html> </html> * Tags are in lower case * Starting tags and ending tags don't cross * <b><i>Bold and Italic</b></i> is wrong! * All your web pages files should go in a separate folder on your computer * Your "home" page should be named index.html * Open the page in a browser to make sure it looks ok * Then upload it to web.bentley.edu (using Filezilla) to publish it to the world * Div * Lets you define a style for a particular section of a page * Breaks paragraphs
Span
* Changes style of the text it encloses * Apply the style to whatever’s in the span, but no paragraph break after * Example: Style a specific word to be red * This word is <span style="color: #FF0000;">red</span> * Your first page needs to be named index.html * All additional pages can have any name you want (except index.html) but must end in .html * Since index.html comes up autmatically when someone opens your site; ALL OTHER PAGES NEED A LINK ON index.html SO VIEWERS CAN GET TO THEM. * The browser looks first where ever index.html was found so when linking to additional pages just the name of the page is required * <a href =“pagetwo.html" >click here</a> * Will bring up a Web page called pagetwo.html if the browser can find it in the same folder as index.html
Remote links * When linking to files on other computers, Web sites, etc. you must use the complete URL including the protocol * <a href="http://www.bentley.edu">click here</a> * Will connect to the Bentley Web page when “click here” is clicked
Imagine
* If the picture is located somewhere other than the server where index.html is located, you need a link to the picture: * <img src="http://www.bostonsearovers.com/wp-content/uploads/2010/12/ballard-bob_11226_600x4501.jpg" alt="Picture of Bob Ballard" /> * This places a picture of Bob Ballard on your page * For images located on your server the tag is the same but only the file name is required (assuming the picture is in the same folder as index.html) * <img src="pict1.png" alt="My Picture" /> * Note that alt is required for all img tags * Picture file name must match file name in tag EXACTLY
Odds and ends * Tag for a space = <br /> * Only one <body> tag per Web page * Every opening tag requires 1 (one) closing tag * All tags must be in lower case (except within quotes in a tag) * Don’t copy & past quotes, always put them in from the keyboard * Bitmap * Pixels * Size = Quality * Common Formats
.bmp, .jpg, .png, .gif * Vector * Objects * Scalable * Common Formats
.svg, .eps, .ai * Images are made up of pixels * “Short for Picture Element, a pixel is a single point in a graphic image. Graphics monitors display pictures by dividing the display screen into thousands (or millions) of pixels, arranged in rows and columns. The pixels are so close together that they appear connected. The number of bits used to represent each pixel determines how many colors or shades of gray can be displayed…” - http://webopedia.com * Higher the resolution, better the quality * Advantages of GIF files * GIF is the most widely supported graphics format on the Web * GIFs of diagrammatic images look better than JPEGs * Solid colors or no gradations * Advantages of JPEG images
Show More

Related Documents: Xtml And Style

Class Notes Essay

desires • Courage: enables to one to do the right thing despite the threat of personal injury or loss. • What motivates you / business? o Cooperation (Aristotle) or Competition (Hobbes)? o These might lead to different norms (values) in a company. o Note: no industry, nation, or organization is entirely one way or the other. o In the absence of balance, disaster often follows. • Perspective is Important o Social norms (values) are not global • An overseas experience is vital • Even in the US there…

Words 3566 - Pages 15

Class Notes Essay

Organizational Field Experience Purpose: to provide you with an opportunity to develop professional skills & learn more about how organizations operate Assignments: 15 hours minimum working in an organization approved by the Office of Service Learning must receive a satisfactory evaluation by supervisor Goals Paper Final Paper Components of an Organization What takes an organization from good to great? 1. People 2. Products and/or Services a. Research b. Health care c. Education 3. Capital ($)…

Words 1529 - Pages 7

Class Notes Essay

Turbomachinery and turbocharging 500H3 Course work brief 2011/2012 Please take some time to read these notes carefully before attempting the assessment. This assessment contributes 30% of the marks for this course (the remaining 70% comes from the examination). The submission date is 4:00 p.m. on Thursday, 19th April 2012. Reports should be submitted to the Engineering and Design School Office - late submission will incur the standard penalties. The report should include the following:  Title…

Words 1043 - Pages 5

Essay about Class Notes

Notes I. The four parts of the information processing cycle utilized by computers are input, processing, output, and storage. a) Input- The computer accepts data from some sources such as the user a program or processing. b) Processing-The computer’s processing components preform actions on the data based on instructions from the program or user. c) Output- The computer is required to display the results of its processing through text, numbers, graph, printer, another computer…

Words 974 - Pages 4

Management Class Notes Essay

MAN Class Notes 9/11/14 Perfect synergy – every individual died but team survived Synergistic Decision Making (1+1 = 3) People are supportive of one another They follow a rational sequence of activities in dealing with a problem They can perform beyond the sum of their individual resources The Interpersonal Process Listening to others Supporting their efforts to do well Differing with others when necessary in a manner that is constructive rather than defensive Participating equally in…

Words 2089 - Pages 9

Class notes Sociology Essay

Deviance: violation of a social norm that elicits a negative reaction Norms: rules that govern our behavior Tell us what we are supposed to do and what we are not supposed to do Folkways: less serious norms (etiquette) Say please and thank you, hold the door open for people etc. Elevator example Mores: morals, violation of them makes people think you’re bad Sometimes they are formalized into law Homicide Murder: law determines what’s murder Varies from state to state Taboos:…

Words 8229 - Pages 33

Class Notes Essay examples

Introduction Fundamental Economic Problem “How to allocate resources” – to the benefit at society Market Central Planning Island Economies Self production Micro VS Macro Microeconomics The study of how individual “agents” make decisions How much gasoline should I purchase? How much money should I donate to charity this year? Macroeconomics Studies the performance of an economy as a whole – overall performance Unemployment Growth – development Money – banking – credit The Production…

Words 3942 - Pages 16

class 2 note Essay

“Turkey” Country Case Report In this new era of an integrated and interdependent globalized world, Turkey stands midway between the rich cultures of western and eastern values; this is significant, as Turkey is attractive to both its western allies and its eastern neighbors because of its geographic location and strategic influence. Turkey has predominantly been liberal and democratic in its political culture, although it has had a rich history of an authoritarian past…

Words 1648 - Pages 7

Importance Of Writing Your Class Notes

often emphasize the information they provide in class lectures when they design tests. This means that your class notes are a vital resource when studying for a test. It is important that your class notes be complete and accurate. The best way to be certain that your class notes are complete and accurate is to review them in the evening while the information that was covered in class is still fresh in your mind. At this time you should rewrite your notes, correcting any errors, filling in any gaps,…

Words 355 - Pages 2

Essay on TEMPLE PUJA Class notes

TEMPLE PUJA Significant Practice – BUDDHISM 1 Define Temple Puja and discuss where it can occur Puja is word derived from India. It may also refer to certain devotional practices performed by Buddhists, Balmikis, Jains and Hinduism. Puja has multiple meanings and they could be either, to respect those who should be respected, elderly people, teachers etc and two offerings, such as material and immaterial things such as teachings, advice, practice or help. Puja is any sacred site or building where…

Words 944 - Pages 4