做网站时怎么弄界面最好？在线等！

<head>
    <title>网上购物商城</title>
    <link href="/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="Form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <div class="MainDiv">
            <div id="TopImage">
            </div>
            <div id="Menu" style="text-align: right">
                <a href="/default.aspx">商城首页</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="/pages/regcustomer.aspx">个人资料</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a
                    href="/pages/shoppingcart.aspx">购物车</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="/pages/ordersinfo.aspx">订单信息</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a
                        href="/help.aspx">使用帮助</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="/logout.aspx">注销</a>&nbsp;</div>
            <div>
                <table border="0" cellpadding="0" cellspacing="0" width="778">
                    <tr>
                        <td style="border: 1px; border-left-style: solid; border-left-color: #CACDD2; border-right-style: solid;
                            border-right-color: #CACDD2; width: 10px">
                            &nbsp;</td>
                        <td style="background-color: #ECECEC; height: 200px; width: 190px" valign="top">
                            <table cellpadding="0" cellspacing="0" style="border: 0px; width: 190px">
                                <tr>
                                    <td align="center" style="height: 200px; background-image: url(/images/bg11.jpg)">
                                        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                                            <ContentTemplate>
                                                <table border="0" cellpadding="0" cellspacing="0" style="margin-top: 20px; width: 90%">
                                                    <% if (!success) {%>
                                                    <tr>
                                                        <td style="height: 30px; width: 80px">
                                                            用户名：</td>
                                                        <td>
                                                            <asp:TextBox ID="TextBoxUserName" runat="server" Style="width: 100px;"></asp:TextBox></td>
                                                    </tr>
                                                    <tr>
                                                        <td style="height: 30px;">
                                                            密 码：</td>
                                                        <td>
                                                            <asp:TextBox ID="TextBoxPassword" runat="server" Style="width: 100px;" TextMode="password"></asp:TextBox>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td align="center" colspan="2" style="height: 30px">
                                                            <asp:ImageButton ID="ImageButtonLogin" runat="server" CausesValidation="false" Height="19"
                                                                ImageUrl="/images/btn1.gif" OnClick="ImageButtonLogin_Click" Width="46" />&nbsp;&nbsp;&nbsp;&nbsp;<a
                                                                    href="/pages/regCustomer.aspx?Tag=0"><img alt="注册" height="19" src="/images/zc.gif"
                                                                        width="46" /></a></td>
                                                    </tr>
                                                    <tr>
                                                        <td align="center" colspan="2" style="height: 30px">
                                                            <a href="/pages/FindPwd.aspx">忘记密码</a></td>
                                                    </tr>
                                                    <%} else{ %>
                                                    <tr>
                                                        <td colspan="2" style="height: 30px; text-align:left">
                                                            <%=strCustomerID%>
                                                            ，欢迎您光临！<br />
                                                            我是店小二Lansine，我非常感谢您能光临本店，我将以最优质的产品和公道的价格，竭诚为您服务！最后祝您购物愉快！</td>
                                                    </tr>
                                                    <%} %>
                                                </table>
                                            </ContentTemplate>
                                            <Triggers>
                                                <asp:AsyncPostBackTrigger ControlID="ImageButtonLogin" EventName="Click" />
                                            </Triggers>
                                        </asp:UpdatePanel>
                                    </td>
                                </tr>
                                <tr>
                                    <td align="center" style="background-color: #ECECEC">
                                        <table border="0" cellpadding="0" cellspacing="0" width="169">
                                            <tr>
                                                <td align="center" colspan="2" style="height: 50px">
                                                    <img alt="销售排行" height="26" src="/images/tab_011.jpg" width="169" /></td>
                                            </tr>
                                            <%=strPopGoodsList%>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </td>
                        <td align="center" style="border: 1px; border-left-style: solid; border-left-color: #CACDD2;
                            border-right-style: solid; border-right-color: #CACDD2; width: 566px;" valign="top">
                            <div class="lineImage ">
                            </div>
                            <div class="ContentDiv">
                                <div class="wsgwImage">
                                </div>
                                <div>
                                    <asp:ContentPlaceHolder ID="ContentPlaceHolderMain" runat="server">
                                    </asp:ContentPlaceHolder>
                                </div>
                            </div>
                            &nbsp;</td>
                    </tr>
                </table>
            </div>
            <div id="BottomImage">
            </div>
            <div style="text-align: center; width: 100%; height: 80px; clear: left; float: left;">
                <a href="/pages/managelogin.aspx" target="_blank">管理入口</a><br />
                CopyRight &copy; 2005-2007 LANSINE All Right Reserved.<br />
                LANSINE网上商城. 版权所有 E-mail:[email protected]
            </div>
        </div>
    </form>
</body>上面是我做的一个模板页，如果在界面里拖控件很麻烦弄出来吧？
界面一般是手写html代码么？那怎么知道界面布局呀？有什么好的方法么？
谢谢给出好的意见！

解决方案 »

  1.   

    除非你对html相当精通，想画什么样的表格，脑子里都有蓝图，然后用记事本就可以写出来要不然，最好用DW设计出来，对于重用性强的地方提取出来，做成控件。
      

  2.   

    1.用flash做个吧!
    2.当然用上script+css也好看的.
    vs在界面上设计能力很差的.
      

  3.   

    那做C#.NET网站的程序员一般怎么弄界面呀？那自带的界面设计功能就貌似不经常用么？
      

  4.   

    先学一下最基础的东西吧。
    什么是html？
      

  5.   

    顶，，我都直接在源码里写，，写多了就很快了，特别DIV+CSS
      

  6.   

    例如做.NET网站 先在 Adobe Dreamweaver CS4 里面建立.net站点。 做好页面，再转入VS做后台。
    Dreamweaver CS4 是 Dreamweaver 8的升级版 引入了很多代码提示功能， 很多JS的代码不需要自己去记了。
    所以打的很爽。 VS里面好像没这些功能！！ 
      

  7.   

    楼主的html代码是在IDE环境中拖html控件拖出来的(table布局, 行内样式)，这种界面仅用于自己练练手或是小型站点, 已经是淘汰的做法了。做网站时怎么弄界面最好？当然是专业前端工程师做好，然后用 Repeater 绑数据就行了。html界面的发展方向是: 结构(xhtml) 与 样式(css) 分离    前端工程师给出结构，并负责写页面样式, 后端程序员负责在界面上绑数据。
      

  8.   

    请问你有该网站的完整代码么？有的话能不能发我一份？[email protected]