Wk 02/14/11 Lesson 6

Creating Websites

Chapter 11  Your Website Promotion Plan

1. Build a truly great Web site-if you start promoting your Web site before there’s ‘s anything to see you’re wasting your
effort .

2. The most important detail is whether or not you have some genuinely useful content.

3. Share links with friends and like-minded sites-this step is all about building community.

4. Perfect your Web site’s meta tags-Meta tags are hidden tags that convey important information about your Web site’s content.

5. Submit your Web site to Internet directories-like search engines, directories help surfers find Web sites.

6. Submit your Website to Internet search engines-Once you submit your Web site to Web heavyweights like Google it officially enters the public eye.

7. Figure out what happened-In order to assess the successes and failures of your strategy, you need to know measure some vital statistics-how many people are surfing to your site.

Reciprocal Links

This is a link-trading agreement and the concept is simple. You find a Web site with similar content, and you strike a bargain: for example Link to my site, and I’ll link to yours. These links are important thread in the underlying fabric of the Web.

Web Rings
A ring that is similar to a reciprocal link, but instead of sharing a link between two partners, it binds a group of Web sites together.

Search Engines

This is the one and only tool for finding information on the Web. In order for the average person to find your Web site, you need to make sure your site is in the most popular search engine catalogs, and turns up as a result for the right searches.

Chapter 12  Letting Visitors Talk to You( and Each Other)

When you put your Web site online it doesn’t just drop into a vacuum. Instead, it takes center stage in front of an audience that’s always interested often opinionated and occasionally irritable.

Transforming a Site into a Community

Internet is all about community, which means you need to let your visitors react, respond, and harass you.

Mail-To Links

Let your visitor email you. This link automatically starts an email message when clicked. It’s still up to the Web surfer to
send the message, but you can supply some boilerplate subject and body text.

HTML forms

This is a corner of the HTML standard you haven’t explored yet. It defines tags that you can use to create graphical widgets
like text boxes, buttons, check boxes, and lists.

Adding Forums and Groups to Your Site

Forums are cropping up as a bonus feature on all sorts of different Web sites.
1. Technology vendors large and small use them to provide community support and spread information.
2. Topic sites use them to host rollicking discussions.
3. Individuals use them to provide technical support and get feedback.

About Google Groups
Google Group is a thriving community of discussion forums. Although it hasn’t been around as long as some other forum hosts, it
includes a collection of useful features that rival any of its competitors. And, of course, it’s all free.

Creating a Group

Head on over to http://groups.google.com. Look for a link inviting new members to join, and click it.
Register

Participating in a Group

You can add a topic right from the Web page by clicking the “Start a new topic” link.

Managing Your Group
An ordinary group member visits a group, he’ll have the option of posting new messages, replying to existing messages or changing his delivery setting by clicking the “Unsubscribe or change membership” link.

Critiquing Websites

Best Textures Flickr Group

http://www.flickr.com/groups/564994@N20/

Deviant Art Textures

http://browse.deviantart.com/resources/textures/

-This website was very enjoyable and radiant with a lot links to various of art.

Grunge Textures http://www.grungetextures.com
-Very unique textures

Grunge Style

http://www.smashingmagazine.com/2008/01/29/grunge-style-in-

Screen Resolutions Worldwide

http://www.modernlifeisrubbish.co.uk.article.screen-resolutions-

and-aspect-ratios-worldwide
-This website very detailed in showing you segments of textures.

Photoshop Tutorials on Creating Textures http://vandelaydesign.com/blog/design/photoshop-tutorials-textures/

Photoshop provides excellent tools designs for websites. The software demonstrates and helps you create unique images. Although, if you ‘re not accustom to using the software it can become very challenging and time consuming.

Leave a comment

Filed under Uncategorized

Wk 02/08/11 Lesson 5

Chapter 9  Page layout Tools: Tables and Styles

HTML Tables
A table is a grid of cells that’s built out of rows and columns. HTML tables were used to show tables of information.
Web developers quickly discovered that invisible tables offered a perfect way to get around the limits of plain vanilla HTML,
allowing Web page creators to lay out content in a variety of new ways.

The Anatomy of an HTML Table
All you need to whip up a table is a few new tags
Example:

wraps the whole shebang. This is the starting point for every table.

Formatting Table Borders
Traditional tables have borders around each cell. You can turn on table borders using the border attribute. The border attribute specifics the width of the line that is added around each cell and around the entire table.
Example:

Cell Spans
HTML tables supporting spanning, a feature that allows a single cell to stretch out over several columns or rows. Spanned cells let you tweak your tables in all kinds of crazy ways.

Contextual selectors
Contextual selectors are stricter than ordinary type selectors. Whereas a type selector matches a tag, a contextual selector matches a tag inside another tag. To understand the difference, take a look at this type selector.
b {
color: red;
}

Floating Boxes
Relative positioning elements are ordered based on where they appear in the document.
Example: If you have one

followed by another

, the second

is place below the first one.

Layering
When using overlapping layers, the browser needs to know which element goes on top. This is accomplished through a simple
number called the z-index. Elements with a high z-index are placed in front of elements with a lower z-index.

Chapter 10 Frames

This feature let you show more than one Web page in the same browser window.

Frameset
The information inside your tags is the heart of your frameset page. It’s where you decide how to split the
browser window into rows or columns of specific sizes. You define the width of each column using the cols attribute or height of
each row using the rows attribute.

