Web design: embedding QT movies

Hi --
On a web page I'm making, I'm including an H264 QT movie using the embed code (cuz I need to see a poster frame). AutoPlay is off--the user will start it. In Safari the 60 meg movie can be started within a few seconds of the page loading. But in Firefox, the movie can't be started until the whole movie has buffered -- 65 seconds. No good.
Any suggestions?
Thanks very much.

Going to repost -- I worded it poorly.

Similar Messages

Code for Embedding Quicktime Movies in Web Pages-Question

I have been embedding QT movies in web pages for years. I used to use the embed and object tags, but due to the problems with the default settings of IE7, in regards to ActiveX, I recently changed to the javascript method.
I will paste sample code below, of how I use it, with the movie title change to sample: (of course I change the dimensions, depending on the movie size.)
<script language="JavaScript" type="text/javascript"></script>
and I put at the top of the page, right before </head>
<script src="AC_QuickTime.js" language="JavaScript" type="text/javascript"></script>
I forgot where I got this code. Perhaps from someone on this forum, or elsewhere. It seems to work with the default settings on most browsers.
I have a couple questions, however, regarding fine-tuning it a little more.
1) If it takes a while for the movie to load, users who open my pages see a static Q QT icon. How would one make the icon flash, with flashing text that says "Loading", so that the user knows that the video is loading? (I have seen that on other sites, and don't know how to do that.)
2)As said the javascript works with most browser default settings, as most have javascript enabled by default. But what if a user does not have javascript enabled? Could the code sense that, and if non-existent, tell the user to enable javascript? Or, if javascript is disabled, could the embed and/or object tags be activated?
3) The code above, that I got from someone, says "cache=false". That means that each time someone sees the movie, it has to be reloaded from the net, and not from the browser cache, correct? If so, why would one want it to be set that way? If it's a large movie, a user with a slower computer and/or internet connection would certainly prefer if it could play from the cache the next time, loading much faster. Is there any reason to prefer "cache=false"?
4)Is there any code that could be put in, to allow the user, if they prefer, to download the file,(perhaps with a right-click or CTRL-Click), instead of playing it in the browser?
Thank you very much in advance, to whomever can help with these code questions.

Thank you for your reply, Kirk,
1)Yes, I do have "fast start" enabled in my files, and they were made with QT Pro, newest version. So no, there is no "trouble with my files".
However, I would still like to have that flashing "Loading" icon when the file is loading, as I see on other sites. (And yes, even with "Fast Start" enabled, depending on the size of the file, the speed of the computer and internet connection, it can take a little time beforeit starts.) Anyone know how to create that flashing "Loading" icon, rather than just the static Q?
2)I just wondered if there was a way for the javascript to recognize if the user does not have javascript, and bring up a message if that is the case, telling the user they need to enable it to see the content. (As would happen if the user does not have the QT plugin installed.) Yes, I realize it would not work to include in the normal way the embed and object tags as well, I wondered if there was a way to invoke them only if the user doesn't have javascript. Perhaps impossible, but I thought I'd ask, in case someone knows of a way to do that.
4)Yes, I guess I could just put a separate direct text link to the movie file for downloading. I just wondered if there was a way to put that in the javascript, so that if someone right-clicks on the QT icon, they can download rather than view it, rather than use a separate link. That may also be impossible, but I thought I'd ask, and see if there is a way to do that.
Your question to me regarding dimensions--I forget which was the QT movie, that I took that sample from. Yes, I have some in unusual sizes. They are not normal movies. I don't have time to explain more now though, and that has no bearing on the questions I asked.
Once again, thanks for replying, and if you or someone else could help further with my questions, I would appreciate it very much.
Have a nice day!

Delivering Flash movie to web designer

I just sent our web designer a flash video to place on a website. I included in one folder the .swf, the .flv and the player skin. Plus I also added the .fla file, just in case they needed it.
They tell me yes, they can play the movie, but they can't place it on a web page.
Have I missed some element they need? I've attached the .swf file which is the only one allowed to upload.
thx...jw

IF they (or you) publish an html file using the fla (via the Publish Settings options), they can utilize the code from that file to plant the swf in the web page. There may also be a need to include a js file, which Flash will also generate when you publish the html.

Vocabulary for web design and beyond

