Tutorial Komputer dan Buku Pembelajaran Gratis
Posts tagged web design
HTML5 for Web Designers
3 months ago
When the book first landed on my doorstep, I was a bit let down by its meagre length of around 85 pages. I have to be honest, however, and admit I had not done my research before its arrival. From the book’s inception, the publishers stated that they intended to produce something to fill the gap between a blog post and book, something that people would be able to pick up, read quickly, and start implementing straight away.
So I set aside my disappointment and started reading this beautifully crafted book.
After reading through it, my opinion has changed. I realise exactly what A Book Apart were aiming to create when they decided on a short format for the series. HTML5 for Designers is split up into six bite-size chapters:
Chapter One
The first chapter lays out the foundations of the book and explains how, as a community, we arrived at the latest iteration of our favorite markup language, HTML5. Keith discusses how HTML was born, the ill-fated transition from HTML to XML (which never happened), the suggestion of XHTML2, and why we write “HTML5″ instead of “HTML 5″.
You might be tempted to skip straight to the second chapter, but I firmly believe that you should read this. It’s vital material, and you’ll almost certainly learn something. (I sure did!)
Chapter Two
Chapter two discusses how to convert web pages from XHTML 1 toHTML5. It also touches on elements that changed in HTML5 and some elements that are absent from the specification.
Chapter Three
In chapter three, the book delves into the realms of rich media and what it means for designers and developers. Keith hints that this chapter could have a whole book dedicated to it (perhaps hinting at an upcoming A Book Apart title?). He does a good job describing the possibilities of <canvas> and showing a few examples of its capabilities. Although some readers may wish for more depth, this book is of course written for designers, so detail is kept to a minimum.
Keith goes on to explain the possibilities of the <audio> and <video>elements, something which many argue will change the way we work with the web. Keith gives great examples on how to introduce these elements into your client work with various fallback options for browsers that lag behind.
Chapter Four
In chapter one, it’s explained that HTML5 started life as Web Apps 1.0 and Web Forms 2.0, which were later merged. So as one might imagine, Web Forms were destined to become an integral part of theHTML5 specification.
Chapter four covers the new elements and attributes for use in forms, including placeholder, required, autocomplete, datalist, new input types, sliders/spinners, and dates and times.
Chapter Five
Chapter five covers semantics (although I feel that this should have been one of the first chapters in the book). Elements discussed include <mark>, <time>, <meter>, and <progress>, as well as the usual structural elements that get used in nearly every site.
Chapter Six
Finally, chapter six discusses the most important question aboutHTML5: Can we use it today? I trust, as you are on this website, that you will already know the answer to that question.
My opinion of HTML5 for Web Designers
After finishing this book, I discovered that it is in fact quite a gem for anyone starting on their HTML5 journey.
There are undoubtedly areas that could have been expanded further, but the limitations imposed by the authors meant merciless fat-trimming. This is the type of book that you would be happy to keep on your desk as a quick reference manual, a shortcut before diving into the full HTML5 specification.
I would definitely recommend buying this book if you haven’t already. It’s true that great things come in small packages!
Download Links
Related Ebook
HTML5 Designing Rich Internet Applications
3 months ago
Four of us doctors have read this book (figure 1) and in our opinion it contains an unacceptable number of errors which makes it misleading to the reader.
- The preface claims “a group called the Web Standards project began developing HTML5 in 2007″. It didn’t; it was the WHATWG, in 2004.
- In “spring 2010 .. Microsoft formerly [sic] joined the HTML5Working Group”. Chris Wilson, then lead of Internet Explorer, was co-chair in 2006.
- Page 11 mentions the <m> element. There isn’t one; it was renamed to the <mark> element (as it’s correctly called on page 22) before June 2008, at least 2 years before this book was published July 2010.
- Page 19 discusses the <dialog> element, which was removed from the spec in September 2009.
- Page 27 tells us “The W3C had already begun modernizing the FORM element, called Forms 2.0, before HTML5″. The WHATWG started with Webforms 2; the W3C had worked on XForms 1.0.
- There is a <navigation> element used extensively in the chapter “Building a web site using HTML5 blocking elements” — this should be the
<nav>element. - Page 72 tells us “The ANCHOR element has four pseudo classes: link, active, hover and visited”, omitting the
focuspseudo-class which is vital for accessibility, as it is applied when a user navigates to a link using the keyboard rather than hovering with a mouse. - Page 73 says “New to CSS3 is a new extension called pseudo elements”. Pseudo-elements were there from CSS 1.
The book also promotes several examples of bad coding practices:
<br/><br/>pairs to force new lines- classitis (
<footer class="footerStyle">) - form
<label>s are not accessibly associated with their<input>s - not using the full vendor-prefix stack (-moz-, -ms- , -o-, -webkit-, [no prefix]) resulting in code that is neither future-proof nor cross-browser
- bad semantics, for example
<p class=mainTitleStyle>rather than using an HTML heading
Download Links
Related Ebook
Are You Ready For A Web Design Challenge?
7 months ago
 |
