HTML Code-Conventions Johannes Schulte and Stefan Broda.

Slides:



Advertisements
Similar presentations
1 Copyright © 2002 Pearson Education, Inc.. 2 Chapter 1 Introduction to Perl and CGI.
Advertisements

Internet Applications Development Lecture 2 L. Obead Alhadreti.
Cascading Style Sheets. CSS stands for Cascading Style Sheets and is a simple styling language which allows attaching style to HTML elements. CSS is a.
Robby Seitz 121 Powers Hall ADVANCED WEB DESIGN USING DREAMWEAVER
How Tags are used to form your Web Page
Introduction to HTML Bent Thomsen Institut for Datalogi Aalborg Universitet.
Web Site Development Test 2 Working in DreamWeaver.
The Unix File System. What are the three parts of every file on a Unix filesystem? And where is each stored? Filename - stored in directories Inode -
Hypertext Markup Language. Platform: - Independent  This means it can be interpreted on any computer regardless of the hardware or operating system.
HTML Hypertext Markup Language –First proposed by CERN in 1989 –It is non-linear so it allows you to jump from place to place –Markup refers to the structure.
1 HTML Markup language – coded text is converted into formatted text by a web browser. Big chart on pg. 16—39. Tags usually come in pairs like – data Some.
Using KompoZer -- a web editor A collection of video tutorials
ETT 229 Fall 2004 Web Design Basics II. Agenda 11:00-11:05 – Quiz 14 11:05-11:50 – Web Design Lecture 11:50-12:15 – Web Design Practice 2.
Week 2 Recap CSE 115 – Spring Object Oriented Program System of objects that communicate with one another to solve some problem.
CS /13 DePaul University SNL 262 Advanced Web Page Design Review & Introduction - I Instructor: David A. Lash.
Web Page Development Identify elements of a Web Page Start Notepad
Internet Publishing / Dreamweaver Luke E. Reese CARRS
There is a certain way that an HTML file should be set up. The HTML section declares a beginning and an ending. Within the HTML, there should be a HEAD.
Computer Science 103 Chapter 2 HyperText Markup Language (HTML)
ETT 429 Spring 2007 Web Design I.
Basic UNIX © McGraw Hill All rights reserved.
HTML Code HTML can be written on the simplest text programs. A web page is defined by the tag.
Lesson 6. Links in HTML Computer Science Welcome to Virtual University in Pakistanhttp://
Presenting Information on WWW using HTML. Presenting Information on the Web with HTML How Web sites are organized and implemented A brief introduction.
Creating a Simple Page: HTML Overview
Internet Skills An Introduction to HTML Alan Noble Room 504 Tel: (44562 internal)
INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.
Computer Science 101 Introduction to Web Pages. Origins of the Web Vannevar Bush (Memex, 1945) Ted Nelson (Xanadu, 1968) Doug Englebart and Alan Kay (
CREATED BY ChanoknanChinnanon PanissaraUsanachote
HTML Structure & syntax
1 Session 1: Introduction to HTML Spring Today’s Agenda Cover useful terminology for today’s session HTML, browsers, servers, etc. HTML Tags Get.
Understanding HTML Code
Basic HTML Workshop By: Preeda Chunjongkolkul (Pete) Systems Librarian/Webmaster
Introduction to HTML. What is a HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup tags  The.
A Basic Web Page. Chapter 2 Objectives HTML tags and elements Create a simple Web Page XHTML Line breaks and Paragraph divisions Basic HTML elements.
Just Enough HTML How to Create Basic HTML Documents.
Chapter 8 Introduction to HTML and Applets Fundamentals of Java.
HTML Structure & syntax. Introduction This presentation introduces the following: Doctype declaration HTML Tags, Elements and Attributes Sections of a.
1 © Copyright 2000 Ethel Schuster The Web… in 15 minutes Ethel Schuster
XHTML1-1 Extensible HyperText Markup Language (XHTML) Part 2 Xingquan (Hill) Zhu
4 Chapter Four Introduction to HTML. 4 Chapter Objectives Learn basic HTML commands Discover how to display graphic image objects in Web pages Create.
1 Operating Systems and Using Linux Topics What is an Operating System? Linux Overview Frequently Used Linux Commands Reading None.
HTML Basics. HTML Introduction Stands for HyperText Markup Language. HTML files are plain text files with mark ups. Some characteristics of HTML: –No.
What it is and how it works
Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.
Chapter 1 – Matlab Overview EGR1302. Desktop Command window Current Directory window Command History window Tabs to toggle between Current Directory &
The Web Wizard’s Guide to HTML Chapter One World Wide Web Basics.
CS 330 Class 2: Programming Plan for Today Recap from last time More UNIX Begin HTML (material from Chapters 5-8) –Tags and attributes –Hyperlinks Features.
Introducing Dreamweaver. Dreamweaver The web development application used to create web pages Part of the Adobe creative suite.
Internet Publishing / Dreamweaver Luke E. Reese Biosystems & Ag. Engr. / CARRS
HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: … …
Introduction to HTML C151 Multi-User Operating Systems.
Session 1: Introduction to HTML Fall Today’s Agenda Talk about the functions of the Internet Cover useful terminology for today’s session HTML,
1999, COMPUTER SCIENCE, BUU Introduction to HTML Seree Chinodom
GUIDELINES FOR CREATING YOUR FIRST WEBPAGE GETTING STARTED.
Project 02 Creating and Editing a Web Page Concept Map of Unit Creating and Editing a Web Page Key Learning Understand the elements to create a web page.
Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.
HTML And the Internet. HTML and the Internet ► HTML: HyperText Markup Language  Language in which all pages on the web are written  Not Really a Programming.
1 R3 R1 R5 R4 R6 R2 B B A A Looking at the Code Under the View menu Select Source.
Getting Started – Basic Page Structure
Introduction to HTML Section A – Programming, HTML
Commands Basic syntax of shell commands UNIX or shell commands have a basic structure command -options target command comes first (such as cd or ls) any.
Web Programming– UFCFB Lecture 6
PHP Introduction.
File Management.
The Linux Command Line Chapter 3
Tutorial 6 PHP & MySQL Li Xu
Lab 3: File Permissions.
CAII 4.01 Web Page Design Terms List 2.
The Linux Command Line Chapter 3
Presentation transcript:

HTML Code-Conventions Johannes Schulte and Stefan Broda

Index zHTML Code Conventions zUnix File Names zUnix File Permissions zExample

Rules zFilename: yBad: „foo.bar“ yGood: „foo.html“ zCommand Tags: yBad: This Text is emphazised yGood: This Text is emphazised

Rules zIndentation: yAlways indent lines by tabs or spaces when beggining with a new command tag yEspecially Tables!

Rules zLinks: yBad: Sth yGood: Sth zCompulsory Tags: yAlways border your file with the tag yWrite the header definitions within the tag zCompulsory Tags : yAlways define the document title with the tag yDefine Background / Text / Link colors using the body tag

Unix File Names and Permissions Suttinee Kaewsuwan and Dennis Damer

Introduction to Unix Filenames zOwn way of keeping track of files & directories zFlexible, but specific rules need to be followed zDoes not distinguish between files and directories

Creating a Filename zUp to 14 characters long, may include: y1.{a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, C, D, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, S, T, U, V, W, X, Y, Z} y2.{0, 1, 2, 3, 4, 5, 6, 7, 8, 9} y3.{period (.), underscore(_), comma(,)}

Watch Out! Part I zDo not name a file period (.) or period period (..) zAvoid naming a file the same as a Unix command zUnix is case sensitive, avoid upper case

Watch Out! Part II zUse widely known file extensions (eg. txt or doc) yFile extensions not obligatory zStart a file with a letter or a number yPeriod (.) makes it a hidden file

Introduction to Unix File Permissions zUnix servers platforms for lots of users at the same time yworking or just surfing the internet zcontrol access to your files

Setting File Permissions zUnix chmod command zthree digits to describe permission level y1st digit: for owner y2nd digit: for group (set up by owner) y3rd digit: world (the rest, e.g. internet users)

Setting File Permissions II y0 = no permission y 1 = execute only y2 = write only y3 = write and execute y4 = read only y5 = read and execute y6 = read and write y7 = read, write and execute $ chmod 700 bba.txt $ chmod 744 bba.txt