Intro to HTML Tags and Attributes - by Tali

This workshop should give women an understanding of HTML tags and attributes. Women should be able to create a simple bio page and host it on the systerserver.

Women should be able to use an editor, and maybe have a picture to use.

The course resources are:

Uploading Instructions:

Note: This section applies to uploading files to your home directory and public_html which is in your home directory on the eclectictechcarnival.org server.

This section is also a little technical. I am assuming knowledge of the linux file system and a few shell commands like mkdir (make a directory), cd (change directory), pwd (where am I?), ls –l (list contents of directory in long format), scp (secure copy), chmod (change file permissions) and chown (change ownership of a file).

You need to have a user account on the server.

  1. Before uploading your file, you need to login
    ssh username@eclectictechcarnival.org

    Those of you using Windows will need to use a program that allows to securely login into the server. I use a program called putty.exe. You can download it to you desk, or even just launch it in your browser. It is very handy. You can get it at: http://www.chiark.greenend.org.uk/~sgtatham/putty/download.html

  2. Once logged in, you are in your home directory. You need to make the public_html directory and make it world readable. Here a the commands:
    mkdir public_html
    chmod 755 public_html
  3. Once you have the public_html directory you can upload you index.html file from you local hard drive to said directory on the systerserver. You will use the scp-command. Scp stands for secure copy. It is better than ftp as it is secure!

    scp index.html username@eclectictechcarnival.org:~/public_html
    Note: The ~represents your home directory.

    Those of you using Windows machines, you are going to have to use a program called winscp. It is easy to download, install and very easy to use. It's a GUI (a Graphical User Interface). You can drag and drop in the GUI much like in any graphical file management program. Download it at: http://sourceforge.net/projects/winscp/ . When installing choose the “Midnight Commander” look/theme.

  4. Once you have the index.html file in your public_html directory, you can check to see if you can see it. In a browser got to:
    www.eclectictechcarnival.org/~username

    If you can’t see it you should get an error: 404 not found or 403 forbidden. A 404 will indicate that file is not in the right place it has a different name than what you typed in the browser. No permissions means you need to also make you index.html file world readable (chmod 755 index.html). In both cases you will need to log back into your home directory and check things out.

  5. File Ownership also has to be username: users, so there is another command for that:
    chown :users public_html
    Note: This changes the group ownership of the directory, so that the apache server has read and execute access to your webpages.

Links and Resources:
World Wide Web Consortium:

FLOSS HTML Editors:

Tags:
»