Introduction to Adobe Dreamweaver and HTML code...

Salam all..
Last week we've been introduced to an application software which was new to most of us. It is the Adobe Dreamweaver. It's not new to me however, as I experienced using it during my degree years. But now I noticed that the user interface has developed to be more neat, and I like it. and I also aware that it was long ago used to be called as Macromedia Dreamweaver, but as time flew, I don't know how, now it has been called as Adobe Dreamweaver. Seemed like Dr. Zaida knew what some of us been thinking, she just pulled ourselves from the ignorant zone and has told us that there was some issue happened between the Macromedia company and the Adobe where the Adobe has won in a summon case upon plagiarism of it's application software. What impressed me the most is the knowledge possessed by Dr. Zaida. She appeared as someone who knows a lot in ICT surroundings, perhaps resulting from a huge reading attitude. It made me realized how bad I am as a teacher. A teacher not only should teach but also educating through wide reading. So, since last week class, I am now a motivated person to change myself into a better teacher, THANKS so much Dr. Zaida! =)

Ok, so now, without wasting any more time, I'll will discuss what we have learn during previous class. It's basically about the introduction to Dreamweaver and HTML code. As I mentioned earlier, I am not new to both things, just need to polish the skills back, moreover as the Dreamweaver has a new look now.

Firstly, we've learned on how to change between Code view, Split View, and Design view. Basically design view is solely WYSIWYG. Below is an example of Split view:

After viewing some functions of the Dreamweaver, we moved on to write text and insert some pictures into our web page. Then, we can view our project by clicking on the F12 button on the keyboard. For example, I've put a couple of gif animated graphics into my web page and it turn out like this:

 When F12 is pressed, it will turn out as:

Playing with Adobe Dreamweaver is so addicting! Dr. Zaida also taught us that we can copy any website that we find to have interesting layout and copy it to be modified into ours. To do this, firstly open the website which we love so much of it's layout. And then, save it's web page as a complete webpage (.htm, .html) and then open the file in Dreaweaver. This is what you'll find if you copied the layout of UTM website:

The wordings and graphics can now be changed to suit your own website. I'll show your later how I transform UTM layout into my website. Till then.. =)