第一章 网页设计基础.pptVIP

网页设计与网站管理课程 信息工程系 张婷婷 考评规则-1 本学期网页设计与网站管理课程为考查课，拟采用考试+平时考核的方式打分。考试占50%，平时考核占50%。 平时考核包括：课堂考勤、课堂纪律、作业提交和完成情况、实验完成情况、随堂提问情况、参与课堂活动情况等。 考评规则-2 作业形式包括实验报告、小论文、课后资料收集等多种形式，作业漏交一次扣5分，迟交一次课扣2分，迟交两次课扣4分。作业雷同者扣5分。 课堂考勤采取点名制，旷课一次扣5分，迟到一次扣3分。旷课超过四次，期末成绩记不及格。 考评规则-3 上课期间因纪律不好被记名的同学扣5分。 实验课属于正常的教学活动，考勤制度和上 课一样。实验课结束需按要求提交实验报告，实验报告反映了学生实验的过程和收获，请独立完成，如果发现雷同的实验报告两位同学均扣5分。 考评规则-4 随堂提问是教师检查各位学生学习效果的手段，被提问的同学只要认真思考，答案能有根有据，就可得分，否则扣5分。 课堂活动包括分组讨论、分组辩论等形式，不积极参加活动的同学视情况扣1～5分。 第一章 网页设计基础 信息工程系 张婷婷 1.1 相关概念 1.2 网站建设概述 1.3 常见网页布局 1.4 网页设计与制作概述 1.5 网站赏析 1.1相关概念-1—Internet “互连各个网络”，简称“互联网”，中文译名为“因特网”。 全球范围内最大的、由众多网络相互连接而成的、基于TCP／IP的计算机网络。 提供的服务：www服务、电子邮件服务、文件传输服务（FTP）、远程登录（Telnet）、在线聊天、网上购物等 1.1相关概念-2—WWW World Wide Web 又称WWW、W3、Web，中文名称叫做“全球信息网”。 按“客户机—服务器”模式运行 1.1相关概念-3—网页 网页是www系统中信息的基本单位 网页本身是一个纯文本文件，扩展名为： .htm 或.html 网页也被称为超文本，在web服务器和web浏览器之间传输超文本的协议称为：超文本传输协议（HTTP） 1.1相关概念-4—网站与主页 网站也称站点，主要提供www服务,由许多网页组成的，网页之间用超级链接进行连接 主页是web站点中的一个特殊页面，也被称为首页，是进入一个网站的门户 主页通常有固定的文件名： index.htm或 index.html 1.1相关概念-5—统一资源定位器 统一资源定位器（URL）是Internet上信息资源的定位方法 组成：通信协议名、Web服务器地址、文件在服务器中的路径和文件名 /intl/cn/file1.html 站点中，每个网页都具有唯一的URL 两种类型：绝对URL和相对URL 1.2网站建设概述-1 —网站开发流程 阶段一：确定网页信息、网站的宗旨、使用对象，如学生、上班族……，然后将网站的内容规划成层次式结构，即规划所有网页及各个网页的内容。 阶段二：确定网页编辑软件（DW），配合图片动画软件设计网页背景、标题、按钮、GIF动画…。待网页制作完毕后，测试各个组件(如计数器、Scripts、Java Applets、广告横幅、滚动字幕、动态显示按钮……)能否正确运作。 阶段三：申请网页空间，将网站上传到Internet，然后到诸如网易、Yahoo!、搜狐、首都在线等搜索引擎站点登录您的网站。 阶段四：随时维护与更新网站，留住访客！ 1.2网站建设概述-2—网站目录结构 不要将所有文件都存放在根目录下 按栏目内容建立子目录 在每个主目录下都建立独立的images目录 目录的层次不要太深 1.2网站建设概述-3—网页的设计 网页主题 网页的文字 网页的色彩 （鲜明性 、独特性 、合适性 、联想性 、页面中各处用色的选择 ） 网页版式和布局 1.2网站建设概述-4—版面设计的步骤 1.3 常见网页布局 ——T型结构 1.3 常见网页布局 ——同字结构 1.3 常见网页布局 ——川字结构 1.3 常见网页布局 ——三字结构 1.3 常见网页布局 ——单一结构 1.3 常见网页布局 —— POP布局 POP布局是一种颇具艺术感和时尚感的网页布局方式。页面设计通常以一张精美的海报画面为布局的主体。 1.3 常见网页布局 ——FLASH布局 FLASH布局是指网页页面以一个或多个Flash作为页面主体的布局方式。在这种布局中，大部分甚至整个页面都是Flash。 1.4 网页设计与制作概述 网页制作工具-HTML 超文本标识语言（HTML） HTML（Hypertext Markup Language）是一种专门用于Web页制作的编程语言，用来描述超文本各个部分的内容，告诉浏览器如何显示文本，怎