I have not created or designed a website before, but since our major project is going to be an instructional website for PLN, I figured learning some web design skills might be helpful. I have finished the first chapter of Dreamweaver CS6 Essential training on Lynda.com.
Some take-aways includes:
- How to manage my workspace
- Panel arrangement
- Different screen display: code, split, design. I can even split the screen into two code windows. One shows HTML and the other shows CSS ( Go to application toolbar and select split screen view).
- The difference between HTML and CSS
- In HTML, you are just giving commands.
- In CSS, you are creating styles through sets of commands.
- How to use functions in the "property" inspector including
- Designing your text (font, typeface, bold or Italic...)
- Matching the text color with certain color
- How to use functions in the "Insert" panel
- Create description and title for my webpage (in Meta tag)
- Preview my design in certain browsers
This is only the first chapter, so basically what I am learning here is just to get myself familiar with the workspace environment. I am planning to finish the whole 9.5-hour-long tutorial during this spring break. I might spend one day watching the video and practicing the exercise and another day reviewing and applying what I learned through creating a self-introduction webpage. That's my plan for the spring break and I WILL ACHIEVE THIS GOAL!!!
I hope you achieved your goal!
ReplyDeleteDream weaver is a very neat tool for web design, and Adobe was actually working on another HTML design tool as well they were calling Muse, which was a completely WYSIWYG editor that did all the html/css for you. When I was teaching labs for I101, I would suggest they look at the Lynda tutorials for Dreamweaver if they wanted to learn more. You might want to look into Muse, also, although I'm not sure if it's available through uits. It could always be a good resource for the future.