| Subjects |
Hubs | Hubbers | Topics | Request |
| #1 in Business | Subscribe Email Print |
|
You are here: Home > Internet and Businesses Online > Web Development > Creating Your Own Web Page is Easy - A Tutorial (Part 3) |
|
Subjects - Creating Your Own Web Page is Easy - A Tutorial (Part 3)
Here's the last part of this tutorial. Our topics are: Linking other pages and other websites Using CSS in styling your web pages Let's begin here. Creating and placing hyperlinks It is very important to create and place hyperlinks in your website to help your visitors navigate your site from pages to pages. These are the links displayed in your web pages that will change the web page displayed when clicked by visitors. These must be prominent an According to USFDA, a combination product is one composed of any combination of a drug and device; biological product and device; drug and biological product d properly placed in your pages. If not, your visitors will be confused and will eventually leave your site unhappy or unsatisfied. Hence, he may never return. So, make sure that your hyperlinks are prominent, descriptive and orderly placed in your pages. Linking your pages In page 1, you have to place the following code where you want the visitor to click to go to your page 2: < a href="http://your-domain-name.com/page-2-name" title="description u ; or drug, device, and biological product and fixed dose combination would include two or more combinations of drug. Examples of combination products may in ing relevant keywords">your link description Looking at the codes, "a" is html anchor tag used for hyperlinks, "href" is the attribute referring to the URL of the destination page and "title" refers to the description of your link. If possible, use relevant keywords in your description for search engine optimization. Now, type the above in your mywebpage.html and replace the domain name, web page name, title and link description with yours. Use releva lude drug-coated devices, drugs packaged with delivery devices in medical kits, and drugs and devices packaged separately but intended to be used together. nt keywords in your link description for search engine optimization. Then, save and refresh your browser to show you how the above is displayed on the web. To see more, hover or place your cursor on the link. The "title" value will be displayed on the link while the "href" value or URL of the destination page will be shown at the left side of the bottom bar of browser window. It may work only if you are online and your site is already active on the web. here is enormous increase in the number of combination products entering the market in the recent years. Combination products have proven advantages but fixe Linking to other websites You have to place the following code in your website pages where you want your visitors to click to go to other particular websites: < a href="http://other-site-domain-name.com/page-name" title="description using relevant keywords" target="_blank">your link description< /a> If you notice, it is the same as linking your web pages but it is pointing to other website. So, we added the "target" attribute with value of "_blank" to d dose combinations are still in the process of convincing regulatory authority on their advantages over the single ingredient formulations. Combination pro open the destination page into new browser window. This will make your site remain active or open even if your visitors click the link to other website. To try it, type the above in your mywebpage.html and replace the domain name, web page name and link description with yours. Use relevant keywords in your link description for search engine optimization. Then, save and refresh your browser to how the above is displayed on the web. Click the link and a new ucts have become life saving products for the pharmaceutical companies who doesn’t have many innovative molecules in their product pipeline and have been inc rowser window will open while the page where you clicked the link remained open. Hyperlinks with images You may use images in your hyperlinks. In this case, the visitors can click an image in your web pages with links that will send them to other pages in your site or to other websites you have linked to. See the example below: Linking to your other web pages: < a href="http://your-domain-name.com/other-page-name> com/image-directory/image-file" alt="your-image-description with relevant keywords" height="???" width="???" border="0"< /a> Linking to other websites: < a href="http://other-site-domain-name.com/page-name> If you notice, it is just like you are inserting an image to your web page. The only differenc nation products and maximize the revenues. But the companies involved in this practice are overlooking that they are burdening the patients both economically , it is placed between the anchor tags < a href="URL">< /a>. So, in place of link description, you use image. When your visitors click the image, the page will change to the destination page. To try the above, place the image that you want to be used with hyperlinks in the same directory where your mywebpage.html is located. Then, type the above codes in your mywebpage.html but type only the image filename in the "src" value. Then, save and refresh the brow and physically. They need to rightly judge the benefits of the combination products and they have to even look at the risks involved when combining the produ ser to effect the changes. Hover or place your cursor on the image. The "alt" value or the image description will be displayed on the image while the "href" value or URL of the destination page will be shown at the left side of the bottom bar of browser window. Styling your web page using CSS W3C.org requires the website style definitions must be placed in the style sheets or CSS. Styles are used to manipulate the design of the website such font siz ts. Some of the combination products were well accepted by physicians while others suffered. Companies involved in development of combination products are fi s, colors, font face, box properties, table properties, paragraph format, etc. Placing your styles within the head or in a separate CSS file let you control the style of your web pages in just one page. Now, I will tell you the easy way to create your style sheets within the head tags and how it is implemented in the within the body tags. To define a style, you have to use a selector as a reference. Basic selectors are body, div, span, li, table, td and p. ding difficulty in defining their combination products and facing various challenges from selecting a combination to marketing it. Following aspects would a div is used for group of paragraphs, p is for one paragraph, span is for selected characters, words or phrases, li is for lists, table is for table and td is for table data. The good thing here is you can make your own selectors using names you prefer. Creating style sheets is the same as what we have done in CSS boxes. Whatever style properties you assigned to those selecters, it will affect area or content of your web pages where you have used the corres dd to the challenges in developing combination products: Which markets to tap where the combination products can do fairly well? Which combination prod onding selectors. See example below: < style type="text/css"> body { margin: 10%; color: #00f; background: #ff0; text-align: center; } < /style> In the above style, all your contents within the body tags (< body> and |
) will have the above style properties. Try it by typing the above in your mywebpage.html within the head tags. Save it and refresh your browser and see effect in your web page.
Let's see another example:
< style type="text/css
div class="ownclassselector">This is an example of using the class selector < div id=
span id="ownidselector">This is an example of using span with id selector and class selector
This is an example of using both the id and class selectors
This is an example of using the two class sele
Professional from academic institutions, pharmaceutical industries, health care indust
Let's me explain to you the above style properties that are not discussed in Creating CSS Boxes:
text-decoration: underline - creates underline to the text or characters. You may use "none" instead of "underline" to remove the underline.
font-size: 16px - fixes the size of the font within the affected selector. You may use px, em, pt and % as unit of measure.
font-style: italic - makes the text or characters italic.
color: #f00 - defines the color of the text or characters. You may use different web colors here. It is advisable to use web-safe colors as other computers or browsers could not display other colors.
font-weight: bold - makes the text or characters bold. You may use also normal, bolder, lighter, 100 up to 900.
font-family: courier - defines the font type of the text or characters. Common font types are arial, verdana and
As there is an increasing trend of the combination products companies manufacturing such products should be able to tackle the problems involved in the de
Type the above codes to your mywebpage.html within the style and body tags as noted, then save and refresh your browser to see the effects of the above style properties. You may change the values, then save and refresh to familiarize yourself with styling properties.
For complete web-safe color codes and complete list of style properties, click here
Companies that provide selfless information through particip
I hope you've learned something in this tutorial. Just continue practicing and learning. Research, research, research. There so many free tutorials here on the web.
To learn more of HTML and CSS, search Google by typing "html tutorial" or "css tutorial" - Click Search and you will find many choices. For standards, you may visit www.W3C.org
HTTP = HTML link (for blogs, profiles,phorums):
<a href="http://www.subjects.org.ua/article/86968/subjects-Creating-Your-Own-Web-Page-is-Easy--A-Tutorial-Part-3.html">Creating Your Own Web Page is Easy - A Tutorial (Part 3)</a>
BB link (for phorums):
[url=http://www.subjects.org.ua/article/86968/subjects-Creating-Your-Own-Web-Page-is-Easy--A-Tutorial-Part-3.html]Creating Your Own Web Page is Easy - A Tutorial (Part 3)[/url]
Adding A Friendly Face Picture - Turning Your Website Into A Human!
|
Bookmark it:
|