Stasiuk's Universe --Creating a Web Site

Really Easy HTML5 Video

2011-11-12T17:36:00.001-08:00

Howdy Couldn't resist telling you about this free program. It makes placing video on your web pages, well really easy! And, it's free, EasyHTML5video! There is a paid version that produces the video watermarked with your URL or not. What makes it real easy to use is that it encodes all the different video formats you need for each html 5 capable browser as each browser has its own built in

Week 5 Review ---MailTo: Contact Forms

2011-11-02T23:26:00.001-07:00

Week 5 Outline  CLASS #5 Notes: When designing your web pages and browsing... Always ask yourself these questions: Where am I? Where have I been? Where can I go? Contact forms, widgets and where to from here? Subjects Adding to the 1 trillion web pages Contact Forms! Site Search Engines html5/CSS3 Widgets What do I do now? Objective To build a web site

Drop Caps --Add some flair to your web pages

2011-10-31T23:43:00.001-07:00

The web page below is located here <iframe></p>

Pull Quotes --Try This!

2011-10-28T23:39:00.001-07:00

Want to know how? Go to this web page Read the source, load it into your web editor... and have fun!

Border TRouBLe, a CSS shorthand tip!

2011-10-27T08:29:00.001-07:00

TRouBLe is a mnemonic, a learning aid... for CSS values for border, padding and margins Instead of writing: border-top-width: 2px; border-right-width: 3px; border-bottom-width:4px; border-left-width:3px; You can just write border-width: 2px 4px 6px 8px; The order is Top, Right, Bottom, Left easily remembered with the word TRouBLe! Also if you don't want the right side to have a value

Week 4 -Outline and Resources

2011-10-27T00:28:00.001-07:00

Week 4 Outline  CLASS #4 Notes: “Don't make it hard for your clients to contact you" --anon Building a banner, positioning content, menu layout and contact forms. Subjects Banner -Inserting backgrounds, images. TRouBLe --Position Rules Menus/navigation Layout Contact Forms! (Next week) Objective To build a web site consisting of at least 3 web pages. This week

WYSIWYG --Visual Web Editors

2011-10-24T01:03:00.001-07:00

Is there a way to edit a web page directly without using an html text editor? Is there a way to design a web page visually? The answer is, YES! Sometimes a visual editor is real handy to have around! If you have purchased the Coffee Cup HTML Editor, you'll discover that it comes with a visual editor. You might not notice it as it might be "turned off!" I found this "Faq" on the Coffee Cup web

Week 3 Review -The Box Model and Basic CSS

2011-10-20T11:15:00.001-07:00

Week 3 Outline  CLASS #3 Notes: “People don't read web pages, they scan them!" --anon The Box Model. Div's and CSS Subjects The Box Model Div's CSS, some simple rules How to Make a Banner/Header Objective To build a web site consisting of at least 3 web pages. This week How to use the <div></div> element. The Box Model Styling with CSS How! Web Page

Week 2: Check List and Homework

2011-10-16T16:21:00.001-07:00

Howdy Where we are at, a check list: Week 1 Your web editing environment should be setup. For this class the Master Web Site Folder should be on your Thumb Drive Downloaded and installed your web editor of choice It is important that your web editor, when it opens can access the files in your Web Site Master Folder. Otherwise your web site just won't work! Your web editor knows how to link to

Create a Web site - Weeks 2 outline

2011-10-12T23:51:00.001-07:00

Week 2 Outline CLASS #2 Notes: “If you really want to know if your Web site works, ask your next door neighbor to try using it, while you watch. (You bring the beer.)” http://www.sensible.com/ Content and xhtml Subjects Adding Content to a basic Web Page xhtml - some rules (x)html elements - defined Formatting your content The <img /> element Image editing Inserting a graphic

Create A Web Site. What you need to do first review.

2011-10-09T14:13:00.001-07:00

Howdy Rule #1 Test early, test often. I hope you all enjoyed the first Create A Web Site Class and you are looking forward to next weeks class as we are going to make a web page! Yes, I know, in the mean time... there is a lot of busy work... it'll get better, I promise!SetupThe first thing you need to do is finish setting up your "work" environment. 1. You need to install on your computer

Coffee Cup Video Tutorials no longer exist!

2011-10-07T02:07:00.001-07:00

Thanks to Garland Holt for informing me that the Coffee Cup Setup video no longer exists! Darn! I contacted the folks at Coffee Cup and here's the response Hi GarryOur traffic to the videos was so low we decided it just was not worth the effort to continue. It just became more work then it was worth. On a plus side, we have a great many tutorials on our website at http://www.coffeecup.com/help

Setting up your Mac

2011-10-06T14:55:00.001-07:00

