WRA 210 8.28.13 INTRODUCTION TO WEB AUTHORING. HELLO, MY NAME IS: JOHN Basics Former PW Alum Really like tv, video games, and MSU sports and the Tigers.

Slides:

Advertisements

Similar presentations

Advertisements

HTML Creating Web pages. HTML Hyper Text Markup Language Not programming, but a markup language using tags to format text in Web browsers.

Hyper Text Markup Language Developing & Hosting a Web page Lecture 21.

Powerpoint Templates Page 1 Powerpoint Templates Let’s Build a Website by Sybil Prince Nelson.

Basic HTML Workshop Session 1: Introduction to HTML Fall 2006.

CIS101 Introduction to Computing

ETT 229 Fall 2004 Web Design Basics IV Multi-page designs.

Creating your website Using Plain HTML. What is HTML? ► Web pages are authored in HyperText Markup Language (HTML) ► Plain text is marked up with tags,

Hyperlinks in HTML How to “throw an anchor”, or to create a hyperlink in raw HTML.

Creating and Publishing Your own website

Hypertext Markup Language (HTML) Created by Sarah Dooley & Amanda Foster Edited and presented by Caroline Hallam September 9, 2014.

WEB PAGES: Week 13 Our last Class. FRAMES HTML: Frames You can put a Web Page here ! and a different Web Page here !

Module 5 HTML: An Introduction. ●A language to describe and create web pages. ●Stands for: Hyper Text Markup Language What is HTML?

Lecturer: Ghadah Aldehim

Did someone say Music? November 7, Adding MUSIC to a web page: 1. Find your music! 2. A good website is 3. You will.

Dreamweaver – Setting up a Site and Page Layouts Web Design Section 7-2 Part or all of this lesson was adapted from the University of Washington’s “Web.

Today’s Topic Language of web page - HTML (Hypertext Markup Language)

PIZZA WEB PAGE May 28, FOR TODAY  Review Vocabulary Words (take out your worksheets!)  Pizza Web Page  Research more tags  Turn in your homework!

Pre-Coding Web Design – Sec 3-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.

1 Session 1: Introduction to HTML Spring Today’s Agenda Cover useful terminology for today’s session HTML, browsers, servers, etc. HTML Tags Get.

Lecture # 3 HTML and Arrays. Today Questions: From notes/reading/life? From Lab # 2 – Preview of Lab # 2 1.Introduce: How do you make a Web Page?: HTML.

Intro to Dreamweaver Web Design Section 7-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course.

OBJECTIVES  What is HTML  What tools are needed  Creating a Web drive on campus (done only once)  HTML file layout  Some HTML tags  Creating and.

Week 11 Using Dreamweaver, Photoshop, and Fireworks: Graphics Production for the Web Stanford University Continuing Studies CS 38 Mark Branom

Course Content - Chapter 2 Introduction to HTML Introduction to a Text Editor as a web authoring tool Instructional Activity: Creating a webpage using.

HTML I An Introduction to the Language of the Web Terry Bake

Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic.

Introduction to HTML. Slide 1 Hard-Coding What is hard-coding? –Creating the page in a text editor just using HTML A Web designer should know how to hard-

Presented by: Introduction to iTunes U BCC on iTunes U.

Creating and Publishing Your own web site PC Version SEAS 001 Professor Ahmadi.

HTML Internet Basics & Beyond. What The Heck Is HTML? HTML is the language of web pages. In order to truly understand HTML, you need to know a little.

Introduction to HTML Vincci Kwong Reference/Instruction Librarian.

1 Chinese Information Processing : Using Computers to Teach and Learn Chinese Week 6 and 7: Creating and maintaining web pages - html and ftp.

Agenda9/11/13  Do Now  Display your name tag and log into your computer  Pre-Assessment Test  Info and Interests  Syllabus and Course Expectations.

CPSC 203 Introduction to Computers Lab 33 By Jie Gao.

YEAR 8 – WEB DESIGN IN HTML Lesson 2. STARTER Use the internet to find out what JavaScript is? Use ‘Microsoft Word’ to write down your list.

Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.

WRT235: Writing in Electronic Environments Session 2 Basic XHTML.

WRA 210: MODULE 3 &PORTFOLIO SESSION 2: STUFF TO REMEMBER Do the readings. It helps, seriously. Ask questions. It’s OK to interrupt me (not others).

CPSC 203 Introduction to Computers Lab 66 By Jie Gao.

Introduction to Web Authoring Ellen Cushman /wra210.htm.

Web Site Design & Management Class One Agenda Attendance Questionnaire Introductions Class Policies About the class Code your first page FTP Assignments.

ALBERT WAVERING BOBBY SENG. Welcome  Introductions  Existing knowledge?  Laptops?  Course goals  Introduction to several topics  Encourage creativity.

DESIGN & CRAP WRA AGENDA Time for Questions CRAP(py) Discussion Introduction to Module 2 Updating you course page.

Web Authoring with Dreamweaver. Unit Objectives  Be able to define keywords: HTML, HTTP (protocol), browser, web server, client/server, tag, attribute,

Robert Workman Southern Connecticut State University Prepared for presentation at the: World Conference on E-Learning New Orleans,

COMP 2923 A2 Website Development 101 Danny Silver JSOCS, Acadia University.

HTML Help For MGS 351 Final Project Website. Agenda Getting Started – Must-Do’s – Working from an off-campus computer – Other Resources Working with HTML.

Getting Started with HTML. HTML  Hyper Text Markup Language  HTML isn’t a program language, its known as a markup language  A Markup language has tags.

HTML Introduction 2-1. Lecture 6 HTML - HyperText Markup Language  not a programming language  structure text into title, body, paragraphs, lists, links,

Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!

1 2/16/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Intro to HTML and Basic Web Page Design.

Session 1: Introduction to HTML Fall Today’s Agenda Talk about the functions of the Internet Cover useful terminology for today’s session HTML,

HTML: Hypertext Markup Language The language to make web pages 0.

CPSC 203 Introduction to Computers Lab 23 By Jie Gao.

Behind every site is a mix of special languages that your web browser understands The main way of describing any website is HTML HTML stands for Hyper.

Navigating the Course 1. Course Materials 2 Software: Notepad (or TextEdit on a Mac) – comes with operating system Internet Explorer Web Browser FireFox.

Web Scraping with Python and Selenium. What is Web Scraping?  Software technique for extracting info from websites Get information programmatically that.

Introduction to Web Authoring Bill Introduction #WRA210.

Dreamweaver – Setting up a Site and Page Layouts Web Design Section 7-2 Part or all of this lesson was adapted from the University of Washington’s “Web.

Creating Your Own Navigation Menu Web Design Section 6-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.

Agenda9/11/13  Do Now  Display your name tag and log into your computer  Pre-Assessment Test  Info and Interests  Syllabus and Course Expectations.

Computer Basics Introduction CIS 109 Columbia College.

Dreamweaver – Setting up a Site and Page Layouts

WEB PAGES: CREATING AND MAINTAINING **

Click on the Create Student Account Link

HTML HYPERTEXT MARKUP LANGUAGE.

HTML Text editors and adding graphics

CMPT 241 Web Programming Instructor: Tina Tian.

Presentation transcript:

WRA INTRODUCTION TO WEB AUTHORING

HELLO, MY NAME IS: JOHN Basics Former PW Alum Really like tv, video games, and MSU sports and the Tigers Questions for me??

THE SYLLABUS All course related information can be found on: lauckner.com/wra210/ lauckner.com/wra210/ A copy of the syllabus Homework News & updates

THE SYLLABUS Any questions?

GROUP ACTIVITY Break into groups of 4-5, I will assign each group numbers Once you are settled and have your number go to the website and find today’s agenda. There you will find a text. Look at that text and try to turn it into mark-up. The goal here is to make text that a computer could read. Take minutes and then we will come back as a group.

BASIC HTML DOCUMENT Now we are going to look at a basic HTML document that we will use throughout the rest of the semester. Download the HTML file from the website Open it in a browser Open it in a text editor, Notepad (PC) or TextEdit (Mac) What are the differences? What are the similarities?

HOW WEB PAGES WORK A web page is a file. That file is sent to a server. A browser contacts servers. A browser reads the file. That file is generated by the browser as a web page.

WHAT IS MARK UP? Mark up is text that is understood by a browser. Here are some of the examples of mark-up in our HTML file:

AFS SPACE & OUR FIRST WEBPAGE On the website you will find a link to netfiles.msu.edu and a the document we have been looking at. We are now going to upload that document to our AFS space and make our first webpage. We will be using this webpage throughout the semester.

MODULE 1