Web Page Design CIS 300.

Slides:

Advertisements

Similar presentations

Basic Computer Skills Windows & the Internet.

Advertisements

AN INTRODUCTION TO WEBSITE DEVELOPMENT MADE BY: SIR NASEEM AHMED KHAN DOW VOCATIONAL& TECHNICAL TRAINING CENTRE.

Hyper Text Markup Language.  HTML is a language for describing web pages.  HTML stands for Hyper Text Markup Language  HTML is not a programming language,

Creating and Editing a Web Page Using Inline Styles

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

1 Computing for Todays Lecture 22 Yumei Huo Fall 2006.

Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.

FIRST COURSE Creating Web Pages with Microsoft Office 2007.

INSTRUCTIONAL SUPPORT SERVICES (ISS) SHORT COURSE, FALL 2012 UMSL Introduction to Web Page Design.

Publishing guidelines. GLOBAL ELEMENTS Main menu Creating a menu item 1.Right click «Main menu» in the sub structure, click «Create» 2.Enter the name.

With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)

  Just another way to collect pieces together (like div, section)  Anything can be in there  Formatting just like all other elements.

Web Design Basic Concepts.

Windows & The Internet. Objectives: Identify and use computer hardware Open and close a desired program Switch back and forth between open windows Create.

Internet. Internet is Is a Global network Computers connected together all over that world. Grew out of American military.

 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.

Basic XHTML Module 2: XHTML Basics LESSON 1. Module 2: XHTML Basics LESSON 1 Lesson Overview In this lesson, you will learn to:  Write XHTML code using.

Web Design Dreamweaver Semester 2 ATBs. ATB #1 What is a web site?

Creating an Expression Web Site

Adobe Dreamweaver CS5 Introduction Web Site Development and Adobe Dreamweaver CS5.

Web Design ITM 2010 Tutorial 1 Prepared by Wang Shiyu.

HTML Structure & syntax

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.

Web Design ATBs. ATB #1 List headings and size ATB #2 Define HTML.

Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 

© Paradigm Publishing, Inc Browsing the Internet Using Internet Explorer 8.0.

Adobe Certified Associate Objectives 6 Evaluating and Maintaining a site.

Fall 2005 Using FrontPage to Enhance Blackboard - Darek Sady1 Using FrontPage to Enhance Blackboard 1.Introduction 2.Starting FrontPage 3.Creating Documents.

Basic HTML PowerPoint How Hyper Text Markup Language Works

Objective Understand concepts used to web-based digital media. Course Weight : 5%

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 1 Microsoft Office FrontPage 2003 Tutorial 1 – Creating a Web Site.

HTML Structure & syntax. Introduction This presentation introduces the following: Doctype declaration HTML Tags, Elements and Attributes Sections of a.

Teacher In-service January 25, 2013 Presented by Kevin Pedersen of.

Google Calendar Integration Guideline Powered by DonorCommunity TM DonorCommunity eLearning Series v1.2, February 2012 Google Calendar Integration Guideline.

Writing a Web Page. Using Frontpage FrontPage is a user-friendly WYSIWYG html editor. To begin, open the program and a new page. FrontPage is a user-friendly.

Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.

Adobe Dreamweaver CS3 Developing a Web Page. Planning the Page Layout Use White SpaceUse White Space Limit media objectsLimit media objects KISSKISS Use.

Mrs. Walls September/October Learning the Web Vocabulary Web Sites Web Pages Web Browser.

Double –Click on the Netscape Icon on your desktop The following are a series of steps to help you get started with Netscape Composer.

Exploring Microsoft Microsoft FrontPage Chapter 21 Exploring Microsoft FrontPage 2002 Chapter 1 Creating a Home Page: Introduction to MS FrontPage.

PART 2 INTRODUCTION TO DYNAMIC WEB CONTENT AND PHP.

Creating Your Own Web Page A Basic Introduction Before we begin, some housekeeping... Create a NEW folder in your H:\ drive called Webpage All of your.

Home page Web page link 1 Web page link 2Web page link 3Web page link 4.

Agency Web Site Navigation Structure. Building the agency web site Agency Web Site Navigation Structure, Slide 2Copyright © 2004, Jim Schwab, University.

Microsoft FrontPage 2003 Illustrated Complete Working on the Web Site’s Hyperlinks and Appearance.

Basic HTML. Lesson Overview In this lesson, you will learn to:  Write HTML code using a text editor application such as Notepad.  View Web pages created.

COMPUTER PROGRAMMING I 3.01 Apply Controls Associated With Visual Studio Form.

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

COMPUTER PROGRAMMING I 3.01 Apply Controls Associated With Visual Studio Form.

Microsoft Expression Web - Illustrated Unit A: Getting Started With Microsoft Expression Web.

1 Committed to Shaping the Next Generation of IT Experts. Chapter 4: Online Publishing: Creating a Web Site Exploring Microsoft Office Publisher 2013 Robert.

Basic Computer Skills Windows & the Internet vfu.bg/en/e-Learning/

Creating Web Pages in Word. Sharing Office Files Online Many Web pages are created using the HTML programming language. Web page editors are software.

Weebly is Your Friend. * To Enhance And Promote Your Curriculum * To Provide A Student Resource * Add Efficiency to Your Planning * Informational * Promote.

XP Creating Web Pages with Microsoft Office

Computer Fundamentals Desktop Publishing & Web Design MSCH 233 Lecture 9.

Basic HTML Introduction to HTML.

Pre-Production Meet with the client to create a project plan:

Chapter 1 Introduction to HTML.

With Microsoft FrontPage 2000

Tutorial: How to Creat a Website.

Your First & Last Name (Make sure you capitalize your first and last name!) Follow these instructions: 1. Center your name on the slide (use the “Centered”

Loading a File to the UST Web Server

Part 3 Creating basic HTML web pages

Module 6: Creating Web Pages and Working with Channels

Lesson Objectives Lesson Outcomes

Left Click to view the next slide.

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

Part 3 Creating basic HTML web pages

Use an Internet Browser

Presentation transcript:

Web Page Design CIS 300

3 Elements of a Web Site Content Aesthetics Navigation

Content This is really the purpose of having a web. Must be: Informative Accurate Up to date

Aesthetics Look and Feel of a Web Site Colors Font Pictures Background Size Color Pictures Background

Navigation How to move around from page to page Hyperlinks Menus Icons

Other Possibilities Forms (for collecting data) Programming Languages Text Boxes Option Buttons Checkboxes Drop Down Lists Programming Languages JavaScript Lots of free code available – just “Google it” Visual Basic PHP

How to Design Webs Use a WYSIWYG Editor (like FrontPage) Check your work in a Browser FireFox Internet Explorer Safari Chrome Save and Refresh Often Save all Files in one place Create a folder Copy Menus to every page