c# pdf to image free library : Convert word to pdf fillable form Library application class asp.net html web page ajax web-3t1-part85

Web design 1: Introduction to creating a website 
Web design 1: Introduction to creating a website (web-t3)
4
Task 2  Creating a basic web page 
Objectives 
To create a basic web page document. 
Method 
You will create a basic (X)HTML document using the Code View. You will then add 
some text to your new document and preview the result in a browser. 
Adding content to your first page 
2.1 First you are going to add some 'meat' to your new home page
1
Between the <body> and </body> tags, type in the following text: 
Joe Bloggs’s homepage! 
Welcome! 
This site has been hand crafted by myself to show that 
creating a web page is not rocket science! 
On it, you will find information about me, a description 
of my favourite hobbies and contact information. 
Enjoy your visit! 
Note      
Replace Joe Bloggs with your own name. 
2.2 Secondly, you are going to give it a title: 
Figure 5 - the title text box in the toolbar 
In the Title text box (Figure 5) replace Untitled Document with YourName's 
Homepage – Home 
Click anywhere in the Document Window and notice what happens. The text that you 
just typed appears between the <title> and </title> tags in the <head> element 
of your document. 
Alternatively, you could have typed the title of your document in the Document 
Window itself, between the <title> and </title> tags. 
Note      
Remember that this title is not part of the main content of your page, it is part of the 
metadata (information about the page) contained in the <head> element. The title will 
appear in the browser window title bar (right at the top of the screen). It is also the 
default name for a link to the document (for example when users bookmark a site, the 
name of that bookmark will be the title text). 
Saving your first page 
2.3 Save your new file on your local computer. Select File/Save As. In the Save As 
window do the following: 
¾
Find the correct local directory 
(C:\User\WWW\Web design 1) in 
the Save in box. 
¾
In the File name text box type index.html
1
See glossary 
TIP 
It is good practice to give 
the home page of your site 
the default name 
index.html. Thus you 
won't need to include it in 
your web address. 
Convert word to 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
create a fillable pdf form in word; add attachment to pdf form
Convert word to 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
change font size in fillable pdf form; convert pdf fillable form to word
Web design 1: Introduction to creating a website 
Web design 1: Introduction to creating a website (web-t3)
5
¾
Click the Save button. 
Note      
You could save your file on your local computer in any directory that you created. 
Viewing your page in a browser 
2.4 Dreamweaver has a preview in browser facility that you can use to preview your pages. 
¾
Click on the Preview/Debug in Browser icon 
in the Toolbar and select 
Preview in IEXPLORE.EXE. 
Your document should be displayed as shown in Figure 6. 
Figure 6 - document displayed as a single paragraph 
Notice how the text appears in a single paragraph despite the line breaks in the source 
(HTML) document. 
Notice also the name given to the file by Dreamweaver in the Address box, 
something like TMPhjk7bhuzpv.htm. This is because Dreamweaver created a 
temporary version of your page to preview it in a browser. 
¾
Close the browser. 
Note      
If you wanted to see the actual file itself (or if you use something other than DW to edit 
your web pages), you would need to open it from a browser. To do this: 
¾
Open Internet Explorer (or Mozilla if your prefer). 
¾
Then go to File/Open  (File/Open File in Mozilla). 
¾
Click on the Browse button and navigate to your file C:\User\WWW\Web 
design 1\index.html in this case)and open it. 
VB.NET Create PDF from Word Library to convert docx, doc to PDF in
formatting. Create PDF files from both DOC and DOCX formats. Convert multiple pages Word to fillable and editable PDF documents. Professional
convert word document to pdf fillable form; convert an existing form into a fillable pdf
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.
convert pdf forms to fillable; pdf fillable form creator
Web design 1: Introduction to creating a website 
Web design 1: Introduction to creating a website (web-t3)
6
Task 3  Structuring content 
Objectives 
To add some content-structuring elements such as paragraphs, line breaks, headings and 
horizontal rules. 
Method 
You will explore the changes to your page as a result of using the text formatting features 
listed above. 
Comments 
You will be using the following (X)HTML tags for this task: 
Paragraph: <p>…</p> 
Line break: <br /> 
Headings: <h1>…</h1> … <h6>…</h6> 
Horizontal rule: <hr /> 
Line-break - <br /> 
3.1 Return to Dreamweaver and type a <br /> tag at the end of each sentence as follows: 
Joe Bloggs’s Homepage<br /> 
Welcome!<br /> 
This site has been hand crafted by myself to show that HTML 
is not rocket science!<br /> 
On it, you will find information about me, a brief 
description of my favourite hobby and contact 
information.<br /> 
Enjoy your visit! 
Note      
Including a space and a forward slash before closing an 'empty tag' (for example, <br 
/>) will make your pages compliant both with HTML 4.01 and XHTML 1.0. As a result 
your pages will work well with older browsers as well as the new generation of browsers. 
¾
Save (<Ctrl + S>) and preview in a web browser (as described in task 2.4). 
¾
Close the browser. 
Paragraph - <p></p> 
3.2 Return to Dreamweaver, remove the <br /> tags and enclose each of the sentences 
between the <p> and </p> tags to form separate paragraphs as follows: 
<p>Joe Blogg's Homepage</p> 
<p>Welcome!</p> 
<p>This site has been hand crafted by myself to show that 
HTML is not rocket science!</p> 
<p>On it, you will find information about me, a brief 
description of my favourite hobby and contact 
information.</p> 
<p>Enjoy your visit!</p> 
¾
Save and preview in your web browser. 
VB.NET Create PDF from PowerPoint Library to convert pptx, ppt to
VB.NET How-to, VB.NET PDF, VB.NET Word, VB.NET Excel, VB.NET PowerPoint, VB Convert multiple pages PowerPoint to fillable and editable PDF documents.
convert pdf form fillable; pdf form filler
VB.NET Create PDF from Excel Library to convert xlsx, xls to PDF
C#.NET convert PDF to text, C#.NET convert PDF to images How-to, VB.NET PDF, VB.NET Word, VB.NET Create fillable and editable PDF documents from Excel in Visual
convert pdf file to fillable form; create a fillable pdf form from a pdf
Web design 1: Introduction to creating a website 
Web design 1: Introduction to creating a website (web-t3)
7
Figure 7 - five separate paragraphs
Note      
As you can see, text placed between the <p> and </p> tags forms a separate paragraph, 
with a line space added before and after. whereas a <br /> tag simply breaks the text 
flow which continues on the next line. 
¾
Close the browser. 
Headings - <h1></h1> 
3.3 Let’s now add some headings
¾
Make the first paragraph of your document a level 1 heading instead by replacing the 
<p></p> tags with <h1></h1> as follows: 
¾
<h1>Joe Blogg's Homepage</h1> 
¾
In the same way, make the second paragraph a level 2 heading. 
¾
Save and view in your web browser. 
Figure 8 - level 1 and 2 headings 
Note      
There are six levels of headings, <h1> through to <h6>, <h1> rendering the larger text 
size and <h6> the smallest. As with paragraph tags, they include a line space before and 
after. They are used to delineate new sections and subsections of a page.  
C# Create PDF from OpenOffice to convert odt, odp files to PDF in
Convert OpenOffice Text Document to PDF with embedded fonts. Export PDF from OpenOffice Spreadsheet data. RasterEdge.XDoc.PDF.dll. RasterEdge.XDoc.Word.dll.
convert pdf to fillable form online; convert word doc to fillable pdf form
C# Create PDF from Excel Library to convert xlsx, xls to PDF in C#
NET PDF SDK- Create PDF from Word in Visual An excellent .NET control support convert PDF to multiple Evaluation library and components for PDF creation from
convert word to pdf fillable form; fillable pdf forms
Web design 1: Introduction to creating a website 
Web design 1: Introduction to creating a website (web-t3)
8
3.4 Try out other sizes to see for yourself by replacing the <h1> and <h2> tags with other 
sizes (ie. <h3> down to <h6>). Restore the <h1> and <h2> tags as in task 3.7 once 
you've finished experimenting. 
Horizontal rule - <hr /> 
3.5 Finally, to make your page look even better we'll add a couple of horizontal rules. 
Horizontal rules are useful to visually separate sections of your document.  
¾
Add a horizontal rule below the first line of your document, as follows: 
<h1>Joe Blogg's Homepage</h1> 
<hr /> 
¾
Add another <hr /> tag to display a horizontal rule at the bottom of your page 
when viewed in a browser (as in Figure 9). 
Figure 9 - horizontal rules 
¾
Save and view in your browser. 
3.6 Horizontal rules come with default settings - 100% width, 2 pixels high and engraved 
(3D) effect. 
These default settings can be changed by using attributes. Attributes for the <hr /> tag 
are: 
Align - tells the browser where to place the horizontal rule, it takes the values 
left, center,(default) or right. 
Size - specifies the thickness of the rule. It takes absolute numerical values 
corresponding to the number of pixels
2
. The default value is 2. 
Width - specifies the length of the rule. It takes exact (expressed in pixels) or 
relative (expressed as a percentage) numerical values. The default value is 100%. 
noshade - by default, a horizontal rule is shown with an engraved effect. You 
can add the noshade attribute if you prefer a flat, 2D rule. Its unique value is 
noshade. 
For example: 
<hr width="50%" align="center" noshade="noshade" /> 
2
See glossary 
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.
create fillable pdf form from word; create fill pdf form
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.
change font size in pdf fillable form; add fillable fields to pdf online
Web design 1: Introduction to creating a website 
Web design 1: Introduction to creating a website (web-t3)
9
Try this for yourself by adding and modifying attributes in the two horizontal rules in 
your page. Save and preview in a browser to see the changes. 
Note      
You can have as many or as few attributes as you want in a tag. Also, the order in which 
you insert them is irrelevant. 
Creating another page 
3.7 You are going to create a second page similar to the first one: 
¾
Go to File/New and in the New Document dialogue box click on the Create 
button. 
Basic Page and HTML are the default options and the Make Document 
XHTML Compliant option should be selected. 
¾
Select the Code view (if it is not already selected (go to View/Code). 
¾
In the <head>, make the content of the <title> tag Joe Blogg's 
Homepage – about me
¾
In the <body> type Joe Bloggs’s homepage and make it a level 1 heading. 
¾
Insert a horizontal rule below. 
¾
On the next line, type About me and make it a level 2 heading. 
¾
Finally insert another horizontal rule below. 
¾
Save it as aboutme.html in C:\User\www\Web design 1. 
Note      
Notice the tabs in the bottom left of the Document Window. Use 
them to navigate between the documents that are currently open. 
C# Create PDF Library SDK to convert PDF from other file formats
to create searchable PDF document from Microsoft Office Word, Excel and Create and save editable PDF with a blank page Create fillable PDF document with fields.
create a pdf with fields to fill in; .net fill pdf form
VB.NET Create PDF from OpenOffice to convert odt, odp files to PDF
using RasterEdge.XDoc.Word; using RasterEdge.XDoc.Excel; using RasterEdge.XDoc.PowerPoint; How to VB.NET: Convert ODT to PDF.
pdf fill form; auto fill pdf form fields
Web design 1: Introduction to creating a website 
Web design 1: Introduction to creating a website (web-t3)
10
Task 4  Adding formatted lists 
Objectives 
To insert some unordered and ordered lists in your page. 
Method 
You will explore the changes to your page as a result of formatting text using the lists 
elements. 
Comments 
You will be using the following (X)HTML tags for this task: 
Unordered (bullet) list: <ul><li>…</li></ul> 
Ordered (numbered) list: <ol><li>…</li></ol> 
Ordered list - <ol><li>…</li></ol> 
4.1 An ordered list is simply a numbered list. It consists of the <ol>…</ol> tags to 
create a new list and <li>…</li> tags to insert new list items. 
Example: 
<h2>My three favourite websites:</h2> 
<ol> 
<li>BBC</li> 
<li>web Pages That Suck</li> 
<li>A List Apart</li> 
</ol> 
will display like: 
Figure 10 - an ordered list 
¾
Add an ordered list to your aboutme.html page. 
¾
Save and preview in a browser. 
4.2 In the same way that you can change the default settings of a horizontal rule, you can 
change the symbol type of an ordered list by using the type attribute in the <ol> tag 
and giving it one of the following values:  
Attribute 
Values 
type 
1 (default), A, a, I or i 
For example: 
<ol type="A"> 
¾
Try these out. 
Web design 1: Introduction to creating a website 
Web design 1: Introduction to creating a website (web-t3)
11
Unordered lists - <ul><li>…</li></ul> 
4.3 An unordered list is simply a bullet list. We still use the <li>…</li> tags to insert new 
list items but this time we enclose them between <ul>…</ul> tags. 
Example: 
<h2>My three favourite websites:</h2> 
<ul> 
<li>BBC</li> 
<li>web Pages That Suck</li> 
<li>A List Apart</li> 
</ul> 
will display like: 
Figure 11 - an unordered list 
¾
Replace the ordered list you created in tasks 4.1 and 4.2 with an unordered list. 
¾
Save and preview in a browser. 
4.4 You can also use the type attribute in the <ul> tag to change the default bullet type of 
an unordered list by giving it one of the three following values: 
Attribute 
Values 
type 
disc (default), square or circle 
For example: 
<ul type="square"> 
¾
Try these out. 
Note      
Notice how both <ul> and <ol> tags indent the list items and also add a line space 
before and after the lists.
Web design 1: Introduction to creating a website 
Web design 1: Introduction to creating a website (web-t3)
12
Task 5  Changing text appearance 
Objectives 
To apply some style elements to text. 
Method 
You will explore the changes to your page as a result of using the (X)HTML tags 
introduced in this section. 
Comments 
You will be using the following HTML tags for this task: 
Bold: <strong>…</strong> 
Italics: <em>…</em> 
You will also use a simple style sheet to change the font type and colour of text. 
Making text bold or italic - <strong>…</strong>, <em>…</em> 
5.1 One way to make text stand out is to format it in bold face
In your index.html file, choose a word or phrase that you want to make bold and 
enclose it between the <strong> and </strong> tags. 
Example: 
<strong>is not</strong>. 
¾
Make 2 words/phrases in your page bold. 
¾
Save and preview. 
5.2 Another way to make text stand out is to format it in italics
Choose a word or phrase that you want to make italics and enclose it between the <em> 
and </em> tags. 
Example: 
<em>rocket science</em>. 
¾
Make 2 words/phrases in your page italic. 
¾
Save and preview. 
Note      
The <strong> and <em> elements are content-based text styles (ie. they attach  
meaning to text) for marking text as "strong" or "emphasised". They can be interpreted 
by non-visual browsers (for example screen readers as used by blind people), whereas 
the more common physical styles <b>…</b> (for bold) and <i>…</i> (for italic) tags 
are only understood by visual browsers. As it happens, most visual browsers are 
programmed to display <strong> in bold and <em> in italics. 
Changing text colour and font type 
5.3 We are now going to apply some styles to change the font colour and type of your 
document text. To do this you are going to link your document to an external Cascading 
Style Sheet (CSS) which has already been created for you. 
¾
Add the following line in the <head> of your document, just above the closing 
</head> tag: 
<link href="style.css" rel="stylesheet" 
type="text/css" />. 
This links to an external style sheet called style.css and stored in the same folder as 
index.html. 
¾
Save and preview. See the magic? 
Web design 1: Introduction to creating a website 
Web design 1: Introduction to creating a website (web-t3)
13
¾
Apply the style sheet to your aboutme.html page. 
Note      
While XHTML gives your web pages their basic structure, CSS define the way they 
look. Both have become recommended standards and together will go a long way to 
making your site accessible giving it a consistent look and feel.   
5.4 We are now going to look at style.css and make a few changes to it. 
¾
Go to File/Open and open the file style.css in C:\User\WWW\Web 
design 1. 
You should see the following lines: 
body { font-family: Arial, Helvetica, sans-serif; 
background-color: #FFFCDF; } 
h1  { font-family: Haettenschweiler, Arial, Helvetica, 
sans-serif; 
color: #555339; 
background-color: #DFDCC3; 
padding: 4px; } 
h2  { font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #555239; } 
h3  { font-family: Arial, Helvetica, sans-serif; 
color: #AAA471; 
background-color: #FFF9BF; } 
p   { font-family: Arial, Helvetica, sans-serif; } 
li  { font-family: Arial, Helvetica, sans-serif; } 
You probably recognise some familiar HTML tags (body, h1, h2, etc) at the beginning 
of each line; they are known as selectors in CSS and are the link between the HTML 
document and the style. What follows, enclosed between two curly brackets ({}), are a 
list of declarations consisting of two parts: a property (eg color, font-family, 
etc.) and one or more values (eg #FFFFCC, Arial, etc). 
Since it is not the purpose of this course to teach CSS, all you need to know is that 
selectors specify what HTML elements are to be affected by one or more declaration
However you are going to modify a few values to see how CSS works. 
¾
Try to change the values attached to the color and background-color 
properties in one or more selectors. To help you choose a colour combination that 
works, open the following page in a browser: 
www.wellstyled.com/tools/colorscheme2/index-en.html
(See Appendix B for more information on colours). 
¾
Try to change the value attached to the font-family property (try Courier 
New, Courier, monospace; "Comic Sans MS"; Tahoma or Verdana 
for example). Note that you can specify several font-family values provided you 
separate them with a comma. 
Note      
CSS specifies five generic font families that can be used instead of or in combination 
with individual font categories. They are: serif, sans-serif, monospace, 
cursive and fantasy. 
¾
Save your CCS file after each change and preview in a browser to see the changes. 
Note      
There is a <font> tag in HTML but it is deprecated, in other words it is not 
recommended in HTML 4, and it has been removed from XHTML. Even if a lot of 
people are using it, you should avoid using it and use Cascading Style Sheets (CSS) 
instead. CSS are covered in more detail in other courses. 
Documents you may be interested
Documents you may be interested