网站制作初步.pptVIP

网站制作基础 石家庄二中 吴素杰 网站一般分以下4种类型 展示型 内容型 电子商务型 门户型 展示型网站 内容型网站 电子商务型网站 门户型网站 网页的技术实现 静态网页 动态网页 静态网站 动态网站 浏览网页的工作原理 静态网页 网页的扩展名是htm或html 静态网页使用的语言：HTML（ Hyper Text Markup Language超文本标记语言）用于确定网页内容的显示格式 示例1 要求： 输入 石家庄二中 红色 7号字 代码： font color=#FF0000 size=7 face=宋体石家庄二中/font 示例2 要求 “石家庄二中”链接到 代码： a href=石家庄二中/a 示例3 要求： 插入一张图片 代码： img src=/images/bss.jpg width=207 height=138 [学生活动 一] 用FrontPage编写代码 要求：红色7号字，文字链接到，并查看html代码 动态网页 动态网页，与数据库协作，在服务器端运行。它们会随不同客户、不同时间，向浏览器返回不同的网页。 例如：ASP、PHP、JSP、ASP.net、等。 学生活动：提交个人基本信息 93:8080/student/input.asp 使用动态网页的好处 可以大大降低网站维护的工作量 采用动态网页技术的网站可以实现更多的功能 [学生活动 二] 体验动态网页 （提交信息） 93:8080/student/input.asp 网站的制作流程 1、规划 2、资料收集 3、伪界面设计（首页，各分页面） 4、代码转换 5、编写代码，添加交互 6、测试网页兼容性 7、发布站点 1、规划 进行可行性分析 技术可行性分析 经济可行性分析 功能需求分析 网站功能需求 网站页面总体风格及美工效果 逻辑结构设计等 树型结构 星型结构 2、资料收集 a、跟主题相关的文字图片资料 b、一些优秀的页面风格 c、开放的源代码 3、伪界面设计 伪界面，根据事先规划的结构，在平面软件里设计你想要的最终效果。 首页，各分页面 这一过程中可能需要对版面进行多次调整，优化版面。 4、代码转换 PS能自动生成一些HTML代码，但是他不是很标准，你必须进行代码加工 Dreamweave/FrontPage。 5、编写代码，添加交互 工具软件有FrontPage，Dreamweaver等。 添加相应的交互功能 Js Flash动画 按钮 表单 以及一些与数据库相连接、交互的代码。 6、测试网页兼容性 保证让所有现有的浏览器能比较好的展示你的作品。（IE6/7，Firefox等） 7、发布站点 把站点（包括网页和数据库）发布到服务器。 服务器要支持该动态语言和数据库。 网站的几个标准 易用性 美观性 实用性 安全性 可扩展性 总结 网站的几种类型 网页的技术实现方式 网站的制作流程 好网站的几个标准 * * *