Skills: include images in Web pages Concepts: tag, attribute, value, path (to a stored file) This work is licensed under a Creative Commons Attribution-Noncommercial-Share.

Slides:



Advertisements
Similar presentations
Data import and export Skills: none IT concepts: data import and export, common data format This work is licensed under a Creative Commons Attribution-Noncommercial-
Advertisements

Introducing HTML Skills: create simple Web pages
Skills: using the topic module and assignment blogs, Concepts: topic module format, permalink, This work is licensed under a Creative Commons Attribution-Noncommercial-Share.
Skills: create, modify and post to a blog Concepts: tabbed navigation, wire-frame diagram, user interface gadgets (widgets), property sheet, user profile,
Skills: none Concepts: presentation experiments, audio tempo, audio speed, independent variable, dependent variable This work is licensed under a Creative.
IT skills: compose URLs, beware of phishing IT concepts: parts of a URL, secure http, shortened URL, phishing, malware, domain name, directory, file name,
Skills: none Concepts: Web client (browser), Web server, network connection, URL, mobile client, protocol This work is licensed under a Creative Commons.
Skills: rotate, select, crop, resize, change contrast, filter, compress Concepts: image processing operation, information This work is licensed under a.
Skills: None Concepts: Text editor versus word processor, information, text file, code, ASCII This work is licensed under a Creative Commons Attribution-Noncommercial-Share.
Skills: none Concepts: data and program files, IP packet, packet header, packet body, IP address, host name This work is licensed under a Creative Commons.
Skills: none Concepts: Application program interface (API) This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.
Skills: finding and downloading files with Bit Torrent Concepts: client-server, peer-to-peer, copyright, Creative Commons This work is licensed under a.
Skills: export.mp3 files, configure Audacity Concepts: metadata, fair use of patented material This work is licensed under a Creative Commons Attribution-Noncommercial-Share.
Skills: subscribe to feeds, read feeds Concepts: RSS feed, polling vs. publish-subscribe, stand-alone vs. Web based reader, podcast, event stream This.
Creating hyperlinks with the tag Skills: using the tag IT concepts: tag, attribute This work is licensed under a Creative Commons Attribution-Noncommercial-Share.
Skills: modifying and navigating a Blogger blog Concepts: wire-frame diagram, profile, gadget (widget), property sheet, tabbed navigation scheme This work.
Skills: none Concepts: two uses of the word “application,” networked vs. stand-alone, collaborative vs. personal productivity, synchronous vs. asynchronous,
Skills: edit, display the history of, discuss, and track changes to a page, wiki technique tips Concepts: Wiki operations This work is licensed under a.
Representing numeric data with bits
Skills: Using Yahoo Groups, creating a new Yahoo Group Concepts: Internet service, threaded discussion, message archives This work is licensed under a.
Skills: be careful and thoughtful when posting content Concepts: you are responsible for what you write online This work is licensed under a Creative Commons.
Skills: subscribe to feeds, read feeds Concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.
Skills: create, modify and post to a blog Concepts: wire-frame diagram, independence of content and appearance, gadget or widget, Blogger menu structure.
Skills: none Concepts: embedded object, data type (text, audio, video, image), embedded program, evolution of the Web, bit, byte This work is licensed.
Skills: none Concepts: application program interface (API), platform, ecosystem, Internet infrastructure (cloud) services, application development cost.
Skills: create, modify and post to a blog Concepts: blog, gadget, property sheet, wire frame diagram of a Web page, profile, tabbed navigation This work.
Skills: none Concepts: data, information, code, code standardization, encoding text, information and variety This work is licensed under a Creative Commons.
Skills: none Concepts: wiki examples and definition, operations, the wiki motto, wiki motivation and history, client- server applications This work is.
Skills: compressing an image using Paint.net Concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.
Skills: selecting, cropping, resizing and sharpening an image, using the tool setting and status information in Paint.net Concepts: image size, information.
Skills: create a Twitter account, subscribe to (follow) the class Twitter feed, post tweets Concepts: subscription This work is licensed under a Creative.
Using the Google Docs word processor Skills: getting a Google account, creating a text document and sharing it on the Internet Concepts: stand-alone applications.
Skills: Using several image processing tools and commands Concepts: image processing tools, image processing operations This work is licensed under a Creative.
Skills: Google Plus navigation, Google Plus postingds Concepts: Change in network applications, wire frame diagram, permalink This work is licensed under.
Skills: Set sample size and rate in Audacity Concepts: analog versus digital data, analog to digital conversion, digital to analog conversion, sample rate,
Skills: counting using any number system Concepts: positional number systems, base (radix) This work is licensed under a Creative Commons Attribution-Noncommercial-Share.
Skills: none Concepts: the amount of information in an image This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.
Skills: posting images on Twitter using Twitpix.com Concepts: application ecosystem, application program interface (API) This work is licensed under a.
Skills: learn to use the topic module presentations Concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike.
Networked application programs Skills: none Concepts: networked versus stand-alone applications, client-server architecture, Web applications versus specialized.
Skills: create a narrated video of a PowerPoint presentation Concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-Share.
Encoding images Skills: none IT concepts: an image representation code, the number of bits in a code, the amount of information in an image This work is.
Audio recording Skills: microphone position and adjustment IT concepts: clipping, dynamic range This work is licensed under a Creative Commons Attribution-Noncommercial-
Mobile and portable connectivity Skills: none IT concepts: mobile vs portable connectivity, connectivity options (WiFi, cellular and satellite), characteristics.
IT skills: IT concepts: Web client (browser), Web server, network connection, URL, mobile client, peer-to- peer application This work is licensed under.
Including images with the img tag Skills: using the img tag IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-
IT skills: compose URLs IT concepts: parts of a URL, shortened URLs This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike.
Information loss in compression Skills: none IT concepts: lossy and lossless compression This work is licensed under a Creative Commons Attribution-Noncommercial-
Skills: none Concepts: application development in the batch processing, timesharing, personal computer and Internet eras This work is licensed under a.
Copying Web images (the right mouse button is your friend) Skills: Copy a Web image, see the properties of a Web image, use the right mouse button IT concepts:
Image compression Skills: none IT concepts: effect of image compression This work is licensed under a Creative Commons Attribution-Noncommercial- Share.
Attributes of HTML tags Skills: none IT concepts: HTML tag, value, attribute This work is licensed under a Creative Commons Attribution-Noncommercial-
Skills: none Concepts: application, network versus stand-alone application, client, server, application versus system program This work is licensed under.
RGB color model Skills: none IT concepts: combining red, green and blue light to generate colors This work is licensed under a Creative Commons Attribution-Noncommercial-
Including images in Web pages Skills: use the tag IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike.
Data plus a code → information Skills: none IT concepts: text code This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike.
What happens when you retrieve a Web page? This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills: none.
Copying Web images Skills: Copy a Web image, see the properties of a Web image IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-
Creating hyperlinks with the a tag Skills: using the a tag IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-
Communicating with images This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills: none IT concepts:
Background survey This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills: none IT concepts: survey service,
Skills: Use Google Plus communities Concepts: Computer mediated communities of common interest This work is licensed under a Creative Commons Attribution-Noncommercial-Share.
Skills: finding IP addresses, domain names and organization (whois) information Concepts: host, IP address, domain name, command line interface, graphical.
Skills: deploy a server with applications Concepts: evolution of application development and deployment, virtual server This work is licensed under a Creative.
Skills: none Concepts: Third party login, motivation for third party login, filter bubble This work is licensed under a Creative Commons Attribution-Noncommercial-Share.
Skills: none Concepts: research versus product prototypes This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.
Skills: Adding independent layers to images Concepts: Image layers This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike.
Skills: none Concepts: client, server, service, upload, download, client-server application, Internet, hardware, software This work is licensed under a.
Using the Google Docs word processor Skills: familiarity with Google Docs, creating and sharing text document on the Internet Concepts: stand-alone applications.
Skills: microphone position and adjustment
Presentation transcript:

Skills: include images in Web pages Concepts: tag, attribute, value, path (to a stored file) This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License. Including images in Web pages

Where does this topic fit? Internet concepts – Applications – Technology – Implications Internet skills – Application development – Content creation – User skills

The tag What is missing?

The attribute

Image file in a sub-directory

The border attribute of the img tag

The height attribute of the img tag

Summary

Self-study questions What happens if you make a typing error and misspell the image file name? We have seen several attributes of the tag. What is another one and what does it do?

Resource tag reference page: