You browser does not support JavaScript, or it is not enabled.
The functionality of this site requires enabled Javascripts.
   http://www.passco.com/npunit3.htm   Updated:   Ideal Presentation Configuration
Unit-1 Unit-2
Using Notepad+ and Making a Web Page - Unit 3
Part of the Basic3 Skills Online Courses
This tutorial is best viewed if your set the window to this width.

Align Next Prior/Unit2 Top/Unit2
Page 18 - Lets wrap this up!
Magnify Sidebar
Well, let's review our current file.

The two blocks within the HTML block are the HEAD and BODY blocks. We have TITLEd the file.

We have CENTERed 600 by 200 BORDERed TABLE with a LIGHTBLUEbackground.

The "table" is a one Table Row" by one Table Data" cell.

Within our cell we have a textual string which will be Center ed. The size of the text will have a  FONT whose size is a miximum SIZE=7.

Checking the image to the right have we still have something missing. How about making the background blue and the text white. These parameters are "global" to the page, that is why these paraments are presented in the BODY tag.

Ok! Lets code these elements, and save the file. Now, use your browser and view your webpage.
Align Next Prior/Unit2 Top/Unit2
View Background File: http://www.passco.com/images/bgsample.gif

Exercise 12
Read all instructions first.
  1. Open Notepad+; Click File; Select "Reopoen"; Select "webpage" and click Enter
    (again, if necessary).
  2. Edit in the BGCOLOR=BLUE element.
  3. Edit in the TEXT=WHITE element.
  4. Let's Save the file by clicking the "Save Icon".






Align Next Prior Top
Page 19 - Notepad+ Options
Magnify Sidebar
With larger monitors it is possible that the text may be reduced in font size. This also premits more of the file text to be seen while editing.

Clicking the Options menu selection provides three font related choice in the drop down box. They are "Larger font", "Smaller font", and "Proportional font".

Lets retrieve our file. Now, click OPTIONS, then "Smaller font".
Align Next Prior Top
View Background File: http://www.passco.com/images/smallsample.gif

Exercise 13
Read all instructions first.






Align Next Prior Top
Page 20 - Enlarging Fonts
Magnify Sidebar
Well, with our file back to our "normal" font size, lets enlarge the font size.

If we click the OPTIONS, "Larger font" sequence twice, we should see a workspace where the font is seen in the image to the right.
Align Next Prior Top
View Background File: http://www.passco.com/images/largesample.gif

Exercise 14
Read all instructions first.






Align Next Prior Top
Page 21 - Scrolling
Magnify Sidebar
The enlarging the font size does not alter the file. Many times, the files can only be seen and edited by scrolling the page to the left. This is done by placing your mouse pointer on the horizotal scroll bar, pressing and draging the bar to the right.

The is another method to adjust the scroll bar. Place the mouse pointer on the scroll bar in a section to the right of the slide graphic, and left click it.
Align Next Prior Top
View Background File: http://www.passco.com/images/largersample.gif

Exercise 15
Read all instructions first.






Align Next Prior Top
Page 22 - Wrap Mode
Magnify Sidebar
Some users may wish to view the entire lines of code.
Align Next Prior Top
View Background File: http://www.passco.com/images/wrapsample.gif

Exercise 16
Read all instructions first.






Align Next Prior Top
Page 23 -
Magnify Sidebar
Align Next Prior Top
View Background File: http://www.passco.com/images/rightsample.gif

Exercise 17
Read all instructions first.






Align Next Prior Top
Page 24 -
Magnify Sidebar
Align Next Prior Top
View Background File: http://www.passco.com/images/wrapsample.gif

Exercise 18
Read all instructions first.






Align Next Prior Top
Page 25 -
Magnify Sidebar
Align Next Prior Top
View Background File: http://www.passco.com/images/propsample.gif

Exercise 19
Read all instructions first.






Align Next Prior Top
Page 26 -
Magnify Sidebar
Align Next Prior Top
View Background File: http://www.passco.com/images/masksample.gif

Exercise 20
Read all instructions first.






Align Next Prior Top
Page 27 -
Magnify Sidebar
Align Next Prior Top
View Background File: http://www.passco.com/images/cutsample.gif

Exercise 21
Read all instructions first.






Align Next Prior Top
Page 28 -
Magnify Sidebar
Align Next Prior Top
View Background File: http://www.passco.com/images/pastesample.gif

Exercise 22
Read all instructions first.






Align Next Prior Top
Page 29 - Finished File
Magnify Sidebar
Align Next Prior Top
View Background File: http://www.passco.com/images/bgsample.gif

Exercise 23
Read all instructions first.






Align Next Prior Top
Page 30 - Summary
Magnify Sidebar
Align Next Prior Top
View Background File: http://www.passco.com/images/bgsample.gif

Exercise 24
Read all instructions first.






Align Next Prior Top
Page 31 -
Magnify Sidebar
Align Next Prior Top
View Background File: http://www.passco.com/images/selectallsample.gif

Exercise 25
Read all instructions first.






Align Next Prior Top
Page 32 -
Magnify Sidebar
Align Next Prior Top
View Background File: http://www.passco.com/images/nsexample.gif

Exercise 26
Read all instructions first.






Align Next Prior Top
Page 33 -
Magnify Sidebar
Align Next Prior Top
View Background File: http://www.passco.com/images/ieexample.gif

Exercise 27
Read all instructions first.






Align Next Prior Top
Page 34 - Congratulations!
Magnify Sidebar
Align Next Prior Top


Summary - What You Have Done
  1. You have possibly had to adjust browser font sizes.
  2. You have possibly had to download a program, Notepad+.exe, off the Internet.
  3. You have done a "Start" / "Run" of an application.
  4. You have learned about the components of a typical window, such as the Title Bar, Menu Bar, Tool Bars, Workspaces, Drop Down and Dialog Boxes, and the Status Bar.
  5. You have learned to move, resize, minimize, maximize and restore windows.
  6. You have learns many functions common to many utilities and programs,
  7. You have saved a file on the Desktop.
  8. You have edited and displayed a web page.
  9. You hopefully learned some basic HTML code.
  10. You have learned to use two windows at the same time.
  11. If you have got this far in this tutorial, then you have learned to follow directions.
All this in addition to learning to use a very valuable utility.

So, what is your next assignment? Well, I hope it will be to email this tutorial's address to another student.












"Web Mastering at Affordable Prices"
 PASSCo.COM
Updated: