Including images with the img tag Skills: using the img tag IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-

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

Popular Web client and server programs This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills: none.

Analog and digital data Skills: none IT concepts: analog to digital conversion, digital to analog conversion, sample rate, sample size, quality-file size.

Image characteristics Skills: none IT concepts: image characteristics: size, shape (aspect ratio), number of pixels, resolution and file type, pixel This.

Satellite connectivity Skills: none IT concepts: geostationary orbit, low-earth orbit, satellite footprint, applications, latency (ping time) This work.

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.

Creating hyperlinks with the tag Skills: using the tag IT concepts: tag, attribute This work is licensed under a Creative Commons Attribution-Noncommercial-Share.

Representing numeric data with bits

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.

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: Using several image processing tools and commands Concepts: image processing tools, image processing operations This work is licensed under a Creative.

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.

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.

Retrieving compound pages This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills: none IT concepts:

The data link layer Skills: none IT concepts: LAN, medium access, Ethernet and WiFi protocols, why standards win This work is licensed under a Creative.

Audio recording Skills: microphone position and adjustment IT concepts: clipping, dynamic range This work is licensed under a Creative Commons Attribution-Noncommercial-

Many kinds of clients and servers This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills: none IT concepts:

Progress in information technology This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills: none IT concepts:

Cellular connectivity Skills: none IT concepts: cellular generations and their characteristics, speed and coverage variation This work is licensed under.

Audacity setup, installing the LAME MP3 encoder Skills: configure Audacity IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-

Creating a Blogger blog Skills: creating a blog IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike.

Mobile and portable connectivity Skills: none IT concepts: mobile vs portable connectivity, connectivity options (WiFi, cellular and satellite), characteristics.

List servers (listservs) Skills: subscribe to a list server (listserv), send messages to a list and unsubscribe IT concepts: list server, subscription,

Zen and the art of Internet writing (reading) Skills: mindful reading IT concepts: good writing requires mindful reading This work is licensed under a.

TCP/IP summary Skills: none IT concepts: review This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License.

IT skills: IT concepts: Web client (browser), Web server, network connection, URL, mobile client, peer-to- peer application This work is licensed under.

Audio data Skills: Set sample size and rate in Audacity IT concepts: analog to digital conversion, digital to analog conversion, sample rate, sample size,

An image processing session Skills: change view (zoom in or out), rotate, select a portion, crop, resize, change contrast, filter, compress IT concepts:

The TCP/IP communication layer stack Skills: none IT concepts: protocol layers, TCP/IP, OSI This work is licensed under a Creative Commons Attribution-Noncommercial-

Introducing HTML Skills: none IT concepts: markup, HTML tag, presentation vs content, HTTP protocol, historical context This work is licensed under a Creative.

Posting to a blog Skills: Creating and editing a blog post 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-

Organization connectivity Skills: none IT concepts: structure within an organization LAN, options for connection to the Internet This work is licensed.

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:

Using Google’s RSS Reader Skills: subscribe to feeds, read feeds IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-

Internet backbones today Skills: none IT concepts: good news (expanding rapidly, performance improving), bad news (uneven global capacity) This work is.

NSFNet, the first Internet backbone Skills: none IT concepts: backbone network, history of networking This work is licensed under a Creative Commons Attribution-Noncommercial-

WiFi connectivity Skills: none IT concepts: LAN versus public coverage, WiFi evolution This work is licensed under a Creative Commons Attribution-Noncommercial-

Citizen journalism Skills: none IT concepts: citizen journalism This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0.

Image compression Skills: none IT concepts: effect of image compression This work is licensed under a Creative Commons Attribution-Noncommercial- Share.

Audio editing Skills: simple voice editing IT concepts: audio editing operations, audio effects This work is licensed under a Creative Commons Attribution-Noncommercial-

Connectivity overview Skills: none IT concepts: home, organization, backbone and mobile connectivity, local area network, network topologies This work.

Attributes of HTML tags Skills: none IT concepts: HTML tag, value, attribute This work is licensed under a Creative Commons Attribution-Noncommercial-

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-

Communicating with images This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills: none IT concepts:

Creating hyperlinks with the a tag Skills: using the a tag IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-

Voice applications Skills: none IT concepts: history of network speech, voice over IP, speech synthesis (text to speech), speech recognition (speech to.

The CalREN backbone Skills: none IT concepts: backbone topology, LAN backbone connection, backbone management, link traffic statistics, device status statistics.

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,

A student’s first Web site – good news and bad news Skills: resize and compress images IT concepts: pixel, image processing operation, compression This.

Creating an HTML page Skills: edit and debug HTML pages IT concepts: text editor This work is licensed under a Creative Commons Attribution-Noncommercial-

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.

IT concepts: concrete picture of a data center, environmental impact

Communicating with images

List servers (listservs)

Using Google’s RSS Reader

Skills: microphone position and adjustment

Retrieving compound pages

Presentation transcript:

Including images with the img tag Skills: using the img tag IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License.

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

tag attribute value Review tag, attribute and value

Img – the tag to include images Attributes: src – the name and location of the image file border – the thickness of the border

Examples

The border attribute of the src tag

A few questions

What happens if you misspell the image file name? What values may the border attribute take on? What is another attribute of the src tag?

Including images with the img tag Skills: using the img tag IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License.