BD Posted April 16, 2011 Share Posted April 16, 2011 Very simple website about my adventures and sharing some of the favorite art/photography I picked up along the web over the years. http://br4n.com Quote Link to comment Share on other sites More sharing options...
QuickOldCar Posted April 17, 2011 Share Posted April 17, 2011 <html><head><title>br4n.com</title></head><frameset rows='100%, *' frameborder=no framespacing=0 border=0><frame src="http://www.br4n.com/" name=mainwindow frameborder=no framespacing=0 marginheight=0 marginwidth=0></frame></frameset><noframes><h2>Your browser does not support frames. We recommend upgrading your browser.</h2><br><br><center>Click <a href="http://www.br4n.com/" >here</a> to enter the site.</center></noframes></html> That's the source of your page. Is no meta data for description and keywords. Search engines can't get any other links your site. Why on earth are you using iframes to link the pages? Just link directly to them. If doing many images, instead of many large images on the same page you should do one or more of the following.... Make a thumbnail image gallery and either popup images enlarged or link to the single image. Cycle the images automatic with javascript one at a time or some sort of navigation previous/next. Use a lazy loader for images, only images in direct view get loaded. Paginate the pages, limiting just a few images to each page. Quote Link to comment Share on other sites More sharing options...
BD Posted April 17, 2011 Author Share Posted April 17, 2011 Thanks for the criticism, I been looking at those iFrames. I did WSIWYG Editor (iWeb) and I have seen the problems with them when validating my website on a few other websites. As far as the pictures, It would be a great idea to reduce loading on the page, especially mobile devices. I just been too lazy to set their individual pages to view larger. Once again, Thank you for your input. Quote Link to comment Share on other sites More sharing options...
BD Posted April 17, 2011 Author Share Posted April 17, 2011 I think I realize what the problem is. It's more of a problem with the hosting by Apple and my Domain by Namecheap. My home page ends up with the following url: http://www.br4n.com/1/Brandon_Davis.html because of how Apple creates the page url. My domain masks the page with http://br4n.com (http://www.br4n.com/1/Brandon_Davis.html), therefore using a frame. Here's the source for the original page: <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="Generator" content="iWeb 3.0.3" /> <meta name="iWeb-Build" content="local-build-20110417" /> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <meta name="viewport" content="width=780" /> <title>Brandon Davis</title> <link rel="stylesheet" type="text/css" media="screen,print" href="Brandon_Davis_files/Brandon_Davis.css" /> <!--[if lt IE 8]><link rel='stylesheet' type='text/css' media='screen,print' href='Brandon_Davis_files/Brandon_DavisIE.css'/><![endif]--> <!--[if gte IE 8]><link rel='stylesheet' type='text/css' media='screen,print' href='Media/IE8.css'/><![endif]--> <style type="text/css"> /*<![CDATA[*/ @import "Scripts/Widgets/HTMLRegion/Paste.css"; /*]]>*/ </style> <script type="text/javascript" src="Scripts/iWebSite.js"></script> <script type="text/javascript" src="Scripts/iWebImage.js"></script> <script type="text/javascript" src="Scripts/iWebMediaGrid.js"></script> <script type="text/javascript" src="Scripts/Widgets/SharedResources/WidgetCommon.js"></script> <script type="text/javascript" src="Scripts/Widgets/HTMLRegion/Paste.js"></script> <script type="text/javascript" src="Brandon_Davis_files/Brandon_Davis.js"></script> </head> <body style="background: rgb(255, 255, 255); margin: 0pt; " onload="onPageLoad();" onunload="onPageUnload();"> <div style="text-align: center; "> <div style="margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; overflow: hidden; position: relative; word-wrap: break-word; background: rgb(255, 255, 255); text-align: left; width: 780px; " id="body_content"> <div style="float: left; margin-left: 0px; position: relative; width: 780px; z-index: 0; " id="nav_layer"> <div style="height: 0px; line-height: 0px; " class="bumper"> </div> <div style="clear: both; height: 0px; line-height: 0px; " class="spacer"> </div> </div> <div style="float: left; height: 0px; line-height: 0px; margin-left: 0px; position: relative; width: 780px; z-index: 10; " id="header_layer"> <div style="height: 0px; line-height: 0px; " class="bumper"> </div> </div> <div style="margin-left: 0px; position: relative; width: 780px; z-index: 5; " id="body_layer"> <div style="height: 0px; line-height: 0px; " class="bumper"> </div> <div id="id1" style="height: 48px; left: 134px; position: absolute; top: 37px; width: 474px; z-index: 1; " class="style_SkipStroke shape-with-text"> <div class="text-content graphic_textbox_layout_style_default_External_474_48" style="padding: 0px; "> <div class="graphic_textbox_layout_style_default"> <p style="padding-bottom: 0pt; padding-top: 0pt; " class="paragraph_style">Bran<span style="line-height: 28px; " class="style">•</span>don Da<span style="line-height: 28px; " class="style">•</span>vis <span style="line-height: 16px; " class="style_1">|bran-d</span><span style="line-height: 15px; " class="style_2">uh-n • ˈdāvis</span><span style="line-height: 16px; " class="style_1">|</span><span style="line-height: 15px; " class="style_2"> </span><span style="line-height: 15px; " class="style_3">noun.</span></p> </div> </div> </div> <div id="id2" style="height: 55px; left: 134px; position: absolute; top: 89px; width: 602px; z-index: 1; " class="style_SkipStroke shape-with-text"> <div class="text-content graphic_textbox_layout_style_default_External_602_55" style="padding: 0px; "> <div class="graphic_textbox_layout_style_default"> <p style="padding-bottom: 0pt; padding-top: 0pt; " class="paragraph_style_1">1. a time traveler—discovering things that most hipsters like.</p> </div> </div> </div> <div style="height: 375px; width: 500px; height: 375px; left: 142px; position: absolute; top: 163px; width: 500px; z-index: 1; " class="tinyText style_SkipStroke_1"> <img src="Brandon_Davis_files/Photo%20on%202010-06-21%20at%2013.28%202.jpg" alt="" style="border: none; height: 375px; width: 500px; " /> </div> <div id="id3" style="height: 259px; left: 140px; position: absolute; top: 579px; width: 530px; z-index: 1; " class="style_SkipStroke shape-with-text"> <div class="text-content graphic_textbox_layout_style_default_External_530_259" style="padding: 0px; "> <div class="graphic_textbox_layout_style_default"> <p style="padding-top: 0pt; " class="paragraph_style_2">About Br4n<br /></p> <p class="paragraph_style_3">The website, Br4n is a small, Seattle-based experiment by Brandon Davis. Here, you can find his adventures through life with many different pictures, art, and media for your inspirational needs.<br /></p> <p class="paragraph_style_3">Besides, somebody has to push some creativity juices into the boring lives of this society.<br /></p> <p class="paragraph_style_3"><br /></p> <p class="paragraph_style_3"><br /></p> <p class="paragraph_style_3"><br /></p> <p class="paragraph_style_2">About Brandon Davis<br /></p> <p style="padding-bottom: 0pt; " class="paragraph_style_3">Brandon Davis is a 19 year old currently living in the greater Seattle area with the important task of figuring out—time traveling equations and what exactly makes hipsters, tick. Also, Brandon seems to have an overly obsessed passion for technology, photography, design, food, travel, and music. When he isn’t busy with all of the above, he is tediously working towards a degree in Design. Some other goals include moving/settling down in the beautiful and weird city of Austin, Texas to attend the next SXSW or better yet, a Radiohead concert. Catch everything that Brandon does by bookmarking this website and hitting the <span class="style_4">Facebook Like</span> or subscribe button below.</p> </div> </div> </div> <div class="com-apple-iweb-widget-HTMLRegion" id="widget0" style="height: 75px; left: 145px; opacity: 1.00; position: absolute; top: 1176px; width: 356px; z-index: 1; "> <script type="text/javascript"><!--//--><![CDATA[//><!-- var widget0_htmlMarkupURL = ".//Brandon_Davis_files/widget0_markup.html"; //--><!]]></script> <div id="widget0-htmlRegion" class="html_region_widget"></div> </div> <script type="text/javascript"><!--//--><![CDATA[//><!-- new Paste('widget0', 'Scripts/Widgets/HTMLRegion', 'Scripts/Widgets/SharedResources', '.', {"emptyLook": false, "dotMacAccount": "brandukes"}); //--><!]]></script> <div id="id4" style="height: 33px; left: 132px; position: absolute; top: 1254px; width: 575px; z-index: 1; " class="style_SkipStroke shape-with-text"> <div class="text-content graphic_textbox_layout_style_default_External_575_33" style="padding: 0px; "> <div class="graphic_textbox_layout_style_default"> <p style="padding-bottom: 0pt; padding-top: 0pt; " class="paragraph_style_4">Br4n © 2011 · Brandon Davis <a class="class1" title="Terms.html" href="Terms.html">Terms</a> ·<span class="style_5"> </span><a class="class2" title="Comments.html" href="Comments.html">Contact</a></p> </div> </div> </div> <div style="height: 23px; width: 21px; height: 23px; left: 116px; position: absolute; top: 700px; width: 21px; z-index: 1; " class="tinyText style_SkipStroke_1"> <img src="Brandon_Davis_files/b.jpg" alt="" style="border: none; height: 23px; width: 21px; " /> </div> <div style="height: 75px; width: 75px; height: 75px; left: 252px; position: absolute; top: 880px; width: 75px; z-index: 1; " class="tinyText style_SkipStroke_1"> <a href="Favorites.html" title="Favorites.html"><img src="Brandon_Davis_files/photogenic.png" alt="" style="border: none; height: 75px; width: 75px; " /></a> </div> <div style="height: 75px; width: 75px; height: 75px; left: 352px; position: absolute; top: 880px; width: 75px; z-index: 1; " class="tinyText style_SkipStroke_1"> <a href="Adventures.html" title="Adventures.html"><img src="Brandon_Davis_files/history.png" alt="" style="border: none; height: 75px; width: 75px; " /></a> </div> <div style="height: 75px; width: 75px; height: 75px; left: 452px; position: absolute; top: 880px; width: 75px; z-index: 1; " class="tinyText style_SkipStroke_1"> <a href="http://www.Facebook.com/Bawls" title="http://www.Facebook.com/Bawls" onclick="window.open(this.href); return false;" onkeypress="window.open(this.href); return false;"><img src="Brandon_Davis_files/supermayor.png" alt="" style="border: none; height: 75px; width: 75px; " /></a> </div> <div style="height: 75px; width: 75px; height: 75px; left: 252px; position: absolute; top: 1006px; width: 75px; z-index: 1; " class="tinyText style_SkipStroke_1"> <a href="http://foodspotting.com/c/wanted" title="http://foodspotting.com/c/wanted" onclick="window.open(this.href); return false;" onkeypress="window.open(this.href); return false;"><img src="Brandon_Davis_files/pizza.png" alt="" style="border: none; height: 75px; width: 75px; " /></a> </div> <div style="height: 75px; width: 75px; height: 75px; left: 352px; position: absolute; top: 1006px; width: 75px; z-index: 1; " class="tinyText style_SkipStroke_1"> <a href="http://last.fm/user/brandukes" title="http://last.fm/user/brandukes" onclick="window.open(this.href); return false;" onkeypress="window.open(this.href); return false;"><img src="Brandon_Davis_files/chicago_blues.png" alt="" style="border: none; height: 75px; width: 75px; " /></a> </div> <div id="id5" style="height: 27px; left: 259px; position: absolute; top: 963px; width: 65px; z-index: 1; " class="style_SkipStroke shape-with-text"> <div class="text-content graphic_textbox_layout_style_default_External_65_27" style="padding: 0px; "> <div class="graphic_textbox_layout_style_default"> <p style="padding-bottom: 0pt; padding-top: 0pt; " class="paragraph_style_5">Favorites</p> </div> </div> </div> <div id="id6" style="height: 25px; left: 351px; position: absolute; top: 963px; width: 84px; z-index: 1; " class="style_SkipStroke shape-with-text"> <div class="text-content graphic_textbox_layout_style_default_External_84_25" style="padding: 0px; "> <div class="graphic_textbox_layout_style_default"> <p style="padding-bottom: 0pt; padding-top: 0pt; " class="paragraph_style_5">Adventures</p> </div> </div> </div> <div id="id7" style="height: 29px; left: 459px; position: absolute; top: 963px; width: 68px; z-index: 1; " class="style_SkipStroke shape-with-text"> <div class="text-content graphic_textbox_layout_style_default_External_68_29" style="padding: 0px; "> <div class="graphic_textbox_layout_style_default"> <p style="padding-bottom: 0pt; padding-top: 0pt; " class="paragraph_style_5">Facebook</p> </div> </div> </div> <div id="id8" style="height: 27px; left: 265px; position: absolute; top: 1089px; width: 58px; z-index: 1; " class="style_SkipStroke shape-with-text"> <div class="text-content graphic_textbox_layout_style_default_External_58_27" style="padding: 0px; "> <div class="graphic_textbox_layout_style_default"> <p style="padding-bottom: 0pt; padding-top: 0pt; " class="paragraph_style_5"> Foods</p> </div> </div> </div> <div id="id9" style="height: 27px; left: 361px; position: absolute; top: 1089px; width: 58px; z-index: 1; " class="style_SkipStroke shape-with-text"> <div class="text-content graphic_textbox_layout_style_default_External_58_27" style="padding: 0px; "> <div class="graphic_textbox_layout_style_default"> <p style="padding-bottom: 0pt; padding-top: 0pt; " class="paragraph_style_5"> Music</p> </div> </div> </div> <div style="height: 75px; width: 75px; height: 75px; left: 452px; position: absolute; top: 1005px; width: 75px; z-index: 1; " class="tinyText style_SkipStroke_1"> <a href="http://blog.br4n.com/rss" title="http://blog.br4n.com/rss" onclick="window.open(this.href); return false;" onkeypress="window.open(this.href); return false;"><img src="Brandon_Davis_files/swarm.png" alt="" style="border: none; height: 75px; width: 75px; " /></a> </div> <div id="id10" style="height: 28px; left: 448px; position: absolute; top: 1090px; width: 89px; z-index: 1; " class="style_SkipStroke shape-with-text"> <div class="text-content graphic_textbox_layout_style_default_External_89_28" style="padding: 0px; "> <div class="graphic_textbox_layout_style_default"> <p style="padding-bottom: 0pt; padding-top: 0pt; " class="paragraph_style_5"> Subscribe</p> </div> </div> </div> <div style="height: 20px; width: 23px; height: 20px; left: 115px; position: absolute; top: 584px; width: 23px; z-index: 1; " class="tinyText style_SkipStroke_1"> <img src="Brandon_Davis_files/b_1.jpg" alt="" style="border: none; height: 20px; width: 23px; " /> </div> <div style="height: 1287px; line-height: 1287px; " class="spacer"> </div> </div> <div style="height: 0px; line-height: 0px; margin-left: 0px; position: relative; width: 780px; z-index: 15; " id="footer_layer"> <div style="height: 0px; line-height: 0px; " class="bumper"> </div> </div> </div> </div> </body> </html> Quote Link to comment Share on other sites More sharing options...
KevinM1 Posted April 17, 2011 Share Posted April 17, 2011 Please place your code within tags. I placed them in your post above because, as Spiderman says, "Everybody gets one." Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.