You will want your impressed users to contact you when the site has wowed them. To do this, you need to add contact information. The easiest, most intuitive method for doing this in a Web site is to provide an e-mail Mailto: link. It sounds a bit technical, but it’s really quite simple.
All you need to do is type the words “e-mail me” on the page (try doing this in a layer). Now, highlight the text and go to the properties inspector, in the Link field, type mailto:[your e-mail address]. Add your exact e-mail address behind the colon in mailto. When the user clicks the linked text, an e-mail client will pop up ready to send a message.
Named anchors provide links within a Web page to somewhere in the same Web page. For example, you may want to have a navigation-based resume Named anchor (The named anchor works just like a link, except it links within the page. Make sure to add the # before the named anchor when linking.) page in your Web portfolio. Rather than break the resume parts up on to separate pages, you decide to place them all on one page. To clarify the page contents you can create a menu of named anchors for each section on the resume. When the “skills” link is clicked, the page scroll would go immediately to the location of the skills section of the resume. Let’s go through a quick tutorial.
To place a named anchor in your Web page, follow these steps:
• Insert the anchor. Put your content in layer on a new Web page. Pick a place on the page where you want the anchor, (or click some text or graphic on the page) and go to Insert>Named Anchor.
• The Insert Named Anchor dialog box will appear, type in the name of the anchor location: for example, “one.” Choose a one-word name or use only a few characters — no spaces for the anchor name. Once you name the anchor, you will not see it unless you turn the invisible element viewing on (View>Visual Aids>Invisible Elements). This view shows invisible character in the body of the Web page.
Link to the Anchor
To link to the named anchor you will use the same method as we used to link to a URL and other Web pages. However, the named anchor will not be in the form of Web page (.htm), it will be a simple word consisting of a few characters with no spaces in the anchor name. Click on the text or graphic you want to use as the button for the anchor. Text works great for an anchor menu.
Click on the menu item that will trigger the lin k. Then, in the link field on the Properties Inspector, type in the anchor name you want the link to navigate to using a #in front (e.g., #page_up). When clicked, the browser will go to the anchored location. CSS
CSS stands for Cascading Style Sheets. Although this name may sound like a setting on your washing machine, it is actually a standard of Web page design for controlling the attributes or “styles” contained in the HTML Web content. Style sheets add control to text, links, colors, and formatting. By using style sheets you can avoid the possibilities that might cause text in the Web page you designed looks different to the user. CSS overrides the user’s Web browser default text settings so that what you design is what the user gets.
Style sheets also allow universal updating of text attributes through the pages that contain the same style sheets (Towers, 1999). You can create one style sheet for your entire portfolio. Then, you simply attach the style sheet to each page. When you attach the style sheet, Dreamweaver places the text styles you designated when you created the new style sheet into the Properties Inspector drop menu under styles.
Create a New Style Sheet
You can make and attach style sheets to your Web pages several ways. The quickest way is to use the Properties Inspector and go to the Styles field. Click on Manage Styles. From there, you can create a new style sheet. Creating a style sheet requires you to name the new style sheet and then set up Style sheets (The new style sheet .css file (A) is created and then the individual styles (B) are developed based on attributes applied to page elements such as fonts and links(C).
A page or site can use many styles inside of one style sheet (.css) file.) the specific attributes that you want available to you when you are formatting HTML text in your Web pages.
2.Name the style in the dialog box; be sure to keep the period in front of the name. E.g.: .headers Selector type should be Class and Defined in (New Style Sheet)
3.Save the style in your root directory. Now, you name the style sheet with the .css file extension. Style name: portfolio.css Root directory: jdimarco (your first initial, last name) Create a Type style for your page headers. Each time you create a new style for your text elements you will define the style in the portfolio.css style sheet.
4.To attach a style to a text element; highlight the text and go to the styles field on the Properties Inspector and choose the style.
It is best to create most of your styles before creating all your Web pages. You can add styles later on, but you would have to re-highlight and apply any new styles to the existing text. If you make a change to an existing style, it is updated through out its usage in the site. 5.To edit the style go to Manage Styles on the Properties Inspector