Images and Storage

Loading...

Do curso por Duke University

Programação e a Web para Iniciantes

4715 classificações

Explore Related Videos

At Coursera, you will find the best lectures in the world. Here are some of our personalized recommendations for you

Duke University

Programação e a Web para Iniciantes

4715 classificações

Curso 1 de 5 em Specialization Programação Java: Introdução ao Software

In this course, you will use computers to creatively design web pages using HTML and CSS. You will then use Javascript to develop programs and algorithms--ways to get the computer to solve problems. As you progress, you will master the programming process that will be used through the remainder of the courses in this Specialization. After completing this course you will be able to: 1. Make a web page with HTML and CSS; 2. Explain the high-level process of developing a program; 3. Think critically about how to solve a problem; 4. Solve programming problems with Javascript, including if/else and looping constructs; 5. Use Javascript to manipulate images and process data; and 6. Recognize debugging as an application of the scientific method. By the end of this course, you will complete a mini-project where you will use Javascript to create your own images algorithmically and a website you have built with HTML, CSS, and Javascript.

Na lição

Designing a Web Page with HTML and CSS

In this module, you will learn the basics of HTML and CSS to design a web page. Over the course of the module you will build your first web page!

Using CodePen2:30

What Is HTML?7:08

Metadata and Sectioning Elements2:41

Formatting Text and Nesting Tags1:58

Adding Images and Links3:25

Images and Storage6:07

Lists and Tables7:40

Conheça os instrutores

Susan H. Rodger
Professor of the Practice
Computer Science
Robert Duvall
Lecturer
Computer Science
Owen Astrachan
Professor of the Practice
Computer Science
Andrew D. Hilton
Associate Professor of the Practice
Electrical and Computer Engineering

In this lesson we're going to talk about a few concerns or

issues that you may face when using images or photos in the web pages you create.

We've made web pages we've shared with you and you've made web pages that use the img

tag to show a picture, image or photo on the web page you create.

In this course, you've used the website or

a web tool codepen.io to create the images.

But it's possible you may have already used other tools or

sites like WordPress to create images.

Whatever tool or site you use,

you'll need to find images that you can use in the websites you create.

A URL that is the source for the <img> tag you use in your website.

In some cases, there may be concern with the person, organization or

group that created the photo you display on a web page you create.

The creator has certain rights.

Called copyrights, and you'll want to respect these.

In some cases, there may be storage concerns.

Where are the images stored that you've included on your webpage?

And who pays for that storage?

You may want to store your own images so

you can link to them in webpages you create.

There are similar concerns with videos, though videos hosted on YouTube

are very easy to include in the webpages you create.

We'll briefly talk about usage rights for images or photos you find online.

We'll give you a very basic understanding and urge you to explore more on your own.

Some images and photos are copyrighted.

This means specific rights are held by the person or

organization that created the images.

You should respect these rights, thinking about rights you'd like to have for

images you create.

Copyright laws are different, and vary from one country to another.

You should likely have a basic understanding of copyright in your

own country.

If you're going to make webpages that might have a commercial value.

Typically, if you're making a webpage for personal use, like the pages you create

for this course, you don't need to be concerned with copyright laws.

However, you do want to understand the usage rights and know that for

images that are copyrighted, there are some rights.

Many images are in the public domain and are not copyrighted.

The flag from Brazil that has been displayed on this page is in the public

domain in the United States, in Brazil, and in many other countries.

Images in the public domain have no rights associated with them and

you can use them freely.

Many images can be found using Google image search and

you can fine tune this search to specify that you want images that can be reused.

The Wikimedia commons is a website and

storage area where images that are more free to use can be found.

Some of these images have what are called creative commons licences.

Which specify how you can use the images.

Once again, for your own personal web pages,

you typically don't need to be concerned with these rights.

But it's still a good idea to have a basic understanding of image rights.

Some Creative Commons images are not copyrighted.

Some have usage rights that allow you to re-use them for non commercial purposes.

The logo on the right specifies non-commercial use

in the European Union or EU.

Other licenses require that you license your own work in a similar way.

These are called share alike licenses.

The logo on the left represents such a license.

In this course, we try to use images that are in the public domain.

In addition too usage rights,

using images on web pages you create may have image storage and hosting concerns.

For example, suppose you want to include an image

of the Chinese flag on a web page you create, you may use Google Image Search

to find a URL that you can use with the source argument of an IMG tag.

And you may take steps to ensure that the image of the flag you find is

in the public domain, so there are no usage rights concerns.

The url shown here is for just such an image.

You've done great.

You've properly concerned about usage rights and

you've created a really nice web page.

But suppose one million people view your web page.

That means the flag image is seen by one million people.

It also means that the flag image is sent from the website which stores it, across

the Internet to one million users that might be scattered all over the world.

Someone pays for

hosting the image and for serving it to everyone, even if it's not you.

This could be a concern that you need to understand.

When you use a URL in a webpage you create as part of an IMG tag

you've included what's called an inline link from your page to another webpage.

Inline linking is also called hot linking.

It means that the image is stored on another site but

visually it appears in the site you create.

Typically you don't need to worry about copyright and usage concerns for

your own personal pages.

However, if you create a webpage with lots of views, or lots of traffic,

there may be storage costs or server costs that might be a concern you

should understand, though typically it's not something to worry about for

the pages you create in the course, or on your own for personal use.

When you want to include images in the pages you create

it's easy to use Google image search to find images online.

You'll need to find the URL for the image to use in the inline link for the img tag.

You can typically find the URL by right clicking, sometimes this is control click,

when using a web browser like Chrome or Firefox and then, copying the image URL

and pasting it into the HTML you're creating for your own page.

Some websites won't allow you to hot link to images stored on them.

For example, pixabay hosts many public domain images, but

will not allow you to link to them in the web pages you create.

You should be sure to test the web pages you create so that they work.

You may use Incognito or

private browsing to be sure that you are behaving like an anonymous user,

rather than being logged in as yourself, for example, when looking at a web page.

When you can, get someone else's help in viewing any web pages you create

to be sure that they see the images.

Explore nosso catálogo

Registre-se gratuitamente e obtenha recomendações, atualizações e ofertas personalizadas.

O Coursera proporciona acesso universal à melhor educação do mundo fazendo parcerias com as melhores universidades e organizações para oferecer cursos on-line.

© 2019 Coursera Inc. Todos os direitos reservados.

Baixar na App Store

Baixar no Google Play