[Skip to Content]

HTML Document

URL: http://houvol.nl/hanskeesom/producten/pages/panoramatours.html
HTTP Status: 200 OK
MIME Type: text/html
Last Modified: Sat, 21 Jan 2017 11:13:39 GMT
Download Time: Less than a second
Cookies: None
Size: 12 KB
Page Weight: 934 KB (total size of HTML, CSS, JavaScript and images)
Depth: 1 clicks from home page
Charset: utf-8
Forms: 1 forms containing 4 controls
HTTP Headers: View Headers 6 headers
Links In: View Links 1 pages
Links Out: View Links 12 links
Images: View Images 4 images
CSS: View CSS Files 0 files
JavaScript: View JavaScript Files 0 files
  
Issue Issues: 1 issues found on 1 lines

1<!DOCTYPE html>

2<html lang="en"><!-- InstanceBegin template="/Templates/Producten.dwt" codeOutsideHTMLIsLocked="false" -->

3<head>

4<meta charset="UTF-8">

5<meta name="viewport" content="width=device-width, initial-scale=1">

6<meta name="Description" content="Hans Keesom provides services to photographers who want to make panoramas virtual tours and 3D models">

7<meta name="Keywords" content="Photography panoramas virtual tour 3d models">

8<meta name="robots" content="all" />

9<meta name="copyright" content="Hans Keesom" />

10<meta name="author" content="Hans Keesom" />

11<meta property="og:url" content="http://hanskeesom.com" />

12<meta property="og:type" content="website" />

13<meta property="og:title" content="Hans Keesom Photographic Services" />

14<meta property="og:description" content="Your DSLR and drone photo's stitched into virtual tours, gigapixels maps and 3d models" />

15<meta property="og:image" content="http://hanskeesom.com/images/3DmodelFromDrone.png" />

16<meta property="og:site_name" content="Hans Keesom" />

17<meta property="og:updated_time" content="2017-01-18 15:17:40" />

18<!-- formaat is: YYYY-MM-DD hh:mm:ss -->

19

20<!-- InstanceBeginEditable name="doctitle" -->

21<title>Hans Keesom Photographic Services Panorama Virtual Panorama Tours</title>

22<!-- InstanceEndEditable -->

23<link href="../../css/bootstrap-3.3.7.css" rel="stylesheet" type="text/css">

24<link href="../../css/hanskeesom.css" rel="stylesheet" type="text/css">

25

26<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->

27<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->

28<!--[if lt IE 9]>

29 <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>

30 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>

31 <![endif]-->

32<!-- InstanceBeginEditable name="head" -->

33<!-- InstanceEndEditable -->

34<!-- InstanceParam name="OptionalRegion" type="boolean" value="true" -->

35<script type="text/javascript">

36function MM_goToURL() { //v3.0

37 var i, args=MM_goToURL.arguments; document.MM_returnValue = false;

38 for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");

39}

40</script>

41</head>

42<body class="producten">

43<nav class="navbar navbar-default">

44 <div class="container-fluid">

45 <!-- Brand and toggle get grouped for better mobile display -->

46 <div class="navbar-header">

47 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#defaultNavbar1"><span class="sr-only">Toggle navigation</span></button>

48 <a class="navbar-brand" href="../../index.html"> <img id="brand-image" alt="Website logo" width="105" height="83" src="../../images/logoHansKeesom.png" /> </a></div>

49 <!-- Collect the nav links, forms, and other content for toggling -->

50 <div class="collapse navbar-collapse" id="defaultNavbar1">

51 <ul class="nav navbar-nav navbar">

52 <li class="dropdown nieuws" > <a href="../../nieuws/index.html" class="dropdown-toggle" onClick="MM_goToURL('parent','../../nieuws/index.html');return document.MM_returnValue" onMouseUp="MM_goToURL('parent','../../nieuws/index.html');return document.MM_returnValue" aria-expanded="false" role="button" data-toggle="dropdown">News<span class="opalcaret"></span></a> </li>

53 <li class="dropdown producten active"> <a href="../index.html" class="dropdown-toggle" onClick="MM_goToURL('parent','../index.html');MM_goToURL('parent','../index.html');return document.MM_returnValue" aria-expanded="false" role="button" data-toggle="dropdown">Products<span class="caret"></span></a>

54 <ul class="dropdown-menu" role="menu">

55 <li><a href="panoramatours.html">Panorama tours</a></li>

