html
play

HTML? HyperText Markup Language is the standard markup language - PowerPoint PPT Presentation

Jul 26, 2023 •109 likes •310 views

HTML? HyperText Markup Language is the standard markup language used to create web pages. Written using tags enclosed in angle brackets <html> called opening tag </html> called closing tag interxchange.github.io good design is all

  2. HTML? HyperText Markup Language is the standard markup language used to create web pages. Written using tags enclosed in angle brackets <html> called opening tag </html> called closing tag

  3. interxchange.github.io

  4. good design is all about making other designers feel clear thinking like idiots because that idea made visual wasn’t theirs. -Frank Chimero #Design staring at a computer screen untjl your eyes bleed

  5. web is interactjve and has to work on may difgerent Web vs. Paper devices and internet speeds and lots of constantly changing elements where on paper the constraints are constant htup:/ /iampaddy.com/lifebelow600/

  6. Prototype Iterate tamingdata.com

  7. “Good design is not about what medium you’re work - Good Design ing in. It’s about thinking hard about what you want to do and what you have to work with before you start.” -Susan Kare

  8. Design Process Prompt / Client Meetjng Sketch / ideate Revise Deliver Refine Research Prototype

  9. Web Chrome

  10. Clarity

  11. Clarity

  12. Principles

  13. Constraints blog.clifgano.com

  14. Design a Spaceship control panel Design a UI constraints: only butuons on/ofg fjre thrusters, top, lefu right, botuom, front and back self destruct

  15. Tools

  16. Inspiratjon +

  17. 72dpi is plenty for the web File Prep make images the size you want to display them PNGs are good for images SVGs for things like logos optjmize your images: imageoptjm(mac) xnview(win) use camelCase for fjle names

  18. How to Design? Product Pr ototype High Fidelit y Low Fidelit y Time

  19. 1. Design Everything Becoming a Designer 2. Design More Things 3. Look for Projects 4. Take Classes 5. Read about design

  20. commonsenseux.com

Download Presentation
Download Policy: The content available on the website is offered to you 'AS IS' for your personal information and use only. It cannot be commercialized, licensed, or distributed on other websites without prior consent from the author. To download a presentation, simply click this link. If you encounter any difficulties during the download process, it's possible that the publisher has removed the file from their server.

Recommend

1 Web Application Development HTML 5 Canvas HTML 5 Geolocation HTML 5 SVG HTML 5

1 Web Application Development HTML 5 Canvas HTML 5 Geolocation HTML 5 SVG HTML 5

1 Web Application Development HTML 5 Canvas HTML 5 Geolocation HTML 5 SVG HTML 5 Drag/Drop HTML 5 Google Maps HTML 5 Web Storage HTML 5 Media HTML 5 Web Workers HTML 5 Video HTML 5 Server Sent Events (SSE)

2.01k views • 115 slides
HTML Week 3.1 - IST 263 Section M005 HTML SUMMARY Describe HTML HTML Vocabulary

HTML Week 3.1 - IST 263 Section M005 HTML SUMMARY Describe HTML HTML Vocabulary

HTML Week 3.1 - IST 263 Section M005 HTML SUMMARY Describe HTML HTML Vocabulary Element Tag Attributes HTML RECAP &lt;!doctype html&gt; &lt; html lang=&quot;en&quot;&gt; &lt; head &gt; &lt; title &gt;IST 263 - Week 3, Sample

706 views • 17 slides
HTML HTML is the HyperText Markup Language. HTML files are text files featuring

HTML HTML is the HyperText Markup Language. HTML files are text files featuring

HTML HTML is the HyperText Markup Language. HTML files are text files featuring semantically tagged elements. HTML filenames are suffixed with .htm or .html. Here's a simple HTML file: &lt;html&gt; &lt;head&gt; &lt;title&gt;My

1.05k views • 46 slides
HTML Introduction (02c) Our Plan G HTML background G Unix and other issues G Minimal HTML

HTML Introduction (02c) Our Plan G HTML background G Unix and other issues G Minimal HTML

HTML Introduction (02c) Our Plan G HTML background G Unix and other issues G Minimal HTML documents G Hyperlinks and URLs Web Concepts: Static Design your PC domain.name Client Software HTTP HTML/HTTP HTML /HTTP HTML Server Internet

965 views • 26 slides
HTML Introduction A.Y. 2020/2021 What HTML is HTML stands for Hyper Text Markup Language

HTML Introduction A.Y. 2020/2021 What HTML is HTML stands for Hyper Text Markup Language

