Often you will need to insert an image into a webpage. This video tutorial will show you how to do it.
Inserting a Graphic into a Webpage was originally found on Access 2 Learn
Assistant Professor
Walter Wimberly is an Assistant Professor at a regional college in Tennessee, teaching Computer Science in the Software Engineering track. He works as a student advisor, oversees curriculum changes, develops new courses, and manages the advisory panel.
Walter taught full time for about 7 years, before going back into “industry” as a full stack Software Developer for a dozen years. There he focused on web based projects coding in JavaScript/jQuery and utilizing the Bootstrap CSS Framework on the front-end, and coding in PHP, ASP/ASP.Net, SQL on the back-end.
Since he loves teaching, he taught as an adjunct web and digital media classes for eight (8) years, while working in industry, and has since returned to teaching full time.
He has been married for over 25 years, and is father to several special needs boys. As such, he is working on some projects to help others who have special needs to be self-sufficient, and support the care givers of those with special needs. Check out his Autism blog for more info.
Similar Posts
Bootstrap 4: Creating Containers and Columns
Bootstrap works on the idea of containers and columns for it’s basic layout. Containers are the most basic layout element in Bootstrap and are required when using the default grid system. You can nest containers, but most people don’t find this necessary. You can choose from a responsive, fixed-width container where its max-width changes at each breakpoint (the…
What is Responsive Web Design
Responsive Webdesign has been around for a little while, and most modern websites are created using it. The idea is different CSS is used for some, or all, of the website based upon the screen size. This is done through a media query. This way, the exact same webpage can be used – but look…
Building Out Your Web Project File Structure
First, only have one working set of files. It is easy to have copies of files in multiple locations. One copy might be on your personal machine, one copy on a thumb drive, and another on a school lab machine. Saving a backup copy is a good idea, in case something happens, but having multiple…
Designing Buttons in Bootstrap
You will often need to add a button to a webpage. This could be for a form, or part of an interface where you are wanting to create a special link to a page. Generally you can use the button tag, although you can also use a anchor tag. You will want to add some…
Using Bootstrap Wells
Wells can be used within Bootstrap to create an inset look to a pseudo panel. They appear kind of like panels, but without the chance to color them. Instead, you have text that is inset from a box when you use the well class to a div. This can be used as a overly simple panel…
Designing for Mobile Devices
When you design for mobile devices you have several questions you have to think about. Which devices am I designing for? (Smart Phones, Latest Smart Phones, 4G phones, Feature Phones, etc) What speeds will my users access the site at? How familiar are the people to using the device to surf on? Am I looking…
Bootstrap 4: Creating Containers and Columns
Bootstrap works on the idea of containers and columns for it’s basic layout. Containers are the most basic layout element in Bootstrap and are required when using the default grid system. You can nest containers, but most people don’t find this necessary. You can choose from a responsive, fixed-width container where its max-width changes at each breakpoint (the…
What is Responsive Web Design
Responsive Webdesign has been around for a little while, and most modern websites are created using it. The idea is different CSS is used for some, or all, of the website based upon the screen size. This is done through a media query. This way, the exact same webpage can be used – but look…
Building Out Your Web Project File Structure
First, only have one working set of files. It is easy to have copies of files in multiple locations. One copy might be on your personal machine, one copy on a thumb drive, and another on a school lab machine. Saving a backup copy is a good idea, in case something happens, but having multiple…
Designing Buttons in Bootstrap
You will often need to add a button to a webpage. This could be for a form, or part of an interface where you are wanting to create a special link to a page. Generally you can use the button tag, although you can also use a anchor tag. You will want to add some…
Using Bootstrap Wells
Wells can be used within Bootstrap to create an inset look to a pseudo panel. They appear kind of like panels, but without the chance to color them. Instead, you have text that is inset from a box when you use the well class to a div. This can be used as a overly simple panel…
Designing for Mobile Devices
When you design for mobile devices you have several questions you have to think about. Which devices am I designing for? (Smart Phones, Latest Smart Phones, 4G phones, Feature Phones, etc) What speeds will my users access the site at? How familiar are the people to using the device to surf on? Am I looking…
Bootstrap 4: Creating Containers and Columns
Bootstrap works on the idea of containers and columns for it’s basic layout. Containers are the most basic layout element in Bootstrap and are required when using the default grid system. You can nest containers, but most people don’t find this necessary. You can choose from a responsive, fixed-width container where its max-width changes at each breakpoint (the…
What is Responsive Web Design
Responsive Webdesign has been around for a little while, and most modern websites are created using it. The idea is different CSS is used for some, or all, of the website based upon the screen size. This is done through a media query. This way, the exact same webpage can be used – but look…
Building Out Your Web Project File Structure
First, only have one working set of files. It is easy to have copies of files in multiple locations. One copy might be on your personal machine, one copy on a thumb drive, and another on a school lab machine. Saving a backup copy is a good idea, in case something happens, but having multiple…
Designing Buttons in Bootstrap
You will often need to add a button to a webpage. This could be for a form, or part of an interface where you are wanting to create a special link to a page. Generally you can use the button tag, although you can also use a anchor tag. You will want to add some…
Using Bootstrap Wells
Wells can be used within Bootstrap to create an inset look to a pseudo panel. They appear kind of like panels, but without the chance to color them. Instead, you have text that is inset from a box when you use the well class to a div. This can be used as a overly simple panel…
Designing for Mobile Devices
When you design for mobile devices you have several questions you have to think about. Which devices am I designing for? (Smart Phones, Latest Smart Phones, 4G phones, Feature Phones, etc) What speeds will my users access the site at? How familiar are the people to using the device to surf on? Am I looking…
