网页制作实用教程 张淑清2 第一章

《网页制作实用教程 张淑清2 第一章》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计实用教程第一章第1章认识Web站点与Web页本章将介绍网页制作的基础知识（包括浏览器访问服务器网页的过程，万维网、网站、主页、URL、Web浏览器和Web服务器的概念），并且简单介绍HTML语言，最后将介绍可见即所得的网页编辑工具Dreamweaver。其中重点要求了解浏览器访问服务器网页的过程。难点是对客户端/服务器结构的理解第1章认识Web站点与Web页掌握网页制作的基础知识初步认识了解HTML语言熟悉Dreamweaver的工作界面目标要求第1章认识Web站点与Web页开始新内容前的预备知识学习学习关于网页的概念HTML语言入门Dreamweaver2004

2、界面的介绍讲课提纲我们是怎么上网的？打开浏览器，输入网址，访问远端服务器的特定页面;服务器接受请求后找到该页面,并将它传送回浏览器，我们就可以浏览我们想看的内容了。了解一些基本概念万维网:WordWideWeb，简称www网站:一系列相关的网页集合体主页：homepage，网站的首页URL：UniformResourceLocator，统一资源定位符，是一种通用的地址格式网页及其源文件打开网页后，选择浏览器菜单命令“查看

3、源文件”简单HTML语言示例     

4、   Helloworld!! HTML标记说明标记，用以向浏览器说明，包含在该标记中的内容要以网页的形式来显示。标记，该标记间包含的内容是这个HTML文件的文件头，用以说明网页的标题，连接，关键字等信息。标记，包含在这个标记中间的内容会显示为这个网页的标题，该标记是包含在标记中的。标记，包含在标记中的内容会显示在浏览器的工作

5、区，也就是浏览网页所看见的内容，包括文字，图片，表格，表单，多媒体等。学习HTML语言的建议Html的规则很多，初学者可能会觉得很难掌握。其实我们学习时不需要全部掌握它，只要可以看懂各种html标记，会给标记属性赋值就可以了。看懂html代码，不仅可以让我们制作网页时得心应手，还可以借用别人的技术来充实自己的网页。从网页到网站一系列内容相关的网页组织在一起，彼此之间建立联系（比如将一个公司的概况，产品，服务等做成一系列的网页，网页之间通过各种网页元素的链接达到建立联系的目的），这些网页和网页元素合起来就构成了一个网站。我们首先要学会设计网页，然后建立自己的网站。网页制作常

6、用的编辑工具和软件初始的网页编辑工具：记事本、写字板、UltraEdit常见的网页编辑工具：FrontPage最流行的网页编辑工具：DreamweaverDreamweaverMX2004简介Dreamweaver是Macromedia公司的专业的HTML编辑器产品，与其旗下的Flash,Fireworks一起统称为“网页三剑客”，用于对Web站点、Web页和Web应用程序进行设计、编码和开发。当我们双击桌面上的快捷图标，或者通过“开始

7、程序

8、Macromedia

9、MacromediaDreamweaverMX2004”打开Dreamweaver时，即可启动它。Dream

10、weaver的工作界面DreamweaverMX2004工具栏DreamweaverMX2004中，工具栏位于编辑窗口的上方，工具栏共有3行，分别是“插入工具栏”、“文档工具栏”和“标准工具栏”DreamweaverMX2004属性面板当我们在编辑窗口里面选中网页元素的时候，在编辑窗口下方就会出现选中元素的属性面板。属性面板能显示出选中网页元素的各项属性值，我们可以对这些属性值进行修改。选中图像的时候属性面板的内容选中表格后的属性面板DreamweaverMX2004浮动面板组浮动面板大致分为：CSS样式、层、行为、代码片断、数据库、绑定、服务器行为、组件、文件、标签检查

11、器、结果、历史纪录、框架、代码检查器和时间轴等。可以单击面板边缘的小黑三角图标来展开，不需要的时候可以点击小黑三角图标把面板折叠起来。小结本章我们简单介绍了网页制作的基础知识，包括浏览器访问网页的过程，万维网、网站、主页、URL、Web浏览器和Web服务器的概念。静态网页的实质就是HTML文件。制作网页的工具主要有文本编辑工具和所见即所得的可视化编辑工具。Dreamweaver是一种比较优秀、专业的可视化网页设计工具。选择题1.我们用浏览器访问的网页是存储在________中的。A.本机B.Web服务器C.不一定的地方2.UR