Web Design company - Goweb99 blog

Barbara Hjorth – http://ridgefieldselfstorage.com recommends goweb99.com

admin — Tue, 31 Aug 2010 21:04:04 +0000

I have been working with Tony Walker of goweb99 for several months regarding the development of a website for our business. His creative suggestions, helpful tips and immediate reply to my many requests were very professional and courteous. And, of course, the PRICE to design a pro website is remarkably affordable!
Barbara Hjorth – http://ridgefieldselfstorage.com

Vacation rental owner Sandy Anderson – http://tiburonvacation.com recommends goweb99 travelehome.com

admin — Mon, 30 Aug 2010 18:23:56 +0000

Working with David and Tony has been a pleasure! They are extremely patient, knowledgeable, dedicated, and wonderful to work with. This is our second web sites we have purchased from them, and when it comes time to need another, I wouldn’t hesitate to work with them again!
The same day we placed our web site up for the first time, we received 7 bookings, in just one day! Outstanding! Thank you from the bottom of my heart!
I would recommend anyone needing a web site or any other services go the www.goweb99.com

Sincerely,
Sandy Anderson – http://tiburonvacation.com

Code Links

admin — Wed, 11 Aug 2010 11:06:10 +0000

Another use may be to enhance the look and feel of the links on your page. This tag provides a very quick way to accomplish this.

Example:

Feel free to search

Google

for
anything you need to find on the internet.

 Preformatting element

Web browser generally interprets your html document as one long line. You may have tabs and line breaks in notepad aligning your content so it is easier to read for you, but the web master, your browser ignores those tabs and line breaks.

We showed you one way to get around this by using the character or ltbr /> tag. Tabs and spacing are quite different, and absolutely annoying at times. One simple solution might be to use the

tag, standing for previously formatted text.

tag can be used for any special circumstances where you want your text to appear in some preformatted manner. For example any extra spaces or tabs will not be displayed in a normal text but this could be done using the

tag.

Example:

Roses are Red,
Violets are blue,
I may sound crazy,
But I love you!

Roses are Red,
Violets are blue,
I may sound crazy,
But I love you!

^{Superscript element}

Superscripted text can be placed onto your website using the ^{tag. You may also give an id to these tags so that they can be used in the whole documents through the style sheets.}

Example:

This text is ^{superscripted!}

This text is ^{superscripted!}

Exponents

Exponential expressions can be written by using the superscripting technique.

Example:

2³ = 8
14^x

Exponents:

2³ = 8
14^x

Footnotes

You may have come across several texts where a referencing, superscripting directs your attention to the bottom of the page. These footnotes can also be created with the superscript tag.

Example:

”It was a lover’s tryst¹.”

1. Secret meeting between lovers

Footnotes:

“It was a lover’s tryst¹.”

1. Secret meeting between lovers

_{Subscript element}

This tag is used to place subscripted text onto your websites.

Example:

This text is _subscripted!

This text is _subscripted!

Chemical Compounds

This tag allows for the creation of chemical compounds.

Example:

H₂0₂ – Hydrogen Peroxide
CO – Carbon Monoxide
CO₂ – Carbon Dioxide

H₂O2 – Hydrogen Peroxide
cO – Carbon Monoxide
CO₂ – Carbon Dioxide

Strikethrough

To place text onto your site that appears to be crossed out, we can use the ~~tag.~~

Example:

This text is ~~not needed now~~

This text is ~~not needed now!~~

Div Layouts

admin — Wed, 11 Aug 2010 10:29:24 +0000

When HTML first began, web creators only had two choices. A table layout, or frames. The div element provides a 3rd alternative, since a div can contain any/every other type of html element within its beginning and ending tag.

Example:

HOME |
CONTACT |
ABOUT
Content Articles
This paragraph would be your content
paragraph with all of your readable material.

HTML Div Layout:

HOME | CONTACT | ABOUT

Content Articles

This paragraph would be your content paragraph with all of your readable material.

Advanced web developers find div elements to be far easier to work with than tables, adding more content or more links to our previous example might demonstrates why a div is simpler to work with.

Let’s add a “LINKS” page to our menu, and another article of content below the existing content.

Example:

HOME |
CONTACT |
ABOUT |
LINKS
Content Articles
This paragraph would be your content
paragraph with all of your readable material.
Content Article Number Two
Here’s another content article right here.

HTML Div Layout II:

HOME | CONTACT | ABOUT | LINKS

Content Articles

This paragraph would be your content paragraph with all of your readable material.

Content Article Number Two

Here’s another content article right here.

Tips

· Use CSS Positioning with divs and code like a pro!

Bold

Creating bold text can be accomplished through the use of the bold tag.

Example:

This text is entirely BOLD!

Bold:

This text is entirely BOLD!

Place the bold tag inside other elements to highlight important words and give feeling to your text.

Example:

Don’t touch that!

More Bold:

Don’t touch that!

You may also use it to separate words from their meaning in a dictionary fashion.

Example:

Cardio: Latin word meaning of the heart.

