OBJECTIVE

• Experiment with the Web Matrix to learn its features. 

DISCUSSION

• Many editors available...
  • Dreamweaver
  • Frontpage
  • Adobe ...
  • Netscape Composer
  • Microsoft Script Editor
    • In Word, select View...Toolbars...Web Tools
  • ... (Search the Internet for "HTML Editor") ... 
  • ASP.NET Web Matrix
• Most generate the code for you ... WYSIWYG

 ASP.NET Web Matrix

• Available for download at www.asp.net
• Simple editor
• Apparently created for developing ASP pages
• Useful for generating HTML
• Not real good for automatically adding style

EXERCISES

Open ASP.NET Web Matrix and experiment.  Create a web page.  You will answer the following questions on this web page.  Your answers will be put in a table that you will create in #3 below.

1. How many different types of pages can you create?
2. In the design view add a heading across the top: "Lesson 3.1 - Web Editors". On the line below this heading add "Welcome to the Matrix".  Make sure that both lines are centered and that there is no vertical space between them.  How do you make sure that there is no vertical space between the two lines?
3. Add a table with 2 columns and 13 rows.  The first column should be labelled "Question" and the second column "Answer".  You should put all of the answers for these questions in this table. Check out the code that the Matirx generates. What extra table-related tag have they used which we have not used? 
4. Where is the properties window?
5. How can you use the properties window to change the background property of the page?  Change it to something.
6. What are the two possible values of the bgproperties attribute for the Body tag?
7. What is the section in the Toolbox entitled "My Snippets" used for? Create a snippet and add it to the section. Is this cool or what?
8. Modify your table so that the cell spacing is set to 0 and the border around the cells in the top row make the cells look like buttons.  How must you set the Style properties for a table?
9. Modify the table so that the text in the top left cell is aligned to the top left and the text in the top right cell is aligned to the center.  Where can these attributes be set?
10. Create a div and set the background color of the div to red. How can we add a div?  What is the innerText of the div initially set to?
11. Add a form.  There is a way to show where the form is in Design view.  Click on View in the menu and determine how to display the location of the form in Design view.  What must you do?
12. Add a textbox and a submit button to the form.  How can you change the names without typing directly into the HTML view.  
13. How can you add a hyperlink without typing directly into the HTML view?

LINKS AND HELP