- Manufactured in the United States of America . - Frequency of the Visitor 224. - of the browser world. - A footer div is added to the bottom of the page.. - they make effective use of all of the real estate in the browser window. - Locate the #container selector in the CSS stylesheet. - 5 Change the size of the header div element.. - Locate the #header selector in the CSS stylesheet. - Enter a color style in the #header selector:. - Open your HTML page in your browser to view the results of the makeover. - Here’s the code:. - (I’d also add padding to the top and bottom of the div. - 2 Change the margin style of the. - 3 Double-click the Foreground Color box in the Tools palette.. - Click the Save button in the Save for Web dialog box.. - If you are following along with the book example, enter FFFFFF in the hex color box provided.. - Navigate to your Images directory for your Web site and enter botborder.gif in the File Name box.. - In the stylesheet, add #topBorder and. - Open the HTML page in your browser to view the final results of the makeover. - Type in the following code:. - Here’s the HTML code for the initial div. - >Get Involved in the U.S.</a>. - In the book example, I could use either a background color of #1D6963 or an image.. - For the first option element in the list, add the following:. - 4 Select the first row of the table.. - 7 Select the rest of the cells of your table.. - Your page opens in the browser you selected.. - Here’s the rule:. - For the book example, you’ll want to select the image of the three school children.. - In the early years of the Web, you’d either have to use kludgy frames or else redesign the page. - (You set the background color in the Appearance region of the dialog box.). - If you’re working through the book example, enter #000000 in the Background color’s hex code box and then click OK.. - If you’re working through the book example, position your cursor in the blank space below the “Great Music” caption.. - In the Code view, add an iframe element.. - Here’s the code I use for the book exam- ple. - Here’s the div element’s code:. - 0 In the document head, add a link to the scroller.js external JavaScript file.. - If you are following along with the book example, enter CC7E55 in the hex color box.. - 6 Type the name of the page heading on the document canvas.. - 9 Click the Save button in the Save For Web dialog box.. - Here’s the code for the book example:. - You’re ready for the best part of the makeover. - (The ubiquitous round bullets are on display in the page on the right.). - Here’s the scoop:. - Open the HTML page in your browser to view the final results of the makeover.. - 5 If you’re using Dreamweaver, click the Design button in the Document toolbar.. - In Dreamweaver, you enter a name in the Properties palette.. - For the book example, add the following images in place of the placeholders:. - If you’re using Dreamweaver, click the Split button in the Document toolbar.. - If you are working with the book exam- ple, enter all of the code as shown to the right.. - In the Code pane, add handlers for the onMouseOver and. - The cropped portion of the image is removed.. - If you’re working with the book example, enter 555 in the Width box.. - For the book example, the original images are already located in the makeover_. - 7 In the Action drop-down list, choose Thumbnailer.. - 8 In the Source drop-down list, choose Folder.. - Repeat Steps 17–19 for each of the remaining thumbnail images in the grid.. - For the book example, the original images are already located in the makeover_06_04\. - 5 In the Source list, choose Folder.. - Choose File➪Open and select the file in the Open dialog box.. - Click the Code button in the Document toolbar to view the HTML code.. - Here’s the code you need to add:. - Here’s the code to add:. - If you’re using Dreamweaver, press F12 to display the page in the default browser.. - Enter a name for the image in the Duplicate Image dialog box.. - 6 Enter 224 in the Width box.. - If you are working through the examples in the book, name the file teaching_114.. - Enter a name for the image in the Duplicate Image dialog box. - 0 Enter the name of the original image file in the Save Optimized As dialog box and click Save.. - 3 In the document head, add a script element.. - Enter the following code line in the script element:. - html , in the space provided. - Highlight popular links in the navlist . - “fresh” home page in the default browser.. - In Dreamweaver, choose File➪Save As and enter index.html in the space provided.. - 8 In the parentheses of var preloadimages = new. - Add content for each of the slides in the splashmessage[]. - For the book example, enter the img element code as shown in the figure to the right.. - 2 If you’re using Dreamweaver, click the Design button in the Document toolbar.. - The original text in the book example saved the clincher line (“read this book”) for the last line of the page. - In the book example, I added two sub- headings (using action-oriented and atten- tion-grabbing words).. - (Check out all the yous I added to the text in the Web page to the right.). - Pressing F12 in Dreamweaver displays the page in the default browser.. - Here’s the updated code:. - If you’re using Dreamweaver, click the Design button in the Document toolbar.. - Add “Print page” as the alter- nate text in the Image Tag. - With the image selected, enter JavaScript:showPrintVersi on() in the Link box of the. - Click the Code button in the Document toolbar.. - Here’s the code for the new link element:. - 3 Click the Code button in the Document toolbar.. - From there, I concentrate on the look of the form itself. - For each of the four makeovers, I start with the. - 2 View the HTML code of the file.. - In the book example, scroll down to the form named subform . - Here’s the CSS code to insert in the style element:. - Click anywhere in the selection.. - The Paint Bucket tool fills in the contents of the selection with white.. - I t’s time to bring in the “big boys.”. - If you are using your Web site to lead visitors to your physical location, you’ll want to go beyond the kind of printed text-based direc- tions you see in the Web page to the right.. - Put the .GIF image file in the images sub- folder of your Web site.
Xem thử không khả dụng, vui lòng xem tại trang nguồn hoặc xem
Tóm tắt