Planning your site/organization on the Web Please use speaker notes for additional information!

Slides:



Advertisements
Similar presentations
CHAPTER 7 STYLING CONTENT WITH CASCADING STYLE SHEETS.
Advertisements

CNIT 133 Interactive Web Pags – JavaScript and AJAX Review CSS.
Cascading Style Sheets Understanding styles. The term cascading describe the capability of a local style to override a general style. CSS applies style.
Dreamweaver Cheat Sheet CSCI 100 – JW Ryder. CSCI 1002JW Ryder - Dreamweaver Notes Initial Site Set Up Goto W:\ drive – This is your web root directory.
Interface Design 2 Week 9. Interface Design 2 :: Week 9 :: Calendar.
Chapter 8 Designing with Cascading Style Sheets. Chapter 8 Topics Building three different types of complete Web pages using CSS: Build a style sheet.
Let me control over my pages: Tables, Frames, and CSS.
1 Advanced Frame Options Using NORESIZE  By default, users may resize frames unless you specify the NORESIZE attribute in the tag  Examples:
Web Design Dreamweaver Semester 2 ATBs. ATB #1 What is a web site?
CSS 404 Internet Concepts. XP Objectives Developing a Web page and a Website Working with CSS (Cascading Style Sheets) Web Tables Web Forms Multimedia.
Title, meta, link, script.  The title looks like:  The tag defines the title of the document in the browser toolbar.  It also: ◦ Provides a title for.
Form Tag How to use Form Tag Something NEW ? PARAMETER Attribute NAME Specifies the name for a form To specify which form to submit with JavaScript, this.
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.
Intro to Web Dev Session 2 – Planning and Structure.
How to upload files to Altervista Overview:
Cascading Style Sheets Class 2, Lecture 3 Rachel A Ober
Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.
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.
 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.
Cascading Style Sheets
Web Design Part I. Click Menu Site to create a new site root.
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.
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.
INTRODUCTORY Tutorial 5 Using CSS for Layout and Printing.
CSCI 6962: Server-side Design and Programming Facelets and User Interface Design.
Determining the URL for a Web Document. Components The URL of a web document consists of 1.The server address 2.The folder structure 3.The file name.
Web programming Part 1: HTML 由 NordriDesign 提供
Web Design Site Structure. Site File Structure What is a wireframe?
The “Quick Change” Method of Web Design. Create Your Design Create and cut up the graphics for your web site. Create a masterstyle sheet. Name it “plainmasterstylesheet.html.
© ExplorNet’s Centers for Quality Teaching and Learning 1 Objective % Understand advanced production methods for web-based digital media.
CSU - DCE Introduction to CSS CSS URLs - Fort Collins, CO Copyright © XTR Systems, LLC Cascading Style Sheets - Specifying URLs Instructor: Joseph.
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 ?
Before We Begin Please download the files from as we will be using them in our walkthroughs.
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)
Introduction to HTML Hypertext Mark-up Language. HTML HTML = Hypertext Mark-up Language Is just plain simple text marked up by “tags” You can create a.
Hyperlinks Links for Other Pages. Hyperlink (aka Link) Text (or image) user can click Takes user to different location In general, location can be: On.
Cascading Style Sheets - CSS December 20, 2008 NTPCUG Expression Web SIG.
CM143- WEB CM143-WEB Page Layout live sites HTML Images User Considerations Planning Navigation CSS Architecture File Management Cascading Style Sheets.
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.
Creating Web Documents CSS examples (do more later) Lab/Homework: Read chapters 15 & 16. Work on Project 3, do postings.
MIT 511- Web Design & Usability
CSS Nick Sims.
Web Basics: HTML/CSS/JavaScript What are they?
4.01 How Web Pages Work.
Objective % Select and utilize tools to design and develop websites.
Department of Computer Science
Using the HTML and CSS Validation Services
Art 128 Interface Programming 1 In-class Presentation Week 2B
Server sends index-HTML-Code Enter in Browser (localhost/name) Local Server Browser Requests Data Server sends index-HTML-Code.
HTML Basics and CSS style
Objective % Select and utilize tools to design and develop websites.
ITI 133 HTML5 Desktop and Mobile Level I
CIS 273 Innovative Education-- snaptutorial.com
CIS 273 Possible Is Everything/snaptutorial.com
CIS 273Competitive Success/tutorialrank.com
CIS 273 Education for Service-- tutorialrank.com.
CIS 273 RANK Education for Service-- cis273rank.com.
Cascading Style Sheets - Building a stylesheet
My web site..
Creating a Web Site using a free site and a file manager
HTML5 Level I Session II Chapter 3 - How to Use HTML to Structure a Web Page
Web Page Development Tools
How files are organized
Coding links on Web Pages
A01 DESIGN To be completed Your proposal  Your House style 
Web Page Development Tools
Unit 4 Test CSS Test.
Web Design and Development
HTML and CSS Basics.
Cascading Style Sheets - Building a stylesheet
Presentation transcript:

Planning your site/organization on the Web Please use speaker notes for additional information!

layout of pgrocer index.html will be loaded when the user enters This is because when a site address is entered, it will look for the file named index.html and load it. If you want a unique name for your initial page, you have to specify it with the address - index.html is my home page. Directories for each course! Main page for each course! Pages referred to from the other main pages in the site. For example CISHdrL.html and CISHdrR.html are the pages for the opening frames.

This is index.html: CIS Department Header Page index.html etc. This is CISHdrL.html: CIS Department Home Page Root directory of

Cis44

Test of cascading style sheets Style sheet itself for HTML above Another CSS test Style sheet for the another test above HTML with style embedded in code HTML with css Style sheet for css2 HTML with css - background change from css2 These are some lines of code from PFGCIS44.html which is the main page for the CIS44 course and is located in the root directory of Note that when I give addresses for pages or images that are not in the same directory I start with the directory that is located in the root. Cis44/HTML/css