Mr. Rouda’s CSCI 101 sections. Format of Every Page my page this is the body.

Slides:



Advertisements
Similar presentations
WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
Advertisements

January 14, Introducing RedDot Allows you to edit pages in the system. Provides greater flexibility and control over your content. Allows the reuse.
 Share assignments and files  Student and parent home access  Announcements  Classroom information.
Microsoft Expression Web-Illustrated Unit C: Adding Text and Links.
MIS 425 Lecture 1 – HTML Basics and Web Page Design Instructor: Martin Neuhard
DIVISIONS FOR ALL WEB PAGES Web Page Elements.  All Web Pages should have the following 4 elements (Also called divisions).  header  navigation  content.
Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.
Chapter 7 Using Advanced Cascading Style Sheets HTML5 & CSS 7 th Edition.
 Adding Background image  Creating internal links  Creating external links  Save your document as a webpage(.mht) file.
Menus When you begin to explore Word 2007 you will notice a new look to the menu bar. There are three features that you should remember as you work within.
Final Exam Our final will be held: –Thursday, May 3 rd –From 4:00 to 5:50 PM –In 109 CIWW (same room as class) There will be no make up and the final is.
XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 9 1 Microsoft Office FrontPage 2003 Tutorial 9 – Using Layout Tables, Styles, and Office.
Final Exam Our final will be held: –Monday, December 19 th –From 2:00 to 3:50 PM –In 809 Silver There will be no make up and the final is mandatory. It.
Let me control over my pages: Tables, Frames, and CSS.
Final Exam Our final will be held: –Thursday, May 8 th –4:00 PM - 5:50 PM –In 109 CIWW (same room as class) There will be no make up and the final is mandatory.
Hyperlinks, Sections, Master Pages
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.
Website Design - Review Layout using tables. Table exmaple James 11/08.
CPSC 203 Introduction to Computers Lab 39, 40 By Jie (Jeff) Gao.
Branded Websites. Branded Website Training Click the “Edit Pencil” to edit the website Enter in your iBoomerang username and password.
Exploring Word Grauer and Barber 1 Committed to Shaping the Next Generation of IT Experts. Chapter 6: Introduction to HTML: Creating a Home Page.
HTML & CSS A brief introduction. OUTLINE 1.What is HTML? 2.What is CSS? 3.How are they used together? 4.Troubleshooting/Common problems 5.More resources.
CURR 285, Fall 2004 Michael Beutner, Associate Professor, Instructional Technology Office:Strauss Hall 206 (203) When you send ,
Microsoft Word 2000 GEH MIT! How to create a web page/web site.
Robert Vitolo CS430.  CSS (Cascading Style Sheets)  Purpose: To provide a consistent look and feel for a set of web pages To make it easy to update.
Mr. Rouda’s CSCI 101 sections. What does a web page consist of? Code HTML, CSS, XHTML, XML, etc. Images Gif, jpg, png, etc. Plugins Swf, flv, etc. JavaScript.
IT 245 – Website Development Welcome!. Welcome to Unit 2! Creating Page Layouts.
Agenda Outline Mode Separating Show Into Sections Hyperlinking Adding Media Inserting Charts from Excel Common Mistakes Q&A.
Page 1 Simple PowerPoint Menus Section 1 Section 3 Section 2 Tutorial.
XP Modifying the Slide Master Click the View tab on the Ribbon, and then, in the Master Views group, click the Slide Master button Click the Slide Master.
Mr. Rouda’s CSCI 101 sections. What does a web page consist of? Code HTML, CSS, XHTML, XML, etc. Images Gif, jpg, png, etc. Plugins Swf, flv, etc. JavaScript.
ADOBE WEAVER WEB DESIGN. START THE DW 2 WORKSPACE LAYOUT Application Bar Document Toolbar Document Window Workspace Switcher Property Inspector GroupPanel.
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.
Microsoft FrontPage 2003 Illustrated Complete Using a Dynamic Web Template.
CPG 4331 Class Agenda Word  Getting Started  Editing Documents  Changing Views in Documents  Format Text / Format Documents  Work With Tables  Work.
G053 - Lecture 07 Designing Your Web Pages Mr C Johnston ICT Teacher
1 Windows Internet MS Word. 2 Windows Essential Windows Operations  Opening a disk/folder/file  Creating a new folder  Renaming a folder/file.
Start Dreamweaver program From file menu click new Blank page appears.
Building an Effective Website. Start with a plan  Have clear goal and design your entire site with those goals in mind.  Research and develop a sketch.
Presented by: Student ID: Sang Geol LEE Subject: ITC105 Communication and information management Website Planning Report Assignment item2-Part.
Louisa Lambregts, Louisa Lambregts
CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 2 1.Create a new document 2.Save as L/bsba/IS330/yourfolder,
New Homepage Copy & Layout Copyright Web.com 2013.
Adobe Dreamweaver CS3 Developing a Web Page. Planning the Page Layout Use White SpaceUse White Space Limit media objectsLimit media objects KISSKISS Use.
Double –Click on the Netscape Icon on your desktop The following are a series of steps to help you get started with Netscape Composer.
M. D. Slaughter1 Microsoft Office PowerPoint 2003 Tutorial Lai 687 Instructional Design M. D. Slaughter.
INF1070 PowerPoint Presentation. Research a topic Find a topic that is of interest to you Minimum 10 slides of information are required (Excludes Biography.
Planning and Designing a Website Index Page Use it as a way to introduce yourself, and describe your website. Use it as a way to introduce yourself,
Tutor: Gerry Mc Cann Basic Computer Study for academic Skills.
HTML Comprehensive Concepts and Techniques Second Edition Project 2 Creating a Web Site with Links.
Mr. Rouda’s CSCI 101 sections. Refresher from Day One link.
Improving Your County CMS Topics & Events Pages Jeanne Wiebke Extension Information Technology November 30, 2006.
GTL PowerPoint Template Reporting Style Template March 19, 2012.
Creating a Google Site For a Digital Portfolio Purpose.
CPSC 203 Introduction to Computers Lab 66 By Jie Gao.
HTML And the Internet. HTML and the Internet ► HTML: HyperText Markup Language  Language in which all pages on the web are written  Not Really a Programming.
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
My Website By : Peter Problems while building website These are the problems I had to overcome while building my site. Getting pictures to be the same.
1 After completing this lesson, you will be able to: Create and edit hyperlinks in worksheets. Save worksheets and workbooks as Web pages. Send workbooks.
Introduction; font size
GCE Applied ICT G053: Lesson 07 Design Tools and Techniques
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”
Google Fonts Selective Formatting
Lesson Objectives Lesson Outcomes
Hyperlinks, Sections, Master Pages
Hyperlinks, Sections, Master Pages
A01 DESIGN To be completed Your proposal  Your House style 
Mr. Rouda’s CSCI 101 sections
Main Title Here ADD YOUR WEB ADDRESS HERE
Presentation transcript:

Mr. Rouda’s CSCI 101 sections

Format of Every Page my page this is the body

Building a Stylesheet Create the file Define your colors, fonts, header size, table formats, hyperlink formats, etc. Link the file to your pages

Building Your site Layout your pages How many pages? What they are? Build your header and footer Build your menus Add Content to your site Test it

Web Project Use Create a site with a homepage (default.htm) 3 pages of content (page1.htm, page2.htm, page3.htm) A contact page (contact.htm) Make sure all pages have a consistent look and feel (color, menu) and use the same linked sytlesheet. The contact page should contain contact information for you (minimum is a link to your address).

Web Project The content pages should contain the following: Menu A paragraph of text content Headers Pictures Lists An External Hyperlink DUE: The day of the final exam via (send a link to site)