To Proudly supported by ferrycake.com. We will be printing Cash for your Community tokens every week in the Carmarthen Journal and Llanelli Star. The.

Slides:



Advertisements
Similar presentations
HTML and CSS. HTML Hyper Text Markup Language Tells browser how to display text and images.
Advertisements

Introducing CSS CIS 133 mashup Javascript, jQuery and XML 1.
HTML – A Brief introduction Title of page This is my first homepage. This text is bold  The first tag in your HTML document is. This tag tells your browser.
Today’s Goals What is HTML?
Links.  Styling Links  Links can be styled with any CSS property (e.g. color, font-family, background-color).  Special for links are that they can.
Need to define two things: › The destination › Something to click on to get there  Tag is click here  Can be text, special character or image (next.
กระบวนวิชา CSS. What is CSS? CSS stands for Cascading Style Sheets Styles define how to display HTML elements Styles were added to HTML 4.0 to.
CSS normally control the html elements. Three Ways to Insert CSS There are three ways of inserting a style sheet: External style sheet Internal style.
Web Design with Cascading Style Sheet Lan Vu. Overview Introduction to CSS Designing CSS Using Visual Studio to create CSS Using template for web design.
Ch. 5 Web Page Design – Templates and Style Sheets Mr. Ursone.
Introduction to Cascading Style Sheets (CSS) Module 2: HTML Basics LESSON 4.
Design, Formatting, CSS, & Colors 27 February, 2011.
Beginning Web Site Creation: Dreamweaver CS4. XHTMLCSS  Describes the structure  Content  Collection of styles  Formatting body { background-color:
Prepared by ackoo Styli n g your page (font type, font size, colors, text decoration, alignment, set margin, table padding, etc.) References: W3Schools.
Lecture Cascading Style Sheets (CSS) Internal Style Sheets Classes.
Structure and formatting HTML pages Helen Treharne Department of Computing.
Controlling Page Style: Cascading Style Sheets (CSS) References: 1.Wang, P.S & Katila, S. (2004). A Introduction to Web Design and Programming. CA: Thomson.
Art 128 Interface Programming 1 In-class Presentation Week 11B.
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.
CSSMR.Mostafa badr1. Lesson 3 Creating an Style Sheet Lesson 2 Structure of the Style Lesson 1: What Cascading Style Sheets are?
Using color and fonts in HTML and XHTML Please use speaker notes for additional information!
 a style language that defines layout & appearance of HTML documents  CSS covers fonts, colours, margins, lines, height, width, background images and.
Edit a Page Detailed Front End To edit any information on your web page, you will have to login to the admin tool to change it.
Doman’s Sections Information in this presentation includes text and images from
Cascading Style Sheets Class 1, Lecture 1 Rachel A Ober
To Proudly supported by ferrycake.com. We will be printing Cash for your Community tokens every week in the Carmarthen Journal and Llanelli Star. The.
HTML, Third Edition--Illustrated Introductory 1 HTML, Third Edition Illustrated Introductory Unit E Formatting with Cascading Style Sheets.
CSS My favourite ICT lesson By Federico Boschi Cascading Style Sheets.
Just A Few More Fun Objectives 1 Having Some Fun With Java Script 2 Using Style Sheets.
Lesson 03 // Cascading Style Sheets. CSS Stands for Cascading Style Sheets. We’ll be using a combination of Html and CSS to create websites. CSS is a.
More CSS.
 HTML is hypertext markup language. It is a way for people to display their information with more complex pictures and text displays. Before HTML, messages.
CSS Tutorial 1 Introduction Syntax How to use style specifications. Styles.
 Use the think diagram … ISP Server.
HTML/XHTML Structure Building a basic web page using notepad.
ECA225 Applied Interactive Programming Cascading Style Sheets, pt 1 ECA 225 Applied Online Programming.
Colors & Fonts Building a Website Lesson 7. Font Font The tag specifies the font face, font size, and color of text. The tag can have any or all of these.
Things we’ve covered so far  Basic HTML  Some advanced tags i.e.  Styling using CSS  Background-color  Text  Changing the font on your site  Inserting.
HTML GUIDE Press F5 and then Click on the links on the left to get to the section you want Section 1: Getting Started Section 2: Moving Banner Section.
Cascading Style Sheets
Quick Questions 1. What does HTML stand for? 2. What are the three main languages of the Web? 3. What is the purpose of the tags? 4. Why do we indent different.
Cascading Style Sheets (CSS). A style sheet is a document which describes the presentation semantics of a document written in a mark-up language such.
Body and Heading Tags and their Attributes. Attribute Name DefinitionValues backgroundIndicates the background image of the Web page. Ex. Filename(path.
Images. Intro What is it? Getting your image Inserting Moving Resizing Cropping.
CSS – 8 Step Walk Through! Using HTML. You will use 8 steps to transform this page to…
Spiderman ©Marvel Comics Creating Web Pages (part 1)
Web Technologies Beginning Cascading Style Sheets (CSS) 1Copyright © Texas Education Agency, All rights reserved.
IS1825 Multimedia Development for Internet Applications Lecture 12: IDs, Classes and Internal CSS Rob Gleasure
1 CSS محمد احمدی نیا 2 Of 21 What is CSS?  CSS stands for Cascading Style Sheets  Styles define how to display HTML elements 
HTML HTML stands for Hyper Text Markup Language. HTML is used in making the base of a Website You can just use an online website maker like weebly.com.
Company LOGO In the Name of Allah,The Most Gracious, The Most Merciful King Khalid University College of Computer and Information System Web pages Development.
ECA 228 Internet/Intranet Design I Cascading Style Sheets.
Links All CSS properties can be applied on links (i.e. change colors, fonts, underline, etc). The new thing is that CSS allows you to define these properties.
Creating HTML Content Files for ANGEL File Structure, Using Dreamweaver, Exporting with CASE, and Uploading to ANGEL.
1 Cascading Style Sheets
Cascading Style Sheets (CSS) Internal Style Sheets Classes
CSS Nick Sims.
CSS HTML and website development.
HTML Coding A new language.
HTML and Website Development
Cascading Style Sheets (Layout)
HTML Basics and CSS style
Intro to CSS CS 1150 Fall 2016.
Links. Links Links Need to define two things: The destination Something to click on to get there Tag is click here Can be text, special.
Introduction to web design discussing which languages is used for website designing
COMP 101 Review.
IS333: MULTI-TIER APPLICATION DEVELOPMENT
Intro to CSS CS 1150 Spring 2017.
Introduction to Cascading Style Sheets (CSS)
Presentation transcript:

To Proudly supported by ferrycake.com

We will be printing Cash for your Community tokens every week in the Carmarthen Journal and Llanelli Star. The more tokens you cut out and collect, the greater the share of our £10,000 prize pot your group will receive. So once you've received your registration, get out there and spread the word! Ask your friends, family, work colleagues and anyone from your local community to collect tokens on your behalf.

HTML The body of the website. Header paragraph Bold Line break List Ordered list Unordered list My Website About Me I live on Mars and like snickers

CSS This adds some colour and styling to our website. We can align the text, change the font, add a background picture and lots more. When we use in the page ( in-line ) we must inside css and this sits the tag css code My Website About Me I live on Mars and like snickers

p {color:red;text-align:center;} h1, h2, p { text-align: center; color: red; } body { background-color: #b0c4de; }

h1 { background-color: #6495ed; } p { background-color: #e0ffff; } body { background- image: url("paper.gif"); } h1 { text-align: center; } /* unvisited link */ a:link { color: #FF0000; } /* visited link */ a:visited { color: #00FF00; } /* mouse over link */ a:hover { color: #FF00FF; } /* selected link */ a:active { color: #0000FF; }

Index.htmllogin.php main.php

We use a FORM We have 2 text boxes username and password. We use a post method to send the contents of theses boxes to login.php Index.htmlLogin.php Username Password

Login.php Uses POST to get the post Changes the post into PHP variables. $username $password Runs an if Statement to see if the username and password match If they do match they have a link to main.php If they don not they get a link to index.htm

$accessTime = date('h:i:s');We use PHP built in date function to get the current time. $allowed = fopen("allowed.txt", "a");We use fopen to open a text file called allowed.txt $allowedTxt = " User ". $username. " accessed the system at ". $accessTime."\n"; Creates a line of text User julian accessed the system at ( current time ) \n “ creates a new line “ fwrite ($allowed, $allowedTxt."\n"); Writes the line of text to the open file

So if the username and password are correct we get echo " Correct username and password, This has been reported to admin " ; echo " Please click here to enter the site "; Another way of POSTing data ( not secure )

Login.php main.php main.php?username=$username <?php $name = ($_GET['username']); echo " Welcome ". $name. " "; ?> Because of the way we sent the post ( think of it as not having an envelope ) We use the GET method instead.

Could you guess the password if you did not have the code. Is it secure to have the password in plain text on the login screen. How could we improve it ?