Anyone tackling web design will encounter dozens of unfamiliar terms. I have compiled together this glossary to help them. I may update and expand in the future. Until then, feel free to use or pass along.
Some of these terms don’t relate strictly to web design, but also to computer graphics and computer programming generally, as I’ve found that such terms are also important to reading and understanding any tutorials or other materials on web design.
Asynchronous (1) General use. Not synchronous; not occurring or existing at the same time or having the same period or phase. (2) Digital communication. Pertaining to a transmission technique that does not require a common clock between the communicating devices; timing signals are instead derived from special characters in the data stream.
Bitmap image Image that uses geometrical primitives such as points, lines, curves, and shapes, which are all based on mathematical equations. In a bitmap image, each pixel on a display screen is assigned at least one bit to indicate whether the pixel should reflect the background color, the foreground color, or some other color. each pixel in the bitmap might have 16, 24, or 48 bits of information associated with it. The more bits, the greater the resolution of the bitmap – and the larger the file. Compare Vector image.
C (programming language) General-purpose computer programming language developed in 1972 by Dennis Ritchie at the Bell Telephone Laboratories for use with the Unix operating system. It was designed for implementing system software and is also widely used for developing portable application software. C has greatly influenced many other popular programming languages, most notably C++, which began as an extension to C.
C++ Statically typed, free-form, multi-paradigm, compiled, general-purpose programming language. It was developed by Bjarne Stroustrup starting in 1979 at Bell Labs as an enhancement to the C language and originally named C with Classes. It was renamed C++ in 1983.
Cache Component that transparently stores data so that future requests for that data can be served faster. The data that is stored within a cache might be values that have been computed earlier or duplicates of original values that are stored elsewhere. If requested data is contained in the cache (cache hit), this request can be served by simply reading the cache, which is comparatively faster. Otherwise (cache miss), the data has to be recomputed or fetched from its original storage location, which is comparatively slower.
Cascading Style Sheet (CSS) Style sheet language used to describe the presentation semantics (the look and formatting) of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can also be applied to any kind of XML document, including SVG and XUL.
ColdFusion Programming language based on standard HTML that is used to write dynamic webpages. It allows for the creation of pages that differ depending on user input, database lookups, time of day, or other criteria. ColdFusion pages consist of standard HTML tags together with CFML (ColdFusion Markup Language) tags such as <CFQUERY>, <CFIF> and <CFLOOP>. ColdFusion was introduced by Allaire in 1996, acquired by Macromedia in a merger in April 2001, and acquired by Adobe in December 2005.
Compound selector Can be used to combine two or more style rules to create a style definition that displays only when one style is contained within another. Compound styles are useful when you want to do something like use the Heading 1 tag multiple times to format headlines in different ways on the same web page. For example, you could create one style for headlines that appear in the main story area of a page and then create another style for headlines that appear in the sidebar on the page and still use the Heading 1 tag to format both. Compound styles are created by combining ID, class, or tag styles and look like this: #sidebar h1.
Contextual selector A type of Style Sheet Selector that
CRE Loaded Open source online store management and shopping cart system for e-commerce from Chain Reaction eCommerce. It is based on osCommerce, runs on any LAMP (Linux, Apache, MySQL, PHP) web server, and is supported by an active international community of users and developers. For a monthly subscription ($10/mo. as of 2011), CRE Loaded allows small and medium-sized merchants to accept credit card payments in a web site that mirrors their own online stores.
CSS See Cascading Style Sheet.
Dynamic HTML (DHTML) Umbrella term for a collection of technologies used together to create interactive and animated web sites by using a combination of a static markup language (such as HTML), a client-side scripting language (such as JavaScript), a presentation definition language (such as CSS), and the Document Object Model. DHTML allows scripting languages to change variables in a web page's definition language, which in turn affects the look and function of otherwise “static” HTML page content, after the page has been fully loaded and during the viewing process.
ECMA International International membership-based non-profit standards organization for information and communication systems.
ECMAScript Scripting language standardized by Ecma International in the ECMA-262 specification and ISO/IEC 16262. The language is widely used for client-side scripting on the web, in the form of several well-known dialects such as JavaScript, JScript, and ActionScript.
Extensible HyperText Markup Language (XHTML) Family of XML markup languages that mirror or extend versions of the widely used HTML, the language in which web pages are written. While HTML (prior to HTML5) was defined as an application of Standard Generalized Markup Language (SGML), a very flexible markup language framework, XHTML is an application of XML, a more restrictive subset of SGML. Because XHTML documents need to be well-formed, they can be parsed using standard XML parsers—unlike HTML, which requires a lenient HTML-specific parser.
Extensible Markup Language Set of rules for encoding documents in machine-readable form. It is defined in the XML 1.0 Specification produced by the W3C, and several other related specifications, all gratis open standards. Its design goals emphasize simplicity, generality, and usability over the Internet. It is a textual data format with strong support via Unicode for the languages of the world. Known by its acronym XML.
HTML See HyperText Markup Language.
Hypermedia Graphics, audio, video, plain text and hyperlinks that intertwine to create a generally non-linear medium of information. This contrasts with the broader term multimedia, which may be used to describe non-interactive linear presentations as well as hypermedia. The World Wide Web is a classic example of hypermedia, whereas a non-interactive cinema presentation is an example of standard multimedia due to the absence of hyperlinks.
Hypertext Text displayed on a computer or other electronic device with references (hyperlinks) to other text that the reader can immediately access, usually by a mouse click or keypress sequence.
Hypertext Markup Language (HTML) Predominant markup language and basic building-block of webpages. It is written in the form of HTML elements consisting of tags, enclosed in angle brackets (like <html>), within the web page content. HTML tags normally come in pairs like <h1> and </h1>. The first tag in a pair is the start tag, the second tag is the end tag (they are also called opening tags and closing tags). Known by its acronym HTML.
Hypertext preprocessor (PHP) Widely used, general-purpose scripting language that was originally designed for web development to produce dynamic web pages. It brings life to websites by communicating with external data sources, such as databases, news feeds, and XML documents. PHP code is embedded into the HTML source document and interpreted by a web server with a PHP processor module, which generates the web page document. PHP 3 was launched in 1998; PHP 4 was released in 2000; and PHP 5 was released in 2005.
Java Programming language released in 1995 as a core component of Sun Microsystems' Java platform. The language derives much of its syntax from C and C++ but has a simpler object model and fewer low-level facilities. Java applications are typically compiled to bytecode (class file) that can run on any Java Virtual Machine (JVM) regardless of computer architecture. Java is a general-purpose, concurrent, class-based, object-oriented language that is specifically designed to have as few implementation dependencies as possible. It is intended to let application developers "write once, run anywhere". Java is currently one of the most popular programming languages in use, and is widely used from application software to web applications.[
JavaScript Implementation of the ECMAScript language standard and is typically used to enable programmatic access to computational objects within a host environment. It can be characterized as a prototype-based object-oriented scripting language that is dynamic, weakly typed and has first-class functions.
JPEG Commonly used method of Lossy compression for digital photography that was named after the Joint Photographic Experts Group, which created the standard. The degree of compression can be adjusted, allowing a selectable tradeoff between storage size and image quality. JPEG typically achieves 10:1 compression with little perceptible loss in image quality.
Linux Family of Unix-like computer operating systems using the Linux kernel (central OS component). Linux can be installed on a wide variety of computer hardware, ranging from mobile phones, tablet computers and video game consoles, to mainframes and supercomputers. The development of Linux is one of the most prominent examples of free and open source software collaboration; typically all the underlying source code can be used, freely modified, and redistributed, both commercially and non-commercially, by anyone under licenses such as the GNU General Public License.
Lossy compression Data encoding method which discards (loses) some of the data, in order to achieve its goal, with the result that decompressing the data yields content that is different from the original, though similar enough to be useful in some way. Lossy compression is most commonly used to compress multimedia data (audio, video, still images), especially in applications such as streaming media and internet telephony. By contrast, lossless compression is required for text and data files, such as bank records, text articles, etc.
MySQL Relational database management system that runs as a server providing multi-user access to a number of databases. The MySQL development project has made its source code available under the terms of the GNU General Public License, as well as under a variety of proprietary agreements. Acronym for “My Structured Query Language.”
Open source Describes practices in production and development that promote access to the end product's source materials. Before the term open source became widely adopted, developers and producers used a variety of phrases to describe the concept; open source gained hold with the rise of the Internet, and the attendant need for massive retooling of the computing source code.
osCommerce Open source Commerce. It allows store owners to setup, run, and maintain their online stores with minimum effort and with no costs involved. Combines open source solutions to provide a free and open development platform, which includes the PHP web scripting language, the Apache web server, and the MySQL database server. With no restrictions or special requirements, osCommerce can be installed on any PHP3 or PHP4 enabled web server, on any environment that PHP and MySQL supports, which includes Linux, Solaris, BSD, and Microsoft Windows environments.
PHP See Hypertext preprocessor.
Rasterization The process of converting a Vector image into a Bitmap image.
Rasterize See Rasterization.
Shopping cart software Software used in e-commerce to assist people making purchases online. The software allows online shopping customers to accumulate a list of items for purchase. Upon checkout, the software typically calculates a total for the order, including shipping and handling (i.e. postage and packing) charges and the associated taxes.
Style sheet selector One of the two parts of a CSS rule (the other being the properties, or declaration block) that declares which of the markup elements a style applies to. Selectors may apply to all elements of a specific type, or only those elements that match a certain attribute (e.g., how they are placed relative to each other in the markup code, or on how they are nested within the document object model). There are many types of style sheet selectors: element selectors, which select by element name; class selectors, which select by class name; contextual selectors, which select by context based on parent elements (what the element is nested within or what precedes it in the document), etc..
Supercomputer Computer that is at the frontline of current processing capacity, particularly speed of calculation. Supercomputers are typically one-of-a-kind custom designs produced by companies such as Cray, IBM and Hewlett-Packard, who had purchased many of the 1980s companies to gain their experience. Since October 2010, the Tianhe-1A supercomputer, located in China, has been the fastest in the world.
Tag Non-hierarchical keyword or term assigned to a piece of information (such as an Internet bookmark, digital image, or computer file). This kind of metadata helps describe an item and allows it to be found again by browsing or searching. Tags are generally chosen informally and personally by the item's creator or by its viewer, depending on the system. HTML tags include paragraph, heading 1, heading 2, etc.
Unix Computer operating system originally developed in 1969 by a group of AT&T employees at Bell Labs. The Unix operating system was first developed in assembly, which is machine-dependent and a low-level programming language. Ken Thompson created the B language in 1969 and Unix was written in the B language, a high-level programming language. The first Unix system written in C was released in November 1973.
Vector image Image made up of numerous individual, scalable objects. These objects are defined by mathematical equations rather than pixels, so they always render at the highest quality. Objects may consist of lines, curves, and shapes with editable attributes such as color, fill, and outline. Changing the attributes of a vector object does not effect the object itself. Compare Bitmap image.
Vector processor Central processing unit (CPU) that implements an instruction set containing instructions that operate on one-dimensional arrays of data called vectors. This is in contrast to a scalar processor, whose instructions operate on single data items. Also known as array processor.
Web analytics Measurement, collection, analysis and reporting of internet data, including the number of visitors and page views, for understanding and optimizing web usage. It can be used as a tool for measuring website traffic and for business and market research. Web analytics applications can also help companies measure the results of traditional print advertising campaigns. It helps one to estimate how the traffic to the website changed after the launch of a new advertising campaign.
Web design Design of the way that content is delivered to an end-user through the World Wide Web, using a web browser or other web-enabled software.
Web development Refers to the work involved in developing a web site for the Internet (World Wide Web) or an intranet (a private network). This can include Web design, web content development, client liaison, client-side/server-side scripting, web server and network security configuration, and e-commerce development. However, among web professionals, "web development" usually refers to the main non-design aspects of building web sites: writing markup and coding. Web development can range from developing the simplest static single page of plain text to the most complex web-based internet applications, electronic businesses, or social network services.
World Wide Web Consortium Main international standards organization for the World Wide Web. It is made up of member organizations which maintain full-time staff for the purpose of working together in the development of standards for the World Wide Web. Known by its acronym W3C.
XHTML See Extensible HyperText Markup Language.
XML See Extensible Markup Language.
Zend Engine Open source scripting engine (a Virtual Machine) commonly known for the important role it plays in the web automation language PHP.