56 <li><a href="3dmodels.html">3D models from Drone footage</a></li>

57 <li><a href="gigamap.html">Gigapixel map from Drone footage</a></li>

58 </ul>

59 </li>

60 <li class="dropdown" > <a href="pages/contact.html" class="dropdown-toggle" onClick="MM_goToURL('parent','../../pages/contact.html');return document.MM_returnValue" onMouseUp="MM_goToURL('parent','../../pages/contact.html');return document.MM_returnValue" aria-expanded="false" role="button" data-toggle="dropdown">Contact</a> </li>

61 </ul>

62 <form class="navbar-form navbar-left" method="get" action="http://www.google.com/search">

63 <label for="q" class="hidden">search for</label><input type="text" name="q" id="q" size="31" maxlength="255" value="" />

64 <label for="submit" class="hidden">Submit</label><input type="submit" name="submit" id="submit" value="Search" />

65 <label for="sitesearch" class="hidden">Search the web</label>

66 <input type="radio" name="sitesearch" id="sitesearch" value="" />The Web<br/>

67 <label for="localsearch" class="hidden">Search HansKeesom.com</label>

68 <input type="radio" name="sitesearch" id="localsearch" value="hanskeesom.com" checked /> HansKeesom.com<br />

69 </form>

70 </div>

71 <!-- /.navbar-collapse -->

72 </div>

73 <!-- /.container-fluid -->

74</nav>

75<!-- InstanceBeginEditable name="Breadcrumb" -->

76<ol class="breadcrumb">

77 <li><a href="../../index.html">Home</a></li>

78 <li><a href="../index.html">Products</a></li>

79 <li class="active">Panorama tours</li>

80</ol>

81<!-- InstanceEndEditable -->

82<div role="banner" class="container-fluid">

83 <div class="row">

84 <div class="col-md-6 col-md-offset-3">

85 <div class="text-center"><!-- InstanceBeginEditable name="Product Content" --><h1>Perfect stitching of your perfect photos</h1><!-- InstanceEndEditable --></div>

86 </div>

87 </div>

88 <hr>

89</div>

90<div class="container">

91 <div role="banner" class="row text-center">

92 <div class="col-md-6 col-md-offset-3"><!-- InstanceBeginEditable name="ProductContent" -->Where do your photo's stop. <!-- InstanceEndEditable --></div>

93 </div>

94 <hr>

95 <div role="main" class="row">

96 <article class="text-justify col-sm-4"><!-- InstanceBeginEditable name="EditRegionOne" --><h2>Borders or no borders</h2>Wikipedia defines Panoramic photography as <cite>Panoramic photography is a technique of photography, using specialized equipment or software, that captures images with horizontally elongated fields of view.</cite> To me it is the technique of stitching multiple photos together to create photos with either a larger field of view, a higher resolution or both at the same time. It can be 360 degrees horizontal, but it can also be 360 degrees vertically. Combined it is a sphere like panorama allowing the viewer to look in all direction and feeling like a fly hoovering in the air.A number of these panoramic spheres connected allows for a virtual visit to a location. <br>

97 Processing large numbers of photo's and creating one or more panorama's not only takes a computer with lot's of memory and storage space, it also takes having the right software and knowing how to operate it.<br>

98<br>

99 <!-- InstanceEndEditable --></article>

100 <article class="col-sm-4 text-justify"><!-- InstanceBeginEditable name="EditRegionThree" --><h2>Tip :</h2> if you have a DSLR and a tripod already I advice you to get a so called panorama-bracket, like the ones <a href="http://shop.nodalninja.com" target="new">Nodal Ninja</a> is selling. A <a href="http://shop.nodalninja.com/collections/nodal-ninja-4" target="new">Nodal Ninja 4 with a rotator</a> with enough steps is all you need. In case you want to use longer lenses you can go for the Nodal Ninja 6 but not for full 360 degrees panoramas with a lot of vertical degrees (over 60). In that case you might wanna go for a automatic head and make sure you have a large enough computer for processing. <br>You can <a href="http://alsofjeerbent.nl/panoramas/Tobacco/" target="new">see a full-screen-version here</a><br>

101

