upload pdf file in asp.net c# : Add url pdf software application cloud windows winforms wpf class web_authoring_step_by_step_booklet5-part1017

Section 15: Web Authoring 
Mark Nicholls – ICT Lounge 
Pa g e | 51 
Task 17 – Editing images using Adobe Photoshop 
Open the file SPECIMEN5.JPG in a suitable application. 
Change the width to 40 pixels and its height to 60 pixels. 
Ensure that the colour depth is 256 colours (8 bit colour) 
Save the file as SPECIMEN5.GIF. 
Open the file SPECIMEN6.JPG in a suitable application. 
Crop the plant pot out of the bottom of the image.  
Save the file as SPECIMEN6.JPG (replace original file). 
The image editor  that is used  in my school is currently Adobe Photoshop  but  this 
will vary from school to school. 
Photoshop can be used to open and edit all the main types of images including: 
.JPG      .GIF       .PNG 
17.1 – Opening images in Photoshop – How to do it:
1.
Click the Start Button 
2.
Click All Programs 
3.
Click Adobe Photoshop 7.0 
4.
In Photoshop… click File  Open 
5.
Browse to the file you wish to open 
(Specimen 5.jpg)  
6.
Click the file and then select Open 
Add url pdf - insert, remove PDF links in C#.net, ASP.NET, MVC, Ajax, WinForms, WPF
Free C# example code is offered for users to edit PDF document hyperlink (url), like inserting and deleting
add hyperlink to pdf; add links to pdf in acrobat
Add url pdf - VB.NET PDF url edit library: insert, remove PDF links in vb.net, ASP.NET, MVC, Ajax, WinForms, WPF
Help to Insert a Hyperlink to Specified PDF Document Page
add url link to pdf; add hyperlink pdf document
Section 15: Web Authoring 
Mark Nicholls – ICT Lounge 
Pa g e | 52 
17.2 – Resizing image width and height – How to do it:
Open the ‘Image Size’ menu:  
1.
Click Image 
2.
Click Image Size  
Resize the image: 
1.
Uncheck the ͚ onstrain 
Proportions͛ tick box 
2.
Enter 40 into the width box 
3.
Enter 60 into the height box 
4.
Click OK 
NOTE:
We need to uncheck the ͚Constrain Proportions͛ tick box before we enter the new width and 
height because this image was required to be distorted when compared to it͛s original size. 
If we were required to keep the original dimensions we would have ticked the ͚Constrain 
Proportions͛ box. 
73 
Original Image 
Resized Image 
72 
40 
60 
C#: How to Open a File from a URL (HTTP, FTP) in HTML5 Viewer
License and Price. File Formats. PDF. Word. Excel. PowerPoint. Tiff. DNN (Dotnetnuke). Quick to Start. Add a Viewer Control on Open a File from a URL (HTTP, FTP).
add hyperlink pdf file; convert a word document to pdf with hyperlinks
C#: How to Add HTML5 Document Viewer Control to Your Web Page
addTab(_tabRedact); //add Tab "Sample new UserCommand("pdf"); _userCmdDemoPdf.addCSS( new customStyle({ background: "url('RasterEdge_Resource_Files/images
adding links to pdf document; pdf link to specific page
Section 15: Web Authoring 
Mark Nicholls – ICT Lounge 
Pa g e | 53 
17.3 – Setting image colour depth to 256 colours and saving 
the file as SPECIMEN5.GIF – How to do it:
Colour depth is the number of colours that each pixel in an image can be: 
8 bit colour (used by GIFs)    = each pixel can be any of 256 colours 
24 bit colour (used by JPGs) = each pixel can be any of 16,800,000 colours 
To ensure that our image colour depth is set to 256 colours (8 bit) we simply need 
to save the image as a GIF.  
This is how you do it using Photoshop: 
1.
Click File 
2.
Click Save for Web 
3.
This will take you to the Export menu 
4.
Select the file type of GIF 
5.
Make sure that the number of colours is 
set to 256 
6.
Click Save 
7.
Point the file to be saved in your 
Downloaded Files folder. 
8.
Make sure the file is named Specimin5.GIF 
9.
Check the Downloaded Files 
folder to make sure that the 
image has saved in the correct 
place:  
C# PDF Library SDK to view, edit, convert, process PDF file for C#
editing PDF document hyperlink (url) and quick navigation link in PDF bookmark. C#.NET: Edit PDF Metadata. PDF SDK for .NET allows you to read, add, edit, update
convert doc to pdf with hyperlinks; add links to pdf
C# Image: How to Download Image from URL in C# Project with .NET
Add this imaging library to your C#.NET project jpeg / jpg, or bmp image from a URL to your provide powerful & profession imaging controls, PDF document, tiff
pdf email link; add hyperlink pdf
Section 15: Web Authoring 
Mark Nicholls – ICT Lounge 
Pa g e | 54 
17.4 – Cropping images in Photoshop – How to do it:
If  you  are  asked  to  crop,  you  will  need  to ͚remove͛ certain parts of an existing 
image and then resave. In this case we are being asked to crop out the plant pot 
part of the SPECIMEN6.JPG image. 
This is how you crop an image using Photoshop: 
Open the image and access the edit pictures 
menu:  
1.
Open SPECIMEN6.JPG  in Photoshop 
2.
Click the Crop option which you can find on 
the tools menu bar to the left. 
Crop out the correct part of the image: 
1.
Drag the crop tool around the image 
2.
Use the crop handles to remove the pot from 
the bottom of the image 
3.
Click the tick button  to make 
the crop permanent 
Save the image with the correct file name and with a file type of .JPEG: 
1.
Click File and then Save for Web 
2.
Select the .JPEG  file type 
3.
Name the image SPECIMEN6 
4.
Click Save 
5.
Overwrite the old version of the image 
C# PDF insert image Library: insert images into PDF in C#.net, ASP
C#.NET PDF SDK - Add Image to PDF Page in C#.NET. How to Insert & Add Image, Picture or Logo on PDF Page Using C#.NET. Add Image to PDF Page Using C#.NET.
add hyperlink to pdf online; adding hyperlinks to a pdf
C# HTML5 PDF Viewer SDK to view PDF document online in C#.NET
Insert Image to PDF. Image: Remove Image from PDF Page. Cut Image in Page. Link: Edit URL. Bookmark: Edit Images. Redact Pages. Annotation & Drawing. Add Sticky Note
adding hyperlinks to pdf files; adding a link to a pdf
Section 15: Web Authoring 
Mark Nicholls – ICT Lounge 
Pa g e | 55 
Independent work - Opening an existing web page and editing 
Open the file SPECIMEN2.HTM. 
Import the image SPECIMEN6.JPG into the right cell of the table. 
Resize the image SPECIMEN6.JPG to 250 pixels wide and maintain the aspect 
ratio. 
Replace the text ͚ andidate name͛ (at the top of the page) with your name, 
centre number and candidate number. 
Replace the text ͚click here͛ (at the bottom of the page) with the image 
SPECIMEN5.GIF.  
Make this image a link to open the file HOMEPAGE.HTM in the same window. 
Save the file as SPECIMEN2.HTM (replace original file). 
Now  let͛s  see  what  you  have  remembered.  You  should  be  able  to  carry  out  the 
above  tasks  by  yourself.  If  you  run  into  trouble  you  can  always  refer  back  to  the 
tasks in this guide that cover the above problems. 
After you have completed this task, SPECIMEN2.HTM should look like this: 
VB.NET PDF- View PDF Online with VB.NET HTML5 PDF Viewer
to PDF. Image: Remove Image from PDF Page. Image Link: Edit URL. Bookmark: Edit Bookmark. Metadata: Edit, Delete Redact Pages. Annotation & Drawing. Add Sticky Note
add hyperlink to pdf online; clickable links in pdf files
VB.NET Image: VB Code to Download and Save Image from Web URL
Apart from image downloading from web URL, RasterEdge .NET Imaging SDK still dedicated to provide powerful & profession imaging controls, PDF document, image
pdf link to specific page; adding hyperlinks to pdf
Section 15: Web Authoring 
Mark Nicholls – ICT Lounge 
Pa g e | 56 
Independent work - Create a second style sheet for use with SPECIMEN2.HTM 
Create a second style sheet named ͚style2͛ 
Set the following styles: 
h1 – 50% red, sans-serif font, 36 point, centre aligned, bold, underlined 
h3 – 75% blue, serif font, 12 point, left aligned 
li – 50% blue, sans-serif font, 10 point, bullet points, left aligned 
p – Full green, sans-serif font, 10 point, left aligned
Save the style sheet with the name suggested above 
Attach the style sheet to SPECIMEN2.HTM. 
READ ME: 
See  if  you  can  create  and  attach  this  style  sheet  independently.    Notice  how  the 
colours  in  this  task  are  not  as  straight  forward  as  red,  green,  blue  etc.  You  are 
sometimes required to use precise shades of colours. 
For help with these colours read pages 57 – 62 below. 
SPECIMEN2.HTM should look like this when you have created the style sheet and 
attached: 
Section 15: Web Authoring 
Mark Nicholls – ICT Lounge 
Pa g e | 57 
RGB Colour Codes 
(Web Colours
What are RGB colour codes?
Web colours are made up of 3 main primary colours. We call these RGB. 
Red 
Green 
Blue 
All colours used on web pages are made up of different combinations of RGB. The 
code  used to  create these  colours  is  called hexadecimal and it is broken  down  as 
follows:  #RGB 
Each primary colour  can be  assigned 2 digits or  letters to determine what level of 
that colour to use. 
R    G    B  
Examples of some of the main RGB Colour Codes
By  entering  different  values  into  the  Red,  Green  and  Blue  sections  of  the 
hexadecimal code we can create any colour from 16 million possibilities.   
Fortunately  you  do  not  need  to  remember  many  of  these.  The  RGB  colour  code 
values that you need to understand are as follows: 
FF = 100% of the colour (maximum) 
C0 = 75% of the colour 
80 = 50% of the colour 
40 = 25% of the colour 
00 = 0% of the colour (none) 
Section 15: Web Authoring 
Mark Nicholls – ICT Lounge 
Pa g e | 58 
Examples of pure RGB Colour Codes
Pure colours use 100% (FF) 
Pure RED is 
FF,00,00  (100% RED, no GREEN, no BLUE) 
Pure GREEN is  00,FF,00  (no RED, 100% GREEN, no BLUE) 
Pure BLUE is  00,00,FF  (no RED, no GREEN, 100% BLUE) 
Pure BLACK is   00,00,00  (no RED, no GREEN, no BLUE) 
Pure WHITE is  FF,FF,FF 
(100% RED, 100% GREEN, 100% BLUE) 
R       G       B
Example of Pure RED 
Pure red RGB colour code: 
FF0000 
(100% RED, no GREEN, no BLUE) 
Example of Pure GREEN
Pure green RGB colour code: 
00, FF00 
(no RED, 100% GREEN, no BLUE) 
Section 15: Web Authoring 
Mark Nicholls – ICT Lounge 
Pa g e | 59 
Example of Pure BLUE
Pure blue RGB colour code: 
0000FF 
(no RED, no GREEN, 100% BLUE) 
Examples of darker Colour Codes
Darker colours use 50% (80) 
Dark RED is   
80,00,00  (50% RED, no GREEN, no BLUE) 
Dark GREEN is 
00,80,00  (no RED, 50% GREEN, no BLUE) 
Dark BLUE is  
00,00,80  (no RED, no GREEN, 50% BLUE) 
R       G       B
Example of Dark RED 
Dark red RGB colour code: 
800000 
(50% RED, no GREEN, no BLUE) 
Section 15: Web Authoring 
Mark Nicholls – ICT Lounge 
Pa g e | 60 
Example of Dark GREEN 
Dark green RGB colour code: 
008000 
(no RED, 50% GREEN, no BLUE) 
Example of Dark BLUE 
Dark blue RGB colour code: 
000080 
(no RED, no GREEN, 50% BLUE) 
And so on……….  
The other possible shades of RGB colours that you may be asked to create are 
summarised below: 
75% of the colour – (C0)  
25% of the colour – (40) 
RED        C0,00,00 
GREEN :   00,C0,00  
BLUE      00,00,C0 
RED :        40,00,00 
GREEN   00,40,00  
BLUE :      00,00,40 
Documents you may be interested
Documents you may be interested