Play as Webslides

Michelle R's List: NED 11

Web Site Wireframes - Samples, Examples

wireframes

www.gdoss.com/...web-site-wireframe.php - Preview

on 2009-10-14 and saved by 11 people
- . Visio stencils allow you to save libraries of commonly used shapes and elements
- Wireframes need to achieve a balance between
  being too detailed and too general. A wireframe
  that is too precise may leave little creative room for
  the designer.
flipping typical

flippingtypical.com - Preview

on 2009-10-13 and saved by 89 people
PXtoEM.com: PX to EM conversion made simple.

pxtoem.com - Preview

on 2009-10-13 and saved by 75 people
Typechart - Browse Web Type, Grab CSS.

www.typechart.com - Preview

on 2009-10-13 and saved by 141 people
14 Best Online Typography Tools for Web Designers | Web Design Ledger

webdesignledger.com/...graphy-tools-for-web-designers - Preview

on 2009-10-13 and saved by 23 people
Video Screencasts

css-tricks.com/video-screencasts - Preview

on 2009-10-13 and saved by 20 people
Typetester – Compare fonts for the screen

Excellent Type tool

www.typetester.org - Preview

on 2009-10-13 and saved by 263 people
Right vs. Left Sidebar

sidebar placment

www.webmaster-source.com/...right-vs-left-sidebar - Preview

on 2009-10-13
Care With Font Size - Quality Web Tips

www.w3.org/font-size - Preview

on 2009-10-12 and saved by 14 people
- Use relative length
  units such as percent or (better) em
Colour - Easy Read

www.easy-read-online.co.uk/colour.aspx - Preview

on 2009-10-12
Linking words - english-at-home.com

www.english-at-home.com/...linking-words - Preview

on 2009-10-12 and saved by 3 people
Usability News 112 - Shaikh

www.surl.org/...typeface.asp - Preview

on 2009-10-12 and saved by 3 people
Website Background Images : Examples and Implementation | [Re]Encoded.com

www.reencoded.com/...es-examples-and-implementation - Preview

on 2009-09-25 and saved by 2 people
Free Photoshop Brushes at Brusheezy!

www.brusheezy.com - Preview

on 2009-09-08 and saved by 250 people
NCSA--A Beginner's Guide to HTML

www.put.com/HTMLPrimer.html - Preview

on 2009-09-06
- Required elements are shown in this
  sample bare-bones document:
  
  <html>
  <head>
  <TITLE>A Simple HTML Example</TITLE>
  </head>
  <body>
  <H1>HTML is Easy To Learn</H1>
  <P>Welcome to the world of HTML.
  This is the first paragraph. While short it is
  still a paragraph!</P>
  <P>And this is the second paragraph.</P>
  </body>
  </html>
- The required elements are the <html>, <head>, <title>,
  and <body> tags (and their corresponding end tags)
