From 9d53d8857eaa1c9405894a88ca75bc4657e42f35 Mon Sep 17 00:00:00 2001 From: msglm Date: Sat, 14 Jan 2023 05:31:48 -0600 Subject: Inital Commit --- .../Ch2_msglm/2.1.heading.html | 15 ++++++ .../Ch. 2 hands-on assignments/Ch2_msglm/2.10.png | Bin 0 -> 45756 bytes .../Ch2_msglm/2.11.structure.html | 29 +++++++++++ .../Ch2_msglm/2.12.casita.html | 40 +++++++++++++++ .../Ch2_msglm/2.13.blog.html | 46 +++++++++++++++++ .../Ch2_msglm/2.14.anchor.html | 10 ++++ .../Ch2_msglm/2.16/contact.html | 34 +++++++++++++ .../Ch2_msglm/2.16/index.html | 33 ++++++++++++ .../Ch2_msglm/2.16/services.html | 38 ++++++++++++++ .../Ch2_msglm/2.2.paragraph.html | 22 ++++++++ .../Ch2_msglm/2.3.linebreak.html | 23 +++++++++ .../Ch2_msglm/2.4.hr.html | 24 +++++++++ .../Ch2_msglm/2.5.blockquote.html | 15 ++++++ .../Ch2_msglm/2.6.ol.html | 16 ++++++ .../Ch2_msglm/2.6.ola.html | 15 ++++++ .../Ch2_msglm/2.7.ul.html | 15 ++++++ .../Ch2_msglm/2.8.description.html | 21 ++++++++ .../Ch2_msglm/2.9.design.html | 26 ++++++++++ .../Ch2_msglm/block.html | 21 ++++++++ .../Ch. 2 hands-on assignments/Ch2_msglm/em.html | 15 ++++++ .../Ch2_msglm/mypractice/contact.html | 34 +++++++++++++ .../Ch2_msglm/mypractice/index.html | 33 ++++++++++++ .../Ch2_msglm/mypractice/services.html | 38 ++++++++++++++ .../Ch2_msglm/starter.html | 36 +++++++++++++ .../Ch2_msglm/starter1.html | 56 +++++++++++++++++++++ .../Ch2_msglm/target.html | 10 ++++ .../Ch2_msglm/template.html | 9 ++++ 27 files changed, 674 insertions(+) create mode 100644 HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.1.heading.html create mode 100644 HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.10.png create mode 100644 HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.11.structure.html create mode 100644 HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.12.casita.html create mode 100644 HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.13.blog.html create mode 100644 HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.14.anchor.html create mode 100644 HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.16/contact.html create mode 100644 HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.16/index.html create mode 100644 HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.16/services.html create mode 100644 HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.2.paragraph.html create mode 100644 HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.3.linebreak.html create mode 100644 HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.4.hr.html create mode 100644 HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.5.blockquote.html create mode 100644 HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.6.ol.html create mode 100644 HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.6.ola.html create mode 100644 HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.7.ul.html create mode 100644 HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.8.description.html create mode 100644 HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.9.design.html create mode 100644 HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/block.html create mode 100644 HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/em.html create mode 100644 HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/mypractice/contact.html create mode 100644 HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/mypractice/index.html create mode 100644 HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/mypractice/services.html create mode 100644 HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/starter.html create mode 100644 HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/starter1.html create mode 100644 HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/target.html create mode 100644 HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/template.html (limited to 'HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm') diff --git a/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.1.heading.html b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.1.heading.html new file mode 100644 index 0000000..bf901fa --- /dev/null +++ b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.1.heading.html @@ -0,0 +1,15 @@ + + + +Heading Example + + + +

Test 1

+

Test 2

+

Test 3

+

Test 4

+
Test 5
+
Test 6
+ + diff --git a/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.10.png b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.10.png new file mode 100644 index 0000000..c0c553f Binary files /dev/null and b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.10.png differ diff --git a/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.11.structure.html b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.11.structure.html new file mode 100644 index 0000000..78d7e90 --- /dev/null +++ b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.11.structure.html @@ -0,0 +1,29 @@ + + + +Trillium Media Design + + + +
+

Trillium Media Design

+
+ +
+

New Media and Web Design

+

Trillium Media Design offers a comprehensive range of services to take your company's Web presence to the next level.

+

Meeting Your Business Needs

+

Our expert designers will listen to you as they create a website that helps to promote and grow your business.

+
+ + + + + + + + diff --git a/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.12.casita.html b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.12.casita.html new file mode 100644 index 0000000..a4549b4 --- /dev/null +++ b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.12.casita.html @@ -0,0 +1,40 @@ + + + +Casita Sedona + + + +
+

Casita Sedona Bed & Breakfast

+
+ +
+

Stay in the Heart of Sedona

+

At Casita Sedona Bed & Breakfast you'll be close to art galleries, shops, restaurants, hiking trails, and tours. Ride the free trolley to shops and galleries.

+

Luxurious Rooms

+

Stay in a well-appointed room at Casita Sedona with your own fireplace, king-size bed, and balcony overlooking the red rocks.

+
+ Casita Sedona Bed & Breakfast
+ 612 Tortuga Lane
+ Sedona, AZ 86336
+ 928-555-5555

+
+
+ + + + + + + + diff --git a/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.13.blog.html b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.13.blog.html new file mode 100644 index 0000000..497798f --- /dev/null +++ b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.13.blog.html @@ -0,0 +1,46 @@ + + + +Lighthouse Bistro Blog + + + +
+

Lighthouse Bistro

+
+ +
+
+ +

Bistro Blog

+ +
+

Valentine Wrap

+ +

The February special sandwich is the Valentine Wrap — + heart-healthy organic chicken with roasted red peppers on a + whole wheat wrap.

+
+
+

New Coffee of the Day Promotion

+ +

Enjoy the best coffee on the coast in the comfort of your + home. We will feature a different flavor of our gourmet, + locally roasted coffee each day with free bistro tastings and a + discount on one-pound bags.

+
+
+
+ + + + + diff --git a/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.14.anchor.html b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.14.anchor.html new file mode 100644 index 0000000..815ca8c --- /dev/null +++ b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.14.anchor.html @@ -0,0 +1,10 @@ + + + +Anchor Example + + + +Basics of Web Design Textbook Companion + + diff --git a/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.16/contact.html b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.16/contact.html new file mode 100644 index 0000000..8ca9ab7 --- /dev/null +++ b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.16/contact.html @@ -0,0 +1,34 @@ + + + +Trillium Media Design - Contact + + + +
+

Trillium Media Design

+
+ +
+

Contact Trillium Media Design Today

+ +
+ + + + + + + + diff --git a/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.16/index.html b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.16/index.html new file mode 100644 index 0000000..a933d75 --- /dev/null +++ b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.16/index.html @@ -0,0 +1,33 @@ + + + +Trillium Media Design + + + +
+

Trillium Media Design

+
+ +
+

New Media and Web Design

+

Trillium Media Design offers a comprehensive range of services to take your company's Web presence to the next level.

+

Meeting Your Business Needs

+

Our expert designers will listen to you as they create a website that helps to promote and grow your business.

+
+ + + + + + + + diff --git a/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.16/services.html b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.16/services.html new file mode 100644 index 0000000..68cc664 --- /dev/null +++ b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.16/services.html @@ -0,0 +1,38 @@ + + + +Trillium Media Design - Services + + + +
+

Trillium Media Design

+
+ +
+

Our Services Meet Your Business Needs

+
+
Website Design
+
Whether your needs are large or small, Trillium can get you on the Web!
+
E-Commerce Solutions
+
Trillium offers quick entry into the e-commerce marketplace.
+
Search Engine Optimization
+
Most people find new sites using search engines. Trillium can get your website noticed.
+
+
+ + + + + + + + diff --git a/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.2.paragraph.html b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.2.paragraph.html new file mode 100644 index 0000000..60e1fd3 --- /dev/null +++ b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.2.paragraph.html @@ -0,0 +1,22 @@ + + + +Paragraph Example + + + +

Test 1

+

Sample Test Paragraph.

+

Test 2

+

Test 3

+

Test 4

+
Test 5
+
Test 6
+ + + + + + + + diff --git a/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.3.linebreak.html b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.3.linebreak.html new file mode 100644 index 0000000..c7098a7 --- /dev/null +++ b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.3.linebreak.html @@ -0,0 +1,23 @@ + + + +Line Break Example + + + +

Test 1

+

This is a sample paragraph.
This is a linebreak test. +

+

Test 2

+

Test 3

+

Test 4

+
Test 5
+
Test 6
+ + + + + + + + diff --git a/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.4.hr.html b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.4.hr.html new file mode 100644 index 0000000..8c95b56 --- /dev/null +++ b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.4.hr.html @@ -0,0 +1,24 @@ + + + +Horizontal Rule Example + + + +

Heading Level 1

+

This is a sample paragraph.
Heading tags can help to make your pages more accessible and usable. It is good coding practice to use heading tags to outline the structure of your web page content. +

+
+

Heading Level 2

+

Heading Level 3

+

Heading Level 4

+
Heading Level 5
+
Heading Level 6
+ + + + + + + + diff --git a/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.5.blockquote.html b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.5.blockquote.html new file mode 100644 index 0000000..fa5ce63 --- /dev/null +++ b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.5.blockquote.html @@ -0,0 +1,15 @@ + + + +Blockquote Example + + + +

The Power of the Web

+

According to Richard Stallman, the inventor of the GNU Operating system and founder of the Free Software Foundation, from the GNU Manifesto: +

+
+The idea of copyright did not exist in ancient times, when authors frequently copied other authors at length in works of non-fiction. This practice was useful, and is the only way many authors' works have survived even in part. +
+ + diff --git a/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.6.ol.html b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.6.ol.html new file mode 100644 index 0000000..541373b --- /dev/null +++ b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.6.ol.html @@ -0,0 +1,16 @@ + + + +Heading and List + + + +

My Favorite Colors

+
    +
  1. Blue
    2. +
  2. Green
    3. +
  3. Teal
    4. + +
+ + diff --git a/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.6.ola.html b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.6.ola.html new file mode 100644 index 0000000..e5eaead --- /dev/null +++ b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.6.ola.html @@ -0,0 +1,15 @@ + + + +Heading and List + + + +

My Favorite Colors

+
    +
  1. Blue
    2. +
  2. Green
    3. +
  3. Teal
    4. +
+ + diff --git a/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.7.ul.html b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.7.ul.html new file mode 100644 index 0000000..87004b2 --- /dev/null +++ b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.7.ul.html @@ -0,0 +1,15 @@ + + + +Heading and List + + + +

My Favorite Colors

+ + + diff --git a/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.8.description.html b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.8.description.html new file mode 100644 index 0000000..e0900e8 --- /dev/null +++ b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.8.description.html @@ -0,0 +1,21 @@ + + + +Description List + + + +

Sample Description List

+
+
TCP
+
Transmission Control Protocol is a method (protocol) used along with the Internet Protocol (IP) to send data in the form of message units, called packets, between computers over the Internet.
+
IP
+
Internet Protocol is the method or protocol by which data is sent from one computer to another on the Internet. Each computer on the Internet is uniquely identified by an IP address.
+
FTP
+
File Transfer Protocol is a protocol used to exchange files between computers on the Internet.
+
HTTP
+
Hypertext Transfer Protocol is the protocol used for exchanging text, graphic images, sound, video, and other multimedia files on the Web.
+
+ + + diff --git a/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.9.design.html b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.9.design.html new file mode 100644 index 0000000..140d5cc --- /dev/null +++ b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/2.9.design.html @@ -0,0 +1,26 @@ + + + +Creative Commons + + + +

Web Design Steps

+ + + +

Copyleft 🄯 2022 msglm. Licensed under the CC BY-SA 4.0.

+ + diff --git a/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/block.html b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/block.html new file mode 100644 index 0000000..073816e --- /dev/null +++ b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/block.html @@ -0,0 +1,21 @@ + + + +Block Anchor + + + +
+ +

HTML5 Reference

+

Bookmark this site for a handy HTML5 reference.

+ +
+
+

+Website content goes here +

+
+ + + diff --git a/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/em.html b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/em.html new file mode 100644 index 0000000..7213b6f --- /dev/null +++ b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/em.html @@ -0,0 +1,15 @@ + + + +Blockquote Example + + + +

The Power of the Web

+

According to Tim Berners-Lee, the inventor of the World Wide Web, at https://www.w3.org/Press/IPO-announce: +

+
+The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect. +
+ + diff --git a/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/mypractice/contact.html b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/mypractice/contact.html new file mode 100644 index 0000000..a89283d --- /dev/null +++ b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/mypractice/contact.html @@ -0,0 +1,34 @@ + + + +Trillium Media Design - Contact + + + +
+

Trillium Media Design

+
+ +
+

Contact Trillium Media Design Today

+ +
+ + + + + + + + diff --git a/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/mypractice/index.html b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/mypractice/index.html new file mode 100644 index 0000000..a933d75 --- /dev/null +++ b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/mypractice/index.html @@ -0,0 +1,33 @@ + + + +Trillium Media Design + + + +
+

Trillium Media Design

+
+ +
+

New Media and Web Design

+

Trillium Media Design offers a comprehensive range of services to take your company's Web presence to the next level.

+

Meeting Your Business Needs

+

Our expert designers will listen to you as they create a website that helps to promote and grow your business.

+
+ + + + + + + + diff --git a/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/mypractice/services.html b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/mypractice/services.html new file mode 100644 index 0000000..68cc664 --- /dev/null +++ b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/mypractice/services.html @@ -0,0 +1,38 @@ + + + +Trillium Media Design - Services + + + +
+

Trillium Media Design

+
+ +
+

Our Services Meet Your Business Needs

+
+
Website Design
+
Whether your needs are large or small, Trillium can get you on the Web!
+
E-Commerce Solutions
+
Trillium offers quick entry into the e-commerce marketplace.
+
Search Engine Optimization
+
Most people find new sites using search engines. Trillium can get your website noticed.
+
+
+ + + + + + + + diff --git a/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/starter.html b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/starter.html new file mode 100644 index 0000000..9e7949d --- /dev/null +++ b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/starter.html @@ -0,0 +1,36 @@ + + + +Lighthouse Bistro + + + +
+

Lighthouse Bistro

+
+ +
+

Locally Roasted Free-Trade Coffee

+

Indulge in the aroma of freshly ground roast coffee. Specialty drinks are available hot or cold.

+

Specialty Pastries

+

Enjoy a selection of our fresh-baked, organic pastries, including + fresh-fruit muffins, scones, croissants, and cinnamon rolls.

+

Lunchtime is Anytime

+

Savor delicious wraps and sandwiches on hearty, whole-grain breads with locally-grown salad, fruit, and vegetables.

+

Panoramic View

+

Take in some scenery!

+

The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.

+
+ + + + + diff --git a/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/starter1.html b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/starter1.html new file mode 100644 index 0000000..1e45a3d --- /dev/null +++ b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/starter1.html @@ -0,0 +1,56 @@ + + + +Favorite Sites + + + +

Favorite Sites

+ +

Hobbies

+
+
Running
+
http://www.runningnetwork.com
+
Cooking
+
http://www.cooking.com
+
+

HTML5

+
+
Elements
+
http://www.w3.org/TR/html5/
+
Tutorials
+
http://www.w3schools.com/html5
+
+

CSS

+
+
W3C Cascading Style Sheets
+
http://www.w3.org/Style/CSS
+
Tutorials
+
http://www.w3schools.com/css3
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

Back to Top

+ + diff --git a/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/target.html b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/target.html new file mode 100644 index 0000000..b91aef0 --- /dev/null +++ b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/target.html @@ -0,0 +1,10 @@ + + + +Anchor Example + + + +Basics of Web Design Textbook Companion + + diff --git a/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/template.html b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/template.html new file mode 100644 index 0000000..6a48229 --- /dev/null +++ b/HTML/Chapter/Ch. 2 hands-on assignments/Ch2_msglm/template.html @@ -0,0 +1,9 @@ + + + +Page Title Goes Here + + + + + \ No newline at end of file -- cgit v1.2.3