This is not a normal Smashing Magazine post. I’m not going to teach you something new or inspire you with examples of great work. Instead, I want to encourage you to complete a Web design challenge. I believe this will help to address a weakness that exists in many of our design processes.
If you complete this challenge, it will make it easier for clients to sign off on your designs, and it will improve the quality of your work.
So, what are we waiting for? Let’s get started.
The Challenge
If you’re like me, you did some form of higher education in art and design and will know about “the crit.” These meetings involve the class coming together with tutors to analyze and provide constructive criticism on each other’s work.
These were terrifying meetings in which I justified my design approach and defended it against criticism. Although I hated every minute of them, I believe they nurtured one of the most useful skills I have as a Web designer.
The ability to logically justify our designs is a skill many of us lack. This is the heart of the challenge I wish to lay down.
My challenges is this:
Write a blog post justifying the design approach you took to one of your websites. Then, encourage other Web designers to provide feedback and ask questions.
Admittedly, this might sound like a lot of effort, so let me explain why it is worth your while.
Why This Challenge Is Worth Undertaking
As I said in a previous article, being a great designer is not enough. You can produce outstanding work and be the envy of your peers, and yet struggle to convince clients of your approach. The reason is that clients do not understand design the way your colleagues do. Therefore, you need to be able to articulate what makes your design right.
Our ability to justify our choices is crucial to our relationship with clients. Without it, clients will lack confidence in our abilities or, worse, feel excluded from the process. A lack of confidence leads to micro-management, and exclusion leads to frustration and resentment. Therefore, explaining our approach is vital.
However, it isn’t just about the client. It’s also about your personal development. If you don’t have a clear idea of what works, then improving will be difficult. Design critiques are as much about improving the quality of your work as justifying it to others.
Unfortunately, this requires that we overcome two barriers.
First, many of us don’t fully understand why we have designed a website a certain way. We design at a subconscious level, based on years of experience. When you have been driving for a while, you cease to think about the process of driving. Likewise, design decisions are often handled at a deeper level than the conscious mind.
Secondly, many designers haven’t had to justify their approach in the past. Either they haven’t gone through the rigorous critiques that I experienced in university or they don’t have the experience required to articulate their decisions.
It is for these reasons that this challenge is so valuable. By writing a blog post about a particular design and encouraging feedback, you move your decisions from the subconscious to the conscious level and gain valuable experience in articulating them.
Of course, knowing where to start such a challenge can be a challenge in itself.
Where To Start
If you are not used to thinking about design at a conscious level, then you might struggle to begin. While there is no right way to do this, I can share the approach that I use.
When discussing my design with others, I tend to look at the various components that make up the product. These usually are:
- Grid,
- Layout,
- Color,
- Typography,
- Imagery,
- Styling.
Ask yourself, why did you approach each of these elements the way that you did? Let’s consider each in turn.
Grid
Why did you use that particular grid structure on the website you are reviewing? Can you articulate your reasons for using a 12-column grid instead of a 16-column one? What about the margins and padding? If a client complained that there was too much white space between columns, would you have a response?
Another common issue is when you purposely break out of a grid. Was the choice intentional, with good reasoning, or just an impulsive decision? What would you say if the client asked about it?
The choice of grid might be based on the content or on the constraints of the style guide. It could have to do with making the website work on mobile devices or with allowing flexibility for future changes. Whatever the reason, you need to be able to clearly articulate them to yourself and the client.
Are we selecting a particular grid because it is right for the website or just because we have fallen into the habit? We need to be able to justify our approach to our clients and ourselves.
Layout
Layout and grid might sound the same, but they’re not. By layout, I am referring to white space and the placement of elements on the page. These are often points of conflict between the designer and client, so being able to explain your approach is important. For example, how would you justify all of the white space that Google has chosen to use on its home page?
Why did you leave so much white space on the page? Was it to draw the user’s eye to a particular element, or perhaps to improve readability?
What about the positioning of elements? Why is the search box in the top-right corner? Is it because this is the convention and people look for it there, or perhaps because you wanted to associate it with other elements that are in proximity?
Color
Color is probably the most controversial of subjects, and so we need to understand our motivation. I tend to approach color selection in one of four ways:
- Corporate branding guidelines
The palette has been defined by the guidelines, and I work within these constraints. - Theory
I use a tool such as Kuler, which produces a palette based on established theory. - Emotional response
The extensive research done on people’s responses to colors informs my palette. - Main image
If the website has a dominant image that has already been approved by the client, I use it as the basis for the color palette. There are great tools for extracting color palettes from images.
Adobe Kuler is just one of many tools that help you apply color theory to your palette selection.
By explaining your choices in these objective terms, you prevent color from becoming a matter of personal preference and thus avoid conflict.
Typography
Something as seemingly simple as typography consists of many different decisions. These decisions extend far beyond the selection of typeface and encompass line height, size, weight, kerning and much more.
With services like Fontdeck making so many fonts available to us, the need to understand and justify our choices is more important than ever.
You need to be able to speak confidently about your choices if you are to demonstrate your expertise and convey that what you do is a lot more complex than it might appear. Taking the time to explain the complexity behind your typographic decisions might sound boring, but it will impress. It will also force you to put more consideration into your choices.
Imagery
To many clients, imagery is merely about subject matter. But we know it is about much more. We select imagery based on the mood it sets, the colors it contains and even things such as the eye line of the person in the photograph.
We need to be able to articulate these decisions so that others recognize that you cannot easily substitute one image for another without significantly affecting the design.
Do you know why you selected one image over the thousands of others in your library? What made that image special? Can you explain this to yourself and the client? Was it really more than a “That’ll do” decision?
Styling
For me, styling refers to screen elements that are not directly content-related: buttons, links, call-out boxes and the plethora of other elements that need to be decided on.
How you style these elements can dramatically shape the feel of the website. From the chrome buttons on Apple’s website to the sketched buttons of Moredays, styling can make a huge difference.
Styling dramatically shapes the feel of your website. But can you justify why one approach is better than another?
Can you explain why your styling creates the right feel? Have you shown the client alternative approaches? Did the client sign off on moodboards, which set the style? If so, refer back to them when justifying your design.
Reference Material
In fact, whenever justifying a design, always refer to the material that has already been agreed upon. For example, if the client has signed off on moodboards, we should use these to justify our choice of typography (“I used the same typeface that we agreed on in the moodboarding stage”). We can also refer to the target audience, business objectives, branding guidelines and even previous comments by the client.
Reference material can be taken from farther afield, too. For example, when justifying your decision to ignore the fold, you can refer to research done by ClickTale. Citing research and experts is a great way to justify an approach.
But remember, being able to explain your design is only half of the objective in this challenge. The other half is about improving the quality of your work.
Improving Our Work
Getting into the habit of justifying your decisions will inevitably improve the quality of your designs. Instead of leaving it to the subconscious, the act of considering imagery, layout, typography and so on becomes a part of your conscious decision-making process.
The act of discussing your process refines it and makes you more efficient as a designer. For example, in carrying out the challenge, you will probably struggle to justify some of your design elements, elements that in hindsight would have been better left out or presented differently. This will inform your next website, and over time you will find that your designs become more refined, simpler and more effective.
So, What Are You Waiting For?
Smashing Magazine has a quite large readership and a remarkable community. We have an amazing opportunity to start talking about our work and providing each other with constructive criticism. Write a blog post on one of your designs, justifying your approach. Then link to it in the comments below. Encourage other people to provide feedback on your design, and take their criticism to heart. Finally, don’t forget to make comments and ask questions of other people who have posted their own work.
My hope is that this post will not only help us speak confidently about our designs and improve the quality of our work, but encourage a dialogue about the design process. We are good at showing off our products but bad at explaining how we came up with them. As a community, we could benefit from more discussion about the process itself, rather than endless inspiration galleries.
(al) (il)
© Paul Boag for Smashing Magazine, 2011.
Useful Resources, Tools and Services for Web Designers
11 months ago
|
|
Productivity is a crucial asset of professional Web designers and developers. We regularly look for new resources, tools and services to make the search of these ever-growing techniques easier. Once we have a reasonable number of useful resources, we prepare them in a handy overview for your convenience. In this post we present some of the useful resources and tools for designers and Web developers.
Please don’t hesitate to comment to this post and let us know how exactly you use these tools in your workflow. Please do avoid link dropping and share your insights and your experience instead. A big thank you to all designers and developers out there for releasing and producing useful, valuable resources for all of us to use. We sincerely appreciate it.
Useful Resources and Websites
Method & Craft
Describing itself as “the DVD extras of design,” this site offers a behind-the-scenes look at different designs, including how they were achieved, the techniques used and how the designers have grown in their professional careers.
DesignersMX
This site is dedicated to finding out which tunes keep designers around the globe rolling and get their creative juices flowing. Just sign up, log in and share your own compilation of fresh beats and bright tunes.
Little Big Details
This site features tiny details that help improve the user experience of websites and mobile apps. You can also share your favorite little things on the website. The collection is very useful — with more design examples submitted regularly.
Shady Characters
This blog, owned by Keith Houston, aims to shed light on the history of both well-known and outlandish marks of punctuation. It’s an interesting study in the stories behind the punctuation we use every day.
An Illustrated Guide
This project reviews some of the notable picture books. Guide’s authors, Catherine and Matthew Buchanan, have collected many of them from the last decade. The books are categorized according to cover art styles and reading level.
CV PARADE
This website celebrates the art of the résumé — a great collection of different and unique CVs that might be useful for you if you are about to polish your own CV.
Comic Sans Criminal
The next time you see someone using Comic Sans inappropriately, consider sharing with them a link to this site which lays out the reasons why Comic Sans is misused and offers some helpful alternatives.
Where Do You Want To Work Today?
A simple way for freelancers, contractors and other nomadic workers to check out some great places where they can work in a different environment for a change.
Node Cloud
NodeCloud is a resource directory gathering sites related to Node.js and ordering them by their Alexa traffic, allowing to evaluate relative popularity of a project.
WeekendHacker
This site provides a mailing list you can issue a cry for help for one of those tiny projects that cross your path — whether you’re a designer, developer, or both.
The Phraseology Project
Here you can submit a letter, word or phrase which is then turned into a beautiful design by the website’s founder, Drew Melton, or his colleagues.
Designers & Books
This projects presents short reviews of books that esteemed members of the design community identify as personally important, meaningful, and formative. Designers introduce one or more books that have influenced their ideas and values. You’ll also find members who have created must-read lists for different disciplines in design.
Quotevadis
Quotevadis is a Tumblog that offers quotes from creative and intelligent individuals from both past and present. An excellent replacement for the dusty old “about:blank” page in your browser.
Let’s Swap
In case you’ve had a particular artistic piece hanging around for a while, you could try swapping it with other artists for prints, books, zines, original artwork, tshirts, sculptures, or any other objects.
ideeeas
This project collects brainwaves from people who have brilliant, fancy ideas on any topic. There are posts with popular or useful social ideas that could make the world just a little better.
A Working Library
A great book cover definitely makes for a graceful entrance, but the thought of it disappears as you start reading the book. This website aims to explore the ways we read — without being overtly conscious of the cover design.
The Godfounder
A blog which showcases details that make Web apps successful, in particuliar little details that show designer’s attention to users’ needs.
FPO: For Print Only
A blog dedicated to both visual stimulus and detailing of the development and production of printed matter such as annual reports, books, business cards, stationery suites, collateral materials, posters, packaging and anything else where ink meets substrate.
What Software and Hardware Do Professionals Use?
A useful resource for people who love to keep discovering new tools. Browse these nerdy interviews and guaranteed, you will come across some new wonders, especially because every interviewee explains why they have chosen a particular tool.
Browser Details for Tech Support
When in doubt, send your customers to the website Support Details. Their data will be automatically read out of the browser and sent directly to you via email or will be saved. The free service uses Flash but can also complete its task without it.
The UX Bookmark
A resource for HCI and human factors professionals, usability engineers, interaction designers as well as information architects. You can submit a link if you feel that it would benefit the UX Design Community.
Web Font Hosting Services Reviewed
A good overview of web font hosting services you can always look up when in doubt:
Android Patterns
Design patterns, which are basically reusable solutions for recurring problems, can be found in many design niches. Recently, they’ve also turned up in user interface designs for Android apps. Android Patterns publishes a comprehensive set of interaction patterns that can help you design Android apps.
Useful Tools, Libraries, Plugins
Rapid Prototyping with flickrBomb
flickrBomb is a jQuery plugin that helps you quickly fill your prototypes with relevant content, and not just dull gray placeholder images when making a website.
Unix Terminal/Console/Curses Tools
A nice list of 28 tools for the UNIX Terminal and Console. Some are little-known, some are just too useful to miss, some are pure obscure. You can use your operating system’s package manager to install most of them.
.htaccess tester
A very simple tool that lets you test your .htaccess rewrite rules. Simply fill in the URL that you’re applying the rules to, place the contents of your .htaccess on the larger input area and analyze if the rules are doing what they are supposed to do.
CSS Lint
CSS Lint is a useful tool to help you detect problems with your CSS code. It does basic syntax checking as well as applying a set of rules to the code that look for problematic patterns or signs of inefficiency. The rules are all pluggable, so you can easily write your own or omit ones you don’t want.
Log.io
Here is a way how to perform real-time log monitoring in your browser. Harvesters watch log files for changes, send new log messages to the server, which broadcasts to Web clients. You can then create stream and history screens to view and search log messages.
Popuload for Adobe Photoshop
Rather than idly waiting for each processing task in Adobe Photoshop to finish, you can spend that time browsing the latest news feeds. Popuload has been programmed to detect when any Photoshop loading bar appears; it then appends to that loading bar window throughout the duration of the processing time.
Asciiflow: ASCII Flow Diagram Tool
A simple Web based ASCII flow diagram drawing tool which allows you to draw boxes, lines, arrows and type and then export it straight to text or HTML.
Microjs: Micro-Frameworks and Micro-Libraries
Microjs helps you discover the most compact-but-powerful microframeworks, and makes it easy for you to pick one that’ll work for you.
Showoff
Demonstrating your ongoing projects could be a huge pain. In general, your best option is to upload the files to a server somewhere. You could prepare a video or send over a huge package of files or just .zip it somewhere on project collaboration website. But what if you just want to quickly show someone a project you’re working on without sending over the large files? This tool aims to solve this problem. If you’re looking for an alternative, you might want to consider LocalTunnel.
Meld
A visual diff and merge tool that lets you compare two or three files and edit them in place (diffs update dynamically). You can also compare two or three folders and launch file comparisons.
Convert Unix Time
A Unix timestamp (or epoch time) is the number of seconds that have elapsed since January 1, 1970 00:00 UTC. The mission of this site is to convert your timestamp into a human readable format and vice versa. You also might want to check out Epoch Converter.
Drush
This Drupal tool lets you install, download and uninstall modules and much more without even opening a Web browser.
Bones
A WordPress development theme that was created after years of editing and reusing the same template to develop custom sites. A nice, well organized boilerplate for developers of WordPress themes or designers using WordPress in their projects.
Fructose
Fructose is a subset of Ruby that’s designed to be compiled into PHP 5.x. The generated code should run on any PHP version above 5.0. Most major Ruby features are supported, including operator overloading and blocks. Eventually, most of the Ruby standard library will be available to Fructose programs via libfructose.
loads.in
By simply entering the URL here, you can test how fast a webpage loads in a real browser from over 50 locations worldwide.
WriteMaps
WriteMaps is a Web application that allows you to create, edit, and share your sitemaps online.
Wirify
Wirify is a bookmarklet that lets you turn any Web page into a wireframe with a single click. The bookmarklet also helps you get rid of all distractions by blocking out copy, images and ads, letting you take a closer look at the website’s building blocks.
Lorempixum
Hand-selecting and inserting placeholder images in a layout can be a hassle. This tool takes care of that task by providing you with placeholder images for every possible usage, whether for Web design or print layout. Using it is simple: visit the website, pick the URL, define dimensions and category, and insert it in the layout. You can use the “Placeholder Generator,” which lets you specify the size, category and color settings of the placeholder image.
f.lux
This tool makes your display adapt to the lighting of the room you are in, all the time. During sunset, your screen mimics room light, and in the morning the tint resembles sunrise and its natural light. Configuring f.lux is easy: simply tell the control panel what kind of lighting your office has and where you live. The rest is taken care of automatically. The free tool is available for Windows, Mac and Linux.
Solarized
Solarized is a free custom palette of sixteen colors (including four background tones, four “content tones” and eight accent tones). The content and accent tones are visible on both the light and dark backgrounds and are based on established color theory principles.
Useful Services
PayPal Fee Calculator
A PayPal ‘percentage fee’ is determined by which country you are registered in and how much you receive every month via PayPal. The PayPal ‘fixed fee’ is determined by which currency the payment is sent in. This calculator helps you keep an overview of fees as well as currency conversions.
courteous.ly
A helpful way of letting people know your real time email load and when sending mails works best for you.
ifttt (if this, then that)
This tool allows you to create simple “if then” actions based on common activities, and lets ifttt automate them. By triggering an email when the weather forecast predicts rain, this can help remind you to take your umbrella with you. The service is currently in private beta, but you can request an invite.
Unsubscribe.com
A fast way of unsubscribing from any mailing list by simply clicking on the emails you no longer wish to receive.
minutes.io: Take Notes Quickly and Easily
minutes.io lets you take notes in your browser even when you’re offline and waits until you’re online again so you can send and share with others right away.
Doodle: Easy Scheduling
A great way to mutually agree when to meet by simply creating a poll, inviting participants and cofirming the date and time. Free of charge and without registration.
Focus Booster
A simple and elegant application designed to help you eliminate the anxiety of time and enhance your focus and concentration.
Typography Insight iPad App
Typography Insight is an iPad application that introduces new methods for learning and teaching typefaces. The project stemmed from my love for typography and evolving mobile platforms
FontDeals
This service is like Groupon, but for fonts. Various font deals from various type foundries are offered at lower prices.
Last Click
Weave Silk
Is your desktop, motivation or even design work in need of something fresh, swirly and remarkable? Just weave some Silk! Yuri Vishnevsky created this experimental, magical interactive gimmick. You can spend minutes playing around with this little technique, based upon HTML5 Canvas: no Flash in use.
Keyboard Shortcut Skins for Macs
For all of you out there who are shortcut lovers, here are some amazing custom-fitted color-coded keyboard skins that will help you fly through Photoshop, Aperture, Final Cut Pro, and many more.
Ro.me: Three Dreams of Black
“3 Dreams of Black” is an interactive film by Chris Milk and some friends at Google that showcases the creative potential of WebGL. WebGL is a context of the HTML5 canvas element that enables hardware-accelerated 3D graphics in the web browser without a plug-in. This is why we &heart; the Web.
(vf) (il)
© Smashing Editorial for Smashing Magazine, 2011. |
Permalink |
Post a comment |
Smashing Shop |
Smashing Network |
About Us
Post tags: tools, Web Design
Pro HTML5 Programming: Powerful APIs for Richer Internet Application Development
1 year ago
HTML5 is here, and with it, web applications take on a power, ease, scalability, and responsiveness like never before. In this book, developers will learn how to use the latest cutting-edge HTML5 web technology?available in the most recent versions of modern browsers?to build web applications with unparalleled functionality, speed, and responsiveness.Download Links
Random Ebook
InDesign CS5 For Dummies
1 year ago
As the industry standard in professional layout and design, InDesign delivers powerful publishing solutions for magazine, newspaper, and other publishing fields. This introductory book is an easy-to-understand reference for anyone migrating from another software application or those with little-to-no desktop publishing experience. You’ll explore InDesign basics and examine the enhancements to the latest version, while you also discover how pages work, build templates, create frames and shapes, manage styles, and much more.
- InDesign is proving to be an increasingly popular layout and design application; the latest version includes new functionality and enhanced tools
- Teaches all the basics for first-time users, including how to open and save your work, arrange objects, work with color, edit text, manage styles, finesse character details, add special type, import and size graphics, set paths, work with tabs, create indices, and more
- Demonstrates how to calibrate colors, export PDF files, fine-tune paragraph details, create frames and shapes, manipulate objects, and work with automated text
InDesign CS5 For Dummies offers a straightforward but fun approach to discovering how to get the most from your desktop publishing experience when using InDesign.
Download Links
Related Ebook
Web Design dengan Dreamweaver 8
103 years ago
Dreamweaver merupakan perangkat lunak yang ditujukan untuk membuat suatu situs web. Versi pertama dirilis pada tahun 1997, dan sejak itu Dreamweaver menjadi web editor yang banyak digunakan oleh para web developer. Hal itu antara lain karena kemudahan dalam penggunaannya, kelengkapan fiturnya dan juga dukungannya terhadap teknologi terkini. Dreamweaver merupakan salah satu perangkat lunak yang dikembangkan oleh Macromedia Inc.
Dalam materi berikut ini, disampaikan mengenai dasar-dasar web design dengan menggunakan Dreamweaver 8. Dalam materi, antara lain membahas mengenai konsep dasar Web design, teknologi dan perangkat pendukung dalam membangun web, pengenalan menu-menu dan fasilitas Dreamweaver 8, konsep merancang situs web yang baik serta praktek mendefinisikan situs di Dreamweaver 8.
Materi ini juga digunakan dalam kuliah Design dan Pemrograman Web 1 di Universitas Budi Luhur.
Penasaran? (more…)
Popularity: 21% [?]
Hosting Gratisan di Geocities
13 years ago
Bagaimana agar situs atau file kita dapat ditampilkan di internet dan dapat dilihat oleh seluruh pengguna internet di dunia? Caranya adalah dengan meletakkan situs atau file kita di sebuah web hosting. Web hosting sendiri sebenarnya banyak jenisnya, namun secara umum yang dimaksud web hosting adalah suatu tempat yang khusus disediakan untuk menaruh halaman-halaman web.
Web hosting banyak tersedia di internet, baik itu yang berbayar maupun yang gratisan. Tentunya web hosting yang berbayar memiliki beberapa kelebihan dan fasilitas lebih dibanding yang gratis (free). Salah satu web hosting gratisan yang masih cukup banyak diminati adalah Geocities, layanan hosting gratisan dari Yahoo! Inc. Sebenarnya Geocities tidak hanya menyediakan layanan hosting gratisan, namun yang berbayar pun tersedia.
Pada tutorial ini akan disampaikan mengenai fasilitas web hosting gratisan dari Geocities. Tutorial ini mencakup pembahasan:
1. Mendaftar di Geocities
2. File Manager dan Upload File
3. Melihat halaman web
Download tutorial lengkap: Seri Tutorial Web: Hosting Gratisan di Geocities
Popularity: 2% [?]
andre
terima kasih banyak mas, akhirnya nemu ebook mysql bahasa indonesia. Baru ane baca sekilas ..isinya mantap sangat bermutu
2 days ago
febrian
kak mau tanya...
gimana cara upload ke blogspot, karena di blogspot itu mintanya format xml tetapi di doTemplate itu formatnya bukan […]
3 days ago
Achmad Solichin
Untuk solusi kasus tersebut, tidak bisa menggunakan trigger, tapi bisa menggunakan EVENT. Coba cek di manual: […]
3 days ago
rakhmat
saya pakai ini tapi ga bisa juga..
CREATE TRIGGER 'autoupdate'
AFTER INSERT ON `beritacamp` FOR EACH ROW
BEGIN
[…]
3 days ago