Stasiuk's Universe --Creating a Web Site

Last Class is Over… Where to from here?

2013-06-13T00:45:00.001-07:00

Take more classes Keep trying out different Web Editors Most software companies allow up to 30 day free trail periods for their software... Try them ALL out! Finding a Web Editor Any time you try out a new editor make sure the software knows where your Master Website folder is located… all of the programs will work better if you set up the master site first. Subscribe to the latest News/blogs,

How to Display Photographs and other images

2013-06-10T17:36:00.001-07:00

A question was asked in class… How do you make photographs and graphics behave the way you want them to? I will go over this in class in detail… If you have a question… bring it to class or send that e-mail! Displaying Photographs In order for your web page to render quickly you need to make your mega-pixel photographs "smaller." In other words resize the image to fit the designated size on the

Review: Using CSS and SEO update

2013-06-07T13:49:00.001-07:00

The External Style Sheet An external style sheet is a text file that must have the extension .css eg) "mystylesheet.css" The HTML page using the style sheet must link to the style sheet with a link written between <head>and </head> <link rel="stylesheet" type="text/css" href="mystylesheet.css" /> where href is the path to the style sheet. So, if you put the style sheet in the

Web Design -- Font Relief

2013-05-31T16:57:00.001-07:00

More Fonts for your web pages You can never have enough fonts! --Anon There are several ways to add "fancier" fonts to your web pages… other than the suggested Web Safe Fonts Use a font you already have on/in your computer, and hope that the "client" visiting your web page also has that same font on/in their computer! Another way is to use Public Domain Fonts that are "free" to use on your web

CSS3 Resets and Customizing your Typography

2013-05-31T01:28:00.001-07:00

The Question in class was, "How do you control the spacing between headings, paragraphs and other text on a web page?" When you are setting up a web page you might consider using resets… the resets remove the default spaces between headings and paragraphs and they do more… the resets make your web page look uniform across browsers… The web site CSSRESET has a collection of presets for you to try

Setting up a comments section on your web site

2013-05-30T23:36:00.001-07:00

Make your web site interactive. It's way for you and your clients to interact, with questions about your products, getting testimonials about your products, or just plain solving a problem or questions your clients may have. If comments are open to the public, it's a good idea for you to be able to moderate the comments. I found 2 solutions that work well… One is from Hub Pages, and it uses PHP

Using FTP Programs and upload/download managers

2013-05-27T13:36:00.001-07:00

1. Using FTP Programs On the class disk you'll find an FTP Program (File Transfer Protocol). It's a utility program that is designed to upload/download web assets. It's Called Filezilla, and it's FREE (Open Source) You can download FileZilla for PC or Mac from here… FileZilla You can find DETAILED instructions on how to use FileZilla at this URL http://uofgts.com/BasicWD/lesson04.html You can

Forms, making them work for you to generate Data...

2013-05-27T12:54:00.001-07:00

Using Forms There are lots of free forms available for your use on-line… Nice! Except most of the time they don't tell you how to use the form, or charge you an arm and a leg, so you can collect the information you are looking for. Rent-a-form from 3rd Party Forms Services On this page you can find examples of working Simple Forms In the Text Book, Build Your Own Web Site The Right Way, Ian

Forms

2013-05-24T17:01:00.001-07:00

Here's an example of using a form to gather information, or have your users interact with a "fun" survey… the possibilities are endless. It took just a few minutes to set this up on Google. Loading... Here's an online article 8 Killer Web Form Builders for Your Site Next: How to collect Data in a database .CSV format using a Coffeecup Pro generated form. I'll use the form here as our "test"

Even More on Transparency

2013-05-24T01:12:00.001-07:00

Seems there is an issue with transparency that we all should be aware of… Transparency applied to a "box" with text will cause the text and background color to be transparent… There are several work arounds… You can see my test page here, look at the Source to see the solution. Also, be aware that the Previews in your web editors may not display the markup they way it appears in a web

Week 5 Review...

2013-05-20T01:21:00.001-07:00

CLASS #5 tip: When designing your web pages… Always ask yourself these questions: Where am I? Where have I been? Where can I go? Layout Out Your Master Web Page Continuing Beyond the Banner So far in our tutorial we have built a banner, added some embellishments and added our menus. This is the page http://uofgts.com//BasicWD/ClassTest-Site/index.html If you look at the source of the "

Backgrounds and Transparency

2013-05-16T14:19:00.001-07:00

Backgrounds Seemless backgrounds are easy to implement and they load fast! Click on the backgrounds… I made these along time ago… using my Amiga and a program called ImageFX… They tile without visible edges. The first one is "embossed", a nice watermark effect! If you use the .gif file format you can animate your background (animation is one of the capabilities of the .gif file format…) I found

Inserting interactive elements on your web pages

2013-05-14T17:58:00.001-07:00

How do you make your website interactive? Insert a contact form. Or Insert a signup form for a newsletter. Have an event coming up, sell tickets using a form, use an "event" service… We'll also hookup your site to Facebook and Twitter. Making forms is one of the hardest things to add to a web page, but Coffeecup software has a free "app" for either the Mac or PC called Web Form Builder Lite. http