Dictionary:

Cardio: Latin word meaning of the heart.

The idea here is to use the bold tag in quick formatting situations. It is not a good idea to bold entire paragraphs or other elements simply because you want the text to be larger or fatter. Use Cascading Style Sheets for font styles and sizes.

Italic(s)

The italics tags should be used to highlight a key word or phrase. These tags are not intended to to stylize or shape your font face. Rather, use them to emphasize text or words.

Example:

Italic tag!

Emphasized Text!

Create a
blockquote
!

Format your
addresses
!

Italic tag!
Emphasized Text!
Create a blockquote!
Format your addresses!

Each of the above tags is generally interpretted by the browser in a similar way. The two commonly used tags to place italics onto a website are and . They are short and sweet.

Example:

HTML

Hyper Text Markup Language

or

HTML

Hyper Text Markup Language

HTML
Hyper Text Markup Language

or

HTML
Hyper Text Markup Language

As you can see, the output is the same regardless of what tag we used to emphasize our definitions.

Bold and Italics

Both the and the tags can be placed within other elements to format your texts. They can also be used together to bold and italisize words or phrases. Nothing fancy here, just be sure you open and close the tags in the same order.

Example:

Phillip M. Rogerson MD

Display:

Phillip M. Rogerson MD

This is brilliant when placing text links directly inside your paragraphs as a reference to the user.

Example:

Include several external

links throughout your texts as references to your viewers,

we will discuss

HTML Links

in a later lesson.

Format Links:

Include several external links throughout your texts as references to your viewers, we will discuss HTML Links in a later lesson.

As you can see, the code becomes quite complex as you begin to place more and more tags on the board. Be assured that once you learn Cascading Style Sheets the code will become simpler.

element
The tag allows you to specify some of your text as computer code. This simply changes the font face, size, and letter spacing to give the text the feel of being computer code. Example: This text has been formatted to be computer code! This text has been formatted to be computer code! Use this tag to separate any computer code you wish to display on your website. It is not always necessary, but the tag exists if you so desire.

