adobe pdf api c# : Bookmarks in pdf from word software SDK dll windows wpf html web forms Build%20Your%20Own%20Web%20Site%20The%20Right%20Way%20Using%20HTML%20&%20CSS%203rd%20Ed52-part812

standards-based web design? These questions willdirectwhat this short chapter is
about—it’s a road map to ensure that you learn from the best material out there.
Throughoutwritingthisbook,in everychapter,I had toknowatwhatpointIneeded
to rein things in.
Had I said enough about a topic?
Did I gloss over some fine details?
Were those fine details importantto know as a beginner, or would they perhaps
confuse the reader?
This was always an issue, and I hope the parts I did choose to leave out were the
right ones.These would invariablybe more advanced techniques, or extra informa-
tion about why tasks aredone in acertain waythatIfeltwereunnecessarytoinclude.
But, in the back of my mind, I knew that there was this final chapter in which I
could fill in some of the blanks and provide further pointers.
I’m going to break the various options into five areas:
1. HTML—looking beyond the basics
2. CSS—discovering just how far your designs can go with some clever CSS
3. JavaScript—adding further interactivity to your website
4. High performancepages—moving beyond merepractitioner tothe statusof “front-
end engineer”
5. Programming—opening upthe possibilities with scripting languages and databases
Let’s start with our web page building blocks: HTML.
Improving Your HTML
First, let’s have another pat-yourself-on-the-back moment. You’ve already grabbed
ahead start by learning HTML (specifically, HTML5) with the more fussy XHTML
syntax. As a result, you’ve been putting into practice such techniques as:
declaring a doctype at the beginning of the document (an essential aspect of
HTML)
ensuring that all attributes are quoted properly (for example,
<div
id="sitebranding">
)
Build Your Own Website The Right Way Using HTML & CSS
484
Bookmarks in pdf from word - add, remove, update PDF bookmarks in C#.net, ASP.NET, MVC, Ajax, WinForms, WPF
Empower Your C# Project with Rapid PDF Internal Navigation Via Bookmark and Outline
create pdf bookmarks from word; convert word pdf bookmarks
Bookmarks in pdf from word - VB.NET PDF bookmark library: add, remove, update PDF bookmarks in vb.net, ASP.NET, MVC, Ajax, WinForms, WPF
Empower Your VB.NET Project with Rapid PDF Internal Navigation Via Bookmark and Outline
editing bookmarks in pdf; create bookmarks pdf file
writing your markup entirely in lowercase
closingalltagscorrectly(forexample,
<p>This is a paragraph</p>
)—and that
includes empty elements (for example,
<input type="input" name="q"
value="" id="search-box"/>
)
You’ve learned some of these techniques by copying, though perhaps you haven’t
always understood why some aspects of HTML are achieved this way. To use the
car analogy once again, when you first learn to drive, you know almost nothing
aboutwhyyouhave toperform certain actions, butyou follow the instructor’s advice
nonetheless. After you’ve been driving for a while, you stop thinking about why
you do it a certain way; you just do it and know that’s how it should be done. For
some people, though, driving the car well isn’t enough—they want to know how
their car works, and understand how the engine, wheels, gearbox, and electrical
system all fit together. If they can understand that, maybe they can make the car
drive more smoothly(or faster), and lookbetter—theycan really make it their own.
And this is the point we’re at with HTML: now’s the time to find out more about
the nuts and bolts of what you’ve learned to date.
It’s worth pointing out thatyou can be less strict when writing HTML5markup than
we’ve been in this book (for example, not worrying about what case the tags are
written in, omitting quotes from attributes, and so on), and it’s still valid. I chose
XHTML syntax for this bookbecause I believe it encourages better practices for the
long term. Although I mentioned this at the start, it’s prudent to remind you of the
differences between HTML and XHTML again,
2
particularly as you now have a
greater understanding than you did when you began!
The Official Documentation
Perhaps that heading should read Recommendations, which is what the World
Wide Web Consortium (W3C) likes to call them. If our website was a car, the W3C
recommendations would be the car’s technical service manuals, complete with all
the electrical wiring diagrams. In short, the recommendations don’t make for light
reading! However, in the search to truly understand how and why HTML works
the way it does, you can’t find a more complete or technically accurate documents
than the W3C’s.
2
http://reference.sitepoint.com/html/html-vs-xhtml/
485
Where to Now? What You Could Learn Next
VB.NET PDF File Compress Library: Compress reduce PDF size in vb.
document file. Remove bookmarks, annotations, watermark, page labels and article threads from PDF while compressing. Also a preview
create bookmark in pdf automatically; pdf reader with bookmarks
C# PDF File Split Library: Split, seperate PDF into multiple files
Split PDF file by top level bookmarks. The following C# codes explain how to split a PDF file into multiple ones by PDF bookmarks or outlines.
create bookmark pdf; add bookmarks to pdf
BecauseHTML5 is stilla workin progress, you need tobe aware that the document
is subject to change. For this reason, I’m including links to the older (but stable)
HTML 4.01 spec, as well as HTML5:
HTML 4.01: http://www.w3.org/TR/html401/
HTML5: http://www.w3.org/TR/html5/
If you dodecide to attackthe nuts and bolts ofall things HTML by reading the W3C
documentation, please note that with some elements in HTML 4.01 their purpose
was redefined in HTML5 (for example, the
b
and
i
elements). So if it seems like
you’re receiving conflicting statements, the definition used in the later version is
the one that you should go with, every time.
Making W3C Specs a Little More Understandable
Because your first read of a W3C document will likely be a less-than-fun event
(I’mbeing diplomatichere),itmightbeanidea totake alookat J.DavidEisenberg’s
article “How to Read W3C Specs.”
3
Thisauthor doesa great job of explaining
some of the terminology andstructuresthat you’ll encounter onthe many and
varied W3C documents. It won’t make reading the documentation asenjoyable
as, say,an adventure novel, but youwill at least be able to gleanthe information
you need withlesshead-scratching.
Other Useful HTML Resources
If the official documentation is simplytoomuch for you totake on board rightnow,
park itfor the time being—you can always gobackwhen you come across aproblem,
or want clarification on aspecific issue. There are other sources ofinformation that
you’ll probably find a lot easier to take in, some of which I’ve listed below.
The Ultimate HTML Reference
Perhaps it should come as no surprise that I mention this one first—the complete
HTML reference that I wrote after writing the first edition of this book. It fills in
many of the gaps present in this book.
The Ultimate HTML Reference is available as a hardback book from SitePoint (see
http://www.sitepoint.com/books/htmlref1/). If you’re unsure about buying the
3
http://www.alistapart.com/articles/readspec/
Build Your Own Website The Right Way Using HTML & CSS
486
VB.NET PDF File Split Library: Split, seperate PDF into multiple
Demo Code in VB.NET. The following VB.NET codes explain how to split a PDF file into multiple ones by PDF bookmarks or outlines.
bookmarks pdf documents; how to add bookmarks to pdf files
C# PDF File Compress Library: Compress reduce PDF size in C#.net
NET framework. Remove bookmarks, annotations, watermark, page labels and article threads from PDF while compressing. C# class demo
how to add a bookmark in pdf; create bookmark pdf file
complete reference just yet, you can still check your facts online. You may already
have been, actually; many of the references to HTML elements in this book point
to the online reference—known as the SitePoint HTML Reference and found at
http://reference.sitepoint.com/html/ (and shown in Figure 14.1).
Figure 14.1. The SitePoint HTML Reference with the entry for “table”
HTML Dog
While slightlyolder than SitePoint’sTheUltimateHTMLReference,PatrickGriffiths’
site, HTML Dog (http://www.htmldog.com/guides/) offers a great way to further
your skills.Thesitebreaks HTML
4
and CSS intothree levels:Beginner,Intermediate,
and Advanced. The sections are short enough to learn in small bursts, and clearly
marked examples illustrate each topic.
With the knowledge you’ve gained from reading this book, you can probably skip
the Beginner and Intermediate sections; head straight to the Advanced information
http://www.htmldog.com/guides/htmladvanced/, where you can learn a new set
of HTML elements that we didn’t cover in the earlier chapters.
HTML Dog doesn’t include the newer HTML5 elements, but that’s no major issue
thanks to …
4
Patrick refers to HTML, but allthe examples shownareXHTML-compliant.
487
Where to Now? What You Could Learn Next
XDoc.Word for .NET, Advanced .NET Word Processing Features
& rotation; Outlines, bookmarks, & thumbnail display; Integrated annotation; More about Web Viewer ▶. Conversion. Word Create. Create Word from PDF; Create Word
create bookmarks in pdf; split pdf by bookmark
.NET PDF SDK - Description of All PDF Processing Control Feastures
& rotation; Outlines, bookmarks, & thumbnail display; Integrated annotation; More about Web Viewer ▶. Conversion. PDF Create. Create PDF from Word (docx, doc
bookmark a pdf file; creating bookmarks in pdf files
HTML5 Doctor
Movingon fromHTML-teaching dogs,we’reon to HTML5-specialistdoctors. Okay,
so they’re not real doctors, but you can trust the team of people at HTML5 Doctor
(http://html5doctor.com/) to deal with your HTML5-related ailments. The article
archive is probably the best place to start, and each article is written in a more
friendly and accessible way than any W3C document could ever manage.
A List Apart
AList Apart (ALA) is an old favorite among the web design community. Instead of
teaching in modules (like the websites mentioned previously), it takes more of a
magazine-like approach. Each feature is written as a complete piece that either
tackles a known problem or explains a creative idea to inspire others.
Thewebsite sorts its various articles (of which there are many) intocategories; look
for HTMLand XHTMLathttp://alistapart.com/topics/code/htmlxhtml/. You’llfind
links to a number of useful articles on this page. Some of the material will cross
over into other technologies that you may not fully understand at this point (some
of the articles focus on cutting-edge techniques), but you will almost certainly find
inspiration from the articles on A List Apart.
HTML5 & CSS3 For The Real World
Of course, it would be remiss of me not to mention SitePoint’s very own handy
tome ofallthingsHTML5 (notto mention CSS3),HTML5&CSS3for the Real World
(http://www.sitepoint.com/books/htmlcss1/), released in May this year. It’s a com-
prehensive look at where web technologies are right now, as well as where they’re
heading—semantic tags, form markup, a new approach to embedding audio and
video on your site, as well as some nifty niche stuff like Microdata.
Advancing Your CSS Knowledge
Atthis point,I think I’mobliged bywebdesign convention toblurtoutthe following
web address for CSS Zen Garden: http://csszengarden.com/.
More than anything, this website demonstrates what CSS can do when it’s placed
in the right hands. Ihad intended to structure this section so that the official docu-
mentation was referred to first, followed by other examples. But like the many
Build Your Own Website The Right Way Using HTML & CSS
488
XDoc.PowerPoint for .NET, All Mature Features Introductions
& rotation; Outlines, bookmarks, & thumbnail display; Integrated annotation; More about Web Viewer ▶. PowerPoint Convert. Convert PowerPoint to PDF; Convert
convert word to pdf with bookmarks; adding bookmarks in pdf
XDoc.Excel for .NET, Comprehensive .NET Excel Imaging Features
zooming & rotation; Outlines, bookmarks, & thumbnail display; Integrated annotation; More about Web Viewer ▶. Excel Convert. Convert Excel to PDF; Convert Excel
adding bookmarks to pdf reader; adding bookmarks to pdf
thousands who’ve tried to promote greater use of CSS on websites, I can’t help but
turn to this site first.
Canadian web designer Dave Shea created CSS Zen Garden back in 2003, because
he felt at the time that the examples of CSS-based designs in existence were less
than encouraging—they were boxy, boring, and generally unsexy. In short, the
people whounderstood theCSS language weretechnicalpeoplefirst,and designers
second (or even third or fourth). Dave approached CSS primarilyasa designer; being
acoder was secondary. He launched CSS Zen Garden with a handful of his own
designs—allofthemmoreinspiringthan contemporaryofferings—then encouraged
others to contribute designs based on the same document. Many years later, the
site’s archives contain literally hundreds of designs that prove that when you sep-
arate thepresentation ofa documentfrom itsstructural foundation,you havea very
powerful tool at your disposal. Figure 14.2 shows just a few examples of designs
from CSS Zen Garden. Dave Shea’s first version—which kicked it all off—appears
top left.
Figure 14.2. A selection of styles from CSS Zen Garden
What’s key here is that all these designs use the same underlying document. All
thatchanges between each design is thelinked stylesheet, which refers toadifferent
set of typographic styles, color palettes, and background images.
489
Where to Now? What You Could Learn Next
The CSS Zen Garden was intended to provide inspiration, and it does its job well!
Despite being over eight years old—and the fact that it uses no HTML5 elements
—it’s still a very persuasive website for adopting CSS. If you see a design on the
site thatyou like and want to look more closely under the hood tolearn how it was
done, just click on the link that reads
View This Design’s CSS
.
The Official Documentation
We’re backon track again with the official information. If you’ve looked at some of
theworksubmittedtoCSS Zen Garden,youmighthavespotted some fairlyadvanced
CSS that you’re eager to understand. As with HTML, no source of information is
morecompletethan thatmaintained bythe W3Cinits CascadingStyle Sheets(CSS)
Specification, at http://www.w3.org/TR/CSS21/.
5
As with the HTML document I mentioned earlier, the W3C CSS Specification is
another highly detailed piece of documentation that’s an involved read. It’s very
useful as a reference for those moments when you come unstuck with CSS, but
where could you go for some information that’s a little easier on the old brain-box?
You know where this is going, don't you?
The Ultimate CSS Reference
Justas SitePointoffers acompleteHTML referencefor your reading pleasure,italso
offers a complete—I’msorry, Imean Ultimate—CSS Reference.This is alsoavailable
asa hardbackbookfromSitePoint—seehttp://www.sitepoint.com/books/cssref1/—so
you can keep it open as you work to check anything that’s bugging you.
It’s also available as an online reference—known as the SitePoint CSS Reference
and found at http://reference.sitepoint.com/css/—as shown in Figure14.3. You can
use the thoughtfully organized navigation menus, or type some text into the search
field and see what it finds for you.
5
This link refers to CSSlevel 2, revision 1. Thereare different versionsof theCSSrecommendations,
as thereareversions of other W3C documents. Atthe time ofwriting, theCSS2.1 documentation was
labeledaCandidateRecommendation, whichtranslates as “almost 100%approved.” In other words,
it’s safe to use theseas your benchmark.
Build Your Own Website The Right Way Using HTML & CSS
490
Figure 14.3. The SitePoint CSS Reference
HTML Dog
HTML Dog also has a CSS section, found at http://www.htmldog.com/guides/.
You’ll know some of the CSS tricks in the intermediate tutorial, but it contains
other usefultips that you should pickup beforemoving on tothe advanced section.
CSS3.info
Ifyou want togetup tospeed on some of the newer (dare Isay, sexier?) CSS3effects
that browsers are addingsupportfor allthe time,you should takealook atCSS3.info
(http://www.css3.info/). It has examples of all the new CSS3 properties—such as
border-radius
,
text-shadow
,and
box-shadow
—as well as some more complex
properties notcovered in Chapter 10. TheseincludeRGBAbackgroundcolors(which
allow you to set opacity on colors), multiple background images, media queries,
and multicolumn layouts. All veryexciting stuff,and clearlydemonstrated in away
that’s easy to understand. Check out the CSS3 Preview section for a full list
(http://www.css3.info/preview/).
CSS Discussion Lists
Youcan learn agreatdealfrom websitetutorials like those I’ve mentioned,butwhat
happens if you have a question about a specific issue? In previous chapters, I’ve
491
Where to Now? What You Could Learn Next
suggested thatyou raise issues on SitePoint’sCSS forum.
6
If you explain thatyou’re
anewbie, you should find that forum members will make a real effort toassist you,
providing clear instructions to help solve your problem. You’ll probably find that
this forum (along with the other SitePoint forums) has so many experts ready to
respond to your questions, that it’s likely that there’s no need for you to venture
much further afield for help.
There are other discussion lists that you could join if you want to further your CSS
skills. The two that I’d recommend are:
CSS-Discuss at http://www.css-discuss.org/
Web Design-L at http://webdesign-l.com/
Theselists tend togomoreheavilyinto thenitty-grittyofCSS issues,and uninitiated
observers can,attimes, feelas ifthey’vegate-crashed a rocketscientists’ convention.
These peoplereally doknow their stuff, but theydon’t always go easyon beginners.
So my advice is:
1. Register first;then observethediscussionsfor awhile, and see whatgoeson before
contributing.
2. When you decide to ask a question, be sure to prefix it with “I’m a newbie.”
3. When replying to comments, take care with your quoting style. The preferred
style (which mostemail programs don’t do for you automatically,unfortunately)
is to use top-down quoting.
7
Discussion Lists versus Forums
Just what is the difference between a discussion list and a forum? A discussion
list is a group that operates via email; subscribersreceive either separate emails
for each post made by a groupmember, or a digest of the communications ona
daily,weekly,ormonthlybasis.Aforum,onthe otherhand,isa web-basedservice.
That is,youuse a web browser to log in to the forum;thenyoupick and choose
from the categories to read whichever poststake your fancy.
6
http://www.sitepoint.com/launch/cssforum/
7
Matt Haughey offers excellentadvicein“How to WriteEffective Mailing List Email”
[http://www.digital-web.com/articles/how_to_write_effective_mailing_list_email], a piece writtenfor
DigitalWeb Magazine. Look for point two: Top Down Formatting.
Build Your Own Website The Right Way Using HTML & CSS
492
Whichis better? Well, that depends on the way you like to learn.Some people
prefer discussionlistsbecause they can store the emails they receive,searching
through archivedmessagesto findspecific solutionsas the need arises. Others
prefer to dipinto forums asthey please, and avoid having their inboxes clogged
upwith messages.
My best advice is to try out a discussionlist and see how it goes. If youfindthe
amount ofmessagesyoureceive toooverwhelming,youcouldtrysorting the mail
into dedicated folders(check your mail client for rulesthat let youdivert mail
based oncertaincriteria). If that doesn’t work out,you couldtry a digest,oreven
unsubscribe altogether. But you’ll only findout whether discussionlistssuit you
if you give them a try, so be sure to do so!
The CSS Discuss List’s Companion Site
The CSS Discuss list has a companion wiki—a page that can be edited or updated
by anyone—that features an archive of best practices discovered in various email
discussions. Members of the mailing list frequently update the content displayed
here.Theinformation isnotas ordered as in theother sitesmentioned in thischapter
(namely SitePoint and HTML Dog), but it will make sense once you’ve had a little
more exposure to intermediate and advanced CSS. On the wiki’s front page, at
http://css-discuss.incutio.com, you’llfind links toexplanations ofanumber ofgood
practices, and tips for improving your CSS to expert level.
Irecommend you take a closer look at these sections:
Sizing Text > Font Size
great advice on how to size fonts consistently
across a range of browsers
CSS Layouts
methodologies and examples of various CSS lay-
out techniques—such as two- and three-column
layouts—and techniques to position footers that
always align correctly
Switching > Style Switching
all the information and links you need in order
to incorporate a style switcher into your website
(so that you can have more than one stylesheet
from which users can choose, according to their
specific needs)
493
Where to Now? What You Could Learn Next
Documents you may be interested
Documents you may be interested