What's the big deal about html5/CSS3?

2013-05-10T12:41:00.001-07:00

In the Banner Tutorial we used a gradient graphic made in Photoshop. You can do the same thing in html5/CSS3 with markup. And, you don't even have to write the markup, you just need to be able to "Cut" and "paste" To find out more check out this web page. Placing a gradient in the banner/header

Week 4 Review

2013-05-09T11:55:00.001-07:00

In the classroom we all used Dreamweaver on the Mac, there are only a few minor differences between the mac and PC version. The basic one is that on a Mac the control key and a mouse click is the right mouse button on the PC… Building a Website, the tutorial, using positioning rules to place content on a web page, and building menus. Layout Review Using the Position Rules The basic thing to

Week 2 Review -Formatting your content

2013-04-25T01:17:00.001-07:00

Class Objective To build a web site consisting of at least 3 interactive web pages. This weeks Goal --Add content and format with xhtml (html5) --Adding images to a web page The xhtml rules html elements are the building blocks of a web page. You can find a really good html reference guide at Sitepoint.com The building blocks of a web page are html(5) elements The graphic

Setting up web editors

2013-04-20T23:54:00.001-07:00

Trying out web editors Any time you try out a new editor make sure the software knows where your Master Website folder is located… all of the programs will work better if you set up the master local site first. Here's some help with the Coffeecup editors But, First: Make Extensions visible in WindowsXP, Vista, Win7 or Win 8 Mac and Windows OS's by default hide the 3 letter file extension for all

Recommended Text book

2013-04-19T13:28:00.001-07:00

I highly recommend Start Building Web Sites Like a Pro! BUILD YOUR OWNWEBSITETHE RIGHT WAYUSING HTML & CSS, 3RD EDITION BY IAN LLOYD You can download a sample chapter at http://www.sitepoint.com/books/html3/?SID=30d796cee0d8a39c91d9015939a2ad7e On Your Flash(thumb drive) You'll find a synopsis that Ian Lloyd wrote about this book (for The First edition) in the folder on your flash drive

Welcome to How to Create A Website

2013-04-19T00:28:00.001-07:00

Web Browsers (Test Early, Test Often) Turns out Apple Dropped support for the Window's version of Safari. There is a version available, but it was last updated in July of 2012… If you have a PC, to test your web page to see what it looks like on an Apple Computer using Safari, you can use a Web Site teasing service at Sauce Labs https://saucelabs.com This links takes you to a list of Web

Web Class is over. Where to from here?

2012-12-12T09:40:00.001-08:00

Take the class again… Date: 2/13/2013 - 3/13/2013 (Five weeks only) In the Spring the class will be expanded to nine weeks… an additional 4 days! Keep Looking for a Web Editor you like Most software companies allow up to 30 day free trail periods for their software... Try them ALL out! If you haven't tried Adobe's Muse… (a visual editor) Learn More about it here Any time you try out a new

Web Class Bonus

2012-12-11T12:15:00.001-08:00

Howdy Making your website interactive Of all the articles the most important item is how to improve the ranking of your web sight SEO (Search Engine Optimization) http://uofgts.com/BasicWD/SEO.html I'll send you all at least one more e-mail, and if you send me a question, I'll be very happy to send you a reply. In the mean time, Practice, Practice, Practice!

Week 5: Finishing Layout, Contact Forms, and Widgets

2012-12-07T01:02:00.001-08:00

Howdy Wednesday was indeed the last scheduled class. Starting in the spring this class will be in 2 parts for a total of 9 weeks I will send you 2 more e-mails, the next one will give tips on SEO and more…If you have any questions at any time I'll be happy to answer your questions and help you… CLASS #5 tip: When designing your web pages and browsing...Always ask yourself these questions: Where

Week4 Review, CSS, and Menus for Navigation

2012-12-02T11:32:00.001-08:00

CLASS #4 tip: “Don't make it hard for your clients to contact you" --anon Week 4 Banners, links, and menus for navigation. Objective: To build a web site consisting of at least 3 web pages. This week Banner -Inserting backgrounds, images. Links and Menus/navigation Coming up next.. The Position Rules Making Layouts Contact Forms! Resources for this week -- go to

Week 3 Review --Working with CSS

2012-11-20T17:18:00.001-08:00

The Box Model! Div's and CSS Subjects The Box Model Div's CSS, some simple rules CLASS #3 Notes: “People don't read web pages, they scan them!" --anon Tip of the Day When you are going to insert a new element, or "widget" you are not familiar with, try it out first on a simple blank xhtml/html5 page. Resources for this week -- go to these URL's The Box Model http://uofgts.com/BasicWD/

Week2 Review --Create a Website Class

2012-11-08T23:04:00.001-08:00

Class Objective To build a web site consisting of at least 3 interactive web pages. This weeks Goal --Add content and format with xhtml --Adding images to a web page The xhtml rules Before you can add html elements to a web page you need to know the rules! http://uofgts.com/BasicWD/xhtml.html Oh no, more rules! A few more things you need to know! TYNTK Add your content for your web page using