Thanks for posting this!
I would only mention that your definition is incomplete for this -
Contextual selector A type of Style Sheet Selector that
and that it's most often referred to now as a Descendent selector, not a contextual selector. It's basically the same as the Compound selector that you have already defined....

Best practice in dreamweaver based web design

Hi DW Gurus
I have been learning dreamweaver at work and at home for a while now and I am very interested in getting some details about best practices.
I am aware that my designs are still quite simple and don't expand dreamweaver anyway near its abilities, however as a novice I am sticking with DW CS4 and trying to developing foundation skills before trying to move on to greater adventures in web design. My dream is to eventually leave my employer and start my own freelance design business that I can manage while I am travelling in SE Asia (yeah I know - dream on .....). I am saving for my CS4 master suite license - my current one belongs to my employer.
In particular I have just started to do some free design a community organisation - I am trying to develop a portfolio of sites that I can show new clients (with money) what they could expect for their investments.
I am interested in getting some ideas about work flows - design standards - whether designers use the dreamweaver layouts - whether to code or to use the WYSIWYG.
Anyone care to share how they plan and go about their design work.
In my past life I was a SQL developer and a C#.net programmer - in those feilds there are standards for code and applications . Are there industry standards that would point to good or better designing?
Thanks for your time and interest in my topic,
Respect,
Doug