HTML Introduction A.Y. 2020/2021 What HTML is HTML stands for Hyper Text Markup Language HTML is the standard markup language for creating Web pages HTML describes the structure of a Web page HTML consists of a series of elements

753 views • 22 slides
XHTML vs. HTML XHTML Validation Web Markup Languages HTML 2.0 HTML 4.01 XHTML

XHTML vs. HTML XHTML Validation Web Markup Languages HTML 2.0 HTML 4.01 XHTML

IT350 Web and Internet Programming Fall 2007 XHTML vs. HTML XHTML Validation Web Markup Languages HTML 2.0 HTML 4.01 XHTML 1.0 XHTML 1.1 XHTML 2.0 HTML vs. XHTML XHTML: Differences from HTML (part 1)

287 views • 15 slides
XHTML vs. HTML XHTML Validation Web Markup Languages HTML 2.0 HTML 4.01 XHTML

XHTML vs. HTML XHTML Validation Web Markup Languages HTML 2.0 HTML 4.01 XHTML

IT350 Web and Internet Programming Fall 2008 XHTML vs. HTML XHTML Validation Web Markup Languages HTML 2.0 HTML 4.01 XHTML 1.0 XHTML 1.1 XHTML 2.0 1 HTML vs. XHTML XHTML: Differences from HTML (part 1)

425 views • 8 slides
1 Web Application Development 2 3 Web Application Development HTML What is HTML? HTML is the

1 Web Application Development 2 3 Web Application Development HTML What is HTML? HTML is the

1 Web Application Development 2 3 Web Application Development HTML What is HTML? HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text Markup Language HTML describes the structure of Web pages using

1.33k views • 100 slides
(X)HTML &amp; CSS Thierry Sans Client Side HTML Content CSS Presentation Javascript

(X)HTML &amp; CSS Thierry Sans Client Side HTML Content CSS Presentation Javascript

(X)HTML &amp; CSS Thierry Sans Client Side HTML Content CSS Presentation Javascript Processing Why bothering with HTML and CSS when there are great tools out there doing excellent job? HTML - defining the content HTML : Hyper-Text Markup

606 views • 23 slides
Web

Web

Web browser HTTP server DBMS html, gif, CGI CGI html, gif, CGI html, gif, Programs jpeg,

545 views • 31 slides
Introduction to HTML Shih-Heng Chin Deptartment of Computer and Information Science Soochow

Introduction to HTML Shih-Heng Chin Deptartment of Computer and Information Science Soochow

Introduction to HTML Shih-Heng Chin Deptartment of Computer and Information Science Soochow University Preface What is HTML Characteristic of HTML Goals of This Semester Useful stuff Reference What is HTML !!! When to use HTML Hypertext

275 views • 15 slides
SY306 Web and Databases for Cyber Operations Slide Set #6: Dynamic HTML W3schools HTML DOM Intro,

SY306 Web and Databases for Cyber Operations Slide Set #6: Dynamic HTML W3schools HTML DOM Intro,

SY306 Web and Databases for Cyber Operations Slide Set #6: Dynamic HTML W3schools HTML DOM Intro, DOM Methods, DOM Document, DOM HTML, DOM CSS What is Dynamic HTML The combination of 1. HTML 2. CSS 3. Javascript 4. DOM Used together

551 views • 8 slides
HTML Hyper Text Markup Language HTML 4.0 has strict compliance with XML standard

HTML Hyper Text Markup Language HTML 4.0 has strict compliance with XML standard

HTML and XML Venkat Subramaniam svenkat@cs.uh.edu 1 HTML Hyper Text Markup Language HTML 4.0 has strict compliance with XML standard Presentation details presented with information using markups Browsers act as

607 views • 35 slides
HTML Basics Joan Boone jpboone@email.unc.edu Slide 1 Topics Part 1: HTML Documents Part 2:

HTML Basics Joan Boone jpboone@email.unc.edu Slide 1 Topics Part 1: HTML Documents Part 2:

INLS 572 Web Development HTML Basics Joan Boone jpboone@email.unc.edu Slide 1 Topics Part 1: HTML Documents Part 2: HTML 5.3, Current Specification Part 3: HTML + CSS Slide 2 HTML Basics: Document Structure HTML defines the structure

530 views • 20 slides
Review: Rough Structure &lt;!DOCTYPE html&gt; &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;html&gt;

Review: Rough Structure &lt;!DOCTYPE html&gt; &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;html&gt;