Targeting Frames
A small important flaw in the frameset-when you click of the navigation links, the target page of the link oopens in the frame where the link is placed.

Scrolling
Frames have one unmistakable feature the scroll bar. This is when the content of one page grows larger than the size of its
frame, scrollbars appear.

Handling Browser that don’t Support Frames
At a bare minimum, browsers that don’t support frames should still be able to read the content pages one at a time in an ordinary browser window. The easiest way to accomplish serve up these individual pages is to copy the HTML from the menu. htm file .

Critiquing Website

http://colorschemedesigner.com/

This website has awesome and vibrant colors to choose from. The primary colors and secondary colors provide great color schemes to use for any designed website. The content is very explicit and the links are literally user friendly.

Leave a comment

Filed under Uncategorized

Wk 02/01/11 Lesson 4

Book-Creating Websites

Chapter 7 Adding Graphics

Understanding Images

Images aren’t stored in HTML files. You always store each image as a separate file.

In order to show a picture in your page you use the <img> tag in your HTML.

Picture Size

The file size of the picture is important since it determines how long it takes to send the picture over the internet.

The picture dimensions are important because they determine how much screen real estate an image cover space.

Graphical Text

High-level look

1. Fire up your favorite image editor or drawing program.

2. Fill in a background color that matches your Web page

3. Choose our font, and type the text over the background color.

4. Cut your image down to size.

5. Save  your picture.

Chapter 8 Linking Pages

Understanding the Anchor

HTML you use the anchor tag to create a link.  When this is clicked, transport the Web site reader to another page. The anchor tag is  a straightforward container tag.

Look  like <a>…</a>

Inside the anchor tag, you put the click able content

Look like <a>Click Me</a>

Line Checkers

Link checker is an automated tool that scans through one or more of  your Web pages. This tests each link to retrieve the target page.

Using Redirects

A special instruction that tells the browser to automatically navigate to a new page. The advantage of using a redirect is that it prevents a broken link.

To create a redirect you nee to add a special <meta> tag to the <head> portion of your Web page.

Critiquing Website

Universal Usability http://universalusability.com/access_by_design/index.html

This site  provides great ideas of making your website more user  friendly.  Also, for users who are not familiar with browsing the internet. The sites shows you specific links you can provide for easy access and overcoming navigation problems.

Leave a comment

Filed under Uncategorized

Wk 1/24/11-Lesson 3

Book-Creating Web Sites-Part Two Building Better Web Pages

Chapter 5  HTML Text Tags

Understanding Text and the Web

Word processing programs help you prepare your content.

HTML is a more freewheeling standard.

HTML sort of increase the usage of  tags to shape the basic structure of your work indicating paragraphs, headings and lists.

CSS-Cascading Style Sheets

The style sheet defines how every type of element in your HTML document should be formatted.

Divisions

The last element you will know about. This is used to group together one or more block elements.

Therefore,  you could group together several paragraphs, a paragraph and heading.

<div>

Chapter 6  Style Sheets

The Three Types of Styles

External style sheet- style sheet that is stored in a separate file.

Internal style sheet- a style sheet that is embedded inside an HTML document right inside the head element.

The Anatomy of a Rule

Style sheets contain on thing rules. Each rule is a formatting instruction that applies to a part ofyour Web page.  A style sheet can contain a single rule, or it can hold dozens.

The Cascade

This refers to the way the browser decides which rules take precedence in case you’ve got multiple sets of rules.

Critiquing Website

http://www.icann.org/

This is a great site to review when creating website for major companies. The tags to this site appears to have great images and user friendly for browsing on the web. Most companies do recommend that their sites have lots of visible components when developing the content.

Leave a comment

Filed under Uncategorized

Wk 1/17/11-Lesson 2

Book-Creating Web Sites

Chapter 3  Putting Your Page on the Web

How Web Hosting Works

The internet is just a set of standards that let independent computers talk to each other.

Understanding the URL

The domain identifies the Web server the computer that hosts the Web site you want to see.

The path identifies the location on the Web server where the Web page is stored.

Chapter 4 Power Tools

Types of HTML Editors

Text based-requires you to work with the text

Split window-editors make you write HTML

WYSIWYG(What you  See Is What You Get) editors work more like word processors.  Meaning you don’t need to write the HTML>.

Working with Your HTML Editor

Create a HTML document and get it online, all without leaving the comfort of your editor.

Critiquing Website

W3Schools

http://www.w3schools.com/default.asp

This is an excellent website with variety of navigation, colors and very informational.

Leave a comment

Filed under Uncategorized

Wk 1/10/11-Lesson 1

Book-Creating Web Sites

Chapter 1 Preparing for the Web

Introducing the World Wide Web

The early internet was mostly travel by academic and government types.  It flourished as a tool for research and collaboration, allowing scientists everywhere to share information.

Browsers

Web browsers are a piece of  software that you use to navigate web pages. The web server deals with the request by firing the desired Web page back to the browser.

Chapter 2 Creating Your First Page

The Anatomy of Web Page

HTML tells a Web browser how to format a page. HTML fills the gap by supplying information that any browser can interpret.
Creating Your Own HTML Files

1. Fire up your favorite text editor

2. Start writing HTML content

3. When you’ve finished your Web page, save the document (simple file-save).

The HTML Tag

Now that you know how to peer into existing HTML files and  create  your own. HTML tags ae the formatting instructions that tell the browser how to transform ordinary text into something that’s visually appealing.

1 Comment

Filed under Uncategorized