When comparing Photoshop and InDesign as web design tools, we have to think back to their history. InDesign was originally created as a competing product for Quark and was meant to offer same multi-page layout and type controls. Over time, it expanded into providing web-friendly HTML and CSS export, leveraging Adobe’s expertise in other web-centric products. Photoshop from the very beginning was an image editing software, even as it added typography, vector objects and web-friendly color space and export. So, we have a layout software and an image editing software and thus the dilemma of comparing apples to oranges in deciding which one is the best tool for web design.
InDesign expedites creative phase by allowing to quickly create a full set of page mockups based on approved master layout. It is also tempting to generate HTML and CSS directly from InDesign, but the resulting code is neither optimized nor cross-browser reliable. Even various standalone applications attempting to generate HTML from .indd pretty much fall flat on their face. Any code cleanup on auto generated files requires lots of manual work by web developers, so in effect time saved in creative phase is shifted to development phase with overall zero net gain. Photoshop, on the other hand, requires more time in creative stage but is a breeze in web development stage when compared to fixing InDesign-generated code.