Web Page Development Tools

Slides:



Advertisements
Similar presentations
Designing Websites Using HTML and FrontPage A Typical Webpage View Source A webpage is a text file containing instructions to tell a computer how the.
Advertisements

Authoring Languages and Web Authoring Software 4.01 Examine web page development and design.
Project 1 Introduction to HTML.
Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.
Technologies of e-Commerce 2 Unit 8 – e-Commerce LO1 : Know the technologies required for e-commerce Live the dream…
Dreamweaver 8 Concepts and Techniques Introduction Web Site Development and Macromedia Dreamweaver 8.
1st Project Introduction to HTML.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 10: GUI HTML Editors © 2007 Prosoft Learning Corporation All rights reserved ITD 110 Web.
Unit 2, Lesson 5 Website Development Tools AOIT Web Design Copyright © 2008–2012 National Academy Foundation. All rights reserved.
Web Design Software Alyssa Lagimoniere. Adobe Dreamweaver Pros Relatively low-cost price ($99) Produces very "clean" HTML code; easy to transport and.
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Chapter ONE Introduction to HTML.
Web Design Basic Concepts.
 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.
Web Design Dreamweaver Semester 2 ATBs. ATB #1 What is a web site?
Adobe Dreamweaver CS5 Introduction Web Site Development and Adobe Dreamweaver CS5.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
Chapter 13-Tools for the World Wide Web. Overview Web servers. Web browsers. Web page makers and site builders. Plug-ins and delivery vehicles. Beyond.
IT204 - Web Scripting and Authoring I Introduction to Dreamweaver Unit 6.
Introduction to web development and HTML MGMT 230 LAB.
Dreamweaver 8 Introduction What you can do with Dreamweaver 8 What's new in Dreamweaver 8.
Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.
ICT for IGCSE – Syllabus Cambridge IGCSE ® Information and Communication Technology0417.
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.
Cascading Style Sheets CSS. Source W3Schools
DYNAMIC HTML What is Dynamic HTML: HTML code that allow you to change/ specify the style of your web pages. Example: specify style sheet, object model.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
Chapter 8 HTML Editors. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 8-2 Text Editors Text editors don't have word processing features.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
HTML HyperText Markup Language Victoria E. Kozlek.
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 ?
Dreamweaver is an XHTML editor that allows you to: Create a site Create external Cascading Style Sheets (CSS) to store the styles used in your pages Create.
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
Introduction. Internet Worldwide collection of computers and computer networks that link people to businesses, governmental agencies, educational institutions,
Microsoft Expression Web - Illustrated Unit A: Getting Started With Microsoft Expression Web.
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.
CASCADING STYLE SHEET CSS. CSS stands for Cascading Style Sheets Styles define how to display HTML elements Styles were added to HTML 4.0 to solve a problem.
CSS Introductions. Objectives To take control of the appearance of a Web site by creating style sheets. To use a style sheet to give all the pages of.
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.
Introduction to latest Web Technologies Master Software Solutions Pvt. Ltd.
Computer Fundamentals Desktop Publishing & Web Design MSCH 233 Lecture 9.
Getting Started With HTML
Project 1 Introduction to HTML.
CSE 102/ISE 102 Introduction to Web Design and Programming
Chapter 1 Introduction to HTML
Web Site Development and Macromedia Dreamweaver 8
4.01B Authoring Languages and Web Authoring Software
Chapter 1 Introduction to HTML.
Lecture 4 Web Design. Part 1.
Where to Start When Re-Designing a Webpage
Project 1 Introduction to HTML.
Unit 2, Lesson 5 Website Development Tools
INTRODUCTION TO HTML5.
Unit 2, Lesson 5 Website Development Tools
Department of Computer Science, Florida State University
Cascading Style Sheets - Building a stylesheet
4.01B Authoring Languages and Web Authoring Software
Web Page Development Tools
Overview of Dreamweaver
Starting to develop a website
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
HTML and CSS Basics.
Cascading Style Sheets - Building a stylesheet
Intro Project Introduction to HTML.
Web Site Development Careers
CGS 3066: Web Programming and Design Fall 2019
Presentation transcript:

Web Page Development Tools 4.01 Examine web page development and design.

What are web page development tools? Tools that make web page development easier and more productive.

Web Page Development Tools HTML/XHTML Editor Editors are for writing, saving and editing tags used to create web page files. Files must be published—uploaded to a host computer for viewing through the Internet. Notepad is preferred over Microsoft Word for writing code.

Host Computer Stores web page files Sends web page files via the Internet upon user request Also known as a web server

Cascading Style Sheets (CSS) Define how to display HTML elements (specifying fonts, color, spacing) Styles are stored in style sheets (.css files) External style sheets can save a lot of work

Cascading Style Sheets (CSS) continued Allow changing of every page in a web site by just editing one style sheet Web site can be completely consistent in the look and feel of the web page. Developer has more control over the layout and design.

Software Packages Adobe Dreamweaver CS4 Originally made by Macromedia WYSIWYG Web authoring tool Allows creation of Web site without coding HTML Code created is often inefficient and needs to be “cleaned up” using HTML coding. Works well with Flash and other Macromedia (Adobe) products

Software Packages continued Microsoft Expression Web 2 WYSIWYG HTML editor Allows creation of Web site without coding HTML Replaced Microsoft FrontPage Some of the HTML code created may not validate properly