Presentation is loading. Please wait.

Presentation is loading. Please wait.

HTML Creating Web pages. HTML Hyper Text Markup Language Not programming, but a markup language using tags to format text in Web browsers.

Similar presentations


Presentation on theme: "HTML Creating Web pages. HTML Hyper Text Markup Language Not programming, but a markup language using tags to format text in Web browsers."— Presentation transcript:

1 HTML Creating Web pages

2 HTML Hyper Text Markup Language Not programming, but a markup language using tags to format text in Web browsers

3 What you need to create a Webpage using HTML To create a page: - A text editor (TextEdit, TextMate, BBEdit) - A Web browser Once your page is ready to be pushed live: - FTP software

4 HTML tags Tags give the Web browser instructions on how to display elements of a Web page, whether it's text, pictures, video clips, or hyperlinks to other Web pages. - Signified by " " - Usually contain and opening and closing tags - Lowercase

5 Starting an HTML document

6 Header/body

7 Page title ENTER YOUR PAGE TITLE HERE

8 Body text My Sample Web Page Enter text you want to show up in the browser window here.

9 Spacing Single return Tuesdays & Thursdays, 7:30-9:20 a.m. Location: Cronkite 316 Instructor's e-mail: stephen.harding@asu.edu Paragraphs Prerequisites and expectations: This class is required of all journalism majors in the new curriculum. Students must be in the professional program and have completed JMC 201. Course goals: This class will introduce students to journalism in an online environment. Students will gain an understanding of the capabilities and attributes of good online journalism, including interactivity, functionality, navigation and innovation.

10 Headers These tags are used as headers: They are bold and have returns automatically Heading text = Heading text

11 Formatting tags: Bold, italics, underline = bold = strong = italics = emphasis = underline For example: Times: = Times: The Daily Show = The Daily Show Hours of operation = Hours of operation Other examples of formatted text

12 Nested tags You can use more than 1 tag to format text. Make sure you sandwich the text with them. Example: Coding for The Arizona Republic The Arizona Republic

13 Creating links to other Websites Hyperlinks can point to any resource on the web: an HTML page, an image, a sound file, a movie, etc. To create a link, you'll need the URL of your target, and the text/image you want to link: Text/image

14 Creating a text link New York Times OR My favorite news source is New York Times. New York Times

15 Creating an e-mail link TEXT For example: E-mail me

16 Save file as.html (or.htm on a PC) Save your file as a plain text document (not in Word) with the extension.html

17 Try formatting a text document Go to asujmc305.wordpress.com and copy the text. Go to TextEdit >> Preferences and select "Plain Text"

18 Ordered lists A list of numbered items Example: The top 3 best downtown restaurants: 1.Pizzeria Bianco's 2.Athenian Express 3.Matt's Big Breakfast The top 3 best downtown restaurants: Pizzeria Bianco's Athenian Express Matt's Big Breakfast

19 Unordered lists A list of un-numbered or bulleted items Example: JMC305 covers Social media Video Web design JMC305 covers Social media Video Web design

20 Inserting images

21 Tables Tables can be used to arrange "columnar" data, anywhere you have multiple rows and columns of text. = table = table header = table row = table data Year Sales 2000 $18M 2001 $25M 2002 $36M


Download ppt "HTML Creating Web pages. HTML Hyper Text Markup Language Not programming, but a markup language using tags to format text in Web browsers."

Similar presentations


Ads by Google