When I am embedding under, I do not close the li tag until I complete the items that are embedded. Looking at outlines.

Slides:



Advertisements
Similar presentations
HTML Basics Customizing your site using the basics of HTML.
Advertisements

Intro to HTML. HTML HTML = HyperText Markup Language Used to define the content of a webpage HTML is made up of tags and attributes Content.
HTML popo.
Introduction to HTML & CSS
CHAPTER 7 STYLING CONTENT WITH CASCADING STYLE SHEETS.
Making Things Look Nice: Visual Appearance and CSS CMPT 281.
Project 8 Creating Style Sheets.
CHAPTER 8 ADVANCED CSS. LEARNING OBJECTIVES Assign formatting styles to a CSS class definition Use a tag’s class attribute to apply the styles defined.
Web Development & Design Foundations with XHTML Chapter 7 Key Concepts.
Cascading Style Sheets Based on Castro, HTML for the WWW, 6 th edition Ron Gerton, Fall 2007.
1 Dreamweaver CS5 intermediate class by Cookie Setton Build a CSS website WITHOUT TABLES Just when you thought you were starting to understand HTML coding,
Web Pages and Style Sheets Bert Wachsmuth. HTML versus XHTML XHTML is a stricter version of HTML: HTML + stricter rules = XHTML. XHTML Rule violations:
Chapter 5 Creating an Image Map.
CS4370/6370 Web Development Cascading Style Sheets (CSS)
Image Maps and Graphics Internet Basics and Far Beyond! Mrs. Wilson.
Web Design & Development Cascading Style Sheets (CSS)
Beginning Web Site Creation: Dreamweaver CS4. XHTMLCSS  Describes the structure  Content  Collection of styles  Formatting body { background-color:
Chapter 7 Using Advanced Cascading Style Sheets HTML5 & CSS 7 th Edition.
Cascading Style Sheets. What is a style sheet? >A controlling document (or part of the document) >Sets the default appearance of items on the web page.
Hyperlinks. Working with Linked Images  A standard practice on the Web is to turn the Web site’s logo into a hypertext link pointing to the home page.
Web Page Development I Heather Rasmussen (801) Heather Rasmussen (801)
CIT 256 Organizing Large Websites: Divs, DW Templates Dr. Beryl Hoffman.
Cascading Style Sheet Basics Pepper. Looking at the HTML See the surrounding tags See head, body, paragraph, header See the ending tags See the list.
The Characteristics of CSS
CSS – Presentation of Information. Types of Style Sheets External Embedded h1{color:red; font-family: Arial;} Inline Text is here.
Images (1) Three most popular formats – Graphics Interchange Format (GIF) – Joint Photographic Experts Group (JPEG) – Portable Network Graphics (PNG) –
 This presentation introduces the following: › 3 types of CSS › CSS syntax › CSS comments › CSS and color › The box model.
CSS Basic (cascading style sheets)
Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit D Formatting Text and Using Cascading Style Sheets.
Copyright 2007, Information Builders. Slide 1 Understanding Basic HTML Amanda Regan Technical Director June, 2008.
 HTML is hypertext markup language. It is a way for people to display their information with more complex pictures and text displays. Before HTML, messages.
INTRODUCTORY Tutorial 4 Exploring Graphic Elements and Images.
INTRODUCTORY Tutorial 6 Using Links on a Web Page.
Use CSS to Implement a Reusable Design Selecting a Dreamweaver CSS Starter Layout is the easiest way to create a page with a CSS layout You can access.
1 After completing this lesson, you will be able to: Plan a FrontPage Web site. Create a new Web. Create a subpage layout. Use the subpage layout to build.
Cascading Style Sheets Creating a Uniform Site. Style Sheets  Style sheets are used for conformity on a web page or web site.  Style sheets eliminate.
Cascading Style Sheets
Are You Smarter Than a 5 th Grader? 1,000,000 5th Grade HTML 5th Grade Syntax 4th Grade HTML 4th Grade Syntax 3rd Grade HTML 3rd Grade Syntax 2nd Grade.
1 Mapping Coordinates Find the x- and y- coordinates for the images, relative to the x-axis and y-axis In a coordinate pair, the first number is the x-coordinate.
IS1825 Multimedia Development for Internet Applications Lecture 12: IDs, Classes and Internal CSS Rob Gleasure
© ExplorNet’s Centers for Quality Teaching and Learning 1 Objective % Understand advanced production methods for web-based digital media.
This shows a table with two rows. In each row there are two cells. I have put borders around them. Note I did not use th.
NASRULLAHIBA.  It is time to take your web designing skills to the next level with Cascading Style Sheets (CSS). They are a way to control the look and.
Creating Web Pages with Links, Images, and Embedded Style Sheets
Chapter 5.   A special type of inline image in which one or more areas is a hotspot (clickable) Image Map.
Chapter 11 & 12 CSS Style Sheets: Intro. Why CSS? Separate presentation from content – more accessible Less work – can change appearance of whole site.
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.
INTRO TO WEB DEVELOPMENT html
Web Basics: HTML/CSS/JavaScript What are they?
Objective % Select and utilize tools to design and develop websites.
4.01 Cascading Style Sheets
Bare boned notes.
Images, Links and Multimedia
Jacksy Diaz came in to examplain how to use the MSDN alliance
Objective % Select and utilize tools to design and develop websites.
Website Design 3
Cascading Style Sheets - Building a stylesheet
Working with HTML These are the examples you need to go over. Click on the name like HTML5intro.html and it will bring up the page. If you right click.
The Web Wizard’s Guide To DHTML and CSS
Basic HTML and Embed Codes
Introduction to HTML: Image Maps
Creating an Image Map.
Web Design and Development
Exercise 9 Skills You create and use styles to create formatting rules that can easily by applied to other pages in the Web site. You can create internal.
USING IMAGES This is the bottom of the page. Note the alignment of having text before and after, at the top, in the middle and at the bottom. Code is on.
Note this is the page I link to.
Cascading Style Sheets - Building a stylesheet
4.01 Cascading Style Sheets
Presentation transcript:

When I am embedding under, I do not close the li tag until I complete the items that are embedded. Looking at outlines.

The list-style-type lets you choose upper-roman, upper-alpha etc. The default is digits.

Setting up a map of an image. Note that the img src refers to the name of the map. Use name and id in naming the map for the best browser compatibility. Looking at mapping.

Go to a package like paint or photoshop to get the coordinates. Coordinat es show here.

This example uses rectangle, you can also use circle and polygon. Circle requires a center point and a radius. Polygon requires a series of points to move to.

Looking at forms. I would not put the ENTER.. here because I prefer having the box blank.

If you look at the code, the form sets up an .

Looking at iframes.

What is important to think about when developing a web site.

Mapping the pages and linking back.

Allows you to put up a page that links to news about your topic.

Starting to look more at CSS and external style sheets.

Shows difference in different browsers because I was not clear enough about the border.

Specified color of border.

Another example of a class. A class uses.followed by a name for the class. It can then be applied to a tag.

div.picbox can only be applied to a division

I tried to apply.picbox to a paragraph and it did not work.

Another way to link to an external style sheet.

Style totally in the external style sheet.