篇网页制作基础知识.pptVIP

第1篇 网页设计与编辑 第1章 网页设计与制作基础 第2章 Dreamweaver基础 第3章 网页中的文本 第4章 网页元素定位 第5章 网页中的多媒体对象 第6章 模板与库 第7章 动态网页特效 第8章 动态网站 第1篇 第1章 网页设计与制作基础 1.1 网络基础 1.1.1 网络与网页 1.1.2 HTML语言与XHTML语言 1.2 网站建设流程 1.2.1 分析阶段 1.2.2 设计阶段 1.2.3 制作阶段 1.2.4 测试阶段 1.2.5 发布与维护阶段 思考题 1.1 网络基础1.1.1 网络与网页 Internet服务：www服务（网页浏览服务）、电子邮件服务、网上传呼（ICQ传呼）、文件传输、在线聊天、网上购物、网络炒股、联网游戏、虚拟空间等 图1-1 1.1.1 网络与网页 浏览器：是获取www服务的基础，它的基本功能就是显示网页。 统一资源定位符URL（Uniform Resource Locator） 图1-2 1.1.2 HTML语言与XHTML语言 主页（Home Page首页）：是整个网站的起始点和汇总点，是用户开始浏览网站的入口。 HTML（Hyper Text Markup Language ）即超文本标记语言，是用于在网络上发布信息的符号语言。XHTML（Extensible Hyper Text Markup Language）为可扩展超文本标记语言 。 HTML是纯文本文件(ASCII码文件)，可以用任何文本编辑器编辑，如记事本。扩展名为htm（或html）。 1.1.2 HTML语言与XHTML语言 HTML的基本格式： 双标签 标记符 属性1＝属性值 属性2＝属性值 … 受影响的内容 /标记符 单标签（不需要成对标记） br 表示换行， 1.1.2 HTML语言与XHTML语言 【例1-2】在Dreamweaver 8环境下制作例1-1的界面，分析系统生成的XHTML代码 。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head title欢迎/title style type=text/css !-- body,td,th { color: #FFFFFF; } body { background-color: #FF0000; } .STYLE1 { font-family: 仿宋_GB2312; font-size: 14px; font-style: italic; } -- /style/head 1.1.2 HTML语言与XHTML语言 body h1 align=center热烈欢迎新同学br / span class=STYLE12007年9月1日/span/h1 /body /html HTML与XHTML区别 XHTML的主体body部分比HTML简洁得多 页面的首部有不同的文档类型说明!DOCTYPE …。 XHTML的标记和属性名称只能用小写，而HTML代码不区分大小写。 XHTML代码所有的属性值都要用引号引起来，而HTML代码不要求。 XHTML代码的单标签，如: hr、br、img等都要在后面加 /（斜杠前加空格）来结束，如br /，而HTML代码只需写单标签本身br。 1. 2 网站建设流程1.2.1 分析阶段 这一阶段的主要任务是收集、研究用户需求，讨论Web内容，制定计划。 任务 主题 内容 1.2.2 设计阶段 1．站点风格：信息式、画廊式。 2．网络技术： 网络上的运行速度。 浏览器脚本兼容性。会影响某些网页效果不能正常显示。 页面对屏幕分辨率的适应。网页页面的大小应尽量适应流行屏幕的分辨率。随着显示器分辨率的提高，网页设计标准也会提高。 网页是否需要交互操作。在网页中加入JavaScript脚本，或在服务器端提供CGI、ASP或PHP支持。 安装插件。如果网页中使用了flash动画、Shockwave媒体对象、Real视频等，需要相应的插件，应考虑用户获取插件的途径 。 1.2.2 设计阶段 3．规划站点结构及导航方式 规划网站目录结构 目录名及文件名不能过长，也不能用中文。 文件名中可以包含数字或下划线，但不能含“减号”。例如可以写chap_1.htm但不能写chap-1.htm。 主页的文件名应为index.htm或Default.h