预览加载中,请您耐心等待几秒...
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲,该文档总共48页,到这已经超出免费预览范围,如果喜欢就直接下载吧~

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

网页制作与开发第1章网页制作基础1.1网页制作基础知识 1.2网页制作的基本步骤 1.3HTML 1.4Dreamweaver的操作环境 1.5建立本地站点 1.6创建文档 1.1网页制作基础知识1.1.1网页的分类静态网页:此种网页文件里无程序代码,只有HTML标记,网页的扩展名一般是.htm或.html。静态网页一经制成,显示时内容不会再变化,不管何时何人访问,显示的都是相同的内容。如果要修改内容,则必须修改源文件,然后重新上传到服务器上。 动态网页:该网页文件不仅含有HTML标记,而且含有程序代码,这种网页的扩展名一般根据不同的程序设计语言而不同,如ASP文件的扩展名为.asp,JSP文件的扩展名为.jsp等。动态网页能根据不同的时间,不同的来访者而显示不同的内容。1.1.2网页制作中的基本概念2.超链接3.URL4.HTML5.上传与下载6.IP地址7.域名8.网站1.2网页制作的基本步骤1.3HTML1.3.1HTML标签符的基本格式例如,HTML文件中的“<b>”和“</b>”标签符用来定义HTML文件中的文字为粗体字。例: “<b>Hello,World!</b>” 在浏览器中将显示出粗体字 “Hello,World!”。 1.3.2简单的HTML文件【例1-1】最简单的HTML文件 <html> <head> <title>这是测试文件</title> </head> <body> HTML文件的内容...... </body> </html>此文件中有以下4对标签。 1.HTML标签 “<html>”标签放在HTML文件的开头,告诉浏览器,这个文件是HTML文件。而在文件的结尾,是“</html>”结束标签。2.文件头标签3.文件标题标签4.文件体标签1.3.3进一步认识标签【例1-2】“标题”标签示例 <html> <head><title>测试文件</title> </head> <body> <h1>这是H1标题字</h1> <h2>这是H2标题字</h2> <h3>这是H3标题字</h3> <h4>这是H4标题字</h4> <h5>这是H5标题字</h5> <h6>这是H6标题字</h6> </body> </html> 2.“对齐”属性 每个属性都可以设置一个“属性值”,例如“align”属性可以有3种属性值:“left”(左对齐)、“center”(居中对齐)或者“right”(右对齐)。 例如, <h3align=left>欢迎使用HTML</h3> <h3align=center>欢迎使用HTML</h3> <h3align=right>欢迎使用HTML</h3> 1.4Dreamweaver的操作环境简介图1.11Dreamweaver8的主界面1.4.1文档窗口1.4.2“插入”工具栏1.4.3“属性”面板图1-13文字对象的“属性”面板1.4.4其他面板和工具条1.5建立本地站点在Dreamweaver主界面上选择菜单“站点→管理站点”命令,这时会出现“管理站点”对话框,如图1-16所示,单击“新建”按钮,再选择“站点”命令,打开“站点定义”对话框,如图1-17所示。在站点定义对话框中选择“基本”选项卡,在“您打算为您的站点起什么名字?”下面的输入框中输入给网站所起的名字。 图1-16管理站点图1-17“网站定义”对话框依次设定:是否要使用服务器端的技术,在开发期间如何操作文件,计算机与服务器的连接方式等直至完成所有设置。 站点的定义也可采用目录式的设置方法,只需在站点定义对话框中选择“高级”选项卡进行设置即可。1.6创建、打开和保存文档1.6.1创建新的空白文档图1-26创建新文档1.6.2打开现有文档1.6.3保存文档 除创建空白文档外,Dreamweaver还可采用模板来创建新文档。在Dreamweaver中可以把制作好的一个页面另存为模板,再使用这个模板来生成新的文档,并且可以设定模板中的一部分为可编辑区域,从而实现了将内容从设计方案中分离出来。同时,如果修改了模板,Dreamweaver可以自动把所有使用该模板创建的文档进行相应的修改。1.6.5设置页面属性图1-30设定页面属性