Web Design Stuff - Department of Computer Science and ...

Web Design Stuff - Department of Computer Science and ...

HTML/Web Design Tools Jim Weekley [email protected] Overview Web servers Web browsers

J2EE-based tools .NET tools Web authoring tools Low budget alternatives Web design resources Web Browsers Microsoft Internet Explorer Netscape 7, Mozilla (Gecko engine)

Mozilla Firefox Konqueror (KDE) Lynx (text browser) Safari (OS X) Open Source Browsers Mozilla Windows, Linux, OS X Complete suite: browser, mail/news/chat client, composer Neat features:

Tabbed browsing Customizable sidebar (bookmarks, history) Pop-up blocking Search capability in the toolbar

Cookie, image, popup, form, password, download managers JavaScript and Java consoles, DOM inspector, JavaScript debugger http://channels.netscape.com/ns/browsers/default.jsp http://www.mozilla.org Firefox (nee Firebird) Browser-only: smaller, faster Additional features:

Extension management (new features, new functions) Page loading in the background http://www.mozilla.org/products/firefox Tools J2EE-based

.NET-based Microsoft Visual Studio Generic web-based Borland JBuilder Sun NetBeans Eclipse

Microsoft FrontPage Macromedia Dreamweaver Extremely low-budget Composer XEmacs vim textpad J2EE-Based Tools

Java 2 Platform, Enterprise Edition Set of specifications for developing multi-tiered applications Generally three tiers: Requires the proper framework

Client (browser) Middle (business logic, EJBs) Back-end (database) http://www.bea.com (BEA WebLogic, free developer licenses for a year) http://www.ibm.com (IBM WebSphere, free six-month trials) http://jakarta.apache.org (open source) Resources

http://java.sun.com/j2ee/index.jsp (all the specifications are available) Deepak Alur, John Crupi, and Dan Malks, Core J2EE Patterns: Best Practices and Design Strategies, Prentice Hall, 2003. William Crawford and Jonathan Kaplan, J2EE Design Patterns, OReilly and Associates, 2003. (NB All the OReilly (Animal) books are good) Bruce Tate, Bitter Java, Manning Publications, 2002. Bruce Tate, Mike Clark, et al., Bitter EJB, Manning Publications, 2003. Borland JBuilder

Full-featured IDE with support for specific J2EE functions Integrates with certain enterprise software (BEA WebLogic) Downloads available for 30-day trial, foundation software free: http://www.borland.com/products/downl oads/download_jbuilder.html Sun NetBeans

Free version that provides an IDE and supports J2SE (Java 2 Platform, Standard Edition) and web application development: http://www.netbeans.org The full-featured edition is Sun Java Studio Standard 5 (~$700 list) Eclipse