The first thing you need to learn is html and css, without knowing the programming language will only make DW a hard tool to use. You need to learn coding to WC3 standards.
FREE HTML & CSS Tutorials - http://w3schools.com/
http://reference.sitepoint.com/css
http://reference.sitepoint.com/html
Validation tools that you will need to bookmark.
HTML Validator - http://validator.w3.org
CSS Validator - http://jigsaw.w3.org/css-validator/
Hopefully you use Firefox, and if you do, the web developer toolbar is essential:
http://chrispederick.com/work/web-developer/
Yes, you can rely somewhat on DW's layout mode (or what features are left of it), but this will only lead to problems when it comes time to troubleshoot any problem pages that do not render correctly across the various browsers.
A paying client will expect a well designed, fully functional website and you need to have the programming skills to accomplish this for them.
Not sure how far advanced you are but the Adobe site has quite a few CSS based tutorials - and I would strongly urge you to go through the series listed below - to get up to speed on the correct way to lay out a page.
Creating your first website (series)
http://help.adobe.com/en_US/Dreamweaver/10.0_Using/WS42d4a1c0291fbe4e59147ede1232ff9686c-8 000.html
LIST OF CSS TUTORIALS ON ADOBE SITE:
http://www.adobe.com/devnet/dreamweaver/css.html
If you use Fireworks as a tool to create your layouts, then the following tutorial may be of benefit:
TAKING FIREWORKS COMP TO DREAMWEAVER:
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt1.html
Good luck in your future endeavours
Nadia
Adobe Community Expert : Dreamweaver
Unique CSS Templates | Tutorials | SEO Articles
http://www.DreamweaverResources.com
Web Design & Development
http://www.perrelink.com.au
http://twitter.com/nadiap

Good web design software to replace iWeb

