I have been using Apple's iWeb for years. I used it to create my website "www.megrobinsonmusic.com" Apple is discontinuing support for this product as of June 2012.
I have used Adobe products since CS2, but have never used Dreamweaver. I do not know HTML. Although I was warned that using Dreamweaver would require knowledge of HTML, did this stop me? Of course not. I just upgraded to CS 5.5 Premium which includes Dreamweaver. (I'm the only woman in my circle of friends who has been to Diesel School, so that should tell you something.)
Undeterred by what I am beginning to realize is a major undertaking, I am attempting to learn HTML5. My thought is--why not learn the most recent HTML? I know there may be some compatability problems with older browsers, and that HTML5 is not fully and officially adopted, but my plan is to learn HTML5 and CSS3 nonetheless. I am doing this via online tutorials as well as dead tree books. I do not want a template-looking site. I want something clean and straightforward, but with good design.
Does this sound like a reasonable approach? I am a composer and while I am willing to spend a fair amount of time getting up to speed on HTML5 and Dreamweaver, I do not plan to become a web designer and I do need time to write some music as well.
Tell me I'm not crazy. And thanks in advance for any advice.
Best,
Meg Robinson
MacBook Pro
Running Mac OS 10.7.2
It might be a better idea to start on HTML4 and CSS2 first. Both HTML5 and CSS3 are a good deal more complex (certainly true for CSS3 just in terms of the number of styles and options) than the predecessors, and everything you learn on the lower versions will migrate forward when you are ready. It is DEFINITELY a good idea to spend time on either path before picking up DW. The time you spend preparing will reduce your learning curve significantly.
I don't think you are crazy - I think you are prudent and smart. What else would you expect me to say to a diesel-savvy female?
Some reading...
As well as the links below - another way to learn (including anyone else's bad habits) is to find a page you like, and then tell your web browser to show you the code view for the page and/or do a "Save As" and save the page to your computer to then copy & paste code segments into your file (in IE click View at the top, select Source from the options)
.
HTML and/or DW Tutorials, and other information links that I have saved
.
Index to Dreamweaver FAQ http://forums.adobe.com/thread/429114
.
http://validator.w3.org/
http://www.w3schools.com/
http://www.hotscripts.com/
http://webdesignledger.com/
http://www.adobe.com/devnet/
http://www.scriptarchive.com/
http://www.htmldog.com/guides/
http://www.htmlcodetutorial.com/
http://alistapart.com/topics/code
http://www.how-to-build-websites.com/
http://css.maxdesign.com.au/floatutorial/
Download User Guide as PDF for easy search
http://www.adobe.com/support/documentation
http://www.ianr.unl.edu/internet/mailto.html
http://lynda.com/ Hours of videos. (must pay)
http://apptools.com/examples/pagelayout101.php
http://www.thesitewizard.com/archive/css.shtml
http://www.projectseven.com/tutorials/index.htm
If not PDF (link above) an online guide to read
http://livedocs.adobe.com/en_US/Dreamweaver/9.0/
Nate's Forms http://www.mindpalette.com/scripts/
Customizing the layouts that come with CS3 (VIDEO)
http://www.adobe.com/designcenter/video_workshop/?id=vid0155
FormMail http://www.bebosoft.com/products/formstogo/index.php
For those using MySQL - Installing PHP and MySQL on Windows XP
http://www.webassist.com/professional/products/solutionrecipes.asp
Community MX lessons http://www.communitymx.com/abstract.cfm?cid=3D074
http://www.adobe.com/cfusion/designcenter/search.cfm?product=Dreamweav er&go=Go
The Contact Form Solution Pack is only $29.99. To learn more, visit
http://www.webassist.com/go/cfsp
Web advisor extension to DW
Date and Time through Javascript http://www.mediacollege.com/internet/javascript/date-time/
.
Tutorial for building your first website:
http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt1.htm l
Tutorial on building a dynamic website (one with a database):
http://www.adobe.com/devnet/dreamweaver/articles/first_dynamic_site_pt 1.html
.
HTM Color Codes
http://www.visibone.com/
or http://html-color-codes.com/
or http://www.pagetutor.com/common/bgcolors1536.html
or http://www.geocities.com/SiliconValley/Network/2397/
Troubleshooting Javascript errors in Dreamweaver
http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_19105
<I do not want a template-looking site. I want something clean and straightforward, but with good design.>
You don't need HTML5 to achieve this.
Go to PVII and grab one of their CSS Templates
http://projectseven.com/products/templates/index.htm
Or get Column Composer Magic -- a layout tool that works in DW.
http://projectseven.com/products/tools/composer/index.htm
Either of these will give you the bones & stability you need to create a professional looking web site.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
North America
Europe, Middle East and Africa
Asia Pacific