 Review ◦ DMACC  P drive ◦ password: stem2014 first line  always put your  Club Web site :

Slides:



Advertisements
Similar presentations
Cascading Style Sheets Alternative to HTML tag style.
Advertisements

Introduction to HTML
Nvu - How to Create Your Own Website From Start to Finish!Dr. Dawn Sherry & Dr. Barry J. Monk Dr. Dawn Sherry Dr. Barry J. Monk Assistant Professor of.
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 Introduction CS 1020 – Lego Robot Design. Building Websites HTML (HyperText Markup Language)  The dominate language of the internet  Describes.
HTML and CSS. HTML Hyper Text Markup Language Tells browser how to display text and images.
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.
CSS Cascading Style Sheets. Objectives Using Inline Styles Working with Selectors Using Embedded Styles Using an External Style Sheet Applying a Style.
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 External Style.
Ideas to Layout Beginning web layout using Cascading Style Sheets (CSS). Basic ideas, practices, tools and resources for designing a tableless web site.
CSCI 3100 Tutorial 6 Web Development Tools 1 Cuiyun GAO 1.
Web Engineering 1 Ishaq Khan Shinwari MCS City University Peshawar.
2.744 Dreamweaver Tutorial Sangmok Han Feb 24, 2010.
Cascading Style Sheets
Programming Club IIT Kanpur. Work environment Before you begin coding,always set up your work environment to your needs IDE Notepad++ Sublime Text 2.
CHAPTER 7 STYLING CONTENT WITH CASCADING STYLE SHEETS.
Introducing CSS CIS 133 mashup Javascript, jQuery and XML 1.
INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.
CSS. Intro to CSS Cascading Style Sheets – styles and enhances appearance of webpage.css extension.
Making Things Look Nice: Visual Appearance and CSS CMPT 281.
Start menu -> all program -> Microsoft Visual SourceSafe-> Microsoft Visual Studio 2010 Click.
Very quick intro HTML and CSS. Sample html A Web Title.
Cascading Style Sheets. CSS stands for Cascading Style Sheets and is a simple styling language which allows attaching style to HTML elements. CSS is a.
Advanced Web Design Using Dreamweaver Robby Seitz 121 Powers Hall
1 Web Developer & Design Foundations with XHTML Chapter 9 Key Concepts.
End User Computing An Introduction to CSS Sujana Jyothi Research Lab1, Callan Building, Department of Computer Science
Building a Website: Cascading Style Sheets (CSS) Fall 2013.
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,
Using Advanced Cascading Style Sheets
Web Pages and Style Sheets Bert Wachsmuth. HTML versus XHTML XHTML is a stricter version of HTML: HTML + stricter rules = XHTML. XHTML Rule violations:
Robby Seitz 121 Powers Hall ADVANCED WEB DESIGN USING DREAMWEAVER
กระบวนวิชา CSS. What is CSS? CSS stands for Cascading Style Sheets Styles define how to display HTML elements Styles were added to HTML 4.0 to.
Chapter 8 Creating Style Sheets.
CSS normally control the html elements. Three Ways to Insert CSS There are three ways of inserting a style sheet: External style sheet Internal style.
CSS Cascading Style Sheets Brief Introduction
Web Design with Cascading Style Sheet Lan Vu. Overview Introduction to CSS Designing CSS Using Visual Studio to create CSS Using template for web design.
Chapter 7 Using Advanced Cascading Style Sheets HTML5 & CSS 7 th Edition.
Prepared by ackoo Styli n g your page (font type, font size, colors, text decoration, alignment, set margin, table padding, etc.) References: W3Schools.
Web Workshop: CSS Objectives: - “What is CSS?” - Structure of CSS - How to use CSS in your webpage.
TUTORIAL 8: Enhancing a Web Site with Advanced CSS
Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.
Web Design Dreamweaver Semester 2 ATBs. ATB #1 What is a web site?
Additional Topics. Tutorial #9 Review – Forms Forms Legend and fieldset Fields Text Password Radio buttons, check box, text area, select lists Buttons.
Dreamweaver MX. 2 Creating External Style Sheets-1 (p. 400) n A style is a group of formatting attributes identified by a single name. n An ________ style.
HTML Concepts and Techniques Fourth Edition Project 8 Creating Style Sheets.
Learning HTML. HTML Attributes HTML elements can have attributes Attributes provide additional information about an element Class – specifies a class.
18 People Surveyed HTML (HyperText Markup Language) HTML “tags” Describes structure Building blocks Headings, paragraphs, lists, links, images, quotes,
1 What is CSS?  CSS stands for Cascading Style Sheets  Styles define how to display HTML elements  Styles are normally stored in Style Sheets  Styles.
Basic HTML Workshop By: Preeda Chunjongkolkul (Pete) Systems Librarian/Webmaster
CSS Basic (cascading style sheets)
CPSC 203 Introduction to Computers Lab 33 By Jie Gao.
CSS Tutorial 1 Introduction Syntax How to use style specifications. Styles.
HTML GUIDE Press F5 and then Click on the links on the left to get to the section you want Section 1: Getting Started Section 2: Moving Banner Section.
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.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
 Look especially at › File Tips and Shortcuts › Student video.
University of South Asia Course Name: Web Application Prepared By: Md Rezaul Huda Reza
How to… Cascading Style Sheets. How to Insert a Style Sheet When a browser reads a style sheet, it will format the document according to it. There are.
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
Project 02 Creating and Editing a Web Page Concept Map of Unit Creating and Editing a Web Page Key Learning Understand the elements to create a web page.
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.
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.
1 Cascading Style Sheets
MIT 511- Web Design & Usability
Web Basics: HTML/CSS/JavaScript What are they?
Project 8 Creating Style Sheets.
Web Authoring Task 1– Create Style Sheet List – LI { Table Body
Table CSS Create a new CSS called tablestyle.CSS Green Background
Software Engineering for Internet Applications
One Set of Styles Connected to As Many Pages as You Want!!!
Presentation transcript:

 Review ◦ DMACC  P drive ◦ password: stem2014 first line  always put your  Club Web site :

 Photo editor; ◦ Photoshop  free program Gimp  Text editor; ◦ Dreamweaver  free program notepad and notepad++ ◦

 ◦ Untitled Document ◦  /*put the css between the style tags in the head.  This is a CSS comment */ ◦  ◦ put contents between the body tags ◦ 

 Header tags  Paragraph tags  Picture  ename=tryhtml_images_style ename=tryhtml_images_style  Stored in another folder + broken path to the picture ename=tryhtml_images_folder ename=tryhtml_images_folder

 Link to  ◦ another web page on you web site ◦ to an external web site  ename=tryhtml_links ename=tryhtml_links

 CSS Demo  t.htm t.htm  Color  p{color:red:}  name=trycss_color name=trycss_color

 Background  und.asp und.asp  name=trycss_background-image_position name=trycss_background-image_position  add body, p and h1 change: repeat, margin, position

 Text-align  ◦  Text-decoration  ◦ decoration_link decoration_link ◦ Add color: red background-color: yellow;

 Font-size  ◦  Border  ◦

 Tables    Learn More Free    web web