ITD 110 Web Design – Introduction to Hyperlinks

Hyperlinks

Anchor element:  is used to create a link, it is an inline element so it must occur inside a block-level element such as the paragraph element (<p></P>).

Example: <a href = http://www.google.com/ title = ‘Google Search Engine”> Search Google </a>

href – this attribute specifies the destination of the web address.

http (hypertext transfer protocal) – sustains the standards for the communication between the file servers (the computer that contains the Web Browser)

Link to non-HTML Files

You can use an anchor element to link to any type of non-HTML file, such as Microsoft Word or PDF file. You should always include some text that identifies the file type, or indicates that a file will be downloaded.

Create an Email Link

< a href = “mailto: addressname@domainname.suffix”>linktext</a>

mailto: is the protocol, addressname@domainname.suffixis the email address of the recipient, and linktext is the test that users click to activate the link.

<p><a href = “mailto: webmaster@mysite.com” title = “webmaster@mysuite.com> Send email to the webmaster</a> at webmaster@mysite.com </p>

When creating a mailto: link, you can also include a default subject for the email. You add a question mark (?) after the email address followed by the word subject, an equals sign, and subject line for the email.

Create a section with an id

Example: <section id = “idvalue”> content </section>

“Section” is the name of the element, “id” is the id attribute. “Idvalue” is the value for the id, and “content” is the content of the element.

<section id = “top”> content < /section>

Create a link to a section on the same page

Example: < a href = “#idname”> linktext </a>

“a” is the element name, “href” is the hypertext reference attribute, “idname” is the name of the id you are linking to, and “linktext” is the name of the id you are linking to.

Example: <a href = “#top”> Go to Top </a>

 

Comments: 0 » | Leave a Comment »
Read Full Post

ITD 110 Web Design

Let’s start this blog with first understanding and defining what HTML and CSS are, also what they do. HTML is the standard markup language used to create different web pages. So it basically places content on the web page where you want them to be displayed. The reason we will be teaching you about HTML 5 is to use the latest version of this language. CSS is basically the same; it’s a style sheet language that is used for describing the look and formatting of a document written in a markup language.

HTML Structure

Paired element and empty elements

All elements that are paired must contain a start tag and an end tag.

For an example

<body></body>

There are empty elements that do not have an end tag.

For an example:

<img src = ”images/worldmusiclogo.jpg” />

HTML Documents Structure

All HTML documents should start with a type declaration:

<!DOCTYPE html> followed by the HTML element and in between is the Body element

The content in between the <body></body> element is the visible part of the HTML document .

The DOCTYPE Tag

Every HTML document should begin with a DOCTYPE tag. This element identifies the version of HTML used in the document.

Example of the DOCTYPE tag:

<!DOCTYPE html>

The HTML Element

The html element is the root element of a Web document, meaning that it is the container for all the other elements on the Web page. The start <html> tag goes immediately below the DOCTYPE tag.

The Head Section of the Web Page:

The head section of the web page contains HTML code that does not appear on the web page when that web page is open in the web browser. You can think of the head section as a container for information.

The Body Element

The body element is the container for all of the page content that will be rendered

in the document window.

HTML Headings

HTML headings are defined with the <h1> to <h6> elements:

Example

<h1>Heading 1</h1>
<h2>H
eading 2</h2>
<h3>Heading 3</h3>

HTML Paragraphs

HTML paragraphs are defined with the <p> element:

Example

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

Example Basic Web Page

<!DOCTYPEhtml>
<html>
<body>

<h1>Heading 1</h1>

<p>My first paragraph.</p>

</body>
</html>

Comments: 0 » | Leave a Comment »
Tags: , ,
Read Full Post

ITD 110 Web Design Introduction

This blog is contributed by students who are taking the ITD 110 Web Design course. The blog includes relevant topics on HTML, CSS and the essentials of web design.

Comments: 0 » | Leave a Comment »
Read Full Post

GMU vs. NOVA

It’s both easy and hard to compare GMU and NOVA, both are really great schools. NOVA provides decent education for a fraction of the university price and there is less pressure because you can always transfer easily. Mason has a variety of education programs all the up to PhD, the credits are not as easily transferable but clubs there are plentiful. In my mind I’m like a GMU and NOVA Hybrid student, perhaps it is because I’m an online student at Mason and rarely do I ever go to campus other than to volunteer and I’m still a blogger for NOVA. The work load is relatively the same, if not easier, NOVA has taught me well to keep up with my studies and check Blackboard regularly. Some differences that I do like about Mason is that there are allotted times for students called time-tickets, it just comes up automatically based on your major and student year whereas with NOVA it was the hunger games each semester. Something I think all students may like is that the semesters are shorter by 2 weeks and the books are cheaper because the professors don’t care which edition you have just as long you have a book.

University life itself has a different feel than NOVA campuses, there’s sense of unity and pride, every other student will wear a Patriot pride shirt. Although NOVA is very culturally diverse with the prayer and meditation rooms in CG and prayer corner in the MEC building, GMU is just as diverse, in the restrooms in the Johnson Center, there are special foot washing stations just before prayers.

I feel both school compliment each other well and I’m happy to be part of both. I’ll be sharing more as I go through my semesters here.

Comments: 0 » | Leave a Comment »
Tags: , , , , , , ,
Read Full Post

How to Create a Website

Let’s start this blog with first understanding and defining what HTML and CSS are, also what they do. HTML is the standard markup language used to create different web pages. So it basically places content on the web page where you want them to be displayed. The reason we will be teaching you about HTML 5 is to use the latest version of this language. CSS is basically the same; it’s a style sheet language that is used for describing the look and formatting of a document written in a markup language.

Here is the list of the basic HTML elements to build the web page and a description of each element:

<!DOCTYPE html> – This  is used to help the Web browser identify what type of document it is

<html> – The html element is the root element.  In other words it is the holder for all the other elements on the web page.

<head> – this element does not show up on the web page. Its purpose is to contain all the information of the webpage.  One of the most important information is the title of the web page.

<body> –  It the element that all the contents of the web page that will be displayed in the browser.

Next blog we will show you how to build a web page and include a lesson for you to do it on your own. 

Please make sure you have one of following the Text Editor to be able to create your page:

Notepad++ or BBEdit on your personal computer or Mac

Comments: 0 » | Leave a Comment »
Read Full Post