11/27/2023 0 Comments Kompozer text box![]() On the HTML Attributes tab, select id from the Attributes drop-down list, enter a name in the Value field, e.g., button_home).If this opens the Properties dialog box, click the Advanced Edit button on the right to open the Current Attributes screen. From the KompoZer DOM Explorer, double click an image media item.One at time, you will apply the id attribute to each image, audio, and video clip.Click here to learn the rules on naming your id.If you have more than one element and want to use or apply a style rule, you want to make sure you have given that element a unique id. Add the ID attribute to your media, , and tag(s) - This is a unique identifier or name for an element such as a media or and image tag.For now, you will just apply the styles you need for individual media items. In general, you want to keep your pages' design consistent and simple. KompoZer's Current attributes dialog box (from Advanced edit button)Īs you learned in the tutorials above, there are many different HTML Attributes, Inline Style, and JavaScript Events to choose from.Learn about KompoZer's Advanced edit options to further design your web page text, links, tables, horizontal rule lines, and media.Using Status Bar for Formatting Your Web Pages.Note: Some of the tutorials are review from previous lessons. Unless otherwise stated, you should complete each sub-topic in each category. From KompoZer, click Help -> Help Contents, and then complete each of the following tutorial topics.Note: In Module 6 you will learn to extend your web page style options into internal (embedded) and external (linked) cascading stylesheets (CSS). Please do not skip any of these tutorials. Information from the tutorials will be covered in your upcoming quizzes. Please complete the tutorial topics listed below to find out what you need to know to apply Inline Styles to your media elements using KompoZer. Organize your media around your text, applying the left or right alignment for images, as well as applying the image margin spacing to at least 5 pixels. For each table cell, use the same padding and spacing (e.g., 5 pixels each), as well as and the same alignment (e.g., top, middle, or bottom) around content in the table cells so that the content is not bumping up against the table borders and matches up from one cell to the next.You can then insert text into one column and image media in the other. Either make the image border equal to zero or be sure to match it with any other images. For each image, add one row and two columns. ![]() Optionally, add a border, cell background color and/or colored text. Set the width to 95% or less and do not set fixed heights to keep content aligned as viewers resize browsers.Tables with text and/or images - You may want to create a table to properly align multiple images or audio/video clips on a single page with their related text. By using the same color scheme, heading format, text, buttons, and style, you make it easy for the viewer to understand they are still on your web site and have not been taken to another location on the Internet by clicking on a link. What guidelines must you follow when you set your web page styles?Įditing Image Properties - Keep your web pages consistent. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |