CSS Images

Image - CSS Images
Image – CSS Images

Use CSS Images to adjust borders, margins, and padding to highlight images and separating them from the neighboring text. Align images and have the text surround it. Move images, rotate, and insert them in non-rectangular frames. Add a background image and see the tile effect repeating horizontally and vertically. Add Responsive images that look great on a variety of screen sizes and devices. Solve problems associated with varying resolutions. Specify a set of images based on the pixel density of the display device. Find out how modern browser tools contribute to check how responsive designs work. Choose the ‘srcset’ and ‘size’ attributes. Browsers can then accurately select the correct image for devices. Also, use the attributes to make a responsive web design. The tools for making images and CSS must be supported with a constructive visual layout.

Continue reading “CSS Images”

HTML Images

Image - HTML Images
Image – HTML Images

In HTML Images know what the different image formats are? Insert images on web pages and view them on different devices. File formats such as GIF and SVG are line art whereas JPEG is for photos. SVG is the ultimate choice when it comes to drawing an icon or a logo. The optimization process for images is called compression.

The essentials of placing an image on a web page are the <img> element and the ‘src’ attribute. Some of your website users may be visually impaired. The images can be made accessible to them by using the ‘alt’ attribute (alternate text). The ‘alt’ text provides a description for such users who cannot see the screen. These users can access through a screen reader. Rightclick on any image and find out the width and height from the image info. Resize dimensions to the right size if needed by using the width and height attributes. To refresh the basics of HTML, click on ‘Introduction to HTML‘.

Continue reading “HTML Images”

Javascript Basics

Image - JavaScript Basics
Image – JavaScript Basics

In Javascript basics, understand how websites load and are grouped into three layers. The first layer is the website content with the HTML that wraps around it. Next comes the CSS which styles the HTML for presentation. The third interacts with HTML and CSS to change what the user can see and do inside a website. The first two layers loads when the page loads. When and after the page is loading the third layer runs in the background continuously. Javascript can make changes to a website without refreshing the browser. HTML & CSS cannot do everything but writing Javascript helps to add features such as web forms, shopping carts, interactive maps, calendar and more to your website. In programming, making decisions with the code is called Control flow. Work your way through the basics and get a grasp on Control Flow, Conditionals, Functions, and Arrays & Loops.

Continue reading “Javascript Basics”

PHP Programming Basics

Image: PHP Programming Basics
Image: PHP Programming Basics

PHP is a server-side programming language. To parse PHP code set up a local environment such as XAMPP to run Apache server PHP on your local machine and use MySQL database. In PHP Programming Basics, embed PHP code into an HTML page and output dynamic text. Review the basics – PHP data types, such as variables, strings, and arrays. Different control structures in PHP, such as expressions and loops, give control over how the code executes. Even though PHP has many built-in functions, you can define your own custom functions. The code becomes reusable and helps prevent bugs.

Continue reading “PHP Programming Basics”