Break Out Animate, Game Elements Canvas Tutorial Breakout Bill Mill con$nue Modified Tutorial Simple Game: Break Out So=ware developer in Maryland What it Looks Like Review: Rough Structure &lt;!DOCTYPE html&gt;

281 views • 5 slides
Designing for the web Review HTML/CSS The head is where you put information about your HTML

Designing for the web Review HTML/CSS The head is where you put information about your HTML

Design &amp; Presentation Designing for the web Review HTML/CSS The head is where you put information about your HTML le, like its title. (Stu that won't appear on the page.) The body is where you put your content, such as text, images,

925 views • 60 slides
Multithreading (Windows) Process Creation / Exiting / Termination Comparison between UNIX

Multithreading (Windows) Process Creation / Exiting / Termination Comparison between UNIX

BS1 WS19/20 topic-based slides Multithreading (Windows) Process Creation / Exiting / Termination Comparison between UNIX and Windows Thread Creation / Termination / Suspending / Resuming Fibers Jobs Processing API: Windows

513 views • 14 slides
Robustness against Relaxed Memory Models Memory Models Roland Meyer Technische Universit at

Robustness against Relaxed Memory Models Memory Models Roland Meyer Technische Universit at

Robustness against Relaxed Memory Models Memory Models Roland Meyer Technische Universit at Kaiserslautern Roland Meyer (TU KL) Robustness against Relaxed Memory Models MM February 2015 1 / 27 Concurrent Programs with Shared Memory

1.35k views • 132 slides
Welcome to CS110: Principles of Computer Systems I'm Jerry Cain ( jerry@cs.stanford.edu )

Welcome to CS110: Principles of Computer Systems I'm Jerry Cain ( jerry@cs.stanford.edu )

Welcome to CS110: Principles of Computer Systems I'm Jerry Cain ( jerry@cs.stanford.edu ) Chemistry undergrad MIT, originally Ph.D. student in chemistry here, defected to CS Lecturer in CS, teaching CS106AJ, CS106B, CS106X, CS107,

432 views • 15 slides
13 IN THIS CHAPTER Benefits of Thread Pooling 308 Considerations and Costs of Thread

13 IN THIS CHAPTER Benefits of Thread Pooling 308 Considerations and Costs of Thread

Thread Pooling CHAPTER 13 IN THIS CHAPTER Benefits of Thread Pooling 308 Considerations and Costs of Thread Pooling 308 A Generic Thread Pool: ThreadPool 309 A Specialized Worker Thread Pool: HttpServer 319 Techniques

556 views • 34 slides
Introduc)on EECS1022 M OBILE C OMPUTING Abstrac)on &amp; Separa)on of Concerns The SoCware

Introduc)on EECS1022 M OBILE C OMPUTING Abstrac)on &amp; Separa)on of Concerns The SoCware

Introduc)on EECS1022 M OBILE C OMPUTING Abstrac)on &amp; Separa)on of Concerns The SoCware Development Cycle Object Oriented Programming [OOP] Data structures and Algorithms Android App Development User Interface [UI] Design The

405 views • 8 slides
Perceived Values and Benefits of Institutional Repositories: A Digital Curation Perspective

Perceived Values and Benefits of Institutional Repositories: A Digital Curation Perspective

Perceived Values and Benefits of Institutional Repositories: A Digital Curation Perspective IMLS-Funded MIRACLE Project School of Information University of Michigan http://miracle.si.umich.edu PI: Soo Young Rieh Co-PI: Karen Markey, Elizabeth

360 views • 18 slides
Venues for expert participation in Wikipedia [Wikipedia] is not the bottom layer of authority,

Venues for expert participation in Wikipedia [Wikipedia] is not the bottom layer of authority,

Venues for expert participation in Wikipedia [Wikipedia] is not the bottom layer of authority, nor the top, but in fact the highest layer without formal vetting. In this unique role, it therefore serves as an ideal bridge between the

237 views • 10 slides
WebAnno: a flexible, web-based annotation tool for CLARIN Richard Eckart de Castilho , Chris

WebAnno: a flexible, web-based annotation tool for CLARIN Richard Eckart de Castilho , Chris

WebAnno: a flexible, web-based annotation tool for CLARIN Richard Eckart de Castilho , Chris Biemann, Iryna Gurevych, Seid Muhie Yimam #WebAnno This work is licensed under a Attribution-NonCommercial-ShareAlike 4.0 International. If you are

518 views • 18 slides

More recommend