Nathan Firth
Dec 9, 2010
This first one is of the main screen that you come to.
Then depending on what you want to enter in color or black and white.
and then this is an example of a zoomed in of a picture.
So my first group discussion and they told me some good things i am going to flip my blue door 180 degrees and also make it so the pictures look like they are sitting on the wood themselves.
I have come to find out over the many hours that what i wanted to do is harder than i thought. I am trying hard but I am not seeing a difference. I really want to understand this language but so far it is not going well.
So today is the due date for this project. I can say that I am happy with the results there are bunch of things that I wish I had done.My plans is to incorporate alot more motion into the site. But I need to turn in some kind of progress. I am definitively going to work my but over the summer and learn flash. I have just got a member ship to lynda with will become by best friend. Below are some shots of the progress of today. Hopefully Dave wont fail me I can honestly say that I tried hard to understand the program even through I felt like i was hitting a brink wall most of the time even though I have learned a lot from the projects and tutorials.
My new idea is to do 30 seconds of president Eisenhower speech after pearl harbor was attacked.
Dave face definnitally like this idea better than the original.
we shall start with the HTML web page project
that was a project that found interesting below are some screen shots of the different pages.
Here are some examples of the pages of the website. The layout stays the same for all pages only the text and pictures change.
This project taught me a lot about dream weaver and layout design for web sites. There are some things that I Would like to change about mine. I would make the icons have color in them when you click and are on the page. Also have a little more content.
Nov 23, 2010
working on flash animation for last project
Sep 23, 2010
1. How to insert an image and how to have the image repeat itself horizontally and vertically or both.
2. This lesson will teach the learner what he or she needs to do in order to insert an image into Dreamweaver. Another part of this tutorial shows the student how to make you image repeat horizontally, vertically and both.
3. To start this tutorial you will need to already have working html/css page that has your headings and body sections of your web page. The image that you want to put on your website. This tutorial should take you about 5 minutes or less.
Steps
1. Open Dreamweaver and open you html/css document.
(Make sure you have a working html/css page that contains headings and a body section at least.) Make sure that your htlm/css sheets are in one folder
2. Now find the section called body in your html/css page
Now the beginning of the body section starts with this symbol { and the end is shown by this symbol }. You need to create a new line right above the } by going to the end of the line above it and pressing enter.
3. Once you hit enter a prompting box should come giving you the option of selecting background image.
4. Once you have chosen the background-image option another box will appear and give you the option to browse choose browse.
6. Your finished link should look like the example below. Make sure you are Adding ; this symbol at the end of the line so the computers knows that you are done.
We are almost there, now we will work on how to make the same image repeating it self either horizontally, vertically or both.
If you have already closed your Dreamweaver document that you work on above please go ahead and open it back up.
Steps
1. With you document open now find the body part of you html/css page.
2. Press enter at the end of the line background-image. A Box will come up that you should recognize.
3. Click on background repeat; now here is were you get to chose if you want you image repeated horizontally, vertically or both.
4. Now you need to decide on were you would like you image to repeat it self.
(Below is a table that shows you the commands or value and a description of what each one does.)
5. Now that you have chosen to how you want it to repeat make sure you add (;) at the end letting the computer know that you are done with that action.
Here is an example.
6. Now if you wanted to make your image repeat other directions please refer to the table that is above step 4. You would still type in background-repeat: repeat- at the same location as before just changing the ending of you line to instead saying repeat-x to another code such as repeat-y.
Conclusion
You did it, you know now how to add a picture to you web page and if you want to have it repeated how to do that.
If you have any questions or would like help send me an email at Firth343@hotmail.com
Sep 21, 2010
updated post about the website
This is an update on the website project. So far i have started mostly over a couple of times with every time getting somewhat better. It has taken so much time, if i was to add the time that i have spent it would add up to about 15 hours. I have come to relize that the computer lab is pretty much my seconded home.
So far i have learned that making a website it alot harder that i thought it would.
Aug 31, 2010
2nd part of project one
3. There is not a ton of color on this page which i find refreshing. The only color is the Ikea name and the tool bar that helps guide the viewer through the website. The photos of each room offer a focus and direction to what the designer wants the customer to focuse on.
The overhall feel of the webstite is organized with the font being the same throught the web site. Navigating throught the web site is easy and confortable. The hierarchy is shown by have the larger font at the top and the sides of the page. The smaller type is at the bottom of the pages showing what the designer wanted the viewer to see first. The visually hierarchy is shown by having the main picture be the biggest and the other pictures being less than half of its size.
4. This site is full of anything for the home from drawers knobs and handles to the appliances for the home. The sites purpose is to give the home owner/buyer an easy way of buying not just furniture but pretty much anything for the home all in one web site. The site also offers ideas for decorating in any room of the house or living quaters. The majority of the site is presented in a visual form for the viewer; there are some important typography links on the web page. The words on the left side of the page and the top help to reinforce the pictures in the middle of the site.
The Web site does a great job fulfilling the user needs by once a room is chosen it then offers links to items in the room that would go into the room. For example if you click on the bedroom link on the left side you would see likes titled lighting, mirrors and other products.
5. The site audience is anyone who is either redecorating a room in their house or apartment or building a house and wanting to ideas and help. The designers have done a great job of communicating with the user by showing pictures of different rooms of a house and having them all ready decorated. Also have places in the pictures were the user can interact get a closer look at the items in the pictures.
IV. i was thinking of doing a web site showing fun things to do in British Columbia Canada