Including images in Web pages Skills: use the tag IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike.

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

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

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: 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.

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: none Concepts: embedded object, data type (text, audio, video, image), embedded program, evolution of the Web, bit, byte This work is licensed.

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: create a Twitter account, subscribe to (follow) the class Twitter feed, post tweets Concepts: subscription 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: 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:

RSS, real simple syndication Skills: subscribe to feeds, read feeds IT concepts: RSS feed, polling vs. publish- subscribe, stand-alone vs Web based reader,

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:

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.

Using Paint.net Skills: change view, rotate, select a portion of, crop, resize, change contrast, filter an image, undo an operation IT concepts: pixel,

TCP/IP: the transport layer Skills: none IT concepts: layered protocols, transport layer functions, TCP and UDP protocols, isochronous applications This.

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-

Including images with the img tag Skills: using the img tag IT concepts: none 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.

Changing the blog layout and appearance Skills: modifying the appearance and layout of a blog IT concepts: gadgets, separation of content from presentation.

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.

An image processing session Skills: change view, rotate, select a portion of, crop, resize, change contrast, filter an image, undo an operation IT concepts:

Skills: none Concepts: Student’s background, topics covered This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.

Internet reading Skills: mindful reading IT concepts: characteristics of Internet readers This work is licensed under a Creative Commons Attribution-Noncommercial-

Information loss in compression Skills: none IT concepts: lossy and lossless compression This work is licensed under a Creative Commons Attribution-Noncommercial-

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:

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

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

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-

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.

FileZilla Skills: install and use FileZilla IT concepts: portable software, file transfer protocol (FTP), Web site mirror This work is licensed under a.

Filezilla Skills: install and use Filezilla IT concepts: client-server review, file transfer protocol (FTP), Web site mirror, portable software, open source.

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-

Adding Image, audio and video files to web pages Basharat Mahmood, Department of Computer Science,CIIT,Islamabad, Pakistan. 1.

XHTML1 Images N100 Building a Simple Web Page. XHTML2 The Element The src attribute specifies the filename of an image file To include the src attribute.

HTML5 Audio and Video. Slide 2 History Playing audio and video used to be something of a novelty You would embed a control (with the element) into your.

Skills: none Concepts: research versus product prototypes This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.

HTML IMAGES. CONTENTS IMG Tag Alt Attribute Setting Width and Height Of An Image Summary Exercise.

Using a wiki This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills (application development): wiki.

Web Design and Development

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

Skills: microphone position and adjustment

Retrieving compound pages

Presentation transcript:

Including images in Web pages Skills: use the tag IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License.

Image processing in context Internet concepts –Applications –Technology –Implications for Individuals Organizations Society Internet skills –Application development –Content creation Text Images Audio Video

The tag and the src attribute The tag is used to include an image in a Web page. But, we need to specify which image to include. The value of the src attribute specifies which image to include. To include an image called lucas.jpg, that was in the same directory as the Web page, one would write:

If the image file is in a different directory The previous example assumes that the Web page and the image file lucas.jpg are in the same directory. If they are not, the path to the directory must also be specified in the value of the src attribute. If the file were in a subdirectory called pictures, the HTML would be:

The border attribute of the src tag The value of the border attribute of the tag on the right is 10. What is the meaning of the 10 – ten what?