Priority 1
IFRAME with title produces confusing results in some screen readers.
  • NVDA 2016.2 with FF48 on Windows 10 when Tabbing: Silence when tab focus stops on iframe.
  • NVDA 2016.2 with IE11 on Windows 10 when Tabbing: Frame SRC URL gibberish is voiced if IFRAME has a non-empty title attribute
  • NVDA 2015.2 with FF40 on Windows 7 when Tabbing: Silence when tab focus stops on iframe. Focus trap on forward tabbing - only when NVDA running
  • NVDA 2015.2 with IE11 on Windows 7 when Tabbing: Frame SRC URL gibberish is voiced if IFRAME has a non-empty title attribute
  • JAWS 13.0.852 with FF29 on Windows 7 when Tabbing: Frame title read out twice.
Line 101 NVDA NVDA

<iframe title="Tobaco restaurant" src="http://alsofjeerbent.nl/panoramas/Tobacco/" name="frame1" height="500">

102 </iframe>

103<!-- InstanceEndEditable --></article>

104 <aside class="col-sm-4 text-justify"><!-- InstanceBeginEditable name="EditRegionTwo" --><h2>Making a panorama.</h2> Making a panoramic photo used to require special camera's. Thanks to clever software those days you can now use almost any camera's. Even smartphones can be used but the result is often disappointing to. And if you accept some artifacts you can even create panoramas on your mobile fine. <br> If you want your panoramas to be of the same quality as the rest of your photos you need to invest in gear, software and a learning curve. <br> That's where I can be of help. I can advice you on the gear and I already have the software and went through the learning curve stitching and correcting hundreds of panoramas for myself and others. Therefore I can process you photo's quickly into high quality panoramas. I can even make a panoramic tour out of them that you can show online. For examples see <a href="http://showyourlocation.com" title="Show your location" target="new">showyourlocation.com</a> for whom I did all their stitching.

105 <!-- InstanceEndEditable --></aside>

106 </div>

107 <hr>

108 <section class="row">

109 <div role="complementary" class="text-center col-md-12">

110 <div class="well">

111 <div id="carousel1" class="carousel slide" data-ride="carousel">

112 <ol class="carousel-indicators">

113 <li data-target="#carousel1" data-slide-to="0" class="active"></li>

114 <li data-target="#carousel1" data-slide-to="1"></li>

115 <li data-target="#carousel1" data-slide-to="2"></li>

116 </ol>

117 <div class="carousel-inner" role="listbox">

118 <div class="item active"><a href="panoramatours.html"><img width="600" height="476" src="../../images/alsofjeerbent.nl.png" alt="Virtual Panorama Tours for alsofjeerbent.nl" class="center-block"></a>

119 <div class="carousel-caption">

120 <h2>Virtual panorama tours</h2>

121 <p>You make the photo's, I stitch the panorama's and create a tour for you!</p>

122 </div>

123 </div>

124 <div class="item"><a href="gigamap.html"><img width="600" height="476" src="../../images/giganticAerialPhotoFromDroneFootage.png" alt="3D model from Drone photos" class="center-block"></a>

125 <div class="carousel-caption">

126 <h2>Gigantic Aerial Photo map from Drone Photo's</h2>

127 <p>You do the flying, I make you a gigantic photo with incredible detail.</p>

128 </div>

129 </div>

130 <div class="item"><a href="3dmodels.html"><img width="600" height="476" src="../../images/3DmodelFromDrone.png" alt="3D model from Drone photos" class="center-block"></a>

131 <div class="carousel-caption">

132 <h2>3D models from Drone Photo's</h2>

133 <p>You do the flying, I make the 3D model.</p>

134 </div>

135 </div>

136 </div>

137 <a class="left carousel-control" href="#carousel1" role="button" data-slide="prev"><span class="sr-only">Previous</span></a><a class="right carousel-control" href="#carousel1" role="button" data-slide="next"><span class="sr-only">Next</span></a></div>

138 </div>

139 </div>

140 </section>

141</div>

142<hr>

143<footer class="row">

144 <div class="text-center col-md-6 col-md-offset-3">

145 <h2>Have a nice day. Make it good one. </h2>

146 <p>Copyright &copy; 2017 &middot; All Rights Reserved &middot; <a href="http://hanskeesom.com/" >Hanskeesom.com</a></p>

147 </div>

148</footer>

149

150<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

151<script src="../../js/jquery-1.11.3.min.js"></script>

152

153<!-- Include all compiled plugins (below), or include individual files as needed -->

154<!-- <script src="../js/bootstrap.js"></script> -->

155<script src="../../js/bootstrap-3.3.7.js"></script>

156</body>

157<!-- InstanceEnd --></html>