HTML & CSS Extended Homework Learn how to create websites by structuring and styling your pages with HTML and CSS. Form: Name: ICT Group: ICT Teacher:

Slides:

Advertisements

Similar presentations

Cluster Share. Knowledge Net Pod 4 Page On our home page we have selected appropriate sites that students can visit that are linked with our topics. We.

Advertisements

Development and Alumni Relations System - Communication #5 - DARS v3.0: Internet Solutions.

Web Pages Week 10 This week: CSS Next week: CSS – Part 2.

CSS The basics { }. CSS Cascading Style Sheets - language used to – describe html appearance & formatting Style Sheet - file that describes – how html.

UNIT 12 LO4 BE ABLE TO CREATE WEBSITES Cambridge Technicals.

WEB DESIGN – SEC 4-11 PART OR ALL OF THIS LESSON WAS ADAPTED FROM THE UNIVERSITY OF WASHINGTON’S “ WEB DESIGN & DEVELOPMENT I ” COURSE MATERIALS PSEUDO-CLASS.

  Adds “Share” button to any webpage  Add it to a template page so it’ll be on every page  Select.

Parzoof A social networking website for students.

OCR Nationals ICT – Unit 2 Task 1 Task Overview You need to produce a design for a multimedia website of at least five pages. The design will act as the.

How can blogs be kid friendly? In this session, you will learn how to set up your class, how to create blogs, learn benefits and uses of blogging, etc.

 What is a “blog?” Short for “web log” An online journal.  Allows for interaction between the writer and the readers through comments Includes articles,

CHAPTER 8: Enhancing a Website Session 1. Objectives Embed a YouTube video in your website Insert a slideshow in your website Use Google fonts in your.

Build Your Own Website Introduction Introduction Phil Stone Phil Stone ICT tutor for Dudley Adult Community Learning ICT tutor for Dudley Adult Community.

CSS Style Rules Guang Tong, Zhan L;lo’p[ Css Style Rule Guang Tong Zhan Three ways to insert CSS 1 External style sheet 2 Internal style sheet 3 Inline.

Working with a Professional Development Day workshop 2/19 Presentation by: Kathleen Weil and Jennifer Rhoades.

Name Teacher: Group: 1 Unit 2 – Webpage Creation.

CSS 404 Internet Concepts. XP Objectives Developing a Web page and a Website Working with CSS (Cascading Style Sheets) Web Tables Web Forms Multimedia.

Scrum Project 2 Eric Chau, Ramesh Chugh, Yuki Nguyen, Charles Sun, Stanley Valle.

The Mobile Capabilities of the New CBGundaker.com & How to Share Your Personally Branded Agent URL.

Codecademy Online Course (coding websites and games) HTML, CSS and the basics of JavaScript.

“Website Test” Lucia Villanueva. “My Website” “Animated Clipart”

JavaScript Frameworks Presented by Kyle Goins Also see:

5 Reasons Tables for Layouts are BAD! 1. Complicated & Difficult to maintain 2. Often slow to load 3. Tables can hurt search engine optimization 4. Tables.

Just the Facts, Maam.  How to create a basic page  How to add a table, picture, link, text and YouTube clip.  How to upload it all.

Extended Features: Frames and Style Sheets Rebecca Manning Wells College.

School Websites. What Your Website Can Do  Post Homework assignments with resources  Announcements  Pictures  Parents & Students that Subscribe get.

Coursework Documentation INTRODUCTION TO INTERNET.

ICT for IGCSE – Syllabus Cambridge IGCSE ® Information and Communication Technology0417.

Ms Buckley & Zunaira show you how to send an with an attachment Part 2 Hillcrest ICT Department 2008/2009.

HTML & CSS BasicsHTMLCSSQuizAnswers  The logo In this website(made of html and css Codes), you will learn some basics of How to use HTML and CSS codes.

Week 2- Overview of the internet The construction of a webpage Four Key Elements – how the internet works Elements and Design concepts Introduction to.

A Simple Website using Cascading Style Sheets (CSS) IST2101.

External Style Sheets Exploring Computer Science – Lesson 3-6.

HTML + CSS II LET’S BUILD AN ACTUAL WEBSITE!. OVERVIEW This Session  Brief review of basics   “id” and “class”  Using a CSS template Upcoming Sessions.

“Successful Uses of HTML Computer Code” Shannon Harwell.

HTML Headers/Parag raphs. How to make a heading  Page Title This is a Heading This is a paragraph.

Source of website: “Text/css rel=“styles heet” This is an external style sheet link. This means that the.

INTRODUCTION ABOUT DIV Most websites have put their content in multiple columns. Multiple columns are created by using or elements. The div element is.

A Simple Website using Cascading Style Sheets (CSS) IST2101.

Unit 15 – Web Authoring Web Authoring Project.

Ms Buckley & Zunaira show you how to send an Part 1 Hillcrest ICT Department 2008/2009.

Find us at Have you ever wanted to start your own website or blog?

Introduction to CSS: Selectors

External Style Sheets.

Web Design Unit 5.

Art 128 Interface Programming 1 In-class Presentation Week 1B

Introduction to Website Creation in sphb K200

Web Design Unit 5.

Using the HTML and CSS Validation Services

Web Design Unit 5.

CSS Borders and Margins.

Unit 2 – Webpage Creation

Name of Person Name of Person Place Picture Here Place Picture Here

HTML and CSS eportfolio

Lesson 4 – Introduction to CSS

HTML Text editors and adding graphics

Unit 4 Test CSS Test.

CSS Styles Introduction.

Creating your first website

Name of Person Name of Person Place Picture Here Place Picture Here

The structure and style of web pages

Creating your first website

Home Entertainment Social Networks

Name of Person Name of Person Place Picture Here Place Picture Here

Client-Server Model: Requesting a Web Page

Now you are ready to turn in homework

Unit 13: Website Development

Monday, Sept. 24 Today we are going to update the html code to html5. It has some new features that we have not covered yet.

Presentation transcript:

HTML & CSS Extended Homework Learn how to create websites by structuring and styling your pages with HTML and CSS. Form: Name: ICT Group: ICT Teacher:

Build your own Webpage Screenshot your webpage hereScreenshot your code here Code Explanation

Social Networking Profile Screenshot your webpage hereScreenshot your code here Code Explanation

Clickable Photo Page Screenshot your webpage hereScreenshot your code here Code Explanation

CSS an Overview Screenshot your webpage hereScreenshot your code here Code Explanation

Build a Button Screenshot your webpage hereScreenshot your code here Code Explanation

CSS Selectors Screenshot your webpage hereScreenshot your code here Code Explanation

Sorting your Friends Screenshot your webpage hereScreenshot your code here Code Explanation

CSS Positioning Screenshot your webpage hereScreenshot your code here Code Explanation

Build a Resume Screenshot your webpage hereScreenshot your code here Code Explanation