Hello There,
I have been using iWeb for a while now, and despite its limitations, I like it. Now that Apple has discontinued (or will discontinue) MobileMe and some of the features wont be available any more, I decided to move to another web-design program.
I have downloaded the trial of rapidweaver (the one with the 3 page limit) so I could play with it and see what it was like. It is HORRIBLE, it is not easy to use, importing pictures seems pretty impossible. I cant insert pictures like I can in iWeb, I cant drag things around like I can in iWeb - the whole program seems to be template and text based.
I don't really know how to do coding or anything, so I am not looking for a fancy web-design tool that costs a fortune. But I want something that I can actually use. I want to do the following;
Create pages from scratch if I want to
Insert images and reposition them
Insert images into my text and aline them
Have a blog
Have a photo gallery
insert movies (when I want to share them)
have a chat room
Have a nice looking site without having to do any serious heavy coding (because I don't really know how to)
Can someone please suggest to me a good website design program that is comparable to iWeb and with which I can replace the afore mentioned iWeb. Eervyone says RapidWeaver, but I really didnt like it.

Just to promote iWeb for a bit more read the following in case you hadn't considered it:
As you now know iWeb and iDVD have been discontinued by Apple. This is evidenced by the fact that new Macs are shipping with iLife 11 installed but without iWeb and iDVD.
On June 30, 2012 MobileMe will be shutdown. HOWEVER, iWeb will still continue to work but without the following:
Features No Longer Available Once MobileMe is Discontinued:
◼ Password protection
◼ Blog and photo comments
◼ Blog search
◼ Hit counter
◼ MobileMe Gallery
Currently if the site is published directly from iWeb to the 3rd party server the RSS feed and slideshow subscription features will work. However, if the site is first published to a folder on the hard drive and then uploaded to the sever with a 3rd party FTP client those two features will be broken.
All of these features can be replaced with 3rd party options.
There's another problem and that's with iWeb's popup slideshows. Once the MMe servers are no longer online the popup slideshow buttons will not display their images.
Click to view full size
However, Roddy McKay and I have figured out a way to modify existing sites with those slideshows and iWeb itself so that those images will display as expected once MobileMe servers are gone. How to is described in this tutorial: iW14 - Modify iWeb So Popup Slideshows Will Work After MobileMe is Discontinued.
NOTE: the iLife 11 boxed version Is no longer available at the online Apple Store. To get a copy you'll have to try Amazon.com or eBay.com.
Now that being said there's been a lot of discussion on replacements to iWeb. Most of the applications are template driven and make it difficult to start with a clean page. Roddy has more experience in evalutating those apps. I decided on Flux. It's a drag and drop, WYSIWYG application with easy code insertion. If you've ever added a 3rd party slideshow to an iWeb page with an HTML snippet you can view this Flux tutorial page on how I did it with Flux: F03 - Adding a SimpleViewer Slideshow to a Web Page or this tutorial on adding a multi page PDF document to a web page: F02 - Adding a PDF Document to a Web Page.
I have to admit it takes a little study but the video tutorials at the Flux site and those 3rd party videos on YouTube help quite a bit.
If you search this community for "iWeb alternatives" you should get a list of topics discussing the other alternatives.
OT

Embedded Quicktime movies and DOM layering?

Is there any way to overlay something on top of a quicktime movie in a web page without the quicktime movie showing through it?
http://www.boozhowtooz.com/trailer
I have a low res and high res version of a trailer where clicking the high res link overlays the movie in the a thickbox on the page. depending on the browser, the low res movie with show through the layer.
I've been searching the web for a solution but the best one I've found is to remove the low res movie with javascript when the high res link is clicked. not exactly ideal but doable if that's the only thing that works.
Is this a general problem with the quicktime plugin and dom layering?

I'm sorry for saying that David, but you are not right in this point. You would have right if you say that every web page embedded object (flash, quicktime, activx, etc.) has a parameter (wmode, window mode) which is set to true by default. BUT if you are using flash object (flash video) you can set the wmode parameter - as far as I know there are no other embeddable objects which accept this parameter.
And I think it's a bug, and not in browsers but (in this case) in Quicktime - I can't understand why Apple can't solve this problem. It's one key problem why most web developers (neither I) can't use QT on more complex web pages or in web applications. Easy examples:
__ you can't drop a popup over a QT video (you can do it with a Flash video)
__ you can't embed QT into fixed header/footer web pages with scrolling content (it overflows the header/footer
__ you can't put any navigation over QT objects (imagine the situation: I'm working on an UI which has self slide-bar to navigate within a video, you can add/remove annotations, logs, messages etc. and not for just one video but for more synchronized ones > you I'll need a scroll-bar to display all of these, but if you scroll the videos 'under' the navigation hides the navigation...)
So to conclude this short message: In my opinion this is a big problem with Quicktime, and I'm wondering why such a big company like Apple can't manage this problem (probably the web 'market' of QT is not big enough - in fact this is an issue why web developers don't like QT embeds...)
Thanks.

Is there an alternative web design program to Adobe Muse that accepts .psd files?

I already frequently use Dreamweaver and Fireworks for web design. I do graphic design in Photoshop and export it to Adobe Muse to make websites. I've also used Word Press and Joomla. I love Muse; however, it forces me to flatten the psd layers first before importing. OR I have to use a tool that allows the files to go in Muse as layers but then they never end up aligning correctly. I'd like to design the web background in Photoshop and do the links elsewhere. I've ever tried to import to Dreamweaver, but it never works right.

Slicing was really designed for web use. Though I suppose it has other uses.
What you can do is move each part of the image to its own layer. Then in File>Scripts is a command to export all layers to files. Or if you have photoshop CC you can name each layer a filename with extension to generate individual images.

Export embedded quicktime movies to html slideshow?

I'm trying to make an html slideshow of a keynote presentation that has embedded quicktime movies. The movies just get saved as single png images. Is there a workaround or something obvious I am overlooking?
Since iPhoto lets you do this, I would assume it isn't impossible, but perhaps it just isn't implemented within keynote (which seems kind of backward).

Thanks. I was afraid that was the case, but a former apple VP suggested I ask since there are many apparently undocumented features (and iPhoto/iWeb can do this, so the api exists).
The relevent html code is actually a java script that loads an array of exported png files. Each element of the array is defined like this:
images[2] = "mrnahh.html_files/mrnahh.003.png";
so I tried just telling it to load a mov file instead, but it wasn't so easily fooled. It might be easier for me to make a slideshow of the png files and mov files within iWeb (which really makes messy html and javascripts that are next to impossible to hack.)
Anyway, many thanks. I'll leave this open for now in case someone else knows a simple secret.
The HTML export feature is great, and produces nice clean simple interfaces and web code. I hate to abandon it.

Stupid Web Designer

Hi - this is my first post on this forum and reflects my level of desperation!
I'm a Web Designer and a few weeks back a Client of mind asked if I could produce the artwork for their new brochure as I'd designed their website...I stupidly said yes. Having never designed for print before I made some (incorrect) assumptions that I could simply knock something up in AI and it would be a piece of cake - how wrong I was.
Now, having completed the artwork and submitted it to the Printer, they've returned it with a myriad of issues that I never anticipated, nor had any understanding of. I've managed to solve most of them through sheer perseverance and too many hours Googling however, there is one issue which is driving me mad and I'm hoping/praying somebody on this forum can help.
Basically the front cover of this brochure has a group of six images designed to look like a load of old Polaroid photos - this looks fine in AI and as a PDF yet whenever I add trim marks (as the Printer requires), a number of very fine lines appear around this group of images - you can see them on the image attached. They seem very random to me and when I click on the group in the PDF version, all sorts of random blocks in various shapes and sized appear. I've obviously mucked-up badly but quite how I have no idea.
If anyone reading this message has any inkling on how I can fix this, I would be eternally grateful for a solution. My Client is running out of patience and I'm already into the Red on this project so can't even outsource it.
Thanks in advance.

You info seems on th surface to be thorough but I am not certain that is the case for instance.
What seems to be an issue is how you created the collage of images and in what state the result is in?
That is; is it a embedded image or several embedded images, has an effect been applied to the images?
Regardless i think the art should be composed in photoshop and placed as a flattened image into Illustrator
and that a rectangle with no fill or stroke be placed behind the art in the position of the trimming and use that
no fill no stroke box to apply the trim marks. I would then expand the effect applied to the n fill no stroke rectangle
and not involve the art (image).
I would make certain the image is cmyk when saving from Photoshop at the proper size and resolution of the actual printed piece.
Do not scale images in AI that will not preflight well.
The reason you want it CMYK is otherwise Illustrator will do the conversion since you probably have a cmyk color mode selected for you document.
Also you must make certain that your color settings match the profiles you are using for the document in Photoshop and Illustrator and the image.
You must ask the pprinter for any profile they wish ,you to use load it in the proper directory and then load it onto Illustrator and Photoshop.
Or as they used to do in the old days hire a freelancer to do this all for you, watch them and (this is the hard part) learn and listen to them.
BTW I have mostly print experience but do some web work, I feel for you I often receive material from clients laid out in Word and my client want it to look like the printed page, it is hard for them to understand the difference. I stopped trying to get them to follow some basic rules and just find a way of making it work.
It must be just as difficult going the other way. I thought if I created a template that would be it and they would hire web designers to maintain the site
but each person does it differently and no one followed my directive.
I am just warning you once you get this piece working they will give it at some point to another graphic designer and then somewhere down the road they will return to you and it will be a mess. Even if they do not come back to you they will complain when the other designer screws it up.
What your future holds in store for you.
I however have been blessed another client has hired a web designer to do her site. And one that is savvy enough to use tiff originals to start with and not jpegs. Bless her.

Looking for tutorials or guides on flash-web design

Hi,
I am a (software not web) programmer, not too experienced with flash.
However I am planning to do some web design with a friend who is a flash artist. I have worked with him before and found that he embedded way too much in flash, and it made it difficult for me to display a lot of the dynamic elements. This was probably 90% my own inexperience.
I was wondering if anyone could recommend any books that cover issues to do with designing websites using flash as the graphical elements, but html etc. for the bulk of the elements i am going to be loading from a database etc. (Or if its possible to do everything through flash, perhaps just some guides on that ).

When you create a Flash swf file by publishing the source fla, you have the option to have it also publishan html file. The embedding code in that html file can be copied and pasted into any web page, so that you can paste Flash content in just like you would an image or a section of text. The embedding code just tends to take up alot of room. But still, you can embed as many swf files as you like in the same html page.
I am uncertain what you mean by loading content from a database. Normally, text content might be loaded from a DB, though XML is often better because it relaxes the need to for the maintenance crew to have to learn how to edit a database, or to create some interface that makes the easy for them. Images or Flash content would normally be placed on the server in some folder rather than be stored in DB (which I have been told is possible).
I don't personally know of any tutorials that deal with specific approaches to designing a web site involving Flash, though anytime I need to find something I find Google to be a very helpful resource. I just don't know what you're really after that I could suggest some good search terms.

What kind of job can I get being a Web Designer/Graphic Designer?

I run BlackReefDesigns.com, and am doing quite a bit of
business consider I don't really advertise too much. I've learned
how to do eCommerce, Flash, etc and things are progressing nicely.
I feel confident in my skills, and I realize that anything I
don't know how to do, I can learn rather quickly. The problem is I
feel I need to become more of a 'business man' if I want my company
to really move forward. I'm only 23 years old so I was thinking of
going and working for a Web/Graphic design firm so I can learn more
about the business aspect of running my own company. Im also
working towards a B.A. in Graphic Design at a larger University in
Southern California...
Just curious, with my skillset, how much money could I, or
should I be making if I went and worked for someone else? Do you
guys know anybody in Southern California that I could work for?
thanks in advance

eh, teachers don't always know what they're talking about. in
fact, i
think a lot of the posts made here are a direct result of
poor teaching.
i know that's how i got a lot of my bad habits (not from a
teacher,
per se, but my first boss who taught me some basics) a lot of
people
think they know the dos and don'ts but really don't (plus,
they tend to
change). i thought i knew a lot of stuff until i started
coming here and
learned that a lot of what i thought was the right way to do
things
actually wasn't.
come here often. and listen to what these people say because
they know
their stuff (you'll quickly figure out who the ones are that
know what
they're talking about). i can't tell you how much i've
learned in the
relatively short time i've been a part of this forum. and i'm
still
learning!
teach yourself html. you don't have to be able to write an
entire site
by hand, but at least be able to look at the code and
understand what it
means. like others said, you seem to have a good grasp of
graphic
design, but websites have to be more than graphics.
to answer your money question, it really kind of depends on
the market
where you live. you might just want to look in the want ads
and see what
kind of salaries are being offered for this type of work in
your town.
there's also resources on the web where you can see average
salaries for
various jobs in different places. yahoo has one
http://hotjobs.yahoo.com/salary)
but there are lots of others if you
search for something like "compare my salary."
good luck! you seem willing to learn, which is great!
JSloanSDRE wrote:
> JoeyD -
>
> I really appreciate your input. I wish more people would
be critical of my
> work. I can't ever progress when people say 'good job,
looks great'.
>
> I've learned everything myself when it comes to web
design, and it sucks
> because I wish I could have had a teacher to teach me
the do's and don'ts as I
> think I would have progressed much farther over the last
couple of years.
>
> I have been busy working on client work and haven't
updated my personal
> website in awhile (which I realize is a big no-no if I
want future business)
> but there is really no excuse for the padding issue. I
actually just fixed it
> right now.
>
> Again, thanks for the input, and I realize I have a
loooong way to go in Web
> Design, and that is why I want to get a job somewhere so
I can learn and work
> at the same time. I think however I am proficient in
Graphic Design and am
> curious as to how much income I would have working for a
firm as oppose to
> freelancing (just in Graphic Designs)
>
> thanks again JoeyD, and any future advice would be great
>

Need experienced web designer in Bay Area!

We are seeking a web designer to fine tune the user interface
for a product website.
This product website is launching this week! We are looking
for an experienced web designer with immediate availability to add
the final professional touches to the product website, including
SEO and key user interface design enhancements.
This site will have high visibility and online viral
potential.... and should be a fun project!
It would be great if you can please provide links to examples
of your professional work.

When you create a webpage in iWeb anything you drop on it, text, images, movies are stored in the domain.sites2 file.
In Mac speak it's an Package. A folder disguised as a file.
You can open that file, right-click and choose *Show Package* content, to see what's inside, but you cannot add you own content to the file directly.
Worse, if you loose the domain.sites2 file you have to start from scratch.
You can host anything on MobileMe in the iDisk > Web > Sites folder.
The only thing you have to take into account is the index.html file that redirects to a page in a Site as explained in the pdf.
If your Site depends on a custom index.html file in the root, then make sure iWeb does not overwrite it by accident.
I always have a copy of the index.html file.
To avoid overwriting, read this article, the part about the Dummy Site :
http://iweb.dailynews.webege.com/Howto_publish_to_a_subdomain_withiWeb.html

Keyboard not working in Google Web Designer

I just installed google web designer from AUR. ( https://aur.archlinux.org/packages/google-webdesigner/ )
And I have the weirdest problem, the keyboard seems to stop working in the program somehow the keyboard does work after launch, but it seems to stop working after I use the mouse or something similar.
As an example, after launch I can press Ctrl+N for "new file" and then press tab until I get to the name field, and type all I want.
I can repeat this, press Ctrl+N and then click the name field, and the keyboard stops working. I can then close the window and press Ctrl+N again, but this time the window won't open (i.e. keyboard input is completely dead to the program). Below is all the terminal output I get when I launch the program, by the looks of it nothing seems suspicious in relation to this issue.
$ google-webdesigner
[0331/215852:ERROR:browser_main_loop.cc(161)] Running without the SUID sandbox! See https://code.google.com/p/chromium/wiki/LinuxSUIDSandboxDevelopment for more information on developing with the sandbox on.
which: no google-chrome in (/usr/local/sbin:/usr/local/bin:/usr/bin:/usr/bin/site_perl:/usr/bin/vendor_perl:/usr/bin/core_perl)
which: no firefox in (/usr/local/sbin:/usr/local/bin:/usr/bin:/usr/bin/site_perl:/usr/bin/vendor_perl:/usr/bin/core_perl)
which: no opera in (/usr/local/sbin:/usr/local/bin:/usr/bin:/usr/bin/site_perl:/usr/bin/vendor_perl:/usr/bin/core_perl)
[0331/215853:ERROR:renderer_main.cc(227)] Running without renderer sandbox
Does this happen to anybody else? Anyone got a clue what might be up?
My Desktop environment is a pretty basic LXDE setup, and my keyboard is Razer Blackwidow, Mouse is a basic 5 button logitech mouse, I've never had any problems whatsoever with it.I am running on the evdev input driver (latest version of libinput crashes xorg if this keyboard is present and I try to use it) I have confirmed however that this issue is not specific to my keyboard (I tried another generic keyboard, it gave the same results)
Last edited by rabcor (2015-03-31 22:24:46)

Hello, I am maintaner of the AUR package, I tried right now, and I dont have any described problems you have. And honestly I have no idea how to help you.
I have tested GWD under Xfce4.12 and Openbox, and no issues, like this.
You may try here https://groups.google.com/forum/#!forum/gwdbeta to get to the bottom of it, if no luck here.
Last edited by jvb (2015-04-01 06:50:26)

Hey guys, I have a question about Web Design

I have been trying to learn webdesign for a few months now, and so far, I am still learning HTML and some CSS. At the moment, my experience is still very thin, I am struggling with things, and I only know how to create simple, static pages. For example I still don't know how to produce "clean code". Or how one determines just how "clean" the code he has produced really is.
I was wondering if someone could answer a few questions I have:
I am still not sure how I will know when I am competent enough to work in Web Design... What are the best signs that an individual is good enough?
I was also wondering what programming language I need to know to do the following:
Create a WORKING Site Search. One like the search bar in the top corner of this page that will return search results from your website... Do I need to know how to program PHP? I've heard that you do need PHP to do this? The same goes for creating e-mail forms, and other forms like this. Do I need PHP for this?
Another thing is CMS systems like Wordpress and Joomla. What is the reason for using these as opposed to just designing a website's pages in Dreamweaver, and then uploading them via FTP to your web server?
And finally, can someone explain to me why CSS is groped like this when it is coded? Why has the Div ID "OuterWrapper" been styled multiple times?
For example: #outerWrapper #feature {
#outerWrapper #subcontentWrapper {
#outerWrapper #subcontentWrapper #rightColumn {
^ Couldnt the designer simply have styled "~OuterWrapper" once and left it at that?
Please see below:
#outerWrapper #feature {
    height: 225px;
    width: 880px;
    margin-left: 0px;
    margin-bottom: 5px;
    background-image: url(images/feature.jpg);
    background-repeat: no-repeat;
    background-position: center top;
#outerWrapper #subcontentWrapper {
    padding-right: 15px;
    padding-left: 15px;
    clear: both;
    padding-top: 20px;
    background-color: #FFF;
    padding-bottom: 40px;
    border-top-width: 4px;
    border-right-width: 4px;
    border-left-width: 4px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: #F90;
    border-right-color: #F90;
    border-left-color: #F90;
    background-image: url(images/footer-fade.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
    height: 100%;
#outerWrapper #subcontentWrapper #rightColumn {
    float: right;
    width: 220px;
    background-color: #DBE7FB;
    border: 1px solid #DCDFE4;
    margin-bottom: 15px;
Also, regarding Javascript: How exactly does one become proficient enough to learn scripting for the thousands of little widgets, and navigation bars, and other functions that Javascript can do out there?
I know a lot of these questions are strange and may be hard to answer, but I am really hoping some of you guys can provide some helpful advice/direction for me to improve with code. I studied as a Print Graphic Designer, and now it's really hurting me in this economy trying to find a job due to the fact that I lack full competency in Web Design... and the longer it takes me to get better at this, the slimmer my chances become at finding work!
I really need help on this, so I would be extremely grateful for detailed and informative answers. Perhaps some links to very good video tutorials on learning how to effectively design webpages - Common things like Javascripted navigation bars, image slideshows, how to design working site search forms and contact forms, and how to use Wordpress. I ask this because there are so many terrbile tutorial videos out there (I know from experience) and it is next to impossible for myself, a beginner, to tell the good ones from the bad.
Thankyou guys.

CMS's like WordPress, Joomla! & Drupal are popular open source (PHP & MySql) frameworks. They contain all the backend PHP code needed to create a dynamic web site that contains capability for advanced functions: site search, on-line editing, shopping carts, member log-in sites, blogs with comments, scripted contact forms, and so much more...
The allure of Open Source frameworks is that they save developers time and money. Instead of building everything from scratch (which can take months), an experienced developer can usually install WordPress on the client's server and be up & running in a few hours without customizations, or in a couple of weeks with customizations.   A firm understanding of PHP, how to set up a server-side database, backing up MySql, CSS theming, and HTML code are required skills to work with these frameworks. WordPress is probably the easiest to set-up; Drupal is for more experienced coders.
I am still not sure how I will know when I am competent enough to work in Web Design... What are the best signs that an individual is good enough?
You're ready when you can look at code and understand what it means/does. Being able to problem solve, identify mistakes and fix them on your own is a must have skill.
Code Tutorials - http://w3schools.com/
How to Develop with CSS?
http://phrogz.net/css/HowToDevelopWithCSS.html
CSS positioning in 10 Steps
http://www.barelyfitz.com/screencast/html-training/css/positioning/
Code Validation Tools
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Web design: embedding QT movies

Similar Messages

Maybe you are looking for