Group items tagged

"KompoZer é um completo Sistema de Autoria Web que integra o desenvolvimento de páginas web e gerenciamento de arquivos na web"

Compatible with OpenSim and Second Life Runs in the browser using the Unity3D plugin Runs on lower end machines and lower bandwidth Uses standard open web technology so can be easily branded or configured to meet your needs Embed into your own web properties like your intranet or facebook Deployable onto your own network Highly scalable

The eLearning Guild's Handbook on Synchronous e-Learning is intended for anyone who wants to produce, lead, or promote live, interactive learning events on the Web. Novices will find information on what other people are doing in this medium, which kinds of training and education are best suited to it, how to convert existing classroom content for delivery online, how to lead effective and compelling live learning events on the Web, and how to promote these events to obtain maximum participation. More experienced practitioners will find a wealth of ideas that they can use to improve or enhance their current processes. All readers will find job aids, references, examples, and information to significantly reduce the amount of time required to produce online learning events.

O site www.w3schools.com oferece diversos recursos gratuitos que podem ser utilizados como base para desenvolvimento de sites e blogs. São modelos simples em forma de tutorial com estruturas básicas e avançadas. No W3Schools poderá encontrar quase tudo que necessita para aprender as principais linguagens de programação web como tutoriais. Também tem uma vertente interactiva onde poderá testar código em tempo real.

Browsershots faz screenshots do seu design web em diferentes sistemas operacionais e navegadores. É um aplicativo de web on-line de código-fonte aberto livre, oferecendo aos desenvolvedores uma maneira conveniente para testar a compatibilidade do navegador do seu site em um único lugar. Ao submeter o seu endereço web, ele será adicionado à lista de espera. Um número de computadores distribuídos abrirá a sua página de internet nos seus navegadores. Então eles vão fazer capturas de tela e carregá-los para nossa central de servidores dedicados para sua revisão.

Planning is vitally important before you start building your web site. The more time you spend planning, the easier it is to actually construct your web site. These design documents are referred to as storyboards. They sketch out what will be placed on a page, the types of graphics/images that will be used as well as the colors and fonts.

Google Web Fonts lets you browse all the fonts available via the Google Web Fonts API. All fonts in the directory are available for use on your website under an open source license and are served by Google servers.

Um importante Artigo que nos submete ao dilema do uso de Templates pré-feitas, as consequências maioritariamente negativas e claro algumas positivas. Recomendo a leitura, pois acredito que devemos passar a ver o Web-design como era visto a uma década atrás ou seja olhar para esta Arte numa perspectiva de desenvolvimento e não apenas de edição e transformação do que já existe no mercado das Templates pre-feitas. O Artista, o verdadeiro bom Artista tem que reafirmar a sua capacidade de criar e não manupular. Cumprimentos Gerson Matos

Estás sempre "um passo à frente"!! Muito bom esse link, realmente ajuda a perceber muita coisa sobre os Templates.

De forma a garantir a integridade e legibilidade do texto na web ou API´s, teve que ser criado um padrão que suporta-se mais informação por carácter. Os vários Idiomas variam de tamanho quando escritos digitalmente, ou seja, um carácter escrito em inglês difere no tamanho de um carácter Latino, hebraico ou japonês. UTF-8 é o um tipo de codificação com o comprimento variável que permite-nos utilizar um máximo de 4 bytes ou octetos por cada carácter. Contém um algoritmo com um estrutura hexadecimal que permite que o seu código seja retro-compatível com tecnologias de codificação mais antigas. è por norma o padrão da escrita para a web pois é o único tipo de codificação Unicode UTF que garante retro-compatibilidade com o padrão ASCII/2 usado como padrão nas ultimas décadas.

Dreamweaver is the most popular application for building and managing websites. With Dreamweaver you can easily create tables, forms, CSS styles. You can also design your own templates and implement them on your website with a just a few mouse clicks. Besides pure HTML, Dreamweaver also supports many other programming languages such as XHTML, PHP, ASP, JavaScript and CSS. Pages created with Dreamweaver typically have very clean and readable code. Dreamweaver also tries to solve many compatibility issues between browsers. This ensures that your web pages will look correctly and identically in all popular web browsers (Internet Explorer, Firefox, and Opera).

um tutorial de Dreamweaver. apesar de ser CS3, já dá para ter um ponto de referência em como começar no programa.

Aqui está um bom exemplo de como os sites podem ser animados. Grande elaboração, produto final agradável.

Um bom exemplo do que deveria ser o padrão actual do desenvolvimento Web. No entanto, é importante pensarmos nas condicionantes da tecnologia que serve de meio para estes produtos mais dinâmicos, mais concretamente as velocidades de acesso à Internet e infraestruturas locais, que infelizmente não acompanham a evolução das Suites de Software. Fora isso existe a necessidade de ter disponível recursos físicos do Hardware e da escolha de um Browser capaz de correr isto pensando claro no público geral. Bom Post Jorge ;)

Partilho do conhecido domínio " Truques e Dicas ", um Tutorial para conhecermos um pouco mais de HTML, visto que é uma das linguagens de programação Web que iremos abordar neste semestre. O site é simples conseguindo passar o máximo de informação de forma muito linear.

Hugo, devemos sempre colocar uma breve descrição do conteúdo que estamos a partilhar.

Um excelente artigo, que nos remete à importância do slicing de imagens para um Website. É breve, porém conciso e pertinente, aborda os porquês do uso desta técnica e as mais valias, contém alguns exemplos ilustrativos.

Fala sobre arquitectura do site, nichos, padrões web, acessibilidade, etc...

Everyone is urging you to make the switch from table-based layouts to tableless, CSS-positioned layouts. You've certainly been thinking about it, but CSS layouts seem so unintuitive. You've established a workflow with tables that, well, works. Why should you change? After all, browsers will always render tables, and you understand their methods and issues. All you have to do to get a design grid is fill out the Dreamweaver table dialog box. Would that it were so easy with CSS! Well, it can be-Dreamweaver includes CSS starter pages that provide a kind of CSS alternative to the table dialog box.

Cascading style sheets CSS is a collection of formatting rules that control the appearance of content in a web page. Using CSS styles to format a page separates content from presentation. The content of your page-the HTML code-resides in the HTML file, and the CSS rules defining the presentation of the code reside in another file an external style sheet or in another part of the HTML document usually the head section.

This reference is based on the CSS 2.1 specification. To better understand how Web browsers use CSS to render markup, please refer to the Box Model article.