Website Design Using HTML/CSS level 1

Designed for users who have little or no experience with Hyper Text Markup Language (HTML), & Cascading Style sheets(CSS), two of the languages used to create web pages on the internet. Topics included: What is an HTML document, creating a web page...

Course Outline

This course is designed for users who have little or no experience with Hyper Text Markup Language (HTML), and Cascading Style sheets(CSS), two of the languages used to create web pages on the internet.
This course will cover the following topics:
What is an HTML document, creating a web page - basic structure, headings, text and paragraphing lists. Linking URLs and to specific sections, adding images, adding tables, & troubleshooting. Students will learn
the different tags, and how to style them using CSS to customize every part of the website, quickly and proficiently.

Course Content
Introduction

• The internet, the web, and HTML
• Open but not equal
• The browser wars
• The push for standards
• CSS and browser support
• What advantages does CSS have?

Web Page Building Blocks

• A web page's text content
• File names and file structure
• Links, images, and other non-text content
• Versions, flavors, and DOCTYPE
• The display of HTML and CSS
• Sizing of web page
• Understanding the structure
• Understanding the options of a web page

Working with Web Page Files

• Targeting your design
• Creating a new web page
• Saving your web page
• Specifying a default or “home” page
• Editing web pages
• Organizing files
• Viewing your page in a browser
• Finding the source code

Basic HTML & CSS Structure

