网站设计一般步骤
1. 设计准备
（1） 确定网站主题、风格
（2） 准备素材
1） 文字：下载或自己输入。
2） 图片：包括静态和动态的图片，可以从别处拷贝再自己处理一下，或者自己制作。
3） 链接资源的网址
（3） 选择设计工具
网页设计"三剑客"
2. 总体设计
（1） 建立站点名称和主文件夹、子文件夹。
（2） 总体布局：应用框架和导航条来组织各部分内容。
（3） 页面布局：用表格和层来定位图片、文字、链接。
（4） 逻辑结构：明确各页面之间的上、下级关系，建立不同的文件夹来存放各类文件。
（5） 链接关系：根据各页面之间的逻辑关系来建立链接，可以通过文字或图片来实现。
3. 详细设计
(1) 建立框架(或用包含文件的形式组成整体页面)
      给各部分起好名字，保存时要注意各框架页的文件名（容易出错！！，可以先试试，关系正确后再开始正式设计，输入各种内容）。
(2) 设置各页面基本属性
      可以设置页面背景颜、背景图片、各类文字颜、背景音乐等。还可以通过添加代码来定义页面其它属性，设定样式单等。
      在Dreamweaver中是从"修改"菜单中选择"页面属性…"命令来设计页面属性的。其它代码是从代码窗口中，将所需要的代码加在<head></head>或<body></bpdy>标记之间.
(3) 输入内容
1） 插入图片：从"插入"菜单中选择"图象"，选择所需要的图片，注意：最好在准备阶段就把图片复制到自己的相应文件夹中。插入图象之前，可以利用图片处理软件预先处理好，也可以插入后再修改，系统会自动更新图片。
2） 输入文字并编排格式：通过工具栏可以象Word一样设计所需要的文字效果。
3） 插入表格：表格之中不但可以输入各种文字，也可以插入图片。注意设置表格的各种属性，如：表格及单元格的尺寸、颜（背景、前景）、边框、对齐方式等。
4） 建立链接：链接时注意选好"目标"，以便链接的内容能够在所希望的那个位置显示出来。(链接的种类：exmple\use_links.htm)
(4) 调整布局
    可以通过插入表格(将边框宽度设置为0，就看不到表格的外形了)、层来将各部分内容放在所需要的合适位置。想多输入空格是按Ctrl+Shift+空格键（在代码中看到的是： ，浏览时才看到效果），也可以通过<blockquote></blockquote>来缩进。
(5) 页面特效的设计
      参考有关书籍，根据需要添加代码。不会写时可以直接从网上复制各种代码，通过代码窗口，粘贴到自己页面相应的位置，注意是加在<head>部分还是<body>部分，如果位置粘错了，一般是达不到预期效果的。
图片特效大多是用JavaScript写的Java Applet（Java小程序），如：飘雪、水面倒影、光照效果、扭曲、波纹等。  文字特效大多也是用JavaScript写的，如滑动文字、旋转文字。
    页面需要显示的其它特殊内容，也基本都是用JavaScript编写的程序段，如：插入系统日期、提示问候，对输入内容的检查、提示等。
(6) 高级应用
      可以用ASP、JSP、PHP来操作Web数据库：先设计好后台数据库，然后在页面中写代码对数据库进行各项操作，实现动态网页。
5. 全面测试
    主要测试页面的浏览效果和链接是否通畅，发现问题及时更正。目前主流的浏览器是IE6
或IE5，屏幕区域一般设为800x600和1024 x768。
网站建立6. 网上发布
（1） 先从某个站点申请到主页空间，申请空间时会得到：主机IP地址、用户名和密码。或自备服务器，用Serv_U建立FTP帐户。
（2） 利用上传工具将所有文件上载到网上，上传时必须填写主机IP地址、用户名和密码。
✧ 可以专门的工具，如CuteFTP；
✧ 也可以通过Dreamweaver 或FrontPage自带的上传功能自动将站点文件上传到服务器上
✧ 还可以直接利用网站提供的上传工具。
（3）将网址发布出去，以便大家访问。
7. 日常维护
网页需要经常更新才有生命力，所以要进行日常维护，同时做好宣传，不断扩大其影响，吸引更多的人来访问。
8.滚动字幕
Html\滚动字模.htm

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。