 Computer use language to communicate  A web browser will read these tags and translate it into what you actually see  Viewing Code of ESPN WebsiteESPN.

Slides:



Advertisements
Similar presentations
ASP.NET Intro An introduction to the languages and communication of an ASP.NET system.
Advertisements

PHP and CSS to control web apps styles. CSS is used to style today’s web applications.
M2 – Explain the tools and techniques used in the creation of an interactive website. By Arturas Vitkovskij.
Source: ojects/tabber/ ojects/tabber/
Authoring Languages and Web Authoring Software 4.01 Examine web page development and design.
Cascading Style Sheets Understanding styles. The term cascading describe the capability of a local style to override a general style. CSS applies style.
Project 1 Introduction to HTML.
Dreamweaver MX ? Create professional web pages Visual editing functions –No need to write HTML Includes complete FTP client software Recognises.
1st Project Introduction to HTML.
What is Web Design The term “web design” has come to encompass a number of disciplines, including: Visual (graphic) design User interface and experience.
What is Wordpress?  WordPress has a web template processor. Users can re-arrange widgets without editing PHP of HTML code; they can also install and.
Unit 2, Lesson 5 Website Development Tools AOIT Web Design Copyright © 2008–2012 National Academy Foundation. All rights reserved.
Chapter ONE Introduction to HTML.
CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan.
Copyright © cs-tutorial.com. Introduction to Web Development In 1990 and 1991,Tim Berners-Lee created the World Wide Web at the European Laboratory for.
CSE3310: Web training A JumpStart for Project.
With your friendly Web Developer, Chris.. Terminology  HTML - > Hypertext Markup Language  CSS -> Cascading Style Sheet  open tag  close tag  HTTP->Hypertext.
Learning to Code…. Lots of options… Hmm… Lynda.com.
The Internet and the World Wide Web. The Internet A Network is a collection of computers and devices that are connected together. The Internet is a worldwide.
CSS 404 Internet Concepts. XP Objectives Developing a Web page and a Website Working with CSS (Cascading Style Sheets) Web Tables Web Forms Multimedia.
Styling and theming Build campaigns in style. What we'll look at... How a web document is structured How HTML and CSS fit together Tools you will need.
HTML CSS JAVASCRIPT. HTML - Stands for Hyper Text Markup Language HTML is a ‘language’ that describes web pages. This language is a collection of codes.
Session 7: Workshop: Recap on course contents / Creating own pages within Dreamweaver or WordPress N C Diploma: Web Design: S7: Tutor: N R Hartland 1.
IT204 - Web Scripting and Authoring I Introduction to Dreamweaver Unit 6.
Planning your site/organization on the Web Please use speaker notes for additional information!
Intro To Web Design with Adobe Dreamweaver CSS Cascading Style Sheets (CSS) is the W3C standard for defining the presentation of documents written in HTML,
Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.
Enhanced Web Site Design Stanford University Continuing Studies CS 22
Louisa Lambregts, Louisa Lambregts
How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.
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.
Asstt. Prof Sonia Sharma Computer Dept 1 HTML ( Hypertext MarkUP Language ) HTML is the lingua franca for publishing hypertext on the World Wide Web.
Unit 5 The Web Book Test. Unit 5 Test The Web Book Test 1. On the bottom of page 46, why is writing web pages not like writing printed documents ?
Learning Aim C.  Creating web pages involves many considerations.  In this section we will look at the different software tools you can use and how.
CSE3310: Web training A JumpStart for Project. Outline Introduction to Website development Web Development Languages How to build simple Pages in PHP.
Web Design Terminology Unit 2 STEM. 1. Accessibility – a web page or site that address the users limitations or disabilities 2. Active server page (ASP)
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
Web Page Design The Basics. The Web Page A document (file) created using the HTML scripting language. A document (file) created using the HTML scripting.
Web Page Programming Terms. Chapter 1 Objectives Describe Internet and Understand Key terms Describe World Wide Web and its Key terms Identify types and.
HTML PROJECT #1 Project 1 Introduction to HTML. HTML Project 1: Introduction to HTML 2 Project Objectives 1.Describe the Internet and its associated key.
Web Development. Agenda Web History Network Architecture Types of Server The languages of the web Protocols API 2.
PHP Assignment Help BookMyEssay. What is PHP PHP is a scripting language generally used on web servers. It is an open source language and embedded code.
Web Basics: HTML/CSS/JavaScript What are they?
Project 1 Introduction to HTML.
Objective % Select and utilize tools to design and develop websites.
Department of Computer Science
Chapter 1 Introduction to HTML.
Introduction to Website Creation in sphb K200
Project 1 Introduction to HTML.
The Internet and HTML Code
Unit 2, Lesson 5 Website Development Tools
Objective % Select and utilize tools to design and develop websites.
INTRODUCTION TO HTML5.
Unit 2, Lesson 5 Website Development Tools
Markup Languages -Use codes, called tags, to provide instructions about formatting and structure of a website HTML (Hypertext Markup Language) Must be.
WEB 240 knowledge is divine-- snaptutorial.com. WEB 240 Entire Course For more classes visit WEB 240 Week 1 Individual Website Brainstorm.
PHP + Oracle = Data-Driven Websites
04 | Web Applications Gerry O’Brien | Technical Content Development Manager Paul Pardi | Senior Content Publishing Manager.
Test 1 Review Website Basics, HTML, CSS
Mozafar Bag-Mohammadi
Unit 6 part 3 Test Javascript Test.
Part 8 Q36 to Q40 of National 5 Prelim
Computer communications
WEB DESIGNING THROUGH HTML
Enhanced Web Site Design Stanford University Continuing Studies CS 22
HTML and CSS Basics.
Web Site Development Careers
Markup Languages -Use codes, called tags, to provide instructions about formatting and structure of a website HTML (Hypertext Markup Language) Must be.
Client-Server Model: Requesting a Web Page
Presentation transcript:

 Computer use language to communicate  A web browser will read these tags and translate it into what you actually see  Viewing Code of ESPN WebsiteESPN  MCE Website MCE

 Cascading Style Sheets

 World’s Most Popular Programming Language  Can be inserted into HTML pages  Makes your page interactive  Examples Examples  You can’t do these things with HTML  HTML, CSS, and Javascript can all be on one page, they all work together

 C++ -  PHP –  APIs –

 Dreamweaver  Free Sites ◦ WordPress WordPress ◦ Wix Wix ◦ Squarespace Squarespace ◦ Another Example Another Example

 Users sequentially move from one page to the next. Home Page Content Page 1 Content Page 2

 Sites organized around a single home page. Home Page Content

 Every page is connected to every page.  Can travel from page to page but can be confusing.