NOTEPAD++ Lab 1 1 Hanin Abdulrahman. Downloading Hanin Abdulrahman 2  Click here to downlaod Notepad++.here  For Mac users, try Textmate or Textwrangler.

Slides:



Advertisements
Similar presentations
3.02D HTML Overview 3.02 Develop webpages.
Advertisements

Go to ‘Site Actions’ ‘View All Site Content ‘View All Site Content’
Html: getting started HTML is hyper text markup language. It is what web browsers look at on the Internet. HTML documents should be created in a simple.
Unit 3 Day 4 FOCS – Web Design. No Journal Entry.
WeB application development
Project 8 Creating Style Sheets.
Creating and Editing a Web Page Using Inline Styles
HTML Creating Web pages. HTML Hyper Text Markup Language Not programming, but a markup language using tags to format text in Web browsers.
Microsoft Expression Web-Illustrated Unit L: Using Code Tools.
JavaScript 101 Lesson 01: Writing Your First JavaScript.
Java Programming Working with TextPad. Using TextPad to Work with Java This text editor is designed for working with Java You can download a trial version.
Creating an HTML page Skills: edit and debug HTML pages IT concepts: text editor This work is licensed under a Creative Commons Attribution-Noncommercial-
Creating and Publishing Your own website
JavaScript Development Tools Front-End Development.
 Definition of HTML Definition of HTML  Tags in HTML Tags in HTML  Creation of HTML document Creation of HTML document  Structure of HTML Structure.
Creating a Console Application with Visual Studio
Getting Started with Adobe Photoshop CS6
Overview of HTML. Three Different Approaches  Text editor like Notepad  HTML editor such as: –KompoZer –DreamWeaver –Microsoft Expression Web –iWeb.
1 ADVANCED MICROSOFT WORD Lesson 15 – Creating Forms and Working with Web Documents Microsoft Office 2003: Advanced.
Introduction to Web Development in HTML Web module day 1 IS 201.
Making an HTML Document Notepad Group Bo Kim Dan Carter Han Chong Justin Weaver Kris Lamont.
HTML.
1 Import NRCC Data February 2015 Obtaining NRCC Rainfall Data and Importing it into WinTR-20.
Tutorial 1 Developing a Basic Web Page. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition Objectives – Lesson 1 Introduction to the.
Using FrontPage Express. Slide 1 Standard toolbars and menus Time indicator: gives an approximation of download time of the page.
Website Development with Dreamweaver
Selenium Web Test Tool Training Using Ruby Language Discover the automating power of Selenium Kavin School Kavin School Presents: Presented by: Kangeyan.
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 Hyper Text Markup Language. What is an HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup.
Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic.
Microsoft Word The basics. For Your Information  Microsoft Word is one of the most popular word processing programs  supported by both Mac and PC platforms.
Putting Applets into Web Pages.  Two things are involved in the process of putting applets onto web pages ◦ The.class files of the applet ◦ The html.
NIRT 7/24/08. Create New NIRT Soybeans Select FGIS-NIRT Daily Soybean dropdown list A new blank record will open.
Creating a Form on a Web Page
Drinking Water Infrastructure Needs Survey and Assessment 2007 Training.
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.
Project 2 Web Page Design Creating and Editing a Web Page Pages
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.
Unit 5 Microsoft SQL Server and MySQL. Key Concepts DBMS variations SQL Server features SQL Server Management Studio MySQL features Scripts Queries Database.
How to make tables in HTML By Daniel Arze. How do they do this?
HTML ( HYPER TEXT MARK UP LANGUAGE ). What is HTML HTML describes the content and format of web pages using tags. Ex. Title Tag: A title It’s the job.
Java Programming, Second Edition Appendix A Working with Java SDK 1.4.
CS543: WEB APPLICATION PROGRAMMING Lab 1: HTML tags & SW installation Computer Science Department.
Web Authoring with Dreamweaver. Unit Objectives  Be able to define keywords: HTML, HTTP (protocol), browser, web server, client/server, tag, attribute,
Building a Web Page. Create A New Folder  Right click on the desktop and select New / Folder  Name the folder playpen.
1 Getting Started with C++ Part 1 Windows. 2 Objective You will be able to create, compile, and run a very simple C++ program on Windows, using Microsoft.
Open the index.html Open this PowerPoint from the S Drive IDT folder Chapman Images.ppt.
HTML rev 01/09/2016 Hyper Text Markup Language. HTML -history  Hypertext Markup Language is the main language for creating web pages . It was first.
HTML-I Basic HTML Elements. HTML (Hyper Text Markup Language) HTML is a document layout and hyperlink- specification language. i.e. a language used to.
Web Scraping with Python and Selenium. What is Web Scraping?  Software technique for extracting info from websites Get information programmatically that.
Chapter 4 and 5. Objectives Introduce markup: elements and attributes How browsers interpret HTML documents Basic structure of HTML document What do style.
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.
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.
PHP Basics and Syntax Lesson 3 ITBS2203 E-Commerce for IT.
Getting Started with Adobe Photoshop CS5
Appendix A Barb Ericson Georgia Institute of Technology May 2006
Getting Started with Adobe Photoshop CS6
Using a set-up file to read ASCII data into SPSS
HTML Intro.
Introduction to Web Page Design
HTML HYPERTEXT MARKUP LANGUAGE.
Embedding Graphics in Web Pages
How to Make HTML and CSS Files Using Notepad++
HTML Structure.
Creating your first website
Introduction to Web Application Design
Creating your first website
Mu Editor – New User Cheat Sheet – CircuitPython Mode
Mu Editor – New User Cheat Sheet – CircuitPython Mode
Presentation transcript:

NOTEPAD++ Lab 1 1 Hanin Abdulrahman

Downloading Hanin Abdulrahman 2  Click here to downlaod Notepad++.here  For Mac users, try Textmate or Textwrangler.

Why Notepad++ ?  Syntax highlighting  Tabbed document interface  Zooming  Indentation code  Find and replace over multiple documents  Auto-completion 3 Hanin Abdulrahman

File management Hanin Abdulrahman 4  Creating new files: File -> New  Opening and Saving files: File->Open  Editing files  Read-only files : Edit->Clear Read Only Flag.  Shortcuts for the File menu:

Editing Hanin Abdulrahman 5  Word Completion : Ctrl + Enter  The column editor: Edit->Column Editor.  Commenting  To add block comment tags, select Edit- >Comment/Uncomment->Block comment.  Indentation : Tab or Shift-Tab to remove it.

Document Switcher Hanin Abdulrahman 6  Ctrl+Tab

How to make HTML File Using Notepad++ ? 1. Open Notepad ++  Start  All programs  Notepad ++  Notepad ++ OR  Notepad ++ shortcut 7 Hanin Abdulrahman

8

How to make HTML File Using Notepad++ ? 2. Save the file  File  Save as  Change the extension to html : Or 9 Hanin Abdulrahman

How to make HTML File Using Notepad++ ? Hanin Abdulrahman View the webpage  Double click on the “Finle1” file The webpage will display in the default web browser.  Or Click Run  Launch in IE

How to make HTML File Using Notepad++ ? Hanin Abdulrahman 11

How to make HTML File Using Notepad++ ? Hanin Abdulrahman Edit the file  Click right on the file  Edit With Notepad++

Example Hanin Abdulrahman 13

Hanin Abdulrahman 14

References Hanin Abdulrahman 15  community.tuxfamily.org/documentation/file- management community.tuxfamily.org/documentation/file- management