免费静态网页模板下载Word格式文档下载.docx

免费静态网页模板下载Word格式文档下载.docx

《免费静态网页模板下载Word格式文档下载.docx》由会员分享，可在线阅读，更多相关《免费静态网页模板下载Word格式文档下载.docx（8页珍藏版）》请在冰豆网上搜索。

　　网页设计报告

　　目录

　　一、网站简介........................................................................................................................1

　　1.1网站介绍........................................................................................11.2制作工具........................................................................................21.3站点介绍........................................................................................31.4文件夹摆放简介............................................................................3二、布局简介........................................................................................................................42.1首页布局........................................................................................42.2个人中心布局工具........................................................................42.3朋友布局........................................................................................52.4作品布局........................................................................................52.5学校布局........................................................................................52.6相册布局.....................................................................................................................6三、网站内容介绍.............................................................................................................8四、制作心得......................................................................................................................11五、参考文献......................................................................................................................12

　　一、网站简介1.1网站介绍

　　我的网站是介绍自己的个人网站，总共15个页面，其中导航上有6个链接，包括首页、个人中心、朋友、作品、学校、相册。

　　首页部分：

介绍了自己的一些简单的资料，其中有一份电子杂志，是平时的时候为了留作纪念做的，很想与老师和同学们分享。

　　个人中心：

关于自己的一些详细的信息，以及在大学的一些变化，里面有两个子网页，通过图片链接进入，包括我的家乡和我的专业；

我的家乡是介绍荆州和荆州公安的一些信息，而专业就是介绍的电子商务方面的一些信息。

　　朋友：

包括三个子网页，介绍我的三个好朋友，李梦雪、陈丽婷和何立芝；

好朋友有很多，只是因为时间原因，没有多余的时间做更多的页面去介绍，在后期的完善过程，会一一加上，因为网站做好不仅仅是因为它是作业、是考试，还是自己在大学的知识的积累和美好的回忆。

　　作品：

运用spay放置了自己的五篇随便，平时很喜欢写随便，一段时间不写，就觉得少了写什么。

当然，还包括自己喜欢的一些作家，很喜欢张小娴，喜欢她的文字，很真实，因此也用了一个页面专门介绍张小娴。

　　学校：

这一部分我仅仅介绍了大学和高中，因为资源有限，没有一些关于小学和初中　　

的照片，也就没办法详细介绍。

相册这页，是花了最多心思去做的一个页面，其中的一个“鼠标经过图片移动”是在平时自学css的时候学到的知识，因为对制造网站有很大的兴趣，所以，在平时有时间的时候，会在网上下载一些视频和资料，用来自学。

　　相册：

包含两个子网页，分别是班级相册和家人相册。

在下面的介绍中，会仔细介绍。

1.2制作工具

　　dreamweaver8.0

　　1.3站点介绍

　　1.4文件夹摆放简介

　　在文件夹20xx10178140刘琴里面分为6个子文件夹，命名如下图所示，为了让读者更快捷的进入我的网站，我将index页放在了外面。

　　二、布局简介

　　我的网站包括15个页面，八种布局，最主要的运用上下、左右布局，再细分。

　　2.1首页布局：

首页布局采用的是左右结构，其中左分为上、中、下三部分，分别添加下拉式、图片链接、日期三部分。

右边是简单的背景加文字组成。

大致布局如图1.1

　　图1.1

　　2.2个人中心布局：

个人中心主要是上下结构，其中上部分包括左中右，下部分包括四块，分别以左上、左下、右上、右下命名，这样的布局在感觉上很复杂，其实很简单，比如下部分的四个块状，它的代码是共同的。

大致布局如图2.1

　　图2.1

　　2.3朋友布局：

朋友部分的布局很简单，简单的上下结构，简单的利用图片的固定位置来构造成上部分的左右结构。

在我的家乡页面简介中，也是运用的相同布局。

其布局如3.1

　　篇二：

静态网页制做指南（学生）

　　综合实例——“宝贝爱网站”制做指南

　　2.1创建站点

　　在编辑网页之前，首先要定义一个站点，以下是高级模式的定义过程：

　　[1]启动dreamweavercs3软件，执行【站点】→【新建站点】菜单命令。

　　[2]在【站点定义为】的对话框中选择“高级”选项卡，点击新建两个文件夹baby（根文件夹）和images（图像文件夹），如下图所示，设置“本地信息”的各个参数。

　　本例的主目录为baby，在信息服务默认站点ec中，“http地址”为http:

