网站建设

授课人：刘向荣 Email：ronaldoyun@163.com 任务5讲义-网站建设 一个企业自助网站的建设。（打开主页观看效果） 知识点： 网站建设是一个系统工程，需要不同专业人员配合完成； 具体流程： 网站主规划、栏目策划、内容整理、风格、网页制作、程序开发。 建站前策划： 1． 网站规划，定义网站主题。（这个网站是做什么的？目的是什么？） 例如：宣传类，个人兴趣类，博客类，销售类等 企业自助网站属宣传销售类，以网站建设、平面设计为主的服务性网站。宣传介绍为主的目的，为浏览者提供服务。 2． 确定栏目和板块 1) 网站建设：价格体系、合作流程、网站功能模块、成功案例； 2) 平面设计：价格体系、成功案例； 3) 技术支持：技术合作、技术参考、软件下载、网络维护； 4) 办公设备：个人电脑设备、电脑外围设备； 5) 休闲娱乐； 6) 留言板； 3． 准备素材，如网站图片、颜色效果、网站logo、banner广告、flash文件，各级栏目的文字内容等。 4． 网站布局与色彩风格。 制作过程： 一、定义站点。 新建文件夹，命名：web。将相关素材放入该文件夹，如images文件夹，flash文件。 在dw建立站点，选中高级设置： 二、制作首页。 1． 在文件夹下创建主页index， 设置页面属性，外观设置如下： 标题编码设置： 2． 插入表格布局 选中表格，表格设置 合并左侧两个单元格，左边一列宽138，顶部对齐，插入图片logo-new.gif。 右边第一行单元格，插入2行1列表格宽100%%，插入top-new.gif，设顶部对齐。 第二行设居中对齐，插入banner.swf作为banner广告。 网站logo下面输入：[企业自助网] 首页顶部设置完成。 练习。。。 3． 网页下面内容分成左右两块，左边放导航栏，右边是网页主体内容。 Banner下面插入1行2列宽778表格，居中，右侧单元格宽214，背景色设#E6E6E6 左侧单元格插入1行7列宽100%表格，第二单元格插入“鼠标经过图”，设置如下 其它5个单元格同样的设置。 栏目导航栏下面插入1行2列表格，边框1。 4． 左侧单元格拆分4行，第一行颜色设 #bf0707 各单元格编辑的内容略（用回车或者简单文字代替） 5． 右侧宽设214，顶端靠左对齐，分上下两部分，插入2行1列表格。 第一行插入right-1.gif图片，下面输入文字内容。 我们的服务理念： 　　在信息化发展的今天，我们为企业提供了网站建设、平面设计、技术支持、设备采购、企业宣传等整套服务，而我们的价格只相当于企业自己做所需要的成本，这样减少了企业在这几方面不必要投入的人力、物力，却能够得到您想要达到的效果。何不来尝试一下呢？希望我们能长期为您提供服务！ 下面插入图片right-2.gif，插入两个表格输入内容。（略） 6． 网页下面插入表格放置页脚信息。 高45，输入以下文字，文字白色： XXX　版权所有 E-mail:ronaldoyunronaldoyun@163.com 首页完成，观察效果。 练习。。。 三、制作网站二级模板 Tip：完成网站首页等于完成网站三分之一的工作量，二级页面和内容可以套用模板的方式生成网页。 现在做一个二级模板，由于网页结构与首页相同，只需在个别部分作修改。 1． 将已经完成的index另存为模板网页，文件-另存为模板。 更新链接。 2． 将与主页相关的内容删除，即删去网页中间主体内容部分，保留头尾内容。 栏目前面插入图片home.gif，并链接到首页。 更换网站建设的图片，插入web.gif图片 把中间内容表格第一行红色背景设为与改图片的一样色#67a343，输入以下内容 价格体系 | 合作流程 | 网站功能模块 | 成功案例 3． 右侧的编辑与主页基本一样。可以复制过来再修改。 4． 在栏目菜单下，顶部靠左对齐，插入2行1列，宽100%的表格。 第一行插入图片webdesign.gif 第二行，新建，模板-可编辑区域 模板编辑完成，根据不同的二级页面再编辑。 注：muban.dwt模板，是网站建设这级菜单的模板。 5． 同样，自行创建其它二级菜单栏目页面的模板。 在muban.dwt模板基础上，另存为muban2.dwt模板作为“技术支持”二级网页的模板。 四、用模板创建网页 1． 文件-新建，利用muban模板创建网页。保存为wangzhan.html，到网站下。 Tip：当模板改变更新页面一定要选。 2． 可见除了内容区域外，其它部分不可以编辑。根据内容编辑页面。 Tip：该模板是其中“网站建设”二级网页的模板，其它二级网页需要再创建其它模板。 3． 同样方法，利用“技术支持”的模板，创建其二级页面jishu.html。（略） 4． 在首页创建相关页面的链接，和修改模板页面的链接。 浏览器调试网站效果。 练习。。。 5．用创建新模板方法来创建三级页面。 五、测试和发布网站。 1． 查看站点地图。打开在文件面板的展开站点 找到打开站点地图查看 网站地图可以查看各链接之间关系。 Tip：检查站内链接的情况，如有错误文件名会显示红色。 2． 上传站点。 选中菜单-站点-管理站点，找到站点定义信息，转到远程信息，选中ftp。 ftp：文件传输协议，在网上申请网络空间，把网上上传到该空间，就可以让浏览者访问。 六、网站宣传推广及维护。 1． 网站宣传：让浏览者能够更容易找到你的网站的方法。 友情链接、搜索引擎排名、网络广告投放、邮件广告、bbs宣传、活动宣传、户外广告或者传单等。 如：注册百度搜索引擎：http://www.baidu.com/search/url_submit.html 注册谷歌搜索引擎：http://www.google.com/addurl/?hl=zh-CN&continue=/addurl 2． 网站定期维护。 内容一层不变的网站不是好网站，而且网站内容不更新，也会影响搜索引擎的排名，浏览器也不会经常访问。因此，网站完成后，应该定时更新维护相关的内容。 一般html静态网站，更新网页内容需要更改网页的代码，甚至涉及网页结构内容，非常麻烦。根本原因是html网站的内容数据，没有保持到数据库，而且html不能与数据库进行相关的操作。另外，html网页不能与浏览者进行交互，不符合web2.0的发展。 为了让网站内容方便更新，为了让网站与浏览者更好地交互，要学习动态网页的开发技术，如ASP、JSP或者PHP。 PAGE 1