Tuesday, March 28, 2006
Basic HTML and Web design
For the next two weeks, I will be giving the tools needed to develop basic HTML and Web design skills. This is the foundation. I do believe that after you have the basics down, you can add a new skill or trick every now and then and eventually become a skilled Web designer and editor.
Thursday, we will meet in the studio classroom in the department of Technology Services. You should plan for at least three class periods there before we move back to our Stewart Hall location.
Please note: If you are not completing a Web project -or- you have no desire to learn Web design, you can use those three class periods for final project work sessions. Please send me a blog entry for each class period you spend working on your project and what you accomplished. This way, I will still consider that time class participation. Pleas don't show up to surf or play computer games. Seating is limited and this requires a dedication to a faster pace. Everyone could use the extra time that this will allow you, but you must be accountable for the time and effort toward your project.
Step One: Understanding Basic HTML
HTML stands for Hyper Text Mark-up Language. It's a computer language and it uses text and a few symbols to speak across the Internet. This language is *translated* by a browser which renders the HTML to you in the form of words, images, sounds and video.
Most of the time, Web pages are designed with HTML editors. These programs show you WYSIWYG pages on your screen as it writes the corresponding HTML for you. It is possible to design Web pages without basic HTML knowledge, but we will cover the basics so you will understand how HTML works and be able to make minor changes to Web pages without opening an HMTL edtior such as Frontpage or Dreamweaver.
WYSIWYG = What You See Is What You Get
In our next class period, we will go through all steps in this Basic HTML Tutuorial. Click HERE to get the full tutorial.
My pace is about to pick up because this is instructional. If you want to follow me on Thursday, you need to read at least the first 12 steps listed in the tuturial. I would prefer that you read them all and try some of the coding out on your own so we can quickly go to those items you are having questions with. If you are going through and don't understand something, call me, email me or IM me at "mrzspencer" on AOL Instant Messenger.
Step Two: Designing using an HTML editor, Dreamweaver
Next week we will show the steps to using Dreamweaver to build Web pages. This will require some practice, reading and work on your own, but I will go over all the basics in class.
Thursday, we will meet in the studio classroom in the department of Technology Services. You should plan for at least three class periods there before we move back to our Stewart Hall location.
Please note: If you are not completing a Web project -or- you have no desire to learn Web design, you can use those three class periods for final project work sessions. Please send me a blog entry for each class period you spend working on your project and what you accomplished. This way, I will still consider that time class participation. Pleas don't show up to surf or play computer games. Seating is limited and this requires a dedication to a faster pace. Everyone could use the extra time that this will allow you, but you must be accountable for the time and effort toward your project.
Step One: Understanding Basic HTML
HTML stands for Hyper Text Mark-up Language. It's a computer language and it uses text and a few symbols to speak across the Internet. This language is *translated* by a browser which renders the HTML to you in the form of words, images, sounds and video.
Most of the time, Web pages are designed with HTML editors. These programs show you WYSIWYG pages on your screen as it writes the corresponding HTML for you. It is possible to design Web pages without basic HTML knowledge, but we will cover the basics so you will understand how HTML works and be able to make minor changes to Web pages without opening an HMTL edtior such as Frontpage or Dreamweaver.
WYSIWYG = What You See Is What You Get
In our next class period, we will go through all steps in this Basic HTML Tutuorial. Click HERE to get the full tutorial.
My pace is about to pick up because this is instructional. If you want to follow me on Thursday, you need to read at least the first 12 steps listed in the tuturial. I would prefer that you read them all and try some of the coding out on your own so we can quickly go to those items you are having questions with. If you are going through and don't understand something, call me, email me or IM me at "mrzspencer" on AOL Instant Messenger.
Step Two: Designing using an HTML editor, Dreamweaver
Next week we will show the steps to using Dreamweaver to build Web pages. This will require some practice, reading and work on your own, but I will go over all the basics in class.