Javascript in BI7 Web designer

Hi All,
I have a table consisting of few columns. I have to change the color of the cell based on value of Text in the cell in Web Designer. I am running my report on web and trying to write Javascripts. Somehow BW3.x scripts doenst work here...
can anybody help me giving few sample codes about how to change color of cell of a table in BI7 ?
Thank you.

Thanks ! I resolved the problem.
I had a field called status, which is a characteristics. Status consists of either Green, Red, Yello, Purple or Blue. I had to make the cell background according to color value in the cell. Pls find the code attached..
function changeColor(currentState, defaultCommandSequence) {
var obj = document.getElementsByTagName('span');
for(i=0; i<=obj.length; i++) {
text = obj<i>.innerHTML.toUpperCase();
if(text == null) {
   alert(i);
if (text == "GREEN" || text == "ON TRACK" || text == "ON TRACK") {
   obj<i>.style.backgroundColor = "GREEN";
else if (text == "BLUE" ||
             text == "APPROVED BFIS (PDP NOT YET APPROVED)" ||
             text == "APPROVED BFIS (PDP NOT YET APPROVED)" ) {
   obj<i>.style.backgroundColor = "BLUE";
else if (text == "RED" ||
             text == "IN DANGER OR MISSING MILESTONE" ||
             text == "IN DANGER OR MISSING MILESTONE / PLANNED DELIVERABLE" ) {
   obj<i>.style.backgroundColor = "RED";
else if (text == "YELLOW" ||
             text == "ISSUES EXIST WHICH COULD IMPACT DLVRABLE" ||
             text == "ISSUES EXIST WHICH COULD IMPACT DELIVERABLE" ) {
   obj<i>.style.backgroundColor = "YELLOW";
else if (text == "PURPLE" ||
             text == "AHEAD OF SCHEDULE" ||
             text == "AHEAD OF SCHEDULE (LAUNCH OR REGISTRATION ONLY)" ) {
   obj<i>.style.backgroundColor = "PURPLE";
I hope would help someone else.. :-)...
I wish I could assign points to myself..

Similar Messages

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....

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

How to Include JAVA script code in SAP BI7 web Reporting?

How to Include JAVA script code in SAP BI7 web Reporting?

In nw2004s there is a new web item called "Script" web item which lets you add javascript code. When you add javascript code in this web item, you don't need the opening and closing <script> tags...
Hope it Helps
Chetan
@CP..

New to dreamweaver, complex web design.

hello, I'm a sports science student with a passion for helping people. I always get asked questions from novice gym users who don't know where or how to start. I'd like to create a website that allows them to find all they need to know In one place with all scientifically studied results and articles about supplements training etc. But also that based on a number of variables will give them a program to follow, free of charge. I downloaded dreamweaver and am at a loss about how to use it, I am very tech savi but not with web design.
I Have thought through a design.
The home/welcome page will be plain and simple with a introductory paragraph with a button saying 'get started' or a button saying 'I've already started' one will take them to a page that has variables such as height, weight, age, body fat, goals and experience, and through this information spit out a program, I know how to use all variables to create a routine (with my formula ofcourse) and obviously the other button will lead to there already created program. The program itself will allow for a befire photo and constant recent photoa to be uploaded, also a table for day to day weigh ins and progress check on weight lifted in the gym. On the far right of the page I want to have a seperate scroll down bar with titles of various articles about different areas of fitness.
I Know this seems like a lot but i have the contacts to get users on to the site but I need good design to keep them there. Is all of this possible on dreamweaver?
THank ink you for any help

When you use a complex web site there are several parts to it
- the HTML which controls the layout and the text
- the pictures (which can only be changed by the web designer, nobody else)
- the JavaScript, which can do certain things but cannot make permanent changes
- the web server, which will run scripts (programs) to do things
It is the web server which will run software to create programs, allow upload of pictures, remember status etc.
This is written by an experienced web programmer, who must be experienced in all the latest security issues. IT MUST NOT BE DONE BY A BEGINNER OR AMATEUR. I say this with pain because it used to be a great way to learn. But no longer, because the bad guys know all the tricks, and if a beginner does it, in no time at all, you will have porn hosted in your web site, it will be secretly sending spam, and all the personal information will be stolen. If you are in the EU, this last is particularly serious as you have an absolute responsibility to protect personal information, and there are unlimited fines.

I have new macbook pro retina and is there a web design format can use?

I have new macbook pro retina and is there a web design format can use?

I'm not understanding your question. I think you would use any of the current web design formats. Are you talking about what styles to use? If so see the css standards css1, css2, css3 to see what they can provide and which browsers are most compatible. If you are talking about languages use a current standard like html5, php, C#, visual basic , javascript, etc.
Be more specific about what you are asking.

I have recently had to fire my web designer who was using iWeb. Now I'm trying to figure out how to get the site to open in iWeb on my new MacBook Pro. Is there a way?

I have recently had to fire my web designer who was using iWeb. Now I'm trying to figure out how to get the site to open in iWeb on my new MacBook Pro. Is there a way?

Firstly iWeb CAN'T IMPORT any kind of published html code as it has no import facility. You can however add html code, javascript and css by selecting the html snippet and placing it on your page the entering the code in here and clicking on Apply. You DO NOT create a shape as you say - you use the html snippet and place your code in there.
There are not really a lot of ways in which you can write code - if you want to enter small amounts of code, then you would use an ordinary text editor to do this such as Text Edit on a Mac or Text Wrangler. If you want to add code to iWeb like this, then you would either use the html snippet method in iWeb itself or you would have to publish the site to a local folder from iWeb and open the relevant html page with a text editor and add the additional code in this way and then publish. However, if he decided to add the code with a text editor, then you would have to upload the pages directly to the server using an ftp client - if you try to upload the site directly from iWeb, all the extra code will be overwritten.
As for checking whether the site was created using iWeb, all you need do is view the site in Safari and then click on View and then select View Source Code and it will tell you.
Even thoough extra code was added to the site and he might well have done this by publishing to a local folder and adding the code with a text editor, he should still have the domain file for the site too.
Ask again. I'm sure that for adding quick code, most would not want to use programmes such as Dreamweaver, but a simple text editor will suffice. As OT already said, if he claims that he does not have the domain.sites file, then try Flux 4 which is a web design programme and has full import facilities. At least this way, if he just gives you the published version of the site, you have some way of opening it.
You can download a free trial of Flux 4 and you can also purchase the full version from the Mac App Store if you decide you like it.

Hi I need help regarding web design

Hi all I am currently studying A Level ICT and for our coursework we have to produce a website using Adobe GoLive. I have encountered a problem as I am manufacturing an online sports shop and instead of having portal pages I was considering have a dropdown tab (not sure what they are called) appear once you hover over a button. Below are some examples of this
http://www.kitbag.com/stores/kitbag/football.aspx
http://www.jjbsports.com/
I have asked my teacher for help but she won't help me because to be honest I dont think she knows herself. I would greatly appreciate it if someone could help me because I am new to the software and am clueless. If you can help please comment here or send me an email to [email protected]
Thanks Matthew

It may interest you to know that Adobe stopped product development and support for GoLive back on April 28, 2008. I'm flummoxed as to why you are being taught to use obsolete software. You should be working with modern web developer's tools, not an outdated product that will never again see the day of light.
Dreamweaver CS5 generates web standards code for 2011. GoLive does not. If interested, Dreamweaver has an Academic Rate for students and teachers. Please pass along this info to your teacher.
http://tryit.adobe.com/us/cs5/studentteachereditions/?sdid=FXOPM&
All that said, the menus in your examples are called Mega Drop-Menus and they are based on an open source JavaScript library called jQuery. If you can work with HTML and CSS source code, you can implement Mega Menus into your pages fairly easily. See link below for Demo and Code Tutorial:
http://www.sohtanaka.com/web-design/mega-drop-downs-w-css-jquery/
Best of luck,
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
Message was edited by: Nancy O.
"see the day of light." Should have said, "see the light of day."

Flash and SEO for Ecommerce Web Design

Hi
I am working with a web design company in the UK and was wondering if there are any indications of when Flash could be recognised by Google?
This is a major issue as the design features are fantastic but SEO is a nightmare.
I would love to introduce it within our ecommerce web design solutions, but only when the issue is resolved.
Message was edited by host to remove links

In SEO terms, content is king. Basically, if you have no HTML headings and text on your web pages, there's nothing much for search engines to grab onto. No content = no traffic.
Flash is invisible to SEs, translators, screen readers, iPhones/iPads, and many other web devices. To support the widest possible audience, you might want to re-think your need for Flash and switch to HTML. Almost anything you can do with Flash can be done reasonably well with jQuery (JavaScript) http://jquery.malsup.com/cycle/
Your other option is SWF Object Replacement along with HTML equivalents for SEs and devices that don't support Flash.
http://code.google.com/p/swfobject/
Google's SEO Starter Guide (PDF)
http://www.google.com/webmasters/docs/search-engine-optimization-starter-guide.p df.
Good luck with your project,
Nancy O.
Signature deleted by host

Web design for beginners

I really just need some advice. I'm an atrist/musician/DJ, self employed. Origonally I had found iWeb and really enjoyed it's simplicity and how user friendly it was. I was still content with iWeb as it was free and incredibly easy to post and update from. Now that it is gone, I am at a bit of a loss. What is the best way to redesign a website as a beginner?
I already pay for hosting and have a temp site up so I would really not want to use any third party design website. I want my files and everything organized on my HD not on a server. I have the entire adobe creative suite; according to people I should use every single one of these programs, but I'm having trouble finding a consistent opinion as to what to do with all that Adobe software.
Everryone seems to favor their own adobe solution but no one seems to agree. Which program (or combination of programs) would be best for a novice in web design?I have wordpress, I still have the last version of iweb. I just don't know where to begin or what programs to use. I can read a (very) small amount of HTML and CSS; definitely willing to learn more as I am by no means proficient. But I would like something that would allow me to quickly get my site at least up and running in a few hours but with the potential for more intricate animations and design elements later. Getting back to having an active site is priority, but really any guidance with this would be much appreciated.
Thanks!!!

I'm somewhat in the same boat - I'm just two months into learning web design (I have over 30 years of experience in print design) and have the Adobe Creative Cloud membership - everything at my disposal. I started out with Dreamweaver (using the Adobe CIB series) as well as a book teaching HTML5, CSS3 and JavaScript - this book from Amazon.
I've found that there are no shortcuts to learning web design. Two months into it and I can only create the most basic of sites. I've not yet touched Adobe Muse, just continuing on with learning more about the languages, etc., using, primarily, Dreamweaver.
There are a number of WYSISYG 'editors' out there, but to me they do a poor job of actually teaching web design. So my suggestion is to start with Dreamweaver, using the CIB book for it, and buying the book that I link to - it's great.
Good luck,
Clinton

Whats the best web designer for mac?

My site, jayapps.co.uk, is built on iWeb. But whats the best designer to use? (Mustn't be flash)

I concur, this is what most professionals use. Dreamweaver is a horrible tool for this purpose, but it's favored because of it being packaged with other Adobe tools and there being a certain level of integration between them.
If you are on a Mac and not already tithing to Adobe, you might like Freeway Pro, or even something basic like Nvu might satisfy your needs.
Unfortunately, I've never really found what I would personally consider a reasonable platform for web-design: a powerful editor with integrated JavaScript debugger and real-time preview that can read actual HTML, CSS, and JavaScript as the native format; one that handles refactoring and changing the filesystem layout properly, integrates image editing, etc.

New to web design - learn Dreamweaver first?

Greetings to the Dreamweaver community.
After 30 years in print design, I've finally made a decision to learn a little something about web design. With that goal in mind, when I updgraded to CS6, I bought the "CS6 Design and Web Premium" package. The package includes Dreamweaver, Fireworks and Flash Pro. But I'm a little confused where to start.
I always buy the Adobe "Classroom in a Book" series to learn the basics or new aspects of Adobe products. All three apps have CIB counterparts and I'm thinking that I will but the Dreamweaver CIB first, then Fireworks, and then Flash Pro?
So what am asking is... is this the right direction? I notice on some discussion boards that some use Fireworks more than Dreamweaver: I just want to make sure I'm on the right path.
Any suggestions would be appreciated.
Clinton

Welcome to the DW community, Clinton!
30 years - that is some real experience you've got up your sleeve!
Web Design, okay, it works this way. It has 2 parts - for starters:
Design/ Mockup/ Layout/ Wireframe/ UI (different people refer to this differently) - but the end goal is the same - to create the 'design', per se, that your site is going to look like
Development/ Slicing/ Compositing/ CSSing/ PSD - CSS (again, different references) - making the 'design' you've made in an application like Photoshop or Fireworks to be 'web-friendly' - in other words, making it .html and .css files that are the 'core' elements for a website
Most web designers (including me) use Photoshop to create design cuts (PSD files) that we send back and forth a million times to the client to get them approved. Then, 'slice' some key elements such as backgrounds, boxes, etc... Then open Dreamweaver, write the 'markup' - which is 'what' you want to display on your website (content, tables, boxes, widgets, snippets, etc..). Then, 'style' the website using 'CSS' - to match it to the 'PSD' that the client had approved.
This is it - I don't know if I could've put it any shorter!
CSS - Cascading Style Sheet - it is a piece of code that instructs web browsers how your website has to be displayed. Height, spacing, margins, width, colors, display-type, etc... With the birth of CSS-3, things are even more easier. A few key things that CSS-3 can do are lets say, Gradients, rounded-edges, etc.. (for which you had to use an actual .png or .jpg image in CSS-2). Now, CSS-3 can give you the exact same effect with no use of an image.
HTML - Now that HTML5 is quickly replacing older web standards, you've decided to start your 'web journey' at the right time, I'd say. HTML5 has endless possibilites for creating 'responsive' web design - responsive meaning one design, multi-devices - for desktops, tablets & mobile phones.
With all that said, Dreamweaver CS6 has some great tools for HTML5 standards such as 'Fluid Grid Layout' - with which you create 1 design, code 3 different CSS documents and BAM - your website will be optimized for all 3 devices.
Fireworks - Definitely usable for web design. Fireworks CS6 also has some great tools such as 'CSS Generator' that gives you the CSS code for a selected design element - in other words, design it in Fireworks, hover over it, Fireworks will generate the CSS code for you.
jQuery - You should look this up - has some great 'plugins' that you can use in your website design/ development. Now that 'Flash' is kind of dead (modern handhelds don't support Flash), jQuery is your friend. Best part is it is fully open-source.
The next step - Dynamic websites - As the name suggests, you can get into building more 'interactive' websites - like a shopping cart, etc... later on once you get a proper hang of some basic HTML & CSS. And if you decide to use jQuery, you'll also get a hang of JavaScripting - which is critical to build interactive websites as you progress.
You can take a look at this video on Youtube. I know it doesn't have too many views. But, I personally feel it is a good place for you begin with Fireworks - http://www.youtube.com/watch?v=NrJmyYfNu1M
All this maybe going a little over your head right now - since you're just starting up. But, feel free to post questions as and when you have one and we'll be happy to help you! The world needs more web designers/ developers after all!
All the best.
-ST

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)

Web design company looking for iPad app to display my portfolio at a trade show

I run a small web development business and have my first trade show coming up. I'll have a booth setup and was hoping to have my iPad out on the table for people to pick up and scroll through my portoflio (ie web designs, logo concepts, etc.). I've seen this app:
Portfolio for iPad
http://itunes.apple.com/us/app/portfolio-for-ipad/id384210950?mt=8
which looks great but I was wondering if anyone else had other options. I like the idea that the above app allows you to lock the device so that users can only scroll through the portfolio and need a PIN to do anything else.
I don't have much experience with the iPad as I just got it and I don't do any app development. Any advice would be greatly appreciated. Thanks in advance for any and all help!

Locking the iPad so that a user can't exit an app isn't possible for any developer to implement, since the developer kit doesn't provide that sort of access to the low-level routines in iOS. The only way to lock into a single app is to use a case/frame that covers the Home button (and turn off the gesture support in the settings in iOS 5). A number of companies make kiosk mounts for this purpose.
Regards.

First time using inDesign for multi-page web design. Trying to "print" a pdf or jpeg to show client. But it comes in blank (white) but file size is 1.8mb. help!, First time using inDesign for multi-page web design. Trying to "print" a pdf or jpeg to show

Have created a web design using Master Pages. 5 pages in all. When I try to create a proof with pdf or jpeg the result appears blank (or white). How do I create something that I can send my client?

Hello all,
I appreciate your willingness to help.
Did a test. Copy and pasted a page of my graphics into a new indd file and into a new master. New file works fine for exporting jpeg as well as pdf.
Must just be something wrong with the original. gremlins. No time to wonder why.
but....Thank you again.

Javascript in BI7 Web designer

Similar Messages

Maybe you are looking for