Div Element(s) admin — Wed, 11 Aug 2010 10:22:13 +0000 The tag is nothing more than a container for other tags. Much like the body tag, Div elements are block elements and work behind the scenes grouping other tags together. Use only the following attributes with your div element, anything else should be reserved for CSS. (CSS Tutorial) · id · width · height · title · style For the purpose of this example, we have included the style attribute in order to color our div tag in order to bring a stronger visualization for our viewers. Example: SEARCH LINKS Google HTML Div Element: SEARCH LINKS Google Above is a great visual about how a div plays the role of a container for other HTML elements, applying a background color/image is the only real way to visualize your div tags. Embed Google Video admin — Wed, 11 Aug 2010 10:20:43 +0000 Body As we mentioned, the body tag serves as the element containing all the content for the website. Tables, Lists, Forms, Paragraphs, everything must be placed within the body element to be displayed on your site. Body Margins Unique Attributes1 leftmargin Sets a lefthand margin for your body element. topmargin Sets a margin along the top of your body element. A unique set of margin attributes are available to the body tag. These attributes work much like those of a word processing program, allowing you set a pixel value margin for the left, right, top, or bottom of your website. Setting these attributes means that all the content you place within your body tags will honor the preset margin. Example: Margin Examples: Top Margin Left Margin Base Text The text attribute sets the text color of all text contained within the body tags. Think of it as a means to set the color of your text ‘unless otherwise noted’. Basically you set a base color scheme and then you may use other means to modify the text color as needed in your site. Example: or Base Links Along the same lines, we may also specify base colors for visted or unvisted links. This method has deprecated, we recommend using Cascading Style Sheets instead. Example: or Setting a baselink is a great way to ensure your viewers will not receive that annoying error message that occurs with broken links. Video Media Types admin — Wed, 11 Aug 2010 10:18:52 +0000 Flash movies (.swf), AVI’s (.avi), and MOV’s (.mov) file types are supported by the embed tag. · .swf files – are the file types created by Macromedia’s Flash program. · .wmv files – are Microsoft’s Window’s Media Video file types. · .mov files – are Apple’s Quick Time Movie format. · .mpeg files – set the standard for compression movie files created by the Moving Pictures Expert Group. The listings above are the most commonly used formats for the internet. “.mpeg” files and Macromedia’s .swf files are the most compact and widely used among the internet. Stick to any of the file types above for use with your web pages. Embed Attributes Along with the previously discussed src attribute, there are some unique attributes available to the tag including: volume, autostart, hidden, and loop. · autostart – controls the media’s ability to start without prompting. Values are true or false. · hidden – controls whether or not the play/stop/pause embedded object is hidden or not. Values are true or false. (Hide your embeded media if you just want background noise). · loop – A true value means the media will continuously loop, false means no looping. · playcount – Setting a playcount means the media will repeat itself x number of times instead of continuously as with the loop attribute above. (playcount=”2″ will repeat the video twice). · volume – set a numeric value for the loudness of your media. (0-100). Google Video Google video has recently gained popularity as a source for sharing movies on the internet. At Google Video it is possible to search for any type of movie. Google allows you to download and display these movies on any of your own html pages. As you search through videos there Google has provided a text area with an embed tag inside of it. Copy this text area to your own HTML pages to embed Google videos onto your own pages. Example: align=”middle” type=”application/x-shockwave-flash” src=”http://video.google.com/googleplayer.swf?videoUrl=http%3A% 2F%2Fvp.video.google.com%2Fvideodownload%3Fversion%3D0%26 secureurl%3DvgAAAG7ggqAHSiJjpW0D3w4aYTUFW9M-NghJgbJjy8mhm cEoPD-qcpQj2i1OD9xJ6RseUKhCxEKqxhx0jnEJlzf04o-E7gUJc5z_Ur OEGJAZeqGJwm5u3VIm_6cNAj34Tj_GwI13lu4V8_s49xIsqh8GGFa2yKI pP3DN-u3fZclxMdm3EKZKMqwjROPGPOcl1AMH17kgA5XA503H4WS0Gefm G5TKWrRHsY2d3pOatXR_2IxBzGEIq5p-9ybrmmn_o0zj6g%26sigh%3DP dJGakwLdDs6uXBefAsAxQMQDls%26begin%3D0%26len%3D3569%26doc id%3D8734085858581743191&thumbnailUrl=http%3A%2F%2Fvi deo.google.com%2FThumbnailServer%3Fapp%3Dvss%26contentid% 3Dbc66969d46ff8d61%26second%3D0%26itag%3Dw320%26urlcreate d%3D1147452288%26sigh%3DhQlKmBGLA2yrYhrTGpU029bCEHA&p layerId=8734085858581743191″ allowScriptAccess=”sameDomain” quality=”best” bgcolor=”#ffffff” scale=”noScale” wmode=”window” salign=”TL” FlashVars=”playerMode=embedded”> It is a messy code above, but once you put it into your HTML documents you get a great video clip. HTML Music Codes admin — Wed, 11 Aug 2010 10:17:16 +0000 We can insert musical codes or some music on ouy web page. In the past multiple tags had to be used because browsers did not have a uniform standard for defining embedded media files. However, I am glad to announce that this is a problem of the past and you will have a much easier time then webmasters of the past. HTML Embed Music is inserted onto a web page with the use of the embed tag. There are other ways to link to music, but embed is now considered the standard for inserting media. Below is an minimalist example of the embed tag using the src attribute to define the media file’s location. Example: Above is an embedded media player. To stop the music press stop/pause. Depending on what kind of media software you or your visitor has installed, the above example will appear slightly different. To make your embedded player display properly change the attributes associated with display. Embed Attributes – Related to Display To customize the appearance of the embedded media player be sure to set the following attributes. · width – the width of the media player. · height – the height of the media player · hidden – if this value is true then the media player will not be displayed. We recommend using this attribute only if you know that your visitors will not want the option to stop the music that is playing on your web page. (Values are true/false) Example: Embedded Music: Usually, you do not want to mess with the width and height of the media player as it can cause the media player to look rather distorted. Embed Attributes – Related to Functionality To customize the functionality of the embedded media player be sure to set the following attributes. · autostart – choose if the media file will start automatically · loop – sets the media file to repeat or not · volume – set the volume of the media file. The range is 0-100. Example: volume=”60″ /> Customize Your Code: Controls Attribute The attribute controls sets which controls for the media player will be displayed. · autostart – choose if the media file will start automatically · loop – sets the media file to repeat or not · volume – set the volume of the media file. The range is 0-100. Video Codes Videos can be embedded into your html documents (web pages) two different ways. One method is to use the tag to display your media file. The embed tag does not require a closing tag. In fact, it works much like the image tag. A src attribute must be defined by the correct URL (local or global) in order for the video file to be displayed correctly. Here is a look at the embed tag with a global URL, feel free to use this URL while you practice. Example: autostart=”false” /> Mpeg Movie: You may start and stop your movie files by either pressing the buttons at the bottom of the object or by single clicking (stop) on the object and double clicking your mouse (continue/play). You may also simply place the URL of your media files into the href attribute of an anchor tag, much like the concept of “thumbnailing” images. Example: motiontween1easy.swf Flash Media: motiontween1easy.swf How to Handle Older Browsers admin — Wed, 11 Aug 2010 10:15:04 +0000 If a browser does not recognize the VBScript: The VBScript: Script Tags Tag Description For javascript you set the type attribute equal to “text/javascript”. We also include a comment around the javascript code. This will prevent browsers that do not support javascript or have had javascript disabled from displaying the javascript code in the web browser. HTML Vbscript How To To insert vbscript code onto your website you must once again make use of the script tag. Below is the correct code to insert vbscript code onto your site. Example: For vbscript you set the type attribute equal to “text/vbscript”. We also include a comment around the vbscript code. This will prevent browsers that do not support vbscript or have had vbscript disabled from displaying the vbscript code in the web browser.