How to Make HTML and CSS Files Using Notepad++

Slides:



Advertisements
Similar presentations
Creating Your Bibliography Setting a Hanging Indent.
Advertisements

This Presentation Contains Narration and Notes To hear the narration, turn on your speakers or plug in headphones. If you would like to view this slideshow.
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.
WeB application development
Project 8 Creating Style Sheets.
Creating and Editing a Web Page Using Inline Styles
Using Advanced Cascading Style Sheets
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.
Ch. 5 Web Page Design – Templates and Style Sheets Mr. Ursone.
Creating a Form on a Web Page
Creating a Form with Selection Menus The SELECT control creates a selection menu This control only allows the visitor to choose pre-defined choices There.
Chapter 3 Working with Text and Cascading Style Sheets.
Tutorial … Creating a Website 1.Create Website folder and image folder 2. Put all images in your image folder 3.Open Notepad (Windows) or Open TextEdit.
Creating & Attaching CSS An CSS Primer Tutorial. A New CSS Document Create a new CSS Document in Dreamweaver using the “New” option under the File Menu.
ETT 429 Spring 2007 Web Design I.
FIRST COURSE Creating Web Pages with Microsoft Office 2007.
Overview of HTML. Three Different Approaches  Text editor like Notepad  HTML editor such as: –KompoZer –DreamWeaver –Microsoft Expression Web –iWeb.
Microsoft Internet Explorer Capturing Text and Images From the Internet.
Introduction to Web Development in HTML Web module day 1 IS 201.
Chapter 3 Working with Text and Cascading Style Sheets.
Making an HTML Document Notepad Group Bo Kim Dan Carter Han Chong Justin Weaver Kris Lamont.
HTML.
Step 1: Choose a Domain that hosts WebPages Here’s some free ones to start you off:   
HTML, XHTML, and CSS Chapter 8 Adding Multimedia Content to Web Pages.
Computing Theory: HTML Year 11. Lesson Objective You will: o Be able to define what HTML is - ALL o Be able to write HTML code to create your own web.
HTML Concepts and Techniques Fourth Edition Project 7 Creating a Form on a Web Page.
HTML Concepts and Techniques Fourth Edition Project 12 Creating and Using XML Documents.
Creating a Form on a Web Page
Microsoft Visual Basic 2012 CHAPTER THREE Program Design and Coding.
1 Creating Web Pages Part 1. 2 OVERVIEW: HTML-What is it? HyperText Markup Language, the authoring language used to create documents on the World Wide.
Basic HTML Hyper text markup Language. Lesson Overview  In this lesson, you will learn to:  Write HTML code using a text editor application such as.
HTML Basics Objectives: Objectives: Understand what HTML is Understand what HTML is Know basic HTML tags Know basic HTML tags Understand how to view HTML.
YEAR 8 – WEB DESIGN IN HTML Lesson 2. STARTER Use the internet to find out what JavaScript is? Use ‘Microsoft Word’ to write down your list.
Tools to Create Web Pages Fall Tools Text Editors – Notepad (free) – Notepad++ (free) Word Processor – MS Word (Expensive) HTML – HTML Kit (free,
15.1 Fundamentals of HTML DeKalb County School System.
CS543: WEB APPLICATION PROGRAMMING Lab 1: HTML tags & SW installation Computer Science Department.
Creating and Editing a Web Page
+ HTML Hypertext Markup Language. + Introducing HTML HTML is the language used in writing websites Open the “HTML Practice” link on the Daily Log Delete.
Creating and Editing a Web Page Using Inline Styles
PART 1: Introduction to HTML & CSS. Lecture 1: HTML 5 Basic Structure.
Behind every site is a mix of special languages that your web browser understands The main way of describing any website is HTML HTML stands for Hyper.
HTML NOTES October 6, Starting a document and saving  Always use notepad  Use _ for spaces otherwise it won’t work  When saving make sure you.
NOTEPAD++ Lab 1 1 Hanin Abdulrahman. Downloading Hanin Abdulrahman 2  Click here to downlaod Notepad++.here  For Mac users, try Textmate or Textwrangler.
1 Your Web Page title body of Web page main heading H2 heading bulleted list paragraph.
Creating Web Pages with Links, Images, and Embedded Style Sheets
Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.
NOTEPAD++ Lab 1 1 Riham ALSmari. Why Notepad++ ?  Syntax highlighting  Tabbed document interface  Zooming  Indentation code  Find and replace over.
Creating Web Pages in Word. Sharing Office Files Online Many Web pages are created using the HTML programming language. Web page editors are software.
Essential tools for implementing and testing websites
Dreamweaver MX Lesson 14: Using Find and Replace.
Tutorial: How to Creat a Website.
INSTRUCTIONS This presentation was designed to first be viewed in class with the instructor. Students may then view it on their workstations while trying.
BASIC HTML CODING BY cHRIS JACKSON.
Saving a .html file in NotePad
Introduction to Web Page Design
Cheat Sheet CSCI 100 JW Ryder
HTML HYPERTEXT MARKUP LANGUAGE.
Embedding Graphics in Web Pages
Save for Web and Devices in PS
Project Documentation Generation
Working with Text and Cascading Style Sheets
Cheat Sheet CSCI 100 JW Ryder
HTML Structure.
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.
Print, , Save Results TUTORIAL ToxPlanet Documents Print, , Save Results
Brackets Working with Brackets.
EXPERTIndex™ “Contains” Print, , Save Results
Creating your first website
Introduction to Web Application Design
Creating your first website
Presentation transcript:

How to Make HTML and CSS Files Using Notepad++ Afnan Al-Subaihin How to Make HTML and CSS Files Using Notepad++

Step 1 Open Notepad++ Start menu  All Programs  Notepad++  Notepad++ You may also use the regular Notepad. But notepad++ provide: Tabbed Document Interface Syntax highlighting Indentation of code Detection of tags and their closing tags. Tree view of the code. Afnan Al-Subaihin

Afnan Al-Subaihin

Step 2 Save the file: File  Save As (or Alt+Ctrl+s) Select File format. Either by: Choosing the desired format from the types list. Write .html Afnan Al-Subaihin

Step 3 View the webpage: Double click on the file you have just saved will open in the default web browser. From Notepad++ run tap: Choose the browser you like. Afnan Al-Subaihin

Step 4 Editing the file: Right-click the file  Edit with Notepad++ From File tap in Notepad++ click open. Afnan Al-Subaihin

Afnan Al-Subaihin

References http://www.slideshare.net/LearningNerd/how-to- make-html-and-css-files http://en.wikipedia.org/wiki/Notepad%2B%2B Afnan Al-Subaihin