Tue Sep. 26
HTML / FTP
9 – 12h Teaching
Teacher:
- Monorom
Goals
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
Content
- HTML basic document structure, Tags
- Client / Server, FTP
- Data structure, filenames
HTML – Hypertext Markup Language
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
Exercise - First HTML
- Create a folder on your desktop named with your full name, but only lowercase letters and dashes ("-") instead of spaces (e.g.
hussam-allaham
). - Open your HTML Editor (Brackets).
- Create a new File and save it to your Folder as
index.html
- Use Emmet to generate the basic HTML structure. (Type: html:5 and tab)
- Use HTML5 page structure and HTML element reference to create your first HTML structure.
- Use Lorem ipsum as text placeholder.
- Create a text structure with HTML Tags.
SOLUTION (check the source code in your Browser)
HTML Attribute
HTML Attribute
URL – Uniform Resource Locator
URL – Uniform Resource Locator
URL - Anatomy
- SEO Cheat Sheet: Anatomy of A URL
- Keep a simple URL structure
FILE NAMES
FTP – File Transfer Protocol
FTP – File Transfer Protocol
- IP 194.209.0.30 = eb-zuerich.ch
- Client and Server
Exercise - Upload your first Site
Exercise - Upload your first Site
- Open Filezilla
- Configure a new Site "Powercoders 002"
- Host:
002.powercoders.org
- Username:
powercoders002@powercoders.org
- Password: [we'll share the password with you in the classroom]
- Host:
- Connect to the Powercoders 002 site
- Navigate to your local project folder in the left file system view
- Navigate to the
students
folder on the webserver in the right file system view
- Upload your folder to the root directory ("/") on the webserver
- Check out if it worked:
12 – 13.30h Lunch (Kantine im 5i)
13.30 – 17h Coaching
Coaches:
- Hussam
- Matthias
Goals
Goals
- You have created your first website and uploaded it to the webserver.
Exercises
Exercises
HTML Training 1
- Create a freeCodeCamp login.
- Start with HTML5 & CSS Say Hello to HTML Elements
- End with Change the Color of Text
HTML Training 2
- Create a codecademy login.
- Start with – Learn HTML
THE TIME IS TOO SHORT, JUST START TODAY WITH ONLINE LEARNING!