网页设计第一次课.ppt

1.6 优秀网站赏析 1.6 优秀网站赏析 1.6 优秀网站赏析 1.6 优秀网站赏析 3.6 优秀网站赏析 3.6.2 信息类网站赏析 1.6 优秀网站赏析 1.6 优秀网站赏析 3.6 优秀网站赏析 3.6.3 商务类网站赏析 1.6 优秀网站赏析 1.6 优秀网站赏析 3.6 优秀网站赏析 3.6.4 Web2.0网站赏析 3.6 优秀网站赏析 3.6.5 搜索引擎网站赏析 学习方向 网页设计基础(HTML, Dreamweaver, CSS, DIV) JavaScript HTML5 Jsp, PHP, OBJ-C, JAVA, ASP 前端工程师：网站策划、HCI、美工、HTML+CSS+JAVASCRIPT、AJAX, SEO搜索优化 后台工程师：程序员JSP, PHP, ASP… ,数据库管理员 手机网站、游戏开发 课后准备 安装Dreamweaver8，搭建开发环境 组成项目团队（不超过4人），并选出1名负责人 构思网站功能及设计 积累素材（图片，Flash，音频，视频等） 项目说明 两个主题，任选其一 1. 校长有约 基本功能：登陆、发帖、审核、发布、预约、抽奖、统计、问卷、互动等。 2. 课程平台 基本功能：发布、下载课件、视频；作业提交，展示，师生互动等。 要求：构思功能，调研相关网站，设计主要栏目及框架 2.2 静态网页与动态网页 从大的方面讲，网页可分为静态网页和动态网页。通常是从制作技术的角度来区分静态网页和动态网页的，完全采用HTML技术制作的网页称为静态网页；使用HTML、编程语言和数据库共同完成，需要与服务器实时交互的网页称为动态网页。 静态网页的执行过程 动态网页的执行过程 网页开发流程 静态网页 动态网页 photoshop firework flash Dreamweaver （整合各种媒体） 数据库 （SQL Server） ASP/JSP/PHP 网站 浏览器 客户端 2.3 网页尺寸 页面尺寸是网页设计中必须要考虑的一个问题。目前，我国大部分电脑的显示器是17英寸，其分辨率通常为1024×768像素。因此，为避免在浏览网页时需频繁拖动水平滚动条，最好将网页宽度设置为1002像素以内。同时，由于浏览者可以利用浏览器的垂直滚动条快速上下滚动网页，因此对网页的高度没有特别的要求，用户可根据需要设置。 * 三、网页设计与网页文件规划 3.1 定位网站的系统、类别和形象 3.2 网站建立步骤 3.3 网页规划和步骤 3.4 网页制作工具 * 3.1 定位网站的系统、类别和形象——定位网站的系统 在因特网飞速发展的今天，网络技术和与之相应的建立网站、制作网页，已经成为最吸引人的技术。 从网站功能考虑，网站系统可以划分为以下方向： 1．辅助政府部门进行国家管理。 2．为新闻和宣传提供平台。 3．为商业活动提供交易平台。 4．为科研和学术交流服务。 5．没有任何商业目标的公益性网站和个人爱好网 站。 * 3.1 定位网站的系统、类别和形象——定位网站的类别 网站的类别比较繁杂，从信息流转和提供服务的方式出发，可以分为以下几类： 1．门户类网站 2．信息发布类网站 3．电子商务类网站 4．资源服务类网站 5．娱乐游戏类网站 6．远程教育和医疗诊断类网站 * 3.1 定位网站的系统、类别和形象——定位网站的形象 衡量网站建设是否成功，一个重要指标是该站点的访问量，准确的形象定位对于提高网站的点击率至关重要。网站形象是指它主要侧重的内容和功能。 1．人们感兴趣的网站内容通常有： （1）新闻（包括时事新闻、体育新闻、财经新闻、娱乐新闻等）。 （2）求职、招聘、交友、征婚信息。 （3）计算机软件和硬件信息。（4）科教医疗信息。 （5）金融证券信息。（6）商贸信息和各类广告。 （7）休闲、旅行、娱乐信息。 （8）电子书籍和影视。 * 3.1 定位网站的系统、类别和形象——定位网站的形象 2．人们感兴趣的网站功能通常有： （1）搜索引擎和信息查询。 （2）电子邮件和免费电子信箱。 （3）免费个人主页空间。 （4）软件的上传与下载。