Head First Web Design

How Long Does It Take To Make A Client Website?

Fri, 20 Nov 2009 14:05:36 -0500

Hi,

I have just finished Head first Web design, and I'm just thinking abiut the last chapter...

When we did the exercise to estimate all the times for making the website for Trilobite Labs (page 423), i seriously underestimated the times...

In general, I got times about 9 times smaller than the exercise solution. I was shocked, does it really take that long to make a site (over 120 hours)?? I would have thought that it would take a lot less. You see the thing is im thinking about making a asmall web design business but im 13 and i dont really have that much time on my hands becuase of school...

thank you...

Trying To Find A Website Shown In The Book

Tue, 29 Sep 2009 07:00:46 -0400

Hello,

There are 9 websites depicted on page 163 of Chapter 5 which show different examples of how colour is used. There is one in particular that I really like, which is the 5th site or the one right in the center of the 9. I've been trying to read some of the text to see if I could identify the site but to no avail.

Does anyone have an idea what the URL for the site is?

Thanks in advance.

Mouse

Thu, 17 Sep 2009 06:19:03 -0400

A mouse is a small device that a Web Design Los Angeles computer user pushes across a desk surface in order to point to a place on a display screen and to select one or more actions to take from that position. The mouse first became a widely-used computer tool when Apple Computer made it a standard part of the Apple Macintosh. Today, the mouse is an integral part of the graphical user interface (GUI) of any personal computer. The mouse apparently got its name by being about the same size and colour as a toy mouse.

A mouse consists of a metal or plastic housing or casing, a ball that sticks out of the bottom of the casing and is rolled on a flat surface, one or more buttons on the top of the casing, and a cable that connects the mouse to the computer. As the ball is moved over the surface in any direction, a sensor sends impulses to the computer that causes a mouse-responsive program to reposition a visible indicator (called a cursor) on the display screen. The positioning is relative to some variable starting place. Viewing the cursor's present position, the user readjusts the position by moving the mouse.

(Just read, not imp)The most conventional kind of mouse has two buttons on top: the left one is used most frequently. In the Windows operating systems, it lets the user click once to send a "Select" indication that provides the user with feedback that a particular position has been selected for further action. The next click on a selected position or two quick clicks on it causes a particular action to take place on the selected object. For example, in Windows operating systems, it causes a program associated with that object to be started. The second button, on the right, usually provides some less-frequently needed capability. For example, when viewing a Web page, you can click on an image to get a popup menu that, among other things, lets you save the image on your hard disk. Some mouses have a third button for additional capabilities. Some mouse manufacturers also provide a version for left-handed people.

Windows 95 and other operating systems let the user adjust the sensitivity of the mouse, including how fast it moves across the screen, and the amount of time that must elapse within a "double click.". In some systems, the user can also choose among several different cursor appearances. Some people use a mouse pad to improve traction for the mouse ball.

Although the mouse has become a familiar part of the personal computer, its design continues to evolve and there continue to be other approaches to pointing or positioning on a display. Notebook computers include built-in mouse devices that let you control the cursor by rolling your finger over a built-in trackball. IBM's Scroll Point mouse adds a small "stick" between two mouse buttons that lets you scroll a Web page or other content up or down and right or left. Users of graphic design and CAD applications can use a stylus and a specially-sensitive pad to draw as well as move the cursor. Other display screen-positioning ideas include a video camera that tracks the user's eye movement and places the cursor accordingly.

Making A Web Page

Thu, 27 Aug 2009 10:13:39 -0400

Hello,
I have just started on the book Head First HTML with CSS & XHTML. I got to chapter 4:) made a domain, and gonna make a webpage. My question is.. do i make it from scratch or choose one of the templets the host is offering?

Thanks

Web Design Help: London Airport Taxi Cab Transfer Service Company

Mon, 17 Aug 2009 10:35:41 -0400

Hi,

i am working in a London Taxi Cab Airport transfer company named hummingbird cars http://www.hummingbirdcars.com/. and justed wanted to enquire about website designing? any good suggestion which comp-any will provide me with best solution (design)

Thanks Jai

Chapter 4 - Test Drive Solution

Wed, 22 Jul 2009 05:27:47 -0400

On page 149 of HFWD there is a solution to the broken layout of the Records:

