预览加载中，请您耐心等待几秒...

动态网页设计制作课件(asp).ppt

预览
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设定页面属性