Below are links to my website and online personalised blog:
www.stonfest.freevar.com
My blog.
http://breannatheme.tumblr.com/
Final Week a few problems
Well i am currently experiencing a few problems with my website:
I have way to much information – I have tackled this problem by adding a scroll bar.
The history page wasnt linking – I realised that this was because i had a capital in History.
I wasnt sure how to instal a youtube video. Google had a really good answer. I have documented it below if anyone needs help.
-
Get the Embed Code
Go to the page where your video is displayed in YouTube, or whatever video sharing service you’re using. You should be able to find the “Embed” code for the video. This is the code that you will insert so that the video will appear on your web page.
The embed code looks something like the following:
<object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/tIBxavsiHzM" /> <embed src="http://www.youtube.com/v/tIBxavsiHzM" type="application/x-shockwave-flash" width="425" height="350" /> </object>
For the curious, the above code was taken from thesitewizard.com’s video on How to Add a Feedback Form to Your Website at http://www.thesitewizard.com/general/feedback-form-video.shtml
Select the code, and copy it to your clipboard. That is, after selecting the entire block of text in the “Embed” box, click “Edit” on the menu bar and select “Copy” on the menu that appears.
-
Open Your Web Page in Dreamweaver
Now start Dreamweaver, and load the web page where you want the video to appear, and click the spot on the page where the video should be placed. The blinking text cursor should appear in that location.
-
Insert the YouTube Embed Code in the Code Mode
The simplest way to insert the YouTube code is to switch to Dreamweaver’s “Code” mode, which allows you to see the actual HTML that is produced by the editor for your web page. To do this, click the “View” menu, and then select the “Code” menu item on the menu that appears.
The screen should switch from the visual layout displayed by the “Design” mode to show you the “raw” HTML for your page. Since you have already positioned your cursor at the place you want the movie/video clip to appear, all you have to do at this point is to insert the code you copied earlier. To do this, click the “Edit” menu and select “Paste” from the menu that appears.
At the bottom of the page, in the Properties panel, you should see a button labelled “Refresh”. Click it.
Switch back to the “Design” mode by selecting “Design” from the “View” menu. Although you won’t be able to view your video clip in Dreamweaver, a placeholder box should be visible on your page. If the position of the box is not satisfactory, for example, if the video is placed on the same line as an existing line of text, you can move that text away by simply hitting the ENTER key (or RETURN key if you use a Mac) after positioning the cursor at the beginning of the text in question.
Once you’re satisfied, publish your page onto your site and test it by visiting the page with a web browser
http://www.thesitewizard.com/faqs/youtube-video-dreamweaver.shtml
This is the video I have chosen.
Blogging
29/05/2009.
I have signed up to Tumblr to create my own blog.
It seems fairly easy. On my blog I am going to promote my promotional company Breeze Promotions.
I have used tumbler to set a theme for my blog.
Making progress. However!
24/05/2009.
I am making progress on my website. I have created more pages and I have realised that there is alot of information that may not fit into the design of my website. I am going to have to create sub-pages under tickets, history and the contact us pages. Due to having to much text I will have to look into inserting a scroll bar of some sort to tackle this problem. Feeling a little overwhelmed still.
css
14/05/2009
Finally finished most things on my homepage. My plan is to apply the style sheet to each text but obviously different HTML on each page.
The Presentation Layer
01/05/2009
CSS is alot more difficult then i thought it would be. I have spend two weeks trying to teach myself CSS and creat my first page (the homepage”. CSS is all about creating these style sheets. My first step in CSS was to create a backround image that didnt include any of the text. I also realise that I had to turn of the text in my tabs. I had to save to web and devices/jpg. Creating into the body. My next step was controlling where the text sat against the background image. That was done pretty easily. However the main thing that I struggled with was the top tabs and trying to get the text to line up correctly on each tab design. I also struggled with getting the sponsors down the bottom of the page the links to line up. WOW! CSS IS HARD!
Web Publishing.
13/04/2009.
I have decided to use a free web hosting server.
Check it out if you need to find one.
www.freevar.com
I am not 100% sure about this free web hosting site. It is working ok. I have uploaded all of my HTML pages. My link to my website will be http://stonfest.freevar.com. The only thing that I have come across is other advertising appears on this page occassionally. Pop up boxes appear. I have decided to just run with it for now but I would never use it again. The steps to sign up were fairly easy. It simply involved entering in all my details and then an email was sent to me with everything i have to do.
A note!
08/04/2009
Great! All mt HTML pages are completed. I had to include paragraph breaks, headings, unordered lists, links and images.
Information architecture – HTML
03/04/2009.
HTML was alot easier then I imagined. It basically is just about copying and pasting the text into dreamweaver. However I have noticed that Dreamweaver does have the potential to make things messy. I have used my own tagging as dreamweave keeped inserting this weird tag in there. It didnt do anything but still made it look a bit messy. Plus its better to learn what all the tags mean. One thing I learnt was to make sure all the markup is in lower case. I also learnt the basic document structure.
<html>
<head>
<title>
</head>
<body>
web page content
</body>
</html>
