c# convert pdf to image : Convert pdf fillable form application software utility azure windows wpf visual studio sams_teach_yourself_microsoft_expression_web_4_in_24_hours_2nd_edition36-part2013

344
HOUR 20: Working with Flash and Other Embeddable Content
Adding the 
<embed>
Tag for Full Cross-
Browser Compatibility
As you learned earlier in this hour, two tags are used to place Flash content in a
page, and some older browsers (more specifically Internet Explorer 6 and lower) use
only one or the other. Even though most new browsers don’t have this problem, it is
always a good idea to include both tags to ensure full cross-browser compatibility so
that everyone can see your Flash content.
Because Expression Web 4 inserts only the <object> tag for Flash movies, you need
to insert the <embed> tag manually in Code view. For a Flash movie, the <embed>
tag syntax is simple to remember:
<embed src=”flashMovie.swf” quality=”high” type=”application/x-shockwave-flash”
width=”size in pixels” height=”size in pixels” />
In the current case, the embed code would therefore be this:
<embed src=”flashGallery.swf” quality=”high” type=”application/x-shockwave-
flash”
width=”600” height=”400” />
The <embed> Tag Doesn’t Comply with Web Standards!
As explained earlier in this book, Expression Web 4 was created as an application
that produces standards-based code out of the box. That means it does not insert
nonstandard or deprecated code. The 
<embed>
tag was deprecated in favor of the
<object>
tag and, as such, it is not supported by the World Wide Web
Consortium (W3C). For that reason,when you include the 
<embed>
tag in your
code,a warning about incorrect code appears in the status bar, and if you press
F9, the 
<embed>
tag is highlighted. Even so, I recommend that you include the
<embed>
tag when you insert Flash movies in your page if you want to keep it
accessible for as many visitors as possible.
To prevent the browser from displaying two copies of the same Flash movie, always
place the <embed> tag at the end of the <object> tag on the line above the
</object>end tag, as in Figure 20.7.
Watch
Out!
www.it-ebooks.info
Convert pdf fillable form - C# PDF Form Data fill-in Library: auto fill-in PDF form data in C#.net, ASP.NET, MVC, WinForms, WPF
Online C# Tutorial to Automatically Fill in Field Data to PDF
convert excel spreadsheet to fillable pdf form; attach file to pdf form
Convert pdf fillable form - VB.NET PDF Form Data fill-in library: auto fill-in PDF form data in vb.net, ASP.NET, MVC, WinForms, WPF
VB.NET PDF Form Data fill-in library: auto fill-in PDF form data in vb.net, ASP.NET, MVC, WinForms, WPF
pdf fillable forms; create a pdf with fields to fill in
Embedding YouTube and Other HTML5 Content
345
Embedding YouTube and Other HTML5
Content
As I said in the introduction, the introduction of HTML5 and a host of new devices
has completely changed the landscape where embeddable content is concerned.
Nowhere is this more apparent than when you embed videos from YouTube, Vimeo,
and other video-sharing services in your site. Whereas before you used a Flash-filled
<object>tag to share your favorite videos with the world, today you use an iFrame
that dynamically detects the type of browser currently being used and serves up the
correct video format for this browser.
To understand this shift, it’s a good idea to know a bit of the history of video on the
Web. In the early years of the Internet, the only way you could share video on the
Web was by uploading large video files that the visitor would download. This
remained the case for a long time until someone figured out a workaround. By
importing videos into Flash, they could share videos in a less cumbersome way. This
simple realization sparked the online video revolution that saw the birth of the now
ubiquitous YouTube, which, shocking as it may seem, was actually launched in
2005. The problem with Flash as a video platform is that it is notoriously inflexible
and hard to work with. And to access the videos, you have to have a Flash player
installed on your device. This became a problem when smartphones and tablets
made their appearance in our everyday lives. Although Flash video worked well on
desktop computers, the format was heavy and battery draining for these portable
devices. As a result, many manufacturers, including Apple, refused to provide sup-
port for the platform.
Parallel with this development came the introduction of HTML5, which carries with
it native video support. This means that, at least in theory, you can upload videos in
open formats to the Web and anyone can access them. The reality is less simple
because the different browser and device manufacturers use different video codecs,
so any one codec will not work on all devices. The end result, which is where we are
FIGURE 20.7
The
<embed>
tag should
always be
placed inside
the
<object>
tag to avoid hav-
ing two consec-
utive Flash
movies appear
in browsers that
support both
tags.
www.it-ebooks.info
VB.NET Create PDF from PowerPoint Library to convert pptx, ppt to
Convert to PDF with embedded fonts or without original fonts fast. Convert multiple pages PowerPoint to fillable and editable PDF documents.
create a fillable pdf form from a word document; change font size pdf fillable form
VB.NET Create PDF from Word Library to convert docx, doc to PDF in
Create PDF files from both DOC and DOCX formats. Convert multiple pages Word to fillable and editable PDF documents.
convert pdf to fillable pdf form; change font size in pdf fillable form
346
HOUR 20: Working with Flash and Other Embeddable Content
today, is that HTML5 video done right will provide an excellent video-viewing expe-
rience for all visitors on all devices. But done wrong it will exclude visitors on certain
devices, certain browsers, and certain platforms. To solve this, sites such as YouTube
have introduced the aforementioned iFrame solution. When you embed the iFrame
code in your site, a hole is cut where a page from the service provider is displayed.
This page, in turn, checks what kind of device is currently in use and what video
codec that device or browser supports, and serves up the correct file format.
The bottom line is this: Embedding content from sites such as YouTube is easier and
more flexible than ever before, and doing so no longer relies on Flash.
Try It Yourself
Embed a YouTube Video in Your Page Using HTML5
To see how this brave new world of video embedding works in real life, we are going
to create a new page with an embedded video from YouTube. This technique is iden-
tical across most video-sharing and other content-sharing sites:
1. In Expression Web 4, create a new HTML page from the DWT and call it
video-embed.html.
2. Change the heading to the name of the video you want to embed.
3. I’m going to embed a time-lapse video of the setup of the 12
×
12 Vancouver
Photo Marathon photo exhibit in 2010, found at http://www.youtube.com/
watch?v=eN_U6EZiAv8. You can pick any video you like from YouTube.
4. Find the video on YouTube.com and scroll down past the video to the Share
button, as in Figure 20.8. Click the Share button to open the Share dialog (see
Figure 20.9). (Note that YouTube changes its layout constantly, so the page
may not match what you see in the following figures exactly).
5. To get the embed code, click the Embed button. This opens the embed section
of the Share dialog, as shown in Figure 20.10. From here you get a default
iFrame embed code and a series of options, including player behavior and
size. Because the new iFrame HTML5 embed code does not directly call the
video but rather cuts a hole in the page in which the video will be displayed,
you now have more options than previously. If for some reason you need to
use the old <object>-based embed code, you can get this as well by checking
the Use Old Embed Code box.
www.it-ebooks.info
VB.NET Create PDF from Excel Library to convert xlsx, xls to PDF
Create fillable and editable PDF documents from Excel in Create searchable and scanned PDF files from Excel in VB Convert to PDF with embedded fonts or without
create fillable form from pdf; convert word document to pdf fillable form
C# Create PDF from OpenOffice to convert odt, odp files to PDF in
Convert OpenOffice Text Document to PDF with embedded Create PDF document from OpenOffice Presentation in both ODT, ODS, ODP forms to fillable PDF formats in
create a pdf form that can be filled out; convert pdf to fill in form
Embedding YouTube and Other HTML5 Content
347
6. Change the settings to what you want (in most cases, I just use the default set-
tings), highlight the code, and copy the embed code in the top box by pressing
Ctrl+C or right-clicking and selecting Copy.
FIGURE 20.8
The Share but-
ton on YouTube
can be found
directly under
the video.
FIGURE 20.9
The Share but-
ton on YouTube
provides embed-
ding code as
well as sharing
options for
email and social
media.
www.it-ebooks.info
C# PDF Field Edit Library: insert, delete, update pdf form field
A professional PDF form creator supports to create fillable PDF form in C#.NET. An advanced PDF form maker allows users to create editable PDF form in C#.NET.
convert word doc to fillable pdf form; convert pdf fillable form to html
C# Create PDF from Excel Library to convert xlsx, xls to PDF in C#
Create fillable and editable PDF documents from Excel in both .NET WinForms and ASP.NET. Create searchable and scanned PDF files from Excel. Convert to PDF with
create pdf fill in form; convert excel to fillable pdf form
348
HOUR 20: Working with Flash and Other Embeddable Content
7. Back in Expression Web 4, go to Code view and place your cursor between the
<p>and </p>tags. Paste in the embed code by pressing Ctrl+V on your key-
board or right-clicking and selecting Paste. Save and preview the page in your
browser and you’ll see the video playing in the page.
FIGURE 20.10
The new HTML5
embed code
allows for more
customization
than previously.
Because the embedded YouTube video is contained in a simple iFrame, you can eas-
ily control its positioning and size. Just like with the <object> tag, you can add IDs
and classes to the <iframe> tag. Therefore, for example, if you want to center the
video, you can apply the .alignCenter class to the iFrame. To change the size of
the video, you simply change the size of the iFrame in Code view and the video will
automatically resize.
A small caveat: When you’re working with iFrames, I recommend you work in Code
view. The reason for this that is an iFrame is literally a hole cut in the current page,
inside which is displayed a different page. So if you go to Design view and click
inside the iFrame, you are no longer working on your page but rather the page dis-
played in the iFrame. And chances are likely, in the case of an embedded YouTube
video, you don’t have control over the page in the iFrame.
Bonus: Making the Flash Gallery 
Your Own
You can customize the Flash gallery introduced in this hour with your own images
and descriptions. All the images are placed under the Flash folder: thumbnails in
www.it-ebooks.info
C# Create PDF from Word Library to convert docx, doc to PDF in C#.
Convert multiple pages Word to fillable and editable PDF documents in both .NET WinForms and ASP.NET. Convert both DOC and DOCX formats to PDF files.
converting a word document to pdf fillable form; add attachment to pdf form
C# Create PDF from PowerPoint Library to convert pptx, ppt to PDF
Convert multiple pages PowerPoint to fillable and editable PDF documents. Easy to create searchable and scanned PDF files from PowerPoint.
convert word document to fillable pdf form; pdf fillable form
Summary
349
the thumbs folder, and the full images in the large folder. The gallery uses an XML
file to define the image locations, titles, and descriptions. You can change this XML
file using Expression Web 4 and make the gallery feature your own images.
The Flash image gallery is controlled by the images.xml file found in the Flash
folder. The syntax of that file is simple:
<album
title=”Random Kipple”
description=”Some random photos of my kipple”
lgPath=”large/”
tnPath=”thumbs/”
tn=”thumbs/bagOpennies.jpg”>
<img
src=”bagOpennies.jpg”
title=”Bag O’ Pennies”
caption=”A small hemp bag filled with pennies” />
</album>
To add another image, all you need to do is add another <img> tag with the src,
title, and captionattributes defined. To add another album, just create a new
<album>tag and insert the new information. To add more images, simply place the
large version in the large folder and the thumbnail in the thumbs folder.
One caveat: The images.xml file and image folders need to stay in the same folder
as the Flash movie. Otherwise, the movie will not work.
Summary
Flash is a technology that can add an unparalleled level of visual impact and inter-
activity to web pages. Flash applications, or movies, are created using Adobe Flash
and inserted into your pages as finished elements.
Because Flash files are external content, Expression Web 4 is mainly used to position
and style the boxes they are inserted into. Flash movies are inserted into the page
using either the <object> or the <embed> tag. In most cases, you want to use both,
with the <object> tag surrounding the <embed> tag, even though the <embed> tag
has been deprecated. This is because many older browsers do not fully comprehend
or support the <object> tag yet.
Flash movies are placed in boxes on the page, and you can apply standard CSS
styling to their <object> tags to set the placement, borders, backgrounds, and what-
ever else you feel like. If you ignore the Flash content, an inserted Flash movie acts
just like any other replaced item (such as an image). In other words, you have full
control of where the movie appears. In this hour, you learned how to embed a Flash
movie into your page and use CSS to change its position and styling.
www.it-ebooks.info
C# Create PDF Library SDK to convert PDF from other file formats
Create fillable PDF document with fields. Load PDF from existing documents and image in SQL server. Load PDF from stream programmatically.
acrobat fill in pdf forms; convert pdf forms to fillable
VB.NET Create PDF from OpenOffice to convert odt, odp files to PDF
Convert OpenOffice Spreadsheet data to PDF. Export PDF document from OpenOffice Presentation. Turn ODT, ODS, ODP forms into fillable PDF formats.
create a pdf form to fill out; create fillable forms in pdf
350
HOUR 20: Working with Flash and Other Embeddable Content
That said, Flash is no longer King of the Hill (obscure Norwegian reference, not an
endorsement of the animated TV show). With the introduction of HTML5 and
HTML5-powered devices such as smartphones and tablets, Flash is being replaced by
HTML5, especially where video is concerned. Because of the complexities of HTML5
video and the format war between the device and browser manufacturers, most
hosting providers offering up embeddable content that previously used Flash now
use embeddable iFrames instead. In this hour, you learned how to get and embed
such iFrame-based HTML5 YouTube videos in your pages and also how to configure
these iFrames. Although the example only featured YouTube, the same technique
can be used for most other video-sharing services.
Q&A
Q. When I preview the FlashGallery.html page in Internet Explorer,I get a warn-
ing that the program has restricted the website from running ActiveX con-
trols that could access my computer. What do I do?
A. Embedded content such as a Flash movie uses ActiveX controls to play. For
some reason, when you view a local web page, Internet Explorer blocks this
type of content, and you actively have to tell the browser to accept it by click-
ing on the warning bar at the top of the page and selecting Allow Blocked
Content. This happens only for local files; after the page with the Flash movie
is on a web server, you no longer receive this warning.
Q. When I embed the YouTube video in my page,all I get is a black box with
scroll bars in Design view. What went wrong?
A. The YouTube iFrame displays a page hosted by YouTube that detects what
browser and device is currently accessing the video. Because Expression Web 4
is neither a browser nor a device, YouTube returns an empty page. The scroll
bars are there because the empty page has no defined width and height, so
the maximum width and height are applied.
Q. The Flash image gallery shows up,but there are no images!
A. The Flash image gallery sources its content from outside the application itself.
It gets its data from the images.xml file, and the images are stored in the
Flash folder under the large and thumbs folders. For the gallery to work prop-
erly, it is imperative that the folder structure described in the hour be retained.
The Gallery folder should contain one folder: Flash. All the Flash files should
be in the Flash folder. If your folder structure is correct and you are still not
seeing anything, go to the finalized version found in the lesson files and
replace your files with the ones provided.
www.it-ebooks.info
Exercise
351
Workshop
The Workshop has quiz questions and exercises to help you put to use what you
have just learned. If you get stuck, the answers to the quiz questions are in the next
section. But try to answer the questions first. Otherwise, you’ll be cheating yourself.
Quiz
1. What are the two methods of embedding Flash movies in a HTML page, and
which one is the correct one?
2. Why should you use the new iFrame-based HTML5 embed method when
embedding videos from YouTube and other video-hosting services instead of
the old Flash-based <object> method?
Answers
1. The two methods are using the 
<object>tag and using the <embed>tag.
Although, technically, the <object> tag is the correct standards-based
method, it is advisable to also place an <embed> tag within the <object> tag
to account for the lack of support for the latter in older browsers such as
Internet Explorer 6. Always remember to nest the <embed> tag inside the
<object>tag, or you will get two instances of the Flash movie in browsers
that support both.
2. Whereas the old Flash-based 
<object>embed method only works on devices
that support Flash, the new iFrame-based HTML5 embed method provides the
correct type of file to all devices. As a result, with the new method more people
are able to access the videos.
Exercise
Use CSS positioning to change the location of the embedded Flash application. Give
it a white background and a thin gray border by setting the padding andborder
attributes.
Embed another YouTube video into one of your pages, and use the <iframe> tag to
resize the video so that it fits half the page. Use CSS to restyle the video and change
its positioning so that the text flows around the video.
Embed a Vimeo video using the same technique you used for the YouTube video and
see how the iFrame-based HTML5 embed code differs from that of YouTube.
www.it-ebooks.info
This page intentionally left blank 
www.it-ebooks.info
HOUR  21
Beyond the Basics, Par t 1:
PHP in Expression Web 4
What You’ll Learn in This Hour:
. How to install PHP on your computer
. How to configure and use the Expression Development Server to test PHP
scripts locally on your computer
. How to create a PHP-based email form
. How to use PHP to test whether form fields are filled out and that the email
was successfully sent
If you have surfed the World Wide Web for any length of time, you probably noticed that
not all web pages have the .html extension. When you visit more advanced sites, you
often see that the filenames in the address bar end with .aspx, .php, or any number of
other extensions. All these file types hint at the server-side technology that generates the
pages.
Although Hypertext Markup Language (HTML) is a great code language with a variety of
applications, it is capable of making only static pages. A static page is one in which the
designer or developer inserts all the content, and it remains the same until someone man-
ually edits the file. In contrast, most large websites, including news sources, blogs, social
networks, and so on, consist of dynamic pages. A dynamic page is one in which the page
contains only the framework, and content is gathered from other sources such as databas-
es, other sites, or visitor input. The one thing all these dynamic pages have in common is
that they all use some form of server-side scripting language to generate their content.
One of the most prevalent and popular open source server-side scripting languages is PHP,
which is a direct competitor to Microsoft’s application framework, ASP.NET. Until recently,
www.it-ebooks.info
Documents you may be interested
Documents you may be interested