University:
California State University, Northridge
Course:
CIT 160/L | Internet Technologies and Lab
Academic year:

2024
Views:

322

Pages:

2
Author:

sonalhava9qv

Creating Webpage Short Tutorial A. Create the Web folder on your computer; create your webpage A.1. Create a folder named yourname_local (such as smith_local) on C: (or D:) drive. A.2. Open Microsoft Word, create your Index page. Save this blank page as index – lowercase!! A.2.3 You can now begin to add contents to the index.htm page. Apply all you have learned about Word to this webpage creation process, and you’ll find most of them work the same way here. A.2.4 After you are done, save this new page: File – Save As – Word Document, choose Web page, give it the name index. The full filename will now be index.htm – Word automatically adds a file extension “.htm” to every page created, when you specify the file format to be a web page. Choose the right folder, which should be your web folder yourname_local. A.3. Use the same procedure to create your Bio page (filename: bio) and Favorite page (filename: favorite). A.4. Make sure all the three HTML files are inside your Web folder (yourname_local). Make sure all other files (graphics, etc) needed are also inside the Web folder, in their appropriate subfolders if applicable. B. Basic HTML Note: You will use Web authoring software such as Microsoft FrontPage (“FP”) or Netscape Composer (which works in a similar way as FP) to create your Web pages. You have your freedom in choosing whatever tool you prefer, but I will only demonstrate using FP. B.0. HTML tags are always in pairs! – except
for line break and

for horizontal lines (“Horizontal Rules”). B.1. Headings –

your text for the heading

(or

…

etc). One pair B.2. Horizontal lines – in HTML:

In Word: ---, then ; ===, then ; ***, then ; ###, then ; ~~~, then -- try all of them and see the effects. B.3. Paragraph breaks – In HTML:

(your text contents)

; in Word: Line breaks – In HTML: your text
; in Word: - B.4. Ordered/Unordered lists: (1) Type the list items, with at the end of each item; (2) Highlight the whole list; (3) Click the Numbering or Bullets buttons on tool bar. B.5. Tables – (1) In Word: Table-Insert, in the dialog box, choose the table properties (such as number of rows and number of columns). Then begin to provide the contents of each cell in the table. (2) In HTML: Beginning of the table Beginning of table Row #1 Cell 1 of Row 1 Cell 2 of Row 1 … End of Row 1 Beginning of table Row #2 … End of Row 2

contents of the cell

End of table The ATTRIBUTEs are such things as align, width, border, ..., and values are your settings. ** More about changing table properties: Explore by yourself B.6. Graphs: Three methods to insert a graph in a web page – inserted from saved graphic files (.jpg, etc); copied and pasted from the Internet (caution: copyright issue); inserted from MS Clip Arts. B.7. Hyperlinks: (1) in Word: highlight the text or graphic that you want to make a link, right-click, select Hyperlink at the pop-up menu, and then type the URL, or browse and choose the HTML page you want to link to. (2) in HTML: the text/graphics you want to use as the hot link B.8. More tips about links: • Menu of Web site links: A good web site will have a list or menu of links to the other pages within the web site. Below is an example: [ Home | Product Info | Order Info | Useful Links ] A menu like this (similar but don’t have to be the same) should appear on every page within the web site, allowing easy navigation from one web page to another. • Use paragraph form for links to another web site. A good link to another web site will contain clear and concise information about the site for the user.

Creating Webpage Short Tutorial

your text for the heading

…

Related Documents

Recommended Documents

Description

your text for the heading

…

Related Documents

Free up your schedule!

Take 5 seconds to unlock