(For example, our Modern Languages Department page is:ġ5. Click on the link buttonĪnd type (or copy and paste) the URL for your school or department web page. Select your school name so you can turn it into a link. Remove the numbers or bullets and indent the lines instead.ġ4. (Insert / Characters and Symbolsw / Copyright)ġ3. Next type the names for your class projects:Īdd a blank line after the project list, and insert a horizontal line. Insert a blank line after your contact information. Will automatically open when someone browses to your folder. This is the default file name for a folder, so it will be the page that A page also has a filename, for instance index.html. A page has title, for instance, my title might be Ponterio - ICC 523 Projects. This is where you will save your new web page. Create a folder on your USB flash drive or the hard drive be sure to give this folder a meaningful name such as icc523-projects. It to the left margin and remove the italic format.ġ0. You decide that your italic centered name looks awful. Center your name using the alignment icons in the Properties, just like in a word processor.ĩ. You may use Format / Text Style or the buttons.Ĩ. Making sure you have exactly the same color in two places.ħ. You don't really need to know those color codes, but sometimes they can be useful for Hexadecimal is 255 base ten, so this means 255 red, 0 green, 0 blue). (that's like having 16 fingers to count with). Tools, but colors are coded in your page as a 6 figure hexadecimal number The color can be selected using a few different color selection Change the text color to a color of your choice using the Format / Text Color menu or the pop-upĬolor window. (Use Format / Size or in the text Properties format area.)Ħ. What are some of your other font choices? Then change it again using the Font Format dropdown box below the Paragraph Format box at the top left of your Document window. Change the font from the Default Font ( Variable width) to Helvetica, Ariel (use the Format / Font menu). Select your name, just as you would in your word processor.Ĥ. Office location, and telephone number on separate lines.ģ. Type your name, title, department & institution, Make sure that you are looking at the Normal View or Design View (You can open a new blank page at any time by selecting File / New or by pressing the New button.)Ģ. KompoZer automatically begins with an open blank web This is EXTREMELY IMPORTANT! Then, when you move or copy the folder, you are moving everything you need for all the pages in your site.ġ. Reason, you always want to begin by creating a folder for your web site and putting everything needed for the site's pages in this folder. Part of a page together in a folder for that page. For this To organize the files that will be part of a web page, but in thisĬourse, for simplicity and consistency, we will put all files that are To be placed so the web page can find them. Together and displays them in a single window. Indeed, a web pageĬan be thought of as a shell that holds various multimedia files (Our sample will be a table of contents page that you can use for this course.)Īlways keep in mind that a web page is a file with HTML code along with any and all other filesįor all media that are included in the page in any way. For this exercise, we will simply createĪ new page from a blank since this is the best way to grasp just what we are doing. Web or from your own past efforts and then use it as a template, makingĬhanges to fit your needs but not reinventing the wheel in terms ofīasic format. If you do this, be sure that work with a copy so youĭon't destroy your original. It is possible to copy a page that you like from the Also note that we will be using simplified formatting rather than the more common but more complicated CSS.īefore starting, it is a good idea to plan your page carefully byĪ storyboard (as you might tell a student to do an outline beforeĪ paper). Note that it is possible to select formatting options using menu itemsīuttons or even typing in codes by hand, depending on your personal preference. First work through these steps, and then move on to This reason, the basic ideas will hold even if you use a differentĮditing program. Less the same way, because all the underlying codes are the same. Most web page editing tools work in more or You can download KompoZer for free ( )įor Mac, Windows or Linux. In order to familiarize you with the possibilities in KompoZer. This handout will walk you through some basic steps of web page creation We will use KompoZer to create a WWW page. Getting started - Step-by-step (using KompoZer):
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |