HOME --'Index' to folder-- 'test-book'
| short name =
"test"
= "test"
[note 1]
The home
Index
page to the "test-book"
folder. Filename = "index.html".
MCC
Home page
'Test-Book' Folder -Index Page
(NOT part of the official church website of
"TheRockMCC.org"
...)
Editing Photos 01 Core CSS Book
index_HTML_5
olderBackupWebsite_6-17-2008
olderBackupWebsite_12-27-2008 olderBackupWebsite_3-15-2009 olderBackupWebsite_3-15-2009-B
Favorites-Bookmarks, & "Natural
Hygiene" & Raw Organic Whole Foods [Very, Very Large File: 4,766,429+ B]
JavaScript_tests NEW New_Subsite_NameOf__
http://www.bbd.com/stylin/index.htm This is the companion web site for the book "Stylin' with CSS - A Designer's Guide" published by New Riders Books, May 2005, by Charles Wyke-Smith.
New Page_1 Stylin_Website
Inevitably, in a book with this much code and so many graphics, produced by numerous people, including myself, in just a few months, the chance for errors is always there. Here are the ones I have found or know about, and if you find more, please let me know - charles at bbd.com.
Page 13 Code in last line of item 4 should read: <img src="...etc.." Merci, Michel Guillaume.
Page 40 Quoted text in the last paragraph should read: ...but the words "order stated" are not. Thanks to reader Kathryn Jenkins catching for that one.
Page 44 The sentence under the screen shot should read: The words "same class"...etc. Reader Kathryn Jenkins also caught this one.
Page 74 The reference to the file sample_xhtml_markup.htm in the colored box at the top of the page is incorrect - the file you need is sample_xhtml_markup_ch1.htm in the Chapter 1 folder.
Page 80 The third line of code under Fig 3.8 should read h1 {font-size:1em}, not h1 {font-size:.1em} - that would be rather small, I think. Thanks to reader Chris Costabile for catching this. This error, notes reader Ian Campbell, is repeated at the bottom of page 81. One little decimal point can ruin your whole day...
Page 81 The first line of the second paragraph should read "...by the fact that the ul element is set to...". This error (ol instead of ul)is also repeated in the fourth line of code on page 82 - thanks, reader Ian Campbell.
Page 83 First paragraph, last sentence has two missing words: it should read - ‘Lets take a look at the font properties now’ - thanks again to reader Ian Campbell.
Page 89 The code for the paragraph in Figure 3.17 is missing a minus sign on the text-indent value. The correct code is:
p {text-indent: -1.5em; margin-left: 2em; border: 1px solid red;}
A tip o' the hat to reader Daniel Stahl in Charlotteville, VA for catching that one.
Page 101 The Box Model diagram on this page is incorrectly drawn - the border should be around the padding area, and all the black lines should end at the corners of the border. Here's the original version I submitted to the publisher (but hey, I'm not bitter ; ). You can download a printable version of this Box Model diagram in .png format. Note that Fig 4.2 is also a correct represtation of the Box Model.
Page 107 The last red comment box on this page should read: "When only two margin values are stated, the first defines top and bottom, the second left and right"
Page 112 The last sentence of the third paragraph should read: "I have added the class specialpara to the third paragraph in the markup..."
Page 145 Each of the margin comments next to the orange code at the bottom of the page are incorrectly positioned; each on should be against the next one down (against lines 2 thru 6, not lines 1 thru 5). Thanks to reader Rick Garrison for this one.
Page 146 Because the editors at New Riders carefully moved the code comments to the left (the red boxes), they also removed comments from this example that were vital to the functioning of the code. Here is the correct code for this example:
/* backslash hack hides from IE mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end backslash hack */
Thanks to again to reader Rick Garrison for being confused enough to work out what was wrong and write to me.
Page 155 Not an error per se, more of an oversight, as reader Joann Schow pointed out...I didn't clearly explain CSS comments when I first use them here. You can add comments into your CSS by using /* to start the comment and */ to end it, as in /* this is a comment */ . I strongly recommend you follow my advice on comments for XHTML on page 20 - and look at some of the downloadable files such as the drop-down menus (fig 7.28) to see how comments improve readability of your CSS too.
Page 176 Line 2 should read..."consist of a list of pages you can visit and a menu is a list of choices." Thanks, reader James Welch.
Page 194 The first line of code should read: body {font-family: verdana, arial, sans-serif; font-size:100%; behavior:url(css/csshover.htc);} Thanks to reader Dick Campbell for catching that one.
Page 196, 198 & 201 The div id on the markup should be listmenu not listcontainer. We'll credit reader Anthony Mason's sharp eyes here.
Page 207 The code above Fig 7.34 should begin
div#button a.roll {width:120px; ....}
Page 224The three_cols_absolute file is not in the download files - I will add it soon. It is there - the file you want is Fig 5.12.
Page 234 Fig 8.9 is from different markup from others in the sequence, although it does correctly illustrate the competed development of the left column. This screenshot must be from one of the earlier versions I wrote while developing this example. Caught by the sharp eyes of reader Micah Kaplan.
End of this kind of notes...
Follow the rules of Web standards ONLY...
kluges = very bad ways of doing things; doing something in 10 different ways, in 50 steps, when only 1 way, 1 step, is needed...
===========
[Note 1: Firefox
3.5.9
does NOT display italic double quote right, as seen
above when viewing in that browser. It is displayed on top of
next character or two to the right.]
[Test all hyperlinks that they are correctly made, &
links to the correct web page, and/or bookmark on a web page.]
[All 'what looks like spaces' in file names is the 'underscore
line' character [_]. Change all spaces & hyphens to underscores in
file names. Reason for using underscores is: double-clicking on the
phrase with underscores in it, highlights the whole phrase at one
time, instead of just part of it. (Phrases with spaces, or hyphens [-]
in them, only high-lights up to the space, or hyphen,
and NOT beyond it --the word. This is by far much less convenient to use. Other
symbols act similar or not similar to this... Some includes the symbol, such as
%, but not beyond it. )]
[Also, make all letters lower case only. Decide on whether to use
.html or .htm as web page file extension ending.
Currently using both.]
(All these links must
link back to this index page...)
html_css_info
THS_p6
index main
code_samples_1
sample
misc_stuff_1
info_test_1
index
ISO Latin_1 Character Set
CSS_Sample_1
Ducks In A Row index file
Old
stuff taken OFF of the official website of TheRockMCC.org
(MCC
Home page: Misc Links)
Bible Study page
Church Website Update page
Info Links page
Test-2 page
Contents
[[Much of the following text is hidden; it won't un-hide in EW4...]]
Purple/Blue Box Links aren't underlined; others are
Gay Marriages are now legally being performed in New York!
(Plus in Massachusetts, Iowa, Vermont, New Hampshire, Connecticut, & the District of Columbia)
(see: Emergency Contacts below)
(see also above:
Contact Information)
(All events happens in current year and
current month, unless otherwise stated.)
NOTICE:
If Internet Explorer isn't opening files correctly on this
website, try another browser, such as Apple Safari, Firefox, Google Chrome, or Opera.
(NOTE: If this WebRing takes over your home page, just
close browser down, & reopen home page.)
(Sometimes
this WebRing messes up & opens,
replaces
TheRockMCC.org
website.
<p style="text-align: center">This site is a member of the
<em><strong>MCC Churches</strong></em> <em>WebRing</em>.
<span class="style1">Click on "here"</span><span style="font-weight: 400" class="style1"> below to see other WebRings I've joined.</span></p>
Last modified:
Sunday March 15, 2009 03:38 PM -0400
(Time in British Columbia,
Canada)
[Website is edited directly from my computer in Collegedale TN USA, or on my
laptop when not at home.] Photo of
Bernard L Wotton.
This church website
created using
Microsoft Office FrontPage 2003 in Microsoft Windows XP
Professional (Desktop) &/or
Microsoft Windows Vista Home Premium (Laptop) by Bernard
Wotton. Phone: 1-423-615-0032; Main Cell:
1-423-243-7323; Cell: 1-423-933-7708
(Soon will be using Microsoft Expression Web 2 to edit this
church website.)
Comments are also hidden in browser mode, but should show up in program Design
mode; in EW4, sometimes it shows, other times it does not. When first installed,
it did not show; then later for some reason it did show up... When re-installed,
it now does not show up; how to make comments & hidden text
show up in Design mode... That way I can see what is going on, and where stuff
is at...
[I just un-hidden the following: Font> uncheck Hide; it now
shows up in the text area... In FrontPage 2003, text may be hidden when viewed
in browser, but it showed up in Design mode... I don't like it when I hide text,
& it disappears, is also hidden on that web page in Design mode; I can no longer
tell where stuff is at on the page... It is too easy to delete that stuff, that
I want saved, but to be viewable... Of course, when folks view 'source
code', I guess all that hidden stuff IS viewable... Not sure...]
LEFT-Hand_Border
TWO-Column_Page
Testing HTML & CSS
test
t
LEFT-Hand_Border
TWO-Column_Page
Testing HTML & CSS
test
t
test
test
Music
Children's.Church
Small Groups
Church.Store
5.Church
Website Examples
Region 2 Elders
MCC Moderator Essential Info!
Office Hours - The Rock MCC
Bible Study /
Prayer Meeting (see Calendar for Dates)
from May 2011 Calendar [NOT using this now,..]
Church Choir
Practice
4pm
Praise Team Practice 4:30pm
---------------------
test
test
male final link small like this...
put above hidden link somewhere on website where I can find it easily so
as to access these "extra web pages" ...
Take home the church bulletin,
"News & Worship Guide"
to remind you of coming events you
may want to attend!
(Bulletin is no longer printed, nor are events given in the overhead
PowerPoint presentation.)
Announcements are now given verbally at the start of each service. They
are also sent out by e-mail to all on our church e-mail list,
and are listed in the church e-news letter called "The Rock MCC Weekly News"
sent out by Tracy each week.
LGBT Faith Matters website for local affirming churches
Janice Mynchenberg has been working with the
TN Valley Pride
Board's
webmaster to create a special webpage for affirming churches in
Chattanooga. Eric Eubanks has agreed to serve as a co-editor for the
site. David Howard has designed a logo for that site. The website is
named
lgbtfaithmatters.org.
Bible Study
Group [Not meeting for now, stay tuned for next start-up]
6pm
Evening Worship Service
And don't forget that The Rock MCC offers two worship services every
Sunday. The 11:00am service features praise music, preaching and
performers, and
communion. The 6:00pm service is led by lay members of
our congregation and our pastor, and focuses on special seasonal themes. Communion
is also part of each evening's worship, and hymns are sung from our
congregation's own "MCC Hymnal".
New Events to Attend
(Seasonal)
Misc Info-News (Community Events)
(Coming events are no longer given in the overhead
PowerPoint presentation.)
Upcoming Events
END OF:
Old stuff
taken OFF of the official website of "TheRockMCC.org"
!_FTP_Home_TheRockMCC.org/test-book/index.html
D:\!_FTP_Home_TheRockMCC.org\test-book\working_on\HTML files\Dogs
The text string in quotes "test-book" is the name of the
subfolder in church website that holds ALL other NON CHURCH
related folders and all non-church stuff.
This file is the "index page" --index.html-- of that
named folder. Using 'relative partial links'
only. These folders are for testing out web stuff I'm working on, and
eventually how to improve the church website.
Make an "index.html" file --home web page-- for
most, if not, all subfolders in church website, and all folders
therein. OK in all main folders...
This folder
--"test-book"-- is where I put all html code samples and pages working on,
experimenting with in. The web pages therein are for testing to see
what HTML/CSS code works, & what does NOT work as typed in, asis.
Hence the name of this folder. It's not meant for general viewing by the general public.
A kinda hidden link on the church home page links to this folder's home page,
index.html page. The short name above is the small link listed on church home
page. See if this new link also works OK. Test it out. Is it OK??
Yes or
No.
Put in heading a list of the 7 different font sizes & meanings used in web pages.
Also other lists as needed, such as color names &
numbers. (Also make a display page showing relationships between the
code & strings meaning)
Books reading & notes from:
THS
WhoIs1A2B3C4YesGayWhatAboutYou?
http://www.wix.com/ making a free website: from
http://www.w3schools.com/html/
