Discussion on Image Software. Things to Remember Case Sensitivity Different web browsers render the...

5
WDV 101 Intro to Website Development Discussion on Image Software

Transcript of Discussion on Image Software. Things to Remember Case Sensitivity Different web browsers render the...

Page 1: Discussion on Image Software. Things to Remember Case Sensitivity Different web browsers render the HTML content differently depending on browser (I.E.

WDV 101 Intro to Website Development

Discussion on Image Software

Page 2: Discussion on Image Software. Things to Remember Case Sensitivity Different web browsers render the HTML content differently depending on browser (I.E.

Things to RememberCase SensitivityDifferent web browsers render the HTML

content differently depending on browser (I.E. Chrome, etc) and possibly version.

Proper nesting of tags

Page 3: Discussion on Image Software. Things to Remember Case Sensitivity Different web browsers render the HTML content differently depending on browser (I.E.

Images ReviewWe talked about inserting imagesTag Attributes <img src=“ ” />Best practice to size the image before

uploading to reduce load time

Page 4: Discussion on Image Software. Things to Remember Case Sensitivity Different web browsers render the HTML content differently depending on browser (I.E.

A few Ways to Modify Imageshttp://pixlr.com/editor/

Free and on WebDoesn’t require an install

Adobe Photoshop or FireworksIf you already have the CS suiteOtherwise costs money

MS Paint has an option to re-sizeFree and already installed

GIMPFree photo editor similar to Photoshop

http://pixlr.com/editor/
http://pixlr.com/editor/
Page 5: Discussion on Image Software. Things to Remember Case Sensitivity Different web browsers render the HTML content differently depending on browser (I.E.

Pathnames ProjectPathname Project on BlackboardPath

DefaultRelativeAbsolute


CSIT6910A INDEPENDENT P - Department of …rossiter/independent_studies...detection, collision resolution and render. Since browsers are single-threaded, each step is executed one

CSIT6910A INDEPENDENT P - Department of …rossiter/independent_studies...detection, collision resolution and render. Since browsers are single-threaded, each step is executed one

Web Page · Why Use Semantic HTML? Semantic HTML is: Easier to read by developers Easier to render by browsers A way to show the search engines the correct content

Web Page · Why Use Semantic HTML? Semantic HTML is: Easier to read by developers Easier to render by browsers A way to show the search engines the correct content

Spot the difference - TestCon...SELENIUM IT’S NOT A SILVER BULLET @11vlr @11vlr • Speed to execute tests • Render differently BROWSER COMPATIBILITY ISSUES EXECUTION SPEED @11vlr

Spot the difference - TestCon...SELENIUM IT’S NOT A SILVER BULLET @11vlr @11vlr • Speed to execute tests • Render differently BROWSER COMPATIBILITY ISSUES EXECUTION SPEED @11vlr

So You Want to Be a Web Designer? COPYRIGHTED MATERIAL · creativity. For one reason, different browsers interpret code differently, which can really screw up your page layout. Good

So You Want to Be a Web Designer? COPYRIGHTED MATERIAL · creativity. For one reason, different browsers interpret code differently, which can really screw up your page layout. Good

AR Browsers

AR Browsers

The Web Architecture and ASP.NET. Slide 2 Review of the Web (1) It began with HTTP and HTML, which delivers static Web pages to browsers which would render.

The Web Architecture and ASP.NET. Slide 2 Review of the Web (1) It began with HTTP and HTML, which delivers static Web pages to browsers which would render.

Browsers (2011)

Browsers (2011)

Color Matters · 2020. 8. 23. · Correlated Color Temperature (CCT): will render quite differently under each. CRI attempts A fundamental representation of white light The CIE2 1960

Color Matters · 2020. 8. 23. · Correlated Color Temperature (CCT): will render quite differently under each. CRI attempts A fundamental representation of white light The CIE2 1960

HTML Introduction toww2.cs.fsu.edu/~faizian/cgs3066/resources/Lecture3... · Browsers do not display the HTML tags, but use them to render the content of the page. An Example A paragraph

HTML Introduction toww2.cs.fsu.edu/~faizian/cgs3066/resources/Lecture3... · Browsers do not display the HTML tags, but use them to render the content of the page. An Example A paragraph

Enewall data sheet render & render finishes (c)

Enewall data sheet render & render finishes (c)

Genome Browsers

Genome Browsers

EAT DIFFERENTLY. BARBECUE DIFFERENTLY.

EAT DIFFERENTLY. BARBECUE DIFFERENTLY.

Simulate Browsers

Simulate Browsers

Cover Slide Here is a short presentation featuring examples of animations, themes, and video NOTE: Some animations may render differently depending on.

Cover Slide Here is a short presentation featuring examples of animations, themes, and video NOTE: Some animations may render differently depending on.

STANWORTH HOUSE - Ribble Valley · Profile Sheeting Wall Timber Frames Render Stone Light AB AB AB SVP WP Render Render Render Slate Slate Render Brick Render Render Render Slate

STANWORTH HOUSE - Ribble Valley · Profile Sheeting Wall Timber Frames Render Stone Light AB AB AB SVP WP Render Render Render Slate Slate Render Brick Render Render Render Slate

Secure browsers

Secure browsers

Web Browsers And Mobile Web Browsers. Guiding Questions What is a mobile Web browser? Why do Web pages look differently on different Web browsers? What.

Web Browsers And Mobile Web Browsers. Guiding Questions What is a mobile Web browser? Why do Web pages look differently on different Web browsers? What.

Lecture 2: Internet/WWWThe Design of HTML Simple, purist design principles HTML describes the logical structure of a document Browsers are free to interpret tags differently HTML is

Lecture 2: Internet/WWWThe Design of HTML Simple, purist design principles HTML describes the logical structure of a document Browsers are free to interpret tags differently HTML is

TYPOGRAPHY ON WEB HOW BROWSERS RENDER TEXT · To design and develop the digital products ... TYPOGRAPHY ة م ك ح ةمكح ਿਸ ਆ ਣ ਪ ਿਸਆਣਪ. WEB BROWSER Render

TYPOGRAPHY ON WEB HOW BROWSERS RENDER TEXT · To design and develop the digital products ... TYPOGRAPHY ة م ك ح ةمكح ਿਸ ਆ ਣ ਪ ਿਸਆਣਪ. WEB BROWSER Render

Web browsers

Web browsers