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”
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”
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”
Go through Introduction to HTML, before starting with ‘CSS for HTML’. CSS is a must for front end web developers. Cascading Style Sheets works with HTML to enhance its look in the browser. CSS is continuously progressing that call for even more greater control of the presentation of web pages. Understand the CSS box model and layout concepts. Set margin and paddings and position elements. Work with fonts and colors and structure webpages. Create CSS code, background images, add classes, IDs, float, layers, embedded style sheets, external style sheets, and more. Use media queries to adapt content for different web device sizes. Improve your CSS with free tools such as Code Pen, Chrome Dev tools or the Chrome Plugin- Pesticide.Continue reading “CSS for HTML”
HTML is Hyper Text Mark-up Language. Physicist Berners-Lee created it in late 1991. The most widely used language for the development of web pages is HTML. HTML will allow you to have an understanding of how the Web works so that your designs will be effective. To start learning HTML, you will require a Text Editor. For windows, Notepad++ provides syntax highlighting features. On a Mac, find TextEdit and if you require syntax highlighting features then opt for Text Wrangler. For Linux users there is Gedit. This introduction to HTML familiarizes with the markup language and webpage design. Style HTML with CSS to enhance the look of your webpage.Continue reading “Introduction to HTML”