- 24 more annotations...
- - This element tells your browser that the file contains HTML-coded information.
    The file extension .html also indicates this an HTML
    document and must be used.
    (If you are restricted to 8.3 filenames (e.g., LeeHome.htm,
    use only .htm for your extension.)
  - The head element identifies the first part of your HTML-coded document that
    contains the title. The title is shown as part of
    your browser's window (see below).
  - <Hy>Text of heading</Hy>
  - Paragraphs
  - The </P> closing tag can be omitted.
    This is because browsers understand that when they encounter a
    <P> tag, it implies that there is an end to the previous
    paragraph.
    
    Using the <P> and </P> as a paragraph container means that
    you can center a paragraph by including the ALIGN=alignment
    attribute in your source file.
    
    <P ALIGN=CENTER>
    This is a centered paragraph. [See the formatted version below.]
    </P>
  - <UL>
    <LI> apples
    <LI> bananas
    <LI> grapefruit
    </UL>
  - <OL>
    <LI> oranges
    <LI> peaches
    <LI> grapes
    </OL>
  - The following is an example of a definition list:
    
    <DL>
    <DT> NCSA
    <DD> NCSA, the National Center for Supercomputing Applications,
    is located on the campus of the University of Illinois
    at Urbana-Champaign.
    <DT> Cornell Theory Center
    <DD> CTC is located on the campus of Cornell University in Ithaca,
    New York.
    </DL>
  - Preformatted Text
  - Extended Quotations
  - Addresses
  - Forced Line Breaks/Postal Addresses
  - Horizontal Rules
  - The chief power of HTML comes from its ability to link text
    and/or an image to another document or section of a document. A browser highlights the
    identified text or image with color and/or underlines to indicate that it
    is a hypertext link (often shortened to hyperlink or
    link).
  - single hypertext-related tag is <A>, which
    stands for anchor
  - can link
    to documents in other directories by specifying the relative path
  - a link
    to a file NYStats.html located in the subdirectory
    AtlanticStates
    would be:
  - Pathnames use the standard UNIX syntax. The UNIX syntax for the parent directory
    (the directory that contains the current directory) is "..". (For
    more information consult a beginning UNIX reference text such as
    Learning the UNIX Operating System from O'Reilly
    and Associates, Inc.)
    
    If you were in the NYStats.html file and were referring to the original
    document US.html, your link would look like this:
  - URLs
    
    The World Wide Web uses Uniform Resource Locators (URLs) to specify
    the location of files on other servers. A URL includes the type of
    resource being accessed (e.g., Web, gopher, WAIS), the address of the server,
    and the location of the file. The syntax is:
  - http
    a file on a World Wide Web server
  - Links to Specific Sections
  - Internal hyperlinks are used to create a "table of
    contents" at the top of this document
  - Links to Specific Sections within the Current Document
    
    The technique is the same except the filename is omitted.
    
    For example, to link to the ANP anchor from
    within MaineStats, enter:
    
    ...More information about <A HREF="#ANP">Acadia National Park</a>
    is available elsewhere in this document.
    
    Be sure to include the <A NAME=> tag at the
    place in your document
    where you want the link to jump to (<H2><A NAME="ANP">Acadia National Park</a></H2>).
    
    Named anchors are particularly useful when you think readers will print a document
    in its entirety or when you have a lot of short information you want to place online
    in one file.
  - send electronic mail to a specific
    person or mail alias by including the mailto attribute in a hyperlink
Lorem Ipsum - All the facts - Lipsum generator

lipsum.com - Preview

on 2009-09-04 and saved by 42 people
Web Templates, Flash Templates, Website Templates Design - Template Monster

www.templatemonster.com - Preview

on 2009-09-01 and saved by 282 people
colr.org

www.colr.org - Preview

color design webdesign tools colors web colour tool on 2009-09-01 and saved by 314 people

1 - 18 of 18

Showing 20▼ items per page

List Comments (1)

on 2009-09-01 Michelle R -Send Message

Website building web pages.

List Info

Michelle R

18 items | 7 visits

NED 11 related website.

Updated on 2009-10-14
Created on 2009-09-01

Category: Computers & Internet

URL:

Michelle R's List: NED 11

Web Site Wireframes - Samples, Examples

flipping typical

PXtoEM.com: PX to EM conversion made simple.

Typechart - Browse Web Type, Grab CSS.

14 Best Online Typography Tools for Web Designers | Web Design Ledger

Video Screencasts

Typetester – Compare fonts for the screen

Right vs. Left Sidebar

Care With Font Size - Quality Web Tips

Colour - Easy Read

Linking words - english-at-home.com

Usability News 112 - Shaikh

Website Background Images : Examples and Implementation | [Re]Encoded.com

Free Photoshop Brushes at Brusheezy!

NCSA--A Beginner's Guide to HTML

URLs

Links to Specific Sections within the Current Document

Lorem Ipsum - All the facts - Lipsum generator

Web Templates, Flash Templates, Website Templates Design - Template Monster

colr.org

List Info

Sponsored Links

Michelle R's Public Lists (14)