HTML & Nvu David Tristano Drexel IRT Dept.

Slides:



Advertisements
Similar presentations
Creating Web Pages By: Dr. Matt Dean. Common Terminology Webpage Webpage Website Website Web Browser Internet Explorer Firefox HTMLHypertext Markup Language.
Advertisements

WEB PAGES: CREATING AND MAINTAINING ** Frank Romanelli Instructor: Wednesday: 10:15 -11:15 Week 2.
AN INTRODUCTION TO WEBSITE DEVELOPMENT MADE BY: SIR NASEEM AHMED KHAN DOW VOCATIONAL& TECHNICAL TRAINING CENTRE.
The Client-Server Model for the Web 1. A Web Client (usually in the form of a web browser) makes an HTTP request to a specific web server. 2. The Web Server.
ICT for IGCSE – Syllabus Cambridge IGCSE ® Information and Communication Technology0417.
5/8/ Dreamweaver 8 Basics. 5/8/ What is Dreamweaver? Visually Design Web Pages Used by Professionals As well as Beginners HTML Editor.
MIS 425 Lecture 1 – HTML Basics and Web Page Design Instructor: Martin Neuhard
What is a Web Page? Web pages are a combination of text and graphics, wrapped in a special “markup” language. The markup language (Hypertext Markup Language.
Adding HTML to Blackboard
Web Design Professor Pepper. Site vs. Page  Create a folder for your site  all pages and pictures  Default page will be index.html (some servers are.
Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
HTMLMR.Mostafa badr1. Lesson 3 HTML Tags Lesson 2 Creating a HTML File Lesson 1: Hyper Text Markup Language (HTML) Basics Get Trained for a Better Future.
1 HTML / Website Creation. 2 HTML – HyperText Markup Language  For formatting Web pages  Ordinary text can be created using any Text editor: e.g. NotePad,
Basic HTML The Magic Of Web Pages. Create an HTML folder  Make a folder in your H drive and name it “HTML”. We will save EVERYTHING for this unit here.
Developing a Professional or Class Website Tools and Resources.
Slide 1 Today you will: think about criteria for judging a website understand that an effective website will match the needs and interests of users use.
Introduction to Web Development in HTML Web module day 1 IS 201.
Creating a Web page Using Basic HTML By: Magdalena Martinez CIEP 491 (W 6:00) Assessment #12.
HTML (Hypertext Markup Language ). Hyperlinks Hyperlinks from text to other sites Write the link, which is visible at the screen Example: Hyperlink to.
McGraw-Hill/Irwin Copyright © 2013 by The McGraw-Hill Companies, Inc. All rights reserved. Extended Learning Module F Building a Web Page with HTML.
Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and attributes Create.
HTML. Principle of Programming  Interface with PC 2 English Japanese Chinese Machine Code Compiler / Interpreter C++ Perl Assembler Machine Code.
All you ever needed to know…and more!. H.T.M.L. HyperText Mark-up Language Web’s programming language All web browsers Set of instructions Written with.
HTML H yper T ext M arkup L anguage. What is HTML? It is a programming language that Defines the format of a World Wide Web (WWW) page. It is a simple.
1 Week 1 l HTML l Applets Applets and HTML. 2 Overview l Applets: Java programs designed to run from a document on the Internet l HTML: Hypertext Markup.
CS 3870/CS 5870 Web Protocols, Technologies and Applications.
Introduction to web development and HTML MGMT 230 LAB.
Learning HTML Presented By: Wayne Helle What Is HTML? Learning Basic Tags... Formating Your Text... Working With Images and Links... Simple Form Boxes..
CPSC 203 Introduction to Computers Lab 33 By Jie Gao.
 Anyone with access to the Internet can post a Web page.  You can create a Web page with just a text editor.  There are Web page construction tools.
Start Dreamweaver program From file menu click new Blank page appears.
Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.
Tools to Create Web Pages Fall Tools Text Editors – Notepad (free) – Notepad++ (free) Word Processor – MS Word (Expensive) HTML – HTML Kit (free,
CPSC 203 Introduction to Computers Lab 66 By Jie Gao.
Web Design. How do web pages work? Webpages are written in a code called HTML. Programs like Internet Explorer read the code, and then show it as a web.
Using FrontPage FrontPage is a great Web editing tool for people with limited knowledge and time for HTML coding. It’s similar to using Microsoft Word.
Tools: SSH, SFTP, dunx1, Nvu David Tristano Drexel IRT Dept.
Writing a Web Page. Using Frontpage FrontPage is a user-friendly WYSIWYG html editor. To begin, open the program and a new page. FrontPage is a user-friendly.
HTML BASICS Why can we see images and text, hear sounds, and view video files on the Web? The browser and a language called HTML are largely responsible.
HTML HyperText Markup Language. Text Files An array of bytes stored on disk Each element of the array is a text character A text editor is a user program.
Chapter 8 HTML Editors. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 8-2 Text Editors Text editors don't have word processing features.
KompoZer. What is it? A FREE product used to design websites A FREE product used to design websites A WYSIWYG HTML Editor A WYSIWYG HTML Editor –WYSIWYG:
CS 100 Introduction to Web Page Construction and HTML.
Your HTML website creating your first html file. Creating an HTML FIle Open note pad from accessories, programs. Write code. Save and view. In 3 Steps.
HTML HyperText Markup Language Victoria E. Kozlek.
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
HyperText Markup Language (HTML) Developing a Web Page.
2 Apr 04 1 Application Software Practical 13/14 HTML / Website Creation.
Web Design – Week 2 Introduction to website basics Website basics: How the Web Works Client / server architecture Packet switching URL components.
Adding markup instructions to documents is not new. Before computers, authors would make annotations by hand in their written or typed documents. These.
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
Basic Web Design UVI CELL Dave Gilliss Dave Gilliss
Presented By Presented By Tanveera Akhter Class:CA 2 nd year Dated:12/12/3456 Dept of Comp. Science.
Computer Fundamentals Desktop Publishing & Web Design MSCH 233 Lecture 9.
Pre-Production Meet with the client to create a project plan:
Section 4.1 Section 4.2 Format HTML tags Identify HTML guidelines
Tutorial: How to Creat a Website.
Unit 2, Lesson 5 Website Development Tools
David Tristano Drexel IRT Dept.
Unit 2, Lesson 5 Website Development Tools
Dreamweaver MX 2004 Basics Diane Millican 9/19/2018.
Creating a Successful Web Presence
Web Page Development Tools
Creating Web Page.
Starting to develop a website
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
What is HTML?.
Web Page Design CIS 300.
Web Page Development Tools
HTML Text editors and adding graphics
Presentation transcript:

HTML & Nvu David Tristano Drexel IRT Dept.

Today: What are web pages (compare to …) Gathering tools – dunx1 – SSH – Nvu Working in Nvu References Questions

Creating a … Gather your ideas Open Word Writing and formatting Save Gather your ideas Open an editor (Nvu) Writing and formatting Save* Move to web server Word DocWeb page

Differences: Word & Web pages Word –opens in Word for reading and writing Web page –opens in browser (Firefox, IE) for reading –opens in editor (Nvu, FrontPage, DW) for writing –opens in text editor (Notepad, SimpleText) Advice –never open a web page with Word

Differences: File Formats Binary vs. Text – sample binary file

Differences: File Formats Binary vs. Text – sample text file

Differences: Images & Links Word: embedded images Web pages: links to images and others… Links: to external sites (absolute links) to your site (relative or absolute links) internal links

What is HTML H yper T ext M arkup L anguage Hypertext = links Markup = fonts, colors, bold, etc…

Why HTML? Limitations of WYSIWYG editors Good for fixing things Learning more –Many HTML references –few “Nvu + HTML” references

Web page process.html

Web page process.html

Web page process.html.gif

Web page process.html.gif.jpg

Web page process.html.gif.jpg

Example File Structure Local Files SFTP Dunx1 Files “root” folder

Feedback: Privacy Policy Feedback
Do Not Sell My Personal Information
About project: SlidePlayer Terms of Service

© 2025 SlidePlayer.com. Inc. All rights reserved.