辽东学院 第14讲 网站设计.pptVIP

网站设计 网站开发技术 第十四讲 知识回顾 JSP实用组件技术 1、JSP中文件操作 2、JSP与excel表之间交互 3、动态图表组件  第14讲 网站设计 14.1 网站设计基础 14.2 网站开发模式 14.3 B2C网站的分析与设计 14.4 企业网站设计 14.5 人才市场网站设计 14.6 论坛的设计 14.1 网站设计基础 一、网站设计要求 （一）根据用户需求 （二）自主设计 1、目标定位要小、内容要精，主题明确。 2、内容要求新、精、专，内容设计要有组织，及时更新。 3、页面美观、方便访问。 二、网站风格标准 网站风格主要依赖于网页的版式设计、色调处理和图片与文字的组合形式等。 不同类型的网站有不同的风格，不同性质的行业，应体现出不同的网站风格，就像穿着打扮应因人而异一样。 综合型门户网站 包罗万象 搜索引擎网站 简洁明快 C2C电子商务网站 贴近民俗 B2C购物网站 贴近民俗 政府网站 庄重严肃 学校网站 高雅大方 公司网站 风格各异 课程网站 结构严谨 专题网站 活泼生动 三、网站风格设计 网站要根据主题内容决定其风格与形式，因为只有形式与内容的完美统一，才能达到理想的宣传效果。 （一）版面布局 以最适合浏览的方式将信息排放在页面的不同位置。 1、页面尺寸：页面尺寸和显示器大小及分辨率有关，分辨率为800x600像素时页面的显示尺寸为780x428；分辨率为1024X768像素时页面的显示尺寸为1007x600。 2、布局技术：表格、框架布局，层叠样式表的应用。 3、布局原则：主次分明、中心突出，大小搭配、相互呼应，图文并茂、相得益彰。 4、布局步骤：草案，粗略布局，定案。 5、布局的类型：网页版面布局大致可分为“口（同、国）”字型、拐角型（“T”结构布局）、“三”型、对称对比型、标题正文型、框架型、封面型、Flash型等。 （二）形象（CI，corporate identity ）设计 　　 CI设计对网站的宣传推广有事半功倍的效果。 1、网站的名字 符合规范、短小精悍、容易记忆、不易混淆、与公司名称、商标或核心业务相关。 2、设计网站的标志(logo) logo是网站特色和内涵的集中体现，看见logo就让大家联想起你的站点。标志可以是中文，英文字母，可以是符号，图案，可以是动物或者人物等等。 3、设计网站的标准色彩。 标准色彩不应超过3种，用于网站的标志，标题，主菜单和主色块。选择时可选一种色彩、两种色彩和一个色系。 使用色彩时要使用过渡色；背景和前文的对比尽量要大，以便突出主要文字内容。 （三）图片、音乐和文字 1、图片：图文并茂，相得益彰。图片要美观、符合网站内容，数量少，容量小。标题建议使用动画。 2、音乐：除个人网站和flash外慎用。 3、字体：选用默认字体。不要使用超过3种以上的字体，不要用太大或太小的文字， 避免过多使用不停闪烁的文字。 （四）页面设计 1、主次分明，中心突出，导航清晰。 2、规范：图像、文字、注脚等要统一风格，贯穿全站。 3、大小搭配，相互呼应：较长（或较短）的文章或标题、图片要互相错开，保持一定的间隔，使页面错落有致。 4、访问安全快速。 5、页面长度要适中。 6、尽量使用相对超级链接。 7、不要滥用尖端技术。 14.2 网站开发模式 一、JSP开发模式 1、Model1架构模式： 2、Model2架构模式： Model（模型），View（视图）以及Controller（控制器）。 二、servlet 1、 Servlet的创建与应用 用于Web的Servlet扩展javax.servlet.http.HttpServlet处理HTTP请求： package lm; import java.io.*; import javax.servlet.*; import javax.servlet.http.*; public class form_rec extends HttpServlet{ public void init(ServletConfig config) throws ServletException {super.init(config);} public void service(HttpServletRequest request, HttpServletResponse response) throws IOException{ PrintWriter out=response.getWriter(); response.setContentType(text/ht