XHTML and CSS Basics

HTML Exercises

Listen to Bucky's beautiful HTML and CSS tutorials. You can work alone, and share your insights with other students whenever you feel like it. You can also work in groups of 2 to 3 people.

  • Follow the steps in the lessons with your editor, and enjoy Bucky's easy going style.
  • When you feel comfortable with the HTML syntax, add content of your own to your small websites.

SEO Basics

Search Engine Optimization

We'll illustrate the main points with an example:

  • Making good use of links, inkl. naming them well
  • Using good names for pages and domains
  • Think carefully about which keywords you really want to optimize
  • Maintain meta information (header title and description)
  • Maintain "h1", "h2" headers, "href" titles, img "alt" tags
  • Optimum keywords, and frequency, incl. texts for links
  • SEO example page analysis

The Website

Start your enterprise (I)

Work in groups of 3-5 people and start an entrepreneurial project. It can be a real or fictitious business, or a non-profit association. Create a Website with the following information:

  • What is your vision? Who are you?
  • What are your products, or services?
  • What is your business model? What is your pricing?
  • What are your resources? People, offices, technology, software?
  • Do you operate internationally?
  • Will your project be environmentally conscious?

You may use HTML5 templates, e.g. Templated, HTML5UP. Some groups will present their projects, and get feedback.

Data Management

SQL Exercises

Work on Bucky's mySQL video tutorials in groups of 1 to 3 people. Start with lesson 3. Complement the videos with SQL reading material

  • Log-in to the mySQL AWS RDS training system with the user the trainer gave you, and work on the lesson exercises.
  • When you feel comfortable with the basic syntax, you can play around, and experiment on your own.

The Data Model

Start your enterprise (II)

Work in groups of 3-5 people to design the data model for your entrepreneurial project. Answer the following questions:

  • Which information do you need to regularly store, and update, e.g. customers, products, partners?
  • What is your data model? Which tables do you need? Which columns? How do you connect the tables to each other?
  • Log-in to the mySQL training system. Create the main tables and views for your data model.
  • Fill the tables with sample data, and experiment with a few relevant queries.

Self assessment

Test your knowledge

You can repeat the quiz as many times as you wish. We recommend that you take the quiz on your own.

  • The log-in password for the quiz is twice the name of your university in capital letters. If you are a bot, you will not understand... And even if you could, you would not get any secret information...

Scroll up and down and observe the effects

See the parallax?

Resize the screen and see the effects. Try it on your smart phone. The image proportions must fit each other, e.g. if you mix 16:9 with 4:3 images, the result will not be fully elegant, as you can observe below, unless you use a smart phone.

The power of CSS3 with JavaScript, e.g. jQuery