c# pdf viewer : Reorder pdf pages online SDK software service wpf windows asp.net dnn web_authoring_step_by_step_booklet5-part1032

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 
Reorder pdf pages online - re-order PDF pages in C#.net, ASP.NET, MVC, Ajax, WinForms, WPF
Support Customizing Page Order of PDF Document in C# Project
pdf change page order acrobat; rearrange pdf pages
Reorder pdf pages online - VB.NET PDF Page Move Library: re-order PDF pages in vb.net, ASP.NET, MVC, Ajax, WinForms, WPF
Sort PDF Document Pages Using VB.NET Demo Code
reverse page order pdf online; move pdf pages
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# TIFF: How to Reorder, Rearrange & Sort TIFF Pages Using C# Code
Reorder, Rearrange and Sort TIFF Document Pages in C#.NET Application. C# TIFF Page Sorting Overview. Reorder TIFF Pages in C#.NET Application.
how to reorder pdf pages in reader; reordering pages in pdf document
C# PDF: C# Code to Process PDF Document Page Using C#.NET PDF
C# PDF Page Processing: Sort PDF Pages - online C#.NET tutorial page for how to reorder, sort, reorganize or re-arrange PDF document files using C#.NET code.
move pages in a pdf file; reorder pdf pages online
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:  
VB.NET PowerPoint: Sort and Reorder PowerPoint Slides by Using VB.
Sort and Reorder PowerPoint Slides Range with VB amount of robust PPT slides/pages editing methods powerful & profession imaging controls, PDF document, image
how to reorder pdf pages; move pdf pages online
VB.NET PDF: Create PDF Document Viewer in C#.NET for Document
"This online guide content is Support navigating to the previous or next page of the PDF document; Able to insert, delete or reorder PDF document page in VB.NET
how to move pages in a pdf document; rearrange pages in pdf file
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 
VB.NET TIFF: Modify TIFF File by Adding, Deleting & Sort TIFF
Users can use it to reorder TIFF pages in ''' &ltsummary> ''' Sort TIFF document pages in designed powerful & profession imaging controls, PDF document, image
how to change page order in pdf document; move pages in pdf reader
VB.NET PDF: VB.NET Guide to Process PDF Document in .NET Project
This online guide content It can be used to add or delete PDF document page(s), sort the order of PDF pages, add image to PDF document page and extract page(s
change page order pdf acrobat; change page order in pdf file
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: 
C# PDF Page Rotate Library: rotate PDF page permanently in C#.net
Online C# class source codes enable the ability to rotate single NET, add new PDF page, delete certain PDF page, reorder existing PDF pages and split
rearrange pdf pages in preview; reverse page order pdf
VB.NET TIFF: VB.NET Sample Code to Process & Manage TIFF Page
certain TIFF page, and sort & reorder TIFF pages in Process TIFF Pages Independently in VB.NET Code. powerful & profession imaging controls, PDF document, image
change page order pdf; how to change page order in pdf acrobat
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