Tue Sep. 26

HTML / FTP

9 – 12h Teaching

Teacher:

  • Monorom

Goals

  • I know the structure of a basic HTML document and understand the concept of markup languages.
  • I can write HTML Tags.
  • I publish my first Website.

Content

  • HTML basic document structure, Tags
  • Client / Server, FTP
  • Data structure, filenames

HTML – Hypertext Markup Language

INPUT: History, Semantik, Struktur, Versionen & Syntax

  • HTML basics
  • World Wide Web Consortium (W3C)
  • Document Object Model (DOM)
  • DTD

Exercise - First HTML

  1. Create a folder on your desktop named with your full name, but only lowercase letters and dashes ("-") instead of spaces (e.g. hussam-allaham).
  2. Open your HTML Editor (Brackets).
  3. Create a new File and save it to your Folder as index.html
  4. Use Emmet to generate the basic HTML structure. (Type: html:5 and tab)
  5. Use HTML5 page structure and HTML element reference to create your first HTML structure.
  6. Use Lorem ipsum as text placeholder.
  7. Create a text structure with HTML Tags.

SOLUTION (check the source code in your Browser)

URL – Uniform Resource Locator

URL - Anatomy

FILE NAMES

FTP – File Transfer Protocol

  • IP 194.209.0.30 = eb-zuerich.ch
  • Client and Server

Exercise - Upload your first Site

  1. Open Filezilla
  2. Configure a new Site "Powercoders 002"
    1. Host: 002.powercoders.org
    2. Username: powercoders002@powercoders.org
    3. Password: [we'll share the password with you in the classroom]
  3. Connect to the Powercoders 002 site
    1. Navigate to your local project folder in the left file system view
    2. Navigate to the students folder on the webserver in the right file system view
  4. Upload your folder to the root directory ("/") on the webserver
  5. Check out if it worked:

http://002.powercoders.org/students/[your-name]/index.html

12 – 13.30h Lunch (Kantine im 5i)

13.30 – 17h Coaching

Coaches:

  • Hussam
  • Matthias

Goals

  • You have created your first website and uploaded it to the webserver.

Exercises

HTML Training 1

HTML Training 2

THE TIME IS TOO SHORT, JUST START TODAY WITH ONLINE LEARNING!

Exercise - Check your skills