网页制作知识分享-豆柴文库

您所在位置：网站首页 / 网页制作知识分享.ppt / 文档详情

免费试读已结束，剩余 45 页请下载文档后查看

10 金币

下载文档

/ 50

下载提示

如果您无法下载资料，请参考说明：

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

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

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

文本预览

Dreamweaver网页制作任务描述：本单元将通过一个个人网站的创建，学习网站从规划到建立的流程，自己动手，打造属于自己的站点。任务完成后如下图所示：第一单元创建个人网站任务一规划个人网站3．选择网页制作软件任务总结：
通过完成以上任务，学习了个人网站的规划方法。举一反三：
1．通过互联网浏览网站，总结所浏览网站的主题类型，至少找出企业宣传、软件下载、求职招聘、专业论坛、流行时尚、互动聊天和在线销售类型的网站各一个，记录它们的网站名称填入表JYFS1-1中。2．相同主题类型的网站所包含的栏目不一定完全相同，搜索并浏览网络上的个人网站，看一看它们都包含哪些栏目并进行汇总。作业：
1．为自己设计一个个人网站，至少包含8个栏目，参照课本表1-1画出站点的目录结构。
任务二创建站点自己动手：
1．启动软件Dreamweaver8。
任务总结：
通过完成以本任务，学习了软件的启动方法以及创建网站站点的流程。举一反三：
1．新建一个站点，名称为“pra1-1”，使用“高级”选项卡完成新建过程，保存位置为“D:\pra1-1”，其他参数保持默认即可。2．使用搜索引擎搜索并打开5个不同主题类型的网页，记录并分析它们的URL，将其URL中的协议类型、域名和目录结构等内容填入表JYFS1-2中。作业：
1．新建一个以自己姓名命名的个人站点，该站点使用“ASPJavaScript”服务器技术,暂不设置远程信息与测试服务器，站点保存在“D:\pra1-2”文件夹中。
任务三管理站点自己动手：
1．导出站点。

2．导入站点。
3．复制删除与编辑站点。举一反三：
新建站点“pra1-5”，使用管理站点功能将其导出。将站点导出文件通过网络或移动存储设备拷贝到其他计算机中，使用管理站点功能将其导入。作业：
1．新建站点“pra1-3”，使用管理站点功能复制站点“pra1-3”，编辑复制的站点名称为“pra1-4”，之后删除站点“pra1-3”。
任务四创建网站目录结构自己动手：
1．启动Dreamweaver，打开“幽幽我心的个人网站”。
2．使用文件面板（看不到文件面板怎么办？）创建网站首页：
A.如下页图所示，在文件面板中，选择“幽幽我心的个人网站”右键单击，新建一个网页文件，命名为Index.html。
任务四创建网站目录结构3．在文件面板双击打开首页文件、设置其页面属性如下图所示，在首页文件index.html的页面属性中，设置左边距和上边距为0像素。5．新建首页图像文件夹任务总结：
通过完成以上任务，学习了创建首页、设置页面属性、创建并管理站点目录。举一反三：
依据前面学习的知识与掌握的专业技能，新建一个站点，网站命名为“网页制作”，存放在“D:\dreamweaver”文件夹中，使用“文件”面板新建首页文件“index.html”和首页图像文件夹“images”，在“我的电脑”中查看相应目录的变化。作业：
1．使用"文件"菜单新建"ASPJavaScript"类型的动态页，文件保存为"D:/practice1-1.asp"，使用属性面板修改网页标题为"ASP网页"。
2．新建站点"pra1-7"，使用"文件"面板创建一个网页文件，命名为"practice1-2.html"，选中该文件后使用下拉菜单中的重命名选项，改名为"newpage.html"，同样使用下拉菜单中的选项预览页面后删除该页面。任务五使用代码创建网页<html>
	<head>
	……
	</head>
	<body>
	……
	</body>
</html>2．使用Dreamweaver8“代码”视图创建一个空白网页文件课堂讨论：
分组讨论使用代码创建网页和使用Dreamweaver8创建网页各有什么优缺点。举一反三：
依据前面学习的知识与掌握的专业技能，使用word2003新建一个空白文档，保存时选择文件类型为“网页（*.htm；*.html）”命名为“wordpage.html”，保存在D盘根目录下，完成后使用Dreamweaver8打开该页面，在“代码”视图下查看其自动生成的HTML代码。作业：
1．使用Dreamweaver8新建一个空白文档，将“文档”窗口切换到“拆分”视图，查看“文档”面板的状态。
2．<meta>标签是<head>标签内部包含的一个功能标签，使用网络查找该标签的各种属性及其作。相关知识：3．建立目录结构的一些建议：
A.不要将所有文件都存放在根目录下，会造成文件管理混乱。
B.按栏目内容建立子目录。
C.在每个栏目目录下都建立独立的images目录保存图像资源。
D.目录的层次不要太深，建议不要超过3层。
E.目录使用英文名称，不要使用中文名称。
F.不要使用过长的目录名称。相关知识：2．Dreamweaver8起始页3．创建站点的流程4．URL