<acronym></acronym>tag on them.
web site creation tools - Web Suites
Dreamweaver (web), Flash Catalyst, Flash Professional (animation), Flash Builder, Photoshop Extended (photos+paint), Illustrator, Acrobat Pro (pdf), Fireworks (animated GIFs, SWFs), Contribute (CMS), Bridge, Device Central (cell phones).
Photoshop Extended (photos+paint), Illustrator (vector graphics), InDesign, Acrobat Pro (PDF), Flash Catalyst, Flash Professional (animation), Flash Builder, Dreamweaver (web), Fireworks (animated GIFs, SWFs), Contribute (CMS), Adobe Premiere Pro (video), After Effects (video), Soundbooth (audio, audio in video), Adobe OnLocation, Encore, Bridge, Device Central (cell phones), Dynamic Link. Best all-around solution. Soundbooth can edit sound in video files.
made only for doing ASP.Net. Expression Blend + SketchFlow (Silverlight and .net), Expression Web, Expression Design (artwork), Expression Encoder + IIS Smooth Streaming (video). This is the "best" solution for .Net
web site creation tools - page editors
you can go for one of the all-out suites like Adobe Web Premium, or you can go get a collection of smaller free pieces and try to work with those.
CSS: TopStyle Pro, available from newsgator $80
if you don't have a good CSS editor like dreamweaver or microsoft expression web, this is the way to go. have a CSS book handy to tell you what the CSS items are so you can choose which browser or CSS standard you are targeting. there is also a 'safe mode' set.
flagship of HTML editors. works with PHP, ASP, ColdFusion, WML, XML, XHTML, Flash, Applets, CSS, blah blah. WYSIWYG editing capability including w/layers, though you WYSIWYG is extremely limited. color syntax highlighting, templates. doed regular expressions (regex) well and dreamweaver can search/replace your entire site if you want. also has a very precious "live view" wherein you can explore and debug and fix your JS and AJAX code and CSS without having to go into a browser.
Web: made only for doing ASP.Net. Microsoft Expression Web, available from stores, Microsoft(various) $300
Web: Aptana Studio $free
Web: KompoZer HTML authoring system $free
sort of like Dreamweaver, but a lot less features, and free. better than nvu and based on NVU code. includes FTP client.
Web: NVU HTML authoring system $free
sort of like Dreamweaver, but a lot less features, and free. Not incredibly great, but it works fine if you don't have money.
Web: HTML-Kit HTML/XHTML/XML/CSS editor (actually, will edit anything), 292 is free, or buy up-to-date Tool Kit for $59
web site creation tools - programmer's editors (does HTML, css, SQL, PHP, etc)
programmer's editors can handle huge files. they aren't always good at color syntax highlighting like dreamweaver. but they are usually free and they do regular expressions (regex) well, and so does dreamweaver, and dreamweaver can search/replace your entire site if you want.
The Semware Editor (TSE), available from semware $99-119+8/Win $124/COMBO_WIN_CONSOLE $99-119+8/console $99+8/DOS
tse is a 32-bit command-shell (2.8 older version) or windows editor for Win9x/ME/NT/2000/XP/Vista. I've been using version 2.8 and now 4.4 and it's been great! it includes a hex/binary editor, regexp search and replace, a command-line grep utility and loads of features. it emulates several editors (you choose). the command-line version even handles windows cut and paste. configurable syntax highlighting. macro recording & playback. has scripting lanugage (not the easiest to learn, but has complete documentation). brace matching, auto-matching-brace insertion. handles very large files and up to 2048-character lines. advanced column-block editing, great for editing text databases!
Sublime Text, $59
many advanced features, similar to, but I would consider a subset of TSE. has macros.
NoteTab Pro $30
upgrades may cost you money. Appears to have no installer. encryption DLL is also a pain to get and install. its programming language is called Clip. Unfortunately, they chose the name Clipbook to call their contributed user library of functions, which is the microsoft name for something to do with a collection of clipboard content or something.
free. syntax highlighting and syntax folding. macro recording & playback. drag-n-drop. multi-document. print source code in color. lots of languages supported. brace and indent highlighting. regexp search/replace. column-block editing.
there are many plugins to this editor for editing various lanugages (PHP, C++, HTML, XML, COBOL, Java, Perl, etc) and it has a CASE (Computer Aided Software Engineering) tool. Even has a Requirements Engineering plugin. has quick-UML plugin. Eclipse is used for Enterprise development, Embedded+device development, Rich Client platform, Application frameworks, and as a language IDE (Integrated Development Environment). This is a programmer's tool. PHP is finished I think. Never figured out how to use it.
web site creation tools - graphics
Adobe Photoshop Extended CS5 $999 (upgrade $349), available at adobe.com/photoshopextended
Adobe Photoshop CS5 $699 (upgrade $199), available at adobe.com/photoshop
Adobe Photoshop Elements $80 available at adobe.com/elements
Adobe Fireworks $299 (upgrade $149), available at adobe.com/fireworks
Corel (formerly Jasc) Paint Shop Pro X3 Ultimate $100 available at corel.com/psp (upgrade $70)
comes with a lite version of the famous Painter at this price, and KPT plugins! Windows PC with DVD drive. Does layers & masks. Some books (mostly older versions) available on amazon.com. PSP has *integrated* vector graphics and art media, something I have not found with the Adobe products. There are several layer types: Vector, Raster/RGB/Bitmap, Art Media, Mask. This makes the program VERY flexible and useful for web graphics. takes Photoshop filter Plugins - wow you can do some amazing stuff with those! vector graphics, photoshop plugins capability, shapes - more quantity is better, picture tubes/stamps, photo frames, HLS and RGB color, HTML hexadecimal color codes in the color palette, photo touchup (scatch remover!, clone tool, red eye removal, 1-step photo-fix), perspective correction, support for 250 camera raw formats, background remover, photo frames, photo edges, straighten, rotate, crop, resize, and layering cabaility, masks, screen mode on the layers.
register/pay for. Windows. does vectors and bitmap graphics. has a number of impressive features for vectors like liquid vector edit (like the push tool, only for vectors). natural paint styles, 3d objects properties and effects, airbrush, painted art, photo-realistic imagery, hand-drawn illustration, extrusions, special effects, sparkles & lens-flare (non-destructive),
ImageWell $20, xtralean.com/IWOverview.html
Mac. has quite a number of features for a small editor, and layers.
Ultimate Paint (UP) $35-70, available at ultimatepaint.com
Windows, Mac, Windows (XP and above). Does layers & I think masks. don't use the free version - it's unreliable and you can'tr use filters and there are other problems (crippleware). does not do animations. hard to make a transparent background. takes Photoshop Plugins. supports a few common file formats. page curls with holes for letters, frames, filter factory, frames.
low-end but free paint program. haven't successfully got it to save anything with text in it on win9x/ME - just gives a "missing font" error and never saves the file. 2.6.8 or later works fine on XP and above.
FTP: Filezilla FTP client, filezilla-project.org, free (open source)
for transferring your web files to hosting server. multi-platform.
web servers you can install for development/testing
you can't have 2 mysql or postgresql database engines installed at the same time.
XAMPP, xampp.org, free
Apache, MySQL, PHP + PEAR, Perl, mod_php, mod_perl, mod_ssl, OpenSSL, phpMyAdmin, Webalizer, Mercury Mail Transport System for Win32 and NetWare Systems v3.32, Ming, JpGraph, FileZilla FTP Server, mcrypt, eAccelerator, SQLite, and WEB-DAV + mod_auth_mysql. read the Vista/7 problems FAQ before installing on Vista/7.
Bitnami LAMPStack, bitnami.org, free
Linux Apache web server, MySQL database server, PHP server-side scripting.
Bitnami MAMPStack, bitnami.org, free
Mac OSX Apache web server, MySQL database server, PHP server-side scripting.
Bitnami WAMPStack, bitnami.org, free
Windows Apache web server, MySQL database server, PHP server-side scripting.
Bitnami LAPPStack, bitnami.org, free
Linux Apache web server, PostgreSQL database server, PHP server-side scripting.
Bitnami MAPPStack, bitnami.org, free
Mac OSX Apache web server, PostgreSQL database server, PHP server-side scripting.
Bitnami WAPPStack, bitnami.org, free
Windows Apache web server, PostgreSQL database server, PHP server-side scripting.
Bitnami RubyStack, bitnami.org, free
Windows Apache web server, MySQL database server, Ruby on Rails scripting. you might be hard-pressed to find a hosting server that supports Ruby.
Apache Friends' XAMPP, bitnami.org, free
multi-platform. has issues working on newer versions of windows. has everything you could want in a web server - email server, filezilla ftp server, apache web server, php, mysql and a control panel to start and stop them.
DustMeSelectors, brothercake.com, free
lower versions of ff
sites to test your on-server web page in many flavors and versions of browser.
Adobe Browserlab, browserlab.adobe.com, pay service featurelet of CS Live, not sure how much it costs yet.
browsers go back really far, but they don't get very recent. for instance, there is no IE9 beta, but there is IE8. there is no Opera 10.
ways to advertise your site yourself
got a site built? you will probably need some search engine marketing - here's some DIY (Do It Yourself)
sure-fire way to get to the top of the search engine - the more you pay, the higher up you get on the search results.
you have your own management area, and you can submit as many sites as you want. submissions require verification. crawl stats, crawl errors, etc. yahoo support says there is no way to remove your site from yahoo - they say to use bing webmaster tools, however, my site is not even IN bing webmaster tools, and adding and removing it on bing I think probably makes no difference. bing recently cleaned out all the webmaster tools accounts - but left the sites in the results.
google webmaster tools $free
you have your own management area, and you can submit as many sites as you want. submissions require verification. keywords searched, crawl stats, crawl errors, etc. and more features coming. custom search engine (CSE) for those who want to put google search on their pages to search their oen site. XML sitemaps can be done as well. requires a google account. you can use your regular yahoo email address and a password of your choice.
don't know if this is still valid, heard microsoft went to pay-only submission.
bing/msn now has a webmaster tools thing for webmasters. requires a windows live ID. you can use your regular yahoo email address and a password of your choice. bing recently cleaned out all the webmaster tools accounts - but left the sites in the results.
index.com $free I think
This is a categorized catalog of businesses only, for business only.
ways to put a search box on your site easily
got a site built? want to use google, yahoo, or some other search engine and have your own search box? what I find for search boxes will be listed here.
Google Custom Search Engine $free (with ads) or $100
gives you HTML code to put in your search box. you will have to put the <link ...> tag within your <head> </head> tags.
Bing Box $free (with ads) or $100
gives you HTML code to put in your search box. you might have to brand/customize the HTML (depending on the type you select).
Yahoo Alpha $free
gives you HTML code to put in your search box. you will have to put the <link ...> tag within your <head> </head> tags. be warned, this search engine's locale is Australia, not the USA, so using it may permanently mess up your search results if you live in a different country. Alpha is in the Beta stage of development (fancy saying that!) and has not been released yet and apparently is still in development stages. I can't seem to find it in the USA.
HTML5 (now called HTML)html5.org, smashingmagazine on html5 standard being "living", new shield logo, VERY simple reference to the standard (html5docctor.com), , , , , ,
XHTML 1.0/1.1 , w3c 'xhtml 1.1 basic' standard $free
xhtml should be avoided because it's hard to configure the server to properly serve it up.
html css $free
jQuery, popular $free
you can do effects and animation with this if you are clever.
only if you are going to be a web developer or need access to the innards of the web server or you prefer BASIC to C coding.
Adobe Flash, optional $free
XML, optional $free
sooner or later, you are going to run into XML. it is a data format, usually for storing config settings or databases. It is a free-form structure, and it is like HTML, except the tags are custom, whatever you want them to be. you can optionally provide a DTD to define the valid element/tag and attributes structure. only the parser will pay attention to the DTD. Associated technologies you may wish to learn are XPATH, XSLT. oftentimes, XML data might be passed between the server and the browser (AJAX).
search engines, optional $free
dreamweaver, optional $free
Hip Pocket Guide to HTML 4.01 (IDG Books). no longer available new. $1.99
if you can still get this, get it! Good for HTML 3 & 4 - shows deprecated tags. Note: this does not fit in a shirt or in a hip pocket! there is also an html 4.0 and an html 3.2 version which will work just as well.
http://www.visibone.com/ laminated charts/reference sheets! $40
instruction and tips on how to do web design and graphic design without wearying your users. things like, 3 clicks and they are outta here. I know. my site is hard to navigate because of its sheer size.
The Web Designer's Idea Book: The Ultimate Guide To Themes, Trends & Styles In Website Design $16.50
catalog of web design ideas
CSS : The Missing Manual $25.19
CSS Cookbook $28-$49.99
this is a good cookbook for CSS. I highly recommend it. everything from breadcrumb menus, horizontal and vertical menus, tab menus, tips tricks, some basics. not a beginner's book.
- $110-250 scanner. USB should be simpler to plug in and install. There is probably one on your printer, hopefully. but like the site says, there are 2 types: photos or documents.
- free Web server package. Use IIS (if you don't mind locking it down severely) or PWS if you plan on developing ASP scripts or better yet, I suggest XAMPP, which contains Apache + PHP + MySQL. LAMPP for linux for PHP+MySQL+Apache
- Books: pick your books carefully. different books for different audiences. Expect $15 for a hip pocket guide, and $40-60 for a good solid all-around book.
- $1899 or subscription Adobe Adobe CS Web Premium (or master collection) for images, vector graphics, animation, wireframes, video, audio, devices, etc. Everybody expects you to use Photoshop, including the newspapers (they want 220dpi b&w).
- $0-300/year Hosting. There are more expensive hosting for $25/mo ($300/yr). Try dreamhost or $200/yr penguinwebhosting.com for PHP+MySQL hosting. 75GB + 700GB BW (most web hosting do not allow MP3's). If you need software hosting go to digital river. Other hosting packages using ASP are available if you prefer learning ASP for a job, but they are more expensive ($25/mo).
For free hosting try PHP+MySQL-based 110mb (2GB space), freewebsitespace (1GB space), hostfreeweb (100MB space), or Template-based freewebs (40MB space). The template based site has very professional templates for beginners or people who aren't graphic designers.
- magazines: web designer
, and Layers Magazineat Barnes & Noble and Powell's Techbooks
browsers and browser testers/emulators
- Adobe Dreamweaver CS5 can test multiple browser types and versions by simply checking which browsers you want to test for through browser shortcut installation or by browserlab (an online service for online sites).
- Google ‘IE Tester’. It’s a free app that lets you view pages in all IE versions from 5.5 to 8. Normally it is problematic to get more than 1 IE onto an OS at a time without using 1 per OS on VMware.
- IE, preferably the latest version. (well that's a misnomer now, since it's 8 on xp, 9 on vista, and 10 on 7... yuck)
- Google Chrome browser
- Apple Safari (requires installing quicktime and itunes and mobileme control panel applet unfortunately)
- Opera browser (free version)
- Firefox or SeaMonkey