RANCHO SANTIAGO COMMUNITY COLLEGE DISTRICT SANTIAGO CANYON COLLEGE - CONTINUING EDUCATION BUSINESS SKILLS DEPARTMENT INTRODUCTION TO WEB

DEVELOPMENT INSTRUCTOR: Michelle L. Sandoval

Required HTML codes <html> <head> <title> </title> </head> <body> </body> </html>

HTML

Exercise 1

Find the Meta tags of the following websites: http://www.ocstandard.com/Orange_County_Restaurants.html http://www.orangecountyrestaurantweek.com/ Exercise 2 Create a two page website 1. Give a “Title” to both pages 2. Create a link on page 1 to 2 and a link on page 2 to 1 3. Create a link to Insert Link to http://www.yogaworks.com/ 4. Insert an image on both pages 5. Insert keywords on both pages 6. Insert the Meta http-equip tags 7. Use a Heading 8. Change the color of the default link and the visited link (Article source Elizabeth Landau - CNN.com Health Writer/Producer) HANDOUT # 9

RANCHO SANTIAGO COMMUNITY COLLEGE DISTRICT SANTIAGO CANYON COLLEGE - CONTINUING EDUCATION BUSINESS SKILLS DEPARTMENT INTRODUCTION TO WEB DEVELOPMENT INSTRUCTOR: Michelle L. Sandoval

Page 1 Everyone has busy, stressful days and feels distracted by a multitude of tasks and obligations. Many people find stress reduction, as well as physical benefits, in meditation, as found in an ongoing study. Here’s the low-down on what meditation is and how to get started. What is meditation? Meditation is training in concentration, mindfulness and compassion, says Sharon Salzberg, a meditation teacher and author who co-founded the prominent Insight Meditation Society in Barre, Massachusetts. It is not merely relaxing, but rather training the mind in specific skills. Page 2 What are the different kinds of meditation? There are various types of meditation, and some are very simple: One is essentially focusing on the feeling of the breath, a mantra, or a visualization, and bringing your attention back after it goes away. This is sometimes called concentrative meditation. Another is mindfulness meditation, which focuses on developing a different relationship to everything you experience. This includes your relationship to others and to yourself. For example, if you have chronic pain, you might fear what you’ll feel like tomorrow; mindfulness meditation helps live with it in the moment, Salzberg said. HANDOUT # 9

HTML

RANCHO SANTIAGO COMMUNITY COLLEGE DISTRICT SANTIAGO CANYON COLLEGE - CONTINUING EDUCATION BUSINESS SKILLS DEPARTMENT INTRODUCTION TO WEB DEVELOPMENT INSTRUCTOR: Michelle L. Sandoval

Exercise 3 Create a webpage Title page Create a link to http://www.thebarclay.org Insert image called “shoes.jpg” Insert keywords Insert the Meta http-equip tags Use a Heading Change the color of the default link and the visited link Many times when one thinks of Flamenco dancing, he or she will immediately visualize people dancing in celebration. However, it is not until you are involved in the dance that you realize the various components required to create the Flamenco dance. Flamenco dance merged from the poor streets of southern Spain in Andalucia. Flamenco is a dance originate by a nomadic community in Spain called gypsies; the purpose of this dance was to allow them express emotions and tell stories through the dance.

HTML

HANDOUT # 9

RANCHO SANTIAGO COMMUNITY COLLEGE DISTRICT SANTIAGO CANYON COLLEGE - CONTINUING EDUCATION BUSINESS SKILLS DEPARTMENT INTRODUCTION TO WEB DEVELOPMENT INSTRUCTOR: Michelle L. Sandoval

Tables Why do we use tables? People use tables for different reasons such as spreadsheet, create columns of text or to control page layout. Tables are divided into columns called cells and into rows. Each row is composed of table row tags <tr> and </tr> and each cell is determined by table data tags <td> and </td>. The tag use for the starting tag is <table> and for the ending tag is </table> Example <table> <tr> <td> Text in first cell, first row </td> <td> Text in second cell, first row </td> </tr> <tr> <td> Item in first cell, second row </td> <td> Item in second cell, second row </td> </tr> </table> How can I align the table? To Center -------------------<table align=“center”> To the right ----------------<table align=“right”> Tables also contained other attributes that can be manipulated such HANDOUT # 9

HTML

RANCHO SANTIAGO COMMUNITY COLLEGE DISTRICT SANTIAGO CANYON COLLEGE - CONTINUING EDUCATION BUSINESS SKILLS DEPARTMENT INTRODUCTION TO WEB DEVELOPMENT INSTRUCTOR: Michelle L. Sandoval

as table borders, cellpadding and table header. Table Borders When creating table borders there are two things that can be specified 1. Thickness of the border 2. and the Color Thickness tag < table border=“3”> Color tag <table bordercolor=“#000000”> How can you combines these tags, example: <table border = “3” bordercolor= “#000000”> Exercise

HTML

HANDOUT # 9

RANCHO SANTIAGO COMMUNITY COLLEGE DISTRICT SANTIAGO CANYON COLLEGE - CONTINUING EDUCATION BUSINESS SKILLS DEPARTMENT INTRODUCTION TO WEB DEVELOPMENT INSTRUCTOR: Michelle L. Sandoval

Exercise 2

HTML
HANDOUT # 9

Master your semester with Scribd & The New York Times

Special offer for students: Only $4.99/month.

Master your semester with Scribd & The New York Times

Cancel anytime.