Test Drive - How's RPM 2.0 looking?

The solution given is to add a margin of 70px to the bottom of the paragraph element.

CODE

#content li p { margin: 0 0 70px 0; }

Well it works, but only if the text never changes. What happens if you remove a paragraph of text from one of the records? It breaks again. Also what happens if you add 2 short paragraphs? You'd have a 70px margin under each paragraph!

Surely it would be more bulletproof to clear the list items left.

CODE

#content li { clear : left; }

I prefer to add an id to the unordered list tag and use a descendent selector to style it. You could also add a margin to the bottom of the images.

HTML Code

CODE

<ul id="records">
        <li><div class="column span-4"><img alt="cover1" src="images/cover1.jpg" /></div>
        <h4>At the Party with Hector Rivera</h4>
        <p>Hector Rivera, the king of New York Latin Soul really makes a splash with his 1966 release</p></li>
</ul>

CSS

CODE

ul#records li { clear : left; }
ul#records li img { margin-bottom : 1em; }

The records then still display correctly regardless of the length of text.

See the differences- before amending

After amending CSS and HTML

Live previews

HFWD version with altered text

My amended version

I am still learning, so if anybody knows a better way please let me know.

What Are Latest Things In Web Design?

Tue, 21 Jul 2009 08:49:53 -0400

how should we design our site?
from consumer and search engine point of view?
what technical and psycho graphic factor should be taken up in to mind.

Chapter 4 Downloading Blueprint

Mon, 13 Jul 2009 03:24:22 -0400

Going through Web Design and on page 141 it says to "visit b.ueprintcss.org and download Blueprint". When I download Blueprint and attempt to unzip it I get a message saying "File 'SemanticClassNames.src' is password protected. Please enter the password in the box below."

What am I doing wrong? Thanks in advance for help!

Javascript

Fri, 03 Jul 2009 10:13:38 -0400

How to Bind Data in Javascript

Facebox

Thu, 18 Jun 2009 11:52:54 -0400

I have been trying to incorporate the facebox from chapter 10 into a new site. I've managed to get it working fine locally (in both IE and firefox), but it doesn't work once uploaded to the server. This tells me it's a simple matter of all the files being in the right places, but I've checked that and can't find any problems. (html in root, facebox folder with image files in root/images, facebook.js and jquery.js files in root/javascripts)

Before I go absolutely crazy trying to figure this out, I thought I'd ask: Is there anything I needed to change in any of the files? I haven't altered a thing - even leaving the comments. The only thing I've done is to basically reference it all in my html like I should have. Like I said, it works fine on my hard drive, just not the web.

Any help appreciated!
Evelyn
Edited to add: Figured it out. Forgot to upload the bigger images. I swear I had already checked that. Oh well. Working now.

Isbn

Sat, 23 May 2009 08:37:43 -0400

Hi all,

Would it be possible for any of you guys that have this book to give me the RIGHT ISBN number as the lady in Waterstones who I spoke to did not seem to know what I was talking about and said I would need this to get the book.

Cheers in advance!

Andy

Color Picker

Thu, 23 Apr 2009 04:19:03 -0400

I use a color picker for designing MS Access projects and thought others here might find it useful.
The kicker for me is that it shows matching colors! The mechanics for me aren't that difficult but the designing is. I wish I had more of a creative streak :) I just ordered Web Design and I cant wait for it to get here!!!

The color picker can be found here:

Color picker

How To Ungarbled The Style Sheets

Thu, 16 Apr 2009 18:04:15 -0400

I opened the Red Lantern style sheet and it is garbled and unreadable. I opened the style sheets in several other chapters and they are all the same. Is there a way to ungarble them without trying to second guess each line as to what goes where?

Chapter 6. Block Navigation

Thu, 09 Apr 2009 16:11:58 -0400

Hi, I am really enjoying the book.

I understand that this book is not intended for CSS learning
but I need some help with CSS.

The CSS code on page 213 works fine with Firefox and Safari,
but the navigation displays weird with IE7.

Is there any workaround or something?

Thanks.

Blueprint Css Framework Doesn't Errata

Thu, 26 Mar 2009 23:04:03 -0400

I want to show the Blueprint grid over index.html, but the code on page 142 doesn't work. How can I do it?