• Starting your HTML
• Creating the link for CSS
• Starting your CSS
• Creating a title
• Creating section headers
• Starting a new paragraph
• Breaking up a page into divisions(div's)
• Adding comments in HTML and CSS
• Creating line breaks
• Creating your own naming conventions
• Labeling elements in a HTML
• Labeling elements in CSS

Basic HTML Formatting

• Making text bold or italic
• Changing the size of text
• Explaining abbreviations
• Centering elements on a page

Images

• About images for the web
• Getting images
• Choosing an image editor
• The save for web command
• Inserting images on a page
• Aligning images
• Specifying size for speedier viewing
• Adding horizontal rules
• Making images smaller
• Making images float

Links

• Creating a link to another web page
• Creating internal links
• Creating email links
• Targeting links to specific windows
• Creating image links

Lists

• Creating ordered and unordered lists
• Choosing your markers (bullets)
• Styling nested lists

Tables

• Advantages and dis-advantages
• Creating a simple table
• Adding a border
• Setting the width
• Centering a table
• Aligning a cell's contents
• Changing the background

Testing and Debugging Web Pages

• Some debugging techniques
• Check the easy stuff first
• Testing your page
• When images dont appear
• When backgrounds dont appear
• Differences from browser to browser

CSS and Documents

• CSS to the rescue
• Bringing CSS and XHTML together
• Elements

Selectors

• Basic rules
• Grouping
• Class and ID selectors
• Attribute selectors
• Using document structure
• Pseudo-classes and Pseudo-elements

Values and Units

• Numbers
• Percentages
• Color
• Length Units
• URLs

Fonts

• Font families, weights and size
• Styles and variants
• Using fonts correctly

Text Properties

• Indentation and horizontal alignment
• Vertical alignment
• Text decoration

Basic Visual Formatting

• Basic boxes
• Inline -elements
• Altering element display

Padding, Borders, and Margins

• Basic element boxes
• Margins
• Borders
• Padding

Colors and Backgrounds

• Colors
• Backgrounds

Floating and Positioning

• Floating
• Positioning

Lists and Generated Content

• Lists
• Generated content

User Interface Styles

• System fonts and colors
• Cursors
• Outlines
• Borders

Prerequisites & Certificates

Pre-Requisites

Basic computer concepts/skills and knowledge of Windows

Certificates offered

Certificate of completion

Cancellation Policy

10 business days cancellation or full course fee will be charged

Map & Reviews

Technology Training Centre
[ View Provider's Profile ]

TTC, B-11 Cameron Library
11320-89 Avenue,
University of Alberta
Edmonton, Alberta
Canada   T6G 2J8

Reviews

 

This course has not yet been rated by one of our members.

If you have taken a course through this vendor please log into your account and leave feedback for this vendor. You will be helping ensure our members get directed to the best training facilities.

Here are some reviews of the training vendor.

   

The information learned in this course will assist me in my current role. Enjoyed the class.

Reviewed by Geena . 2017

   

I would have preferred using the manual given to follow, so I could add my notes to each area as we worked through the course. Unfortunately all my notes are in the beginning of the book as we, only looked it once, when a student asked what page we were on.

Reviewed by Patti B. 2017

   

More useful contents can be fit in and taught in this class definitely.

Reviewed by Ling Y. 2017

   

Worthwhile training that provided me with the skills needed to use Onenote.

Reviewed by John C. 2016

   

I had a lot of knowledge on the course I took but I still learned a few new things which is really nice to come out of a course learning something. Thanks for the informative day. Doreen

Reviewed by Doreen S. 2016

   

The training provider (instructor) rushed through each training element and was not always patient when students didn't follow his fast demonstration. Smart person, but didn't validate that the students actually understood the process. Just interested that we could duplicate his clicks. Sorry, but I am also an instructor and was disappointed.

Reviewed by Maruta Y. 2016

   

There were issues with being able to do a number of tasks , and the instructor told us many times that SharePoint 2013 was an inferior product.

Reviewed by Anna E. 2016

   

I really enjoy the value added by a real hands-on instructor. Nothing beats a working knowledge of the product compared to a text book presentation. The commitment to ensuring the student's needs are met is a top priority and this instructor demonstrated that every day. The pace is excellent and the content extensive, I would and have recommended this course to several other people.

Reviewed by K. J. 2016

   

This course was good. I think it could benefit from having the sutdents create a mini catptivate module with all the components of a presentation that they can take with them and use as a template or their own use.

Reviewed by Shauna S. 2015

   

The instructor was absolutely fantastic. He is enthusiastic and very knowledgeable. I want to send the rest of the company to this class.

Reviewed by Tannie C. 2015

   

Loved the class.

Reviewed by Tannie C. 2015

   

This was a great course and I found it very helpful to the work that I will be completing in the near future.

Reviewed by shawna s. 2015

   

Julie is an excellent instructor and I loved the class. She is very knowledgeable with a great sense of humor. Although the class was hard to find, sitting in the grass for my break in the beautiful courtyard was amazing. I will be back for more classes.

Reviewed by Tannie C. 2015

   

The course was very under the level I needed. I knew how to do everything except for the very first thing they covered in the training so I felt like it was a waste of my time and employers money. The description seemed more advanced than the material was.

Reviewed by Morgan S. 2014

   

Loved it! this was my second. Julie is very knowledgable and helpful. 1St class was downtown. U of A on the other hand...don't think I will take a course there again. over an hr to get there map wasn't very good and took a half and hr and 3 people to direct me to the parking lot where my husband was waiting.

Reviewed by Tracy W. 2014

   

This is an excellent course for all skill levels! Great instructor - lots of passion and patience for the subject. I went from never using Adobe Premiere to making my own videos at home in 2 days! I highly reommend this course!

Reviewed by Catherine W. 2014

   

Provided InDesign CS6 Visual Quickstart Guide by Sandy Cohen as reference. Very quick paced. Excellent overview of essentials. Opportunity to create a document as we went along.

Reviewed by Debra M. 2014

   

The instructor was fantastic! Would definitely like to take a course from her again. I recently took a course at the Cameron Library location, however, and found this to be easier to access than downtown. Thanks for a great course.

Reviewed by Maureen S. 2014

   

For the amount of useful instruction we received, the course could have been two hours long. While the course did cover everything needed, the rest of the time was taken up with filler (tips on items loosely related to the course, but not needed in order to use the software). The room was freezing and I had to wear my coat for the entire day. There was no parking close-by so I had to take the bus.

Reviewed by Trinity B. 2014

   

Excellent instructor

Reviewed by Irma L. 2014

   

He was AWESOME!!!

Reviewed by Jill B. 2013

   

The course was very good, but with only 2 people in the class, we hoped that the course be more adaptive to the needs of the 2 attendees instead of the laid out course.

Reviewed by Cecilia S. 2013

   

The instructor was excellent! One of the best instructors/educators I've had over the past 30 years. His ability to communicate the material far exceeded my expectations and made me feel comfortable and engaged in class.

Reviewed by Madeleine H. 2013

   

Instructor was awesome, made the day go by quickly and had a lot of knowledge about the program as well as the industry. Very ressourceful.

Reviewed by Thea W. 2013

   

When using Excel it can be confusing, but if u were to have a second day for this info to sink into the brain and be able to come back and try and create our own spreadsheet I feel what we learned would stay in our memory bank better.

Reviewed by Heather M. 2013

   

this was a vary knowlageable course and i look forward to using all my new found tips

Reviewed by Jennifer C. 2013

   

For the content covered, the course is way too short (2 days). It is more of a refresher course for students. I recommend that attendees have basic knowledge of Adobe suite software. This wasn't indicated on course profile.

Reviewed by Jennie F. 2013

   

Have not looked at the course handouts yet. Instructor does not just "go through" the book, which I really appreciate. So will look at course handouts later.

Reviewed by Cheryl S. 2013

   

Re Trainer: she let us know right away that she did not like to use the book as her guide and that at the end of the day we would check it to make sure we had covered what was needed, however... having attended a previous "Level 1" I must say I much preferred using the book as a guide.I found that by just "checking" at the end if we had covered every thing, meant my notes on a particular subject were not on the corisponding pages because I didn't have time to find the correct page to write them on.

Reviewed by Linda B. 2013

   

The course was fine. However,there were not enough books available, people had to share and only a few people were able to take a book home the same day. It was difficult to find the Cameron Library and to get to the class from the parking lots where you can park. It was frustrating especially in -30'C weather. The instructor was great.

Reviewed by Michelle J. 2013

   

Maybe go a little slower for beginners and give us time to follow along. He also only gave us 5-10 minutes o try things....if you are not familiar with Sharepoint thats not long.

Reviewed by Frances B. 2013

   

The instructor was great - he made the material interesting and fun. The course is a beginners step into VBA which is useful, but you will need to take more if you plan to work vigorously with this application.

Reviewed by Annie N. 2012

   

I wish the course had one more day to practice all that we learnt.

Reviewed by Sanchali N. 2012

   

The course enlighted me on the basic structure of Access with tables, queries, & forms. However macros were not covered, which a large portion of our database. Perhaps they are covered on a subsequent course.

Reviewed by Jim Y. 2012

   

I'd recommend the training class to anyone who would like to learn about SharePoint. Our instructor Colin was excellent!

Reviewed by Nicole T. 2012

   

I found the classroom very hard to find. If you wern't familiar with the campus, even finding the Cameron Library difficult. A map would be very useful. Parking around the University was expensive and hard to find. The course itself was good and the instructor was great!

Reviewed by Debra N. 2012

   

I thought Miche was a fabulous trainer - I would go back and take any course from him. He was very knowledgable and his teaching style was easy to follow along with. This course was a great crash course-I'll be looking to do Level 2 in the future!

Reviewed by Sandy L. 2012

   

Colin Rider was an extremely effective instuctor.

Reviewed by Robert S. 2012

   

I enjoyed the course, the interaction with the other students and felt the instructor was punctual, knowledgeable and offered a great deal of reference material for further resource, I invited a coworker and we attended the course at out own expense. We both agreed we would attend another class at that facility again in future.

Reviewed by Kim . 2012

   

Unfortunately the initial instructor had an emergency to attend to on day 2 of the course. A second instructor (Project 2007 oriented) took over. All students have been offered a resit through the U of A for October 2nd and or 12th.

Reviewed by Darren . 2012

   

I truly appreciated this course and learned a lot, I now plan to take the next courses as well!

Reviewed by Nancy G. 2012

   

Course was excellent. Only thing was there should be more info indicating that this was entirely an entry level (beginner) course.

Reviewed by Angelina . 2012

   

Awesome course. Content was extactly what I required.

Reviewed by Diana P. 2012

   

EASY TO FOLLOW WELL DONE

Reviewed by Carrie A. 2012

   

Julie was awesome, she is very knowledable and very patient.

Reviewed by Denise W. 2012

   

She was very knowledgeable. I enjoyed the course!

Reviewed by Bambi S. 2012

   

Unfortunately, it is not the fault of the course, the content did not cover what I required for my work. I will hopefully be taking the next level as our instructor indicated that would be the one that would provide the skills necessary for the type of documentation we produce.

Reviewed by Laverne M. 2012

   

Enjoyed the day

Reviewed by Brian F. 2012

   

Concise, clear and well presented. I would request this facilitator for any future courses based on my confidence is her ability to communicate effectively and based on her knowledge of the materials.

Reviewed by Angelique W. 2012

   

We were hoping there would be more about 'forms'. (Portfolio was interesting, but not really releveant to my needs). - Actually, my boss asked if we talked about Forms Manager, I said no, and then we couldn't decide if Forms Manager is something that was discontinued in X (from 9).

Reviewed by Linda S. 2012

   

Parking facilities at the UofA are incredibly expensive, for those who need to drive there. $40/day for parking was disappointing!

Reviewed by Grace B. 2012

   

Made sure you did everyting twice, was double checked by instructor.

Reviewed by Brenda K. 2012

   

Had never done Excel before, it was all greek to me. Maybe need to repeat work sheets twice. I will come back for repeat class.

Reviewed by Brenda K. 2012

   

Great course

Reviewed by Trevor H. 2011

   

Course instuctor did not hand out the manuals until end of the day. Therefore not able to write notes in for reference later on. - kinda silly.

Reviewed by Mike C. 2011

   

You shoudl have a Excel 3 class available

Reviewed by Brandy Z. 2011

   

Great training, had to meet the various needs from no experience to some with experience. Washrooms looked tired and need of improvement. Personally prefer an early start/early finish 8am to 3pm would be great

Reviewed by David S. 2011

   

Course materials were not handed out till the end of the course and may have been useful to follow along. Some of the example/course files were missing from my folder.

Reviewed by Craig B. 2011

   

The Instructor was very knowledgable on the subject. The class moved quickly. I think an additional day would have been nice.

Reviewed by Cheryl . 2011

   

Trainer was open to answering questions and provide information in a clear manner.

Reviewed by Maureen D. 2011

   

Well presented, hands on course! The instructor was extremely knowledgable and helpful!! I have already reccommended this course to my managers.

Reviewed by Kelly D. 2011

   

The trainer I had was great. She had a great personality that kept me interested. Awesome Job! Thank you

Reviewed by Lindsey G. 2011

   

The course was excellent and the instructor did a great job but why does everybody cut the time short. I think we should take a shorter lunch and get more class time instead of leaving a half of an hour early!

Reviewed by Darlene T. 2011

   

EXCELLENT instructor!!! Very patient ... customized the class to the needs of the students!

Reviewed by Jackie G. 2011

   

The only improvement I can suggest is focusing a bit more on the basics of Visio - more on Org & flow charts as opposed to so much time spent on designing rooms.

Reviewed by Karyn G. 2011

   

George was personable and easy to follow and work with.

Reviewed by Suzanne S. 2011

   

Sue is an awesome instructor!

Reviewed by Cathy P. 2011

   

The instructor was excellent. It was evident that several of us who were competent with Excel 2003 Level 1 should have probably taken Excel 2007 Level 1 again rather than Excel 2007 Level 2, but the instructor was very patient and managed to cover basics from Level I as well as Level 2.

Reviewed by Kim C. 2011

   

With myself being very green with this program I got very useful information that I can use daily.

Reviewed by Rick . 2011

   

One more hour would allow for more hands-on training.

Reviewed by Kerstin M. 2011

   

Good course. Friendly instructor. I found the speed of the course to be a little slow for me, however I understand that other attendees required more help/detail than I did. Overall, a good experience.

Reviewed by Jenna N. 2011