Re: Meeting Minutes November 29, 2006 - Web Development
Michael Bond <[email protected]> Sat, 2 Dec 2006 08:44:12 -0500
| Newsgroups | gmane.org.user-groups.linux.morlug |
|---|---|
| Message-ID | <[email protected]> |
--===============1327462268==
Content-Type: multipart/alternative; boundary=Apple-Mail-3--71224316
--Apple-Mail-3--71224316
Content-Transfer-Encoding: 7bit
Content-Type: text/plain;
charset=US-ASCII;
delsp=yes;
format=flowed
I updated the version on the website a little. My hand writing is
pretty horrible on the black board.
The biggest point I wanted to make during the meeting was that all of
the examples that were asked about are merely CSS and Javascript
trickery. Even Dreamweaver, the generally recognized 'best' wysiwyg
html editor, can't do these things for you.
I mentioned that internet explorer 6 does not correctly handle
the :hover attribute in CSS. The file at the URL below fixes that.
http://www.the-forgotten.org/temp/csshover.htc
I generally like to try and keep my IE hacks separate from the rest
of my CSS, lately i've even been breaking it down by IE version. The
best way to handle this is using a feature in IE browsers called
conditional if's.
<!--[if IE]>
<style type="text/css" media="all">@import url(styles/
styleIE.css);</style>
<![endif]-->
put the above code in the <head></head> of your html file and only IE
will load the "styleIE.css" style sheet. In that style sheet you drop:
body {
behavior:url(javascript/csshover.htc);
}
Mike.
[email protected]
On Dec 1, 2006, at 11:55 PM, Derek Perriero wrote:
> http://morlug.org/index.php/Nov_29%2C_2006
> ----------------------------------------------------------------------
> --------------------
>
> MorLUG Meeting - November 29, 2006
>
> Web Development
>
> Summary
>
> Tonight was a general discussion about web development and various
> tools for the process.
> Mike Bond lead the discussion about various ways to implement a
> website. He described to us the most common of website design
> patterns. In these design patterns navigation menu's can be created
> easily with CSS (Cascading Style Sheets). CSS is a common way to
> give attributes to various elements on the website. i.e. color,
> size, etc.
>
> HTML
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
> CSS - brief example, not complete code
>
> ul.topNav {
> border: #00000;
> width: 80px;
> padding-left: 0px;
> margin-left: 0px;
> }
> ul.topNav li {
> list-style-type: none;
> margin: 0px;
>
> position: relative;
> color: #fff;
> }
> ul.topNav li:hover > ul{
> display: block;
> }
> Mike explained that XHTML is most accepted markup language now.
> XHTML makes HTML valid XML, so that it can be interpretted as XML
> and HTML at the same time.
>
> You'll want to find a good editor that supports multi-modes. This
> helps when you are editing HTML and Javascript at the same time and
> you want language highlighting for each of them.
>
> When it comes to conformity, you'll want to keep to w3c standards.
> Many websites have fallen to the wayside because of lax adherence
> to these standards. W3c has set out to create guidelines for people
> to follow when creating HTML, XML and CSS based websites.
>
> For more help on CSS go to:
> http://www.alistapart.com/
>
> Emacs reference site:
> http://www.emacswiki.org
>
> w3c validator site:
> http://validator.w3.org/
>
> --
> Perriero, Derek
> [email protected]
> _______________________________________________
> Morlug mailing list
> [email protected]
> http://mailman.morlug.org/mailman/listinfo/morlug
--Apple-Mail-3--71224316
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html;
charset=ISO-8859-1
<HTML><BODY style=3D"word-wrap: break-word; -khtml-nbsp-mode: space; =
-khtml-line-break: after-white-space; "><DIV><BR =
class=3D"khtml-block-placeholder"></DIV><DIV>I updated the version on =
the website a little. My hand writing is pretty horrible on the black =
board.=A0</DIV><DIV><BR class=3D"khtml-block-placeholder"></DIV><DIV>The =
biggest point I wanted to make during the meeting was that all of the =
examples that were asked about are merely CSS and Javascript trickery. =
Even Dreamweaver, the generally recognized 'best' wysiwyg html editor, =
can't do these things for you.=A0</DIV><DIV><BR =
class=3D"khtml-block-placeholder"></DIV><DIV>I mentioned that internet =
explorer 6 does not correctly handle the :hover attribute in CSS. The =
file at the URL below fixes that.</DIV><DIV><A =
href=3D"http://www.the-forgotten.org/temp/csshover.htc">http://www.the-for=
gotten.org/temp/csshover.htc</A></DIV><DIV><BR =
class=3D"khtml-block-placeholder"></DIV><DIV>I generally like to try and =
keep my IE hacks=A0separate from the rest of my CSS, lately i've even =
been breaking it down by IE version. The best way to handle this is =
using a feature in IE browsers called conditional if's.=A0</DIV><DIV><BR =
class=3D"khtml-block-placeholder"></DIV><DIV>=A0=A0 =A0<!--[if =
IE]></DIV><DIV>=A0 =A0 <style type=3D"text/css" =
media=3D"all">@import =
url(styles/styleIE.css);</style></DIV><DIV>=A0 =A0 =
<![endif]--></DIV><DIV><BR =
class=3D"khtml-block-placeholder"></DIV><DIV>put the above code in the =
<head></head> of your html file and only IE will load the =
"styleIE.css" style sheet. In that style sheet you drop:</DIV><DIV><BR =
class=3D"khtml-block-placeholder"></DIV><DIV>body {</DIV><DIV> =
behavior:url(javascript/csshover.htc);</DIV><DIV>}</DIV><DIV><BR =
class=3D"khtml-block-placeholder"></DIV><DIV><BR =
class=3D"khtml-block-placeholder"></DIV><BR><DIV> <SPAN =
class=3D"Apple-style-span" style=3D"border-collapse: separate; =
border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Helvetica; =
font-size: 12px; font-style: normal; font-variant: normal; font-weight: =
normal; letter-spacing: normal; line-height: normal; text-align: auto; =
-khtml-text-decorations-in-effect: none; text-indent: 0px; =
-apple-text-size-adjust: auto; text-transform: none; orphans: 2; =
white-space: normal; widows: 2; word-spacing: 0px; "><SPAN =
class=3D"Apple-style-span" style=3D"border-collapse: separate; =
border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Helvetica; =
font-size: 12px; font-style: normal; font-variant: normal; font-weight: =
normal; letter-spacing: normal; line-height: normal; text-align: auto; =
-khtml-text-decorations-in-effect: none; text-indent: 0px; =
-apple-text-size-adjust: auto; text-transform: none; orphans: 2; =
white-space: normal; widows: 2; word-spacing: 0px; =
"><DIV>Mike.</DIV><DIV><A =
href=3D"mailto:[email protected]">[email protected]</A></DIV><=
DIV><BR class=3D"khtml-block-placeholder"></DIV><DIV><BR =
class=3D"khtml-block-placeholder"></DIV><BR =
class=3D"Apple-interchange-newline"></SPAN></SPAN> =
</DIV><BR><DIV><DIV>On Dec 1, 2006, at 11:55 PM, Derek Perriero =
wrote:</DIV><BR class=3D"Apple-interchange-newline"><BLOCKQUOTE =
type=3D"cite"><A =
href=3D"http://morlug.org/index.php/Nov_29%2C_2006">http://morlug.org/inde=
x.php/Nov_29%2C_2006</A><BR>----------------------------------------------=
--------------------------------------------<BR><BR><P>MorLUG Meeting - =
November 29, 2006 </P><P>Web Development </P><P>Summary </P> =
<PRE>Tonight was a general discussion about web development and various =
tools for the process.<BR></PRE><P>Mike Bond lead the discussion about =
various ways to implement a website. He described to us the most common =
of website design patterns. In these design patterns navigation menu's =
can be created easily with CSS (Cascading Style Sheets). CSS is a common =
way to give attributes to various elements on the website. i.e. color, =
size, etc. </P> <PRE>HTML<BR><BR> <UL class=3D"topNav"><BR> <LI =
id=3D"firstItem"><BR> </LI><BR> <LI id=3D"secondItem"><BR> =
</LI><BR> <LI id=3D"thirdItem">
<BR> </LI><BR> </UL><BR> <BR></PRE><PRE>CSS - brief example, not =
complete code<BR><BR>ul.topNav {<BR> border: #00000;<BR> width: =
80px;<BR> padding-left: 0px;<BR> margin-left: 0px;<BR>}<BR>ul.topNav =
li {<BR> list-style-type: none;<BR> margin: 0px;
<BR> position: relative;<BR> color: #fff;<BR>}<BR>ul.topNav li:hover =
> ul{<BR> display: block;<BR>}<BR></PRE><P>Mike explained that XHTML =
is most accepted markup language now. XHTML makes HTML valid XML, so =
that it can be interpretted as XML and HTML at the same time. =
</P><P>You'll want to find a good editor that supports multi-modes. This =
helps when you are editing HTML and Javascript at the same time and you =
want language highlighting for each of them. </P><P>When it comes to =
conformity, you'll want to keep to w3c standards. Many websites have =
fallen to the wayside because of lax adherence to these standards. W3c =
has set out to create guidelines for people to follow when creating =
HTML, XML and CSS based websites. </P><P>For more help on CSS go to:<BR> =
<A href=3D"http://www.alistapart.com/" class=3D"external text" =
title=3D"http://www.alistapart.com" =
rel=3D"nofollow">http://www.alistapart.com/</A> <BR> <BR> Emacs =
reference site:<BR> <A href=3D"http://www.emacswiki.org/" =
class=3D"external free" title=3D"http://www.emacswiki.org" =
rel=3D"nofollow">http://www.emacswiki.org</A> <BR> <BR> w3c validator =
site:<BR> <A href=3D"http://validator.w3.org/" class=3D"external free" =
title=3D"http://validator.w3.org/" =
rel=3D"nofollow">http://validator.w3.org/</A><BR></P>-- <BR>Perriero, =
Derek<BR><A =
href=3D"mailto:[email protected]">[email protected] =
</A><BR><DIV style=3D"margin-top: 0px; margin-right: 0px; margin-bottom: =
0px; margin-left: 0px; =
">_______________________________________________</DIV><DIV =
style=3D"margin-top: 0px; margin-right: 0px; margin-bottom: 0px; =
margin-left: 0px; ">Morlug mailing list</DIV><DIV style=3D"margin-top: =
0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><A =
href=3D"mailto:[email protected]">[email protected]</A></D=
IV><DIV style=3D"margin-top: 0px; margin-right: 0px; margin-bottom: 0px; =
margin-left: 0px; "><A =
href=3D"http://mailman.morlug.org/mailman/listinfo/morlug">http://mailman.=
morlug.org/mailman/listinfo/morlug</A></DIV> =
</BLOCKQUOTE></DIV><BR></BODY></HTML>=
--Apple-Mail-3--71224316--
--===============1327462268==
Content-Type: text/plain; charset="us-ascii"
MIME-Version: 1.0
Content-Transfer-Encoding: 7bit
Content-Disposition: inline
_______________________________________________
Morlug mailing list
[email protected]
http://mailman.morlug.org/mailman/listinfo/morlug
--===============1327462268==--