HTML and Dreamweaver

Lecture

In this week in lecture we looked at an introduction to mark XHTML and CSS - Multimedia and the Web. We covered topics such as types of mark up, drawbacks of presentation mark ups, and structural rules. These were the main topics discussed. On the topic of XTML and CSS, I learned that XHTML is a replacement for HTML; it is stricter than HTML and only contains logical mark up if done correctly. CSS stands for cascading style sheets; it is used with XHTML document and contains the presentational mark up. Both are plain text documents. I also learned about mark up language which I didn’t really know about before. I learned that producers of technical documentation increasingly prefer logical mark up over presentational mark up. Presentational mark up is tedious and expensive; authors can spend 15% to 50% of their time on the appearance of each page.

Tutorial

This week in tutorial we started to look at Dreamweaver, XHTML and CSS. During this session we mapped a network drive, and then went onto creating a web page. The tutorial showed how to add colour, changes text sizes and style of text. We then looked at CSS. We also looked at tagging and titles. Right at the end of the tutorial exercise we looked at adding external links to other WebPages. We also looked at the wrong way, the better way and the right way. This was confusing being taught one thing then doing it again another way and then another way.


Reflection

I am finding the lectures recently very tedious. I enjoy lectures with geene Stubbs, as I find that I learn more the way that she presents the lecture. I have worked with Dreamweaver whilst doing a BTEC National in college. So I find that I can produce a webpage using Dreamweaver quite easily and I have also used CSS before so I think that I can expand my knowledge further now whilst in the tutorials, as I can progress further on with Dreamweaver to a higher standard. I struggled with HTML coding in college so I feel that maybe in tutorials I should look more at this to see what Dreamweaver is actually changing what I am doing into HTML coding.

External Links

PPI and DPI

This week’s lecture covered the concept of dots per inch (DPI), and pixels per inch (PPI).
DPI measures the number of individual dots of ink that a printer can produce within a one inch space. I learned from the lecture that the higher the DPI the clearer and more detailed the print out will become.
PPI represents the number of pixels per inch whilst talking about photo images. The dot size can vary on the photo prints. It is most appropriately used to scale existing digital images to a specified print size.

This week’s tutorial we covered how to place an image onto a text so it appears as the colour of the text. We then saved it to the same file in which the webpage that was linked in blackboard. This webpage was already edited with HTML. When the webpage was loaded the text that I created in Photoshop appeared in the webpage.
We then went onto do the same for logo 2, but with logo 2 we created the background to match the webpage. We then moved onto buttons and the blue glass effect. We then experimented with different button shapes.

This week i found the lecture to be hard to concerntrate in. This i find is due to the topic, its quite a dry topic, and i find that it was hard to adjust to the concept of it.

http://en.wikipedia.org/wiki/Dots_per_inch
http://en.wikipedia.org/wiki/Pixels_per_inch