Howdy The Mac folks want you to place your master "website" in a folder called Sites. It's a shared folder located in your home folder Yourmacusername > Sites If you have an index file in the Sites folder you'll see it In your browser if you type http://127.0.0.1/~yourmacusername/index.html (127.0.0.1 is the same as the phrase "localhost") so you can also type http://localhost/~yourmacusername/

Setting up Dreamweaver for Macs and PC's

2011-10-06T13:41:00.001-07:00

It's really important to setup Dreamweaver BEFORE you begin any project. Here's a link to my "Dreamweaver" website for setting up Adobe's Dreamweaver First.Click on the "File Management" tab, it's a link to a really good Adobe tutorial movie... (You'll need the ftp address from your host, and your log-in password for your website.) Second.Click on the "Set Up" tab. Each menu listed in the tab

Setting up Coffee Cup's FREE html Editor

2011-10-06T13:06:00.001-07:00

Howdy This video from the CoffeeCup Website takes you through the steps to set up Your website project(s), For our Class the Your "Master-website" Folder on your computer. After you have copied the "YourWeb-site" Folder to your USB drive, and renamed it. Watch the video and follow the steps. When you are done with the video the Editor's MY Website Tab, Local Disk, should look like this.

Signup Now! Next Class starts Oct 5th

2011-08-27T12:23:00.001-07:00

Next Class begins October 5, 2011 Register Now!

Week 5 -- Review

2011-05-03T13:50:00.000-07:00

Making Web Pages and a Web SiteNow you know that making a web page and a web site involves many different things...Having a good Web Editor really helps. I hope you have found the free Coffee Cup HTML editor useful.Web Page Layout Using CSSCSS layout uses the "Box Model" to "contain" the major parts of a web page.But, just because we call it the box model, doesn't mean that a web page has to look

Week 3 Review -- Building Menus

2011-04-20T00:44:00.000-07:00

Now that we have finished building the banner for a web page (Banner Tutorial) we need to add our Navigation Menus. On the web page that we are building, we are now ready to add the menus. You can start, as we did in class, using the menus generated by Ian Lloyd's "List-o-matic" at accessify.com. You can choose Horizontal Menus or vertical menus. I added both to the following web page. To see

Week 2 Review -Building a Web Page

2011-04-14T10:51:00.000-07:00

1. Some Simple Rules Before we begin we need to follow the "rules" for xhtml (Formatting your content)and Styling the content with CSS The Basic xhtml RulesPlease read about the basic xhtml rules on the class website The Basic CSS RulesPlease read about the basic CSS rules on the class website 2. Building A Web Page - The BannerI put together a step by step tutorial, it begins by building your

Week 2 Review -Preparing and using Images

2011-04-13T12:25:00.000-07:00

The use of images and background graphics on a web page can make a big difference on how the page stands out and shines. Images can be placed on a web page using the image tag, or as a CSS "background-image" In order for a web page to "load" quickly the images need to be reduced to the 'size' they are used on the page. If you are not working with an artist/graphics person, you'll need to make

Week 2 Review -Links

2011-04-12T13:49:00.000-07:00

Links are what makes the internet work, interactive. You can link to web documents, such as other web pages, pdf files, photographs, graphics videos and so on. You can Bookmark, or link to different locations on a web page using an index, especially useful if you have a long web page the "goes below the fold" with different sections or chapters. You can, with a link trigger and e-mail client (

Week 1: Tip Turn on extensions in Windows XP, Vista and Win7 AND Macs too!

2011-04-06T23:46:00.000-07:00

Howdy Almost forgot. It's important that you know the extension of your files, especially for your graphics, photos and movies. Mac and Windows OS's by default hide the 3 letter file extension for all files... You need to know what they are as the extensions are part of the filename and is needed by ALL browsers so they knows what to do with the file... Here's how you set that up On Windows

Week 1: Setting Up the Free Coffee Cup HTML Editor

2011-04-05T23:18:00.001-07:00

Week 1: Homework

2011-04-05T00:10:00.001-07:00

Howdy Step1: Setting up our work environment Install at least 3 browsers, Internet Explorer, Firefox and Chrome (You might also consider Safari and Opera) Install CoffeeCups Free HTML Editor, you can download it from CoffeeCup's Website Install a text Editor, Notepad2, or Komodo Edit Install ftp software FileZilla Step 2: Setting up your Master "Local" website From the Class CD Copy the

Week One - A Tip "Write a Good, and Unique Title for EVERY web page!"

2011-04-04T23:26:00.001-07:00

The W3C Quality Assurance Tips for Webmasters.The Quality Assurance group has put together a list of items that make a "quality" web page.At the top of the list is the "best" thing you can do to assure a high ranking by web search engines. The best thing? Write a good <title> for your web pages.Here it is... <title>: the most important element of a quality Web pageThe <title> element in HTML is