Open source software supported by a consortium of industry leaders (Borland, IBM, Red Hat, SuSE, Oracle not Sun A universal tool platform Designed to be generic Most work has been done in IDEs www.eclipse.org .NET Tools

An alternative to J2EE for enterprise applications Centers on Microsoft technology Tons of resources and good tools Microsoft Visual Studio .NET available from the MEEC purchase (log in to myUMBC, then https://my.umbc.edu/meec/purchase?encr=70AD-5O-G5-IP-PC9P87I

) Start at http://msdn.microsoft.com/asp.net/default. aspx Microsoft FrontPage

IDE for web site development Provides both WYSIWYG and HTML editing capabilities Provides tools for layouts, graphics, coding, HTML, scripting Good for small web sites Common look and feel with other Office applications Integrates well with other Microsoft applications but also works with standard web servers Not included in the Office suite on the MEEC purchase, but academic pricing is ~$100 Macromedia Dreamweaver

An integrated web development tool Leverages other Macromedia technologies such as Flash Free 30-day trial download available at http://www.macromedia.com/softwar e/dreamweaver/? promoid=home_prod_dw_082403 Low Budget Alternatives

You can code a web page by hand: Jim Weekley's home page Under construction (chill!) Whats helpful: Syntax highlighting A file bar

Composer Available with Netscape or Mozilla Provides some GUI capabilities Can view pages in normal, HTML tag, or HTML source formats A few features to add tables, lines, links, formatting HTML editing does not have syntax highlighting Composer

XEmacs Available from www.sourceforge.net and other servers Provides syntax highlighting Doesnt provide highlighting for JavaScript

See www.xemacs.org for more information XEmacs vim The enhanced vi editor Standard on most Linux distributions Available for Windows from www.vim.org (charityware)

Syntax highlighting for HTML Highlights keywords some other items in JavaScript vim TextPad General purpose editor Evaluation copies can be downloaded from

http://www.textpad.com. Does syntax highlighting for HTML but not JavaScript. Syntax highlighting can be tailored for different languages Lots of different modes Installs itself as a right-click option Has a document selector panel

TextPad Web Design Resources Basic user interface design principles: http://msdn.microsoft.com/library/default.a sp?url=/nhp/default.asp? contentid=28000443 Specific web interface design principles: http://www.webstyleguide.com/index.html? /contents.html

Not really a design resource, but the place to go to find all the standards: http://www.w3c.org Where To Get Stuff Open source Commercial go for the academic pricing!

Direct (mozilla.org, netscape.com, eclipse.org, etc.) http://sourceforge.net UMBC Bookstore http://www.newegg.com (excellent site, mostly hardware, some software at academic prices; web form for academic proofs) http://www.shoptrc.com (caters to academia; fax or e-mail them your academic proofs) http://www.journeyed.com (not tried)

Books www.bookpool.com (excellent site, usually has the best prices) www.amazon.com (where else?) www.bn.com (sometimes cheaper than amazon, but check)

Recently Viewed Presentations

  • Correlation - Open Online Courses

    Correlation - Open Online Courses

    Times New Roman Symbol Default Design Microsoft Excel Chart Microsoft Graph 2000 Chart Microsoft Excel Worksheet Microsoft Photo Editor 3.0 Photo Single Variable Regression Additional Reading Which Approach Is Appropriate When? Do I Need to Know the Formulas? Table of...
  • Emerging Exposures Facing Municipalities

    Emerging Exposures Facing Municipalities

    Maven - GM. Chariot Shuttle - Ford. Predicted to Reduce Industry Auto Premium. ... Lane Keeping Systems. Reduces sideswipe and head on crashes by 11%. Reduces cashes in which there were injuries by 12%. Could cut fatal crashes by 86%....
  • Disaster Risk Reduction Planning with Local Government Cadiz

    Disaster Risk Reduction Planning with Local Government Cadiz

    Realising that different communities face varying risks and the immediate need to attend to such, the Sendai Framework calls for strengthening the capacities of local governments for laying strategies in disaster risk reduction and management. ... Recovery and Rehabilitation. Adapted...
  • ROUTE Chapter 8

    ROUTE Chapter 8

    Implementing IPv6 in the Enterprise Network CCNP ROUTE: Implementing IP Routing ...
  • Ch. 10 - Photosynthesis - Mr. Smith's Science Center

    Ch. 10 - Photosynthesis - Mr. Smith's Science Center

    Ch. 10: Photosynthesis Overview Sites and organisms where it occurs Nature of light and pigments Light-dependent pathways Light-independent pathways
  • Sea p Cas Blac k ian Armenia Sea

    Sea p Cas Blac k ian Armenia Sea

    Caspian Sea Black Sea Armenia Not THIS Calvinism! Shedding Light on Calvinism and Arminianism Part One, "Introduction" Shedding Light on Calvinism and Arminianism Part One, "Introduction" Eph. 1 ~ 11 In Him also we have obtained an inheritance, being predestined...
  • Adding Integers with the Same Sign

    Adding Integers with the Same Sign

    Adding Integers with a Common Sign. When adding integers with the same sign, add the absolute values of the integers and use the sign of the integers for the sum. Absolute value refers to the integer's distance from zero on...
  • Excellence in Dental 440-83524600 Detroit Rd. Suite 201,

    Excellence in Dental 440-83524600 Detroit Rd. Suite 201,

    ___ Make Custom Incisal Guide Table From: Pre_Op Casts Provisional Casts ___ Develop Anterior Guidance (Cuspid) ___ Develop Group Function ___ Open Vertical Dimension by _____ mm IF NOT ENOUGH RESTORATIVE ROOM ___ Adjust Opposing Teeth ___ Adjust Preparation Abutment...