Ok... Voy a responderte solamente en este hilo y a tratar de darte una idea.
Resumiendo todo lo que dice sobre ambientes asp, incorporacion asp, etc, es simplemente crear una pagina asp que te permita funcionar como un "file manager" (como el que estoy desarrollando jejeje)
En cuanto a usando el control Obout.TreeView que no me parece mucho porque es de pago, pero igual si te lo piden lo usas.
Entonces empecemos:
Suponiendo que los archivos ya los tienes en almacenados en la base de datos (que es lo te estan pidiendo)
Creamos una pagina asp y en su código colocamos
<%@ Import Namespace="obout_ASPTreeView_2_NET" %>
<%@ Import Namespace="System.Data" %>
<%@ Import Namespace="System.Data.OleDb" %>
Esto para poder registrar el control tree view de obout, que porcierto debes descargartelo
Luego colocamos lo siguiente para poder obtener los datos de la base de datos (claro que ahi que modificar los datos dependiendo de tu conexion, tu consulta, etc)
<SCRIPT LANGUAGE="vb" Runat="server">
Sub Page_Load()
Dim sParentID as String
Dim sConnectionString As String
Dim oReader as OleDbDataReader
Dim oTree As New obout_ASPTreeView_2_NET.Tree()
oTree.FolderStyle = "tree2/style/Classic"
oTree.AddRootNode("Hello, I am Root node!", True)
sConnectionString = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" & Server.MapPath("../App_Data/DEMO.mdb")
Dim Cn as OleDbConnection = new OleDbConnection(sConnectionString)
Dim SQL as String = "SELECT * FROM tree ORDER BY parent, id"
Dim Com as OleDbCommand = new OleDBCommand(SQL,Cn)
Cn.Open
oReader = Com.ExecuteReader()
' Populate TreeView in one loop.
Do While oReader.Read()
If oReader("PARENT") is DBNull.Value Then
sParentID = "root"
Else
sParentID = "id" & oReader("PARENT") ' ID should start with character if you use fast Interop dll.
End If
oTree.Add(sParentID, "id" & oReader("ID"), oReader("HTML"), oReader("EXPANDED"), oReader("ICON"))
Loop
TreeView.Text = oTree.HTML()
oTree = Nothing
oReader.Close
Cn.Close
End Sub
</script>
Para insertar la css, debes crear la css y luego en la pagina asp en el head colocar
<link href="tucss" type="text/css" rel="stylesheet" />
Para aplicar el estilo css a un control (x ejemplo esto es a un label) seria asi (mira el cssclass=tu clase css)
<asp:Label ID="Label2" runat="server" Font-Names="Verdana" ForeColor="WhiteSmoke"
Text="Programador: J. Ulloa." CssClass="style3"></asp:Label></td>
La css podria ser asi
/* for div where treeview is placed */
div.ob_tree {
/*background-color:#f9f9f9;
background-image: url('/images/sky.gif'); */
overflow:auto;
/*border:1px solid #999999;*/
}
/* for node text */
td.ob_t2 {
FONT: 8pt Tahoma;
vertical-align:middle;
border: 1px solid #ffffff;
background-color: transparent;
padding-left:2px;
padding-right:2px;
}
/* for selected node text highlighted/selected */
td.ob_t3 {
font: 8pt Tahoma;
vertical-align:middle;
border:1px solid #6699cc;
background-color:#ccddee;
padding-left:2px;
padding-right:2px;
}
/* for node when edited */
input.ob_t3 {
font: 8pt Tahoma;
}
/* links in all nodes */
td.ob_t2 A {
color: #3366cc;
}
/* link in selected node */
td.ob_t3 A {
color: crimson;
}
/* for icons */
td.ob_t4 {
vertical-align:top;
}
/* for icons */
div.ob_d4 {
width: 19px;
font: 6pt Tahoma;
}
/* for children */
td.ob_t5 {
width:100%;
}
/* for vertical lines (indent) */
div.ob_d5 {
width:18px;
font: 5px Verdana;
}
td.ob_t5v
{
background-image: url(vertical.gif);
}
/* for plus-minus images */
td.ob_t6 {
width:16px;
vertical-align:top;
}
/* for plus-minus images */
td.ob_t6v {
width:16px;
vertical-align:top;
background-image: url(vertical.gif);
}
/* for plus-minus images of the root node*/
td.ob_t8{
width:16px;
vertical-align:top;
}
/* for message "Loading ..." */
td.ob_t7 {
FONT:8pt Tahoma;
background-color:#ffffff;
border:1px solid #666666;
color:#666666;
width:80px;
text-align:center;
padding-left:20px;
}
/* for links */
A.ob_a2 {
FONT: 8pt Tahoma;
COLOR: #0000cd;
TEXT-DECORATION: none;
}
.ob_t2c
{
border-collapse: separate;
border-spacing: 0px;
}
.ob_t2b
{
border-collapse: separate;
border-spacing: 0px;
}
.ob_t2g
{
border-collapse: separate;
border-spacing: 0px;
}
.ob_t2g td
{
padding:0px;
}
.ob_t2b td
{
padding:0px;
}
.ob_t2c td
{
padding:0px;
}
Espero haberte orientado un poco