//localhost/，其他默认，完成后点“确定”。

因为是静态网页，可以不设测试服务器。

　　[3]将素材文件复制到baby文件夹下（含images文件夹和news.html文件）。

　　2.2制作网页模板

　　为便于理解，我们将网页模板的制作分为4小节，下面来看具体操作。

　　1．新建模板文档

（1）选择【文件】→【新建】菜单，打开【新建文档】对话框。

单击“空模板”，在“模板类型”列表中选择“html模板”，默认“布局”为，最后单击“创建”按钮，如图2-1所示。

　　图2-1

（2）按【ctrl+s】组合键保存文档，弹出图2-2所示提示框，勾选“不再警告我”复选框，之后单击“确定”按钮。

　　图2-2

　　（3）在打开的【另存模板】对话框中，从“站点”下拉列表中选择“宝贝爱”，在“另存为”文本框中输入模板文件名“ml”，最后单击“保存”按钮，如图2-3所示。

　　图2-3

　　（4）按【ctrl+j】组合键，打开【页面属性】对话框。

单击左侧“分类”列表中的“标题／编码”，设置标题为“宝贝爱网站”，其余默认，如图2-4所示。

　　图2-4

　　（5）再次按【ctrl+s】组合键保存文件（*养成习惯）。

　　2．设置模板内容

（1）单击【插入】面板【常用】栏中的“表格”按钮，在页面中插入一个1行2列，宽1000像素，边框粗细、单元格边距和间距均为0的表格，如图2-5所示。

　　图2-5

　　在该表格【属性】面板中，设置“表格id”为“1”（定义为表格1，参见图2-6底部提示标签），“对齐”方式为“居中对齐”，如下图所示：

（2）在表格1（table#1）的左右两个单元格中（用ctrl+鼠标来选择定位，此方式以后会常用到）分别插入图片“in01.gif”和“index_02.gif”，如图2-6所示。

　　图2-6

　　图像选择确定时，弹出【图像标签辅助功能属性】对话柜，在“替换文本”下拉菜单中选择（注：

后续同类情形照此操作，不再另做说明），点击“确定”。

　　（3）在表格1下方插入一个1行2列（可利用【属性】面板上方的“标签选择器”,从中选择，将光标定位在左边，回车），属性与表格1相同的表格（id为2），我们称该表格为表格2（table#2）。

　　在表格2左侧单元格中嵌套一个4行1列，宽255像素的表格，设置嵌套表格的“垂直”对齐方式为“顶端”（鼠标拖动四行全选，否则，显示会错位），如图2-7所示。

　　图2-7

　　（4）在嵌套表格的上面两个单元格中分別插入图片“in_03．gif”和“in_05.gif”，如图2-8所示。

　　图2-8

　　（5）在嵌套表格的第3个单元格的【属性】面板中，设置“index_05.gif”为其背景（点击或拖动到图片），注意：

在代码窗口删除“”字符，如图2-9所示。

　　图2-9

　　（6）将嵌套表格的第3个单元格拆分为2列（方法见鼠标的指示位置）：

　　并在右侧单元格中插入图片“in08．gif”，设置“水平”对齐方式为“右对齐”。

　　篇三：

网站生成静态页面的几种策略

　　[转]网站生成静态页面的几种策略

　　20xx-02-0211:

13

　　网站生成静态页面，及网站数据采集的攻、防原理和策略

　　目前很多人都开始注重动态页面生成html页了，但选择哪种生成html的方法和防采集却不防搜索引擎的问题却经常困扰大家。

解决此问题则是本文产生的原因。

　　首先祥细说一下常用的几种生成html的方法：

　　生成html方法主要步骤只有两个：

　　一、获取要生成的html文件的内容

　　二、将获取的html文件内容保存为html文件

　　我在这里主要说明的只是第一步：

如何获取要生成的html文件的内容：

目前常用获取html文件的内容的方法有几下几种：

　　1、

　　str="

内容"

　　str=strweburl是要获取的动态页地址

　　gethttppage（weburl）是获取动态页内容的函数

　　weburl="

http:

//"

用函数取到动态页地址的内容

　　此方法最大的好处就是不用费力气专门去写静态的模板页面，只是将原来就有的

　　动态页面转换为html静态页面，但生成速度不是太快。

　　我常用的生成html的方法就是第3种：

用xmlhttp获取动态页生成的html内容，再用adodb.stream或者scripting.Filesystemobject保存成html文件。

第二步是生