《网页设计》实验报告

Posted 2023-03-14

实验题目：设计一个个人网站，
主题不限，内容必须合法、健康、实用。具体要求和注意事项如下：

1、独立完成站点设计，不能合作，不能从网上下载网页直接上交。可以模仿某个网站的设计风格，但不允许原样照搬。
2、站点设计合理、管理有序、无多余文件和文件夹、大小合适。首页命名要规范，存放位置要正确，不可以是zhuye.htm、main.htm、我的主页.htm等名称。主页文件名应该使用index.htm或default.htm等。其他文件或文件名命名也要规范，不使用汉字或带有空格的名称。
3、站点至少要有三层结构，页面数不得少于5页。站点组织参考如下结构图：
4、（可选做）利用ACCESS数据库创建简单的数据库及表，并建立与之关联的动态网页（使用的服务器端动态网页技术不限），实现一个简单的留言板。留言板在站点中的位置如上图所示。
5、站点首页要求有联系方式和版权声明。
6、各页面设计合理、美观，有创意。网页内容的表现形式尽量丰富，除了必要的文字叙述，应综合应用插图、播放音频、视频和动画等手段来突出站点主题。不要随意拼凑各种网页元素，不要在网页中插入与主题不相干的信息。
7、各网页应包含适合于站点主题的LOGO，首页的LOGO必须和其他页面的LOGO有区别。
8、各个网页之间应有链接可达，保证用户通过访问首页即可浏览站点全貌。链接要设置得合理有效，链接地址使用文件相对路径。
9、合理使用CSS样式。不要在各个页面上重复定义相同的CSS样式，应将多个页面共用的CSS样式定义到外部样式表文件中，在各个页面中通过link标签来实现链接。
10、合理使用javascript脚本。如果多个页面需要使用相同的JavaScript脚本，应将这些脚本定义在后缀名为.js的文件中，在各个页面中通过“<script src= "js文件的相对路径及名称"></script>”来引用。
11、页面中使用的图片、音频、视频和动画应确保能正常显示和播放，并控制它们的大小，保证页面易于浏览观看。
12、网页源代码结构清晰，无垃圾代码。
13、整个站点设计完成后，填写电子版的实验报告，并将站点文件夹（放置所有与站点相关文档的文件夹）和电子版的实验报告一起复制给老师。

站点组织结构说明：

站点层次结构及网页间链接关系说明

站点主要网页功能说明：

每个网页功能说明

留言板功能说明：（可选做）

利用ACCESS创建数据库及表的说明
动态网页的留言功能说明

实验结果：

站点运行状况的文字及图片说明

实验环境：

所使用的软硬件环境
做完请发往我的邮箱[e-mail]
一经采纳可以提高分数 想要多少分都可以（500分以内）
谢谢啦~各位大侠

1、
设计由多个网页组成的小型网站，自选主题，要求积极、健康，不得从网络上下载；
2、
构建本地站点，创建站点目录；
3、
站点目录中各种文件分类存放，文件命名
科学
，网站不少于10个页面；
4、
整个网站内容大小不超过20M；
5、
网页版面采用表格布局；
6、
网页中引入CSS
样式表
技术。
7、
超级链接的都可正确点通；
8、
网页中需添加如
动画
、
音频
、视频等多媒体元素；
9、
栏目设计合理，页面
文字
充实，图文并茂。
10、
使用动态页面效果，如
时间轴动画
、弹出信息、弹出菜单等；
11、
可根据个人能力和兴趣使用数据库，ASP，JSP，php等网页技术。
实验报告
应包涵以下几个部分：
1、实验说明：说明网战在设计所应用的技术，站点下各目录、各文件；素材的收集途径等；
2、实验步骤：详细阐述网页设计整体
流程
和其中各个环节的操作步骤；
3、实验心得。 参考技术A 这是我为第一个网页所写的博文http://blog.sina.com.cn/s/blog_5f464f000100d9qc.html
如果您感觉可以的话，我可以提供原网页给你本回答被提问者采纳 参考技术B 建议用word做然后另存为html
网页设计还是很简单很容易上手的

网页制作div+css实验报告

DIV+CSS是网站标准（或称“WEB标准”）中常用术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。SEO是指搜索引擎优化，主要就是通过对网站的结构、标签、排版,关键字等各方面的优化，使搜索引擎更容易抓取网站的内容，并且让网站的各个网页在等搜索引擎中获得较高的评分，从而获得较好的排名。DIV+CSS网页布局对SEO有很重要的影响。具体来看到底有什么好处呢?
DIV+CSS的网页布局对SEO的好处一、不存在表格的嵌套问题
很多“网站如何推广”的文章中称，搜索引擎一般不抓取三层以上的表格嵌套，这一点一直没有得到搜索引擎相关的官方证实。我的几项实验结果没有完全出来，但根据目前掌握的情况来看，Spider爬行Table布局的页面，遇到多层表格嵌套时，会跳过嵌套的内容或直接放弃整个页面。
使用Table布局，为了达到一定的视觉效果，不得不套用多个表格。如果嵌套的表格中是核心内容，蜘蛛(Spider)爬行时跳过了这一段没有抓取到页面的核心，这个页面就成了相似页面。网站中过多的相似页面会影响排名及域名信任度。
DIV+CSS的网页布局对SEO的好处二、精简的代码
使用DIVCSS布局，页面代码精简，这一点相信对XHTML有所了解的都知道。观看更多的HTML教程内容。
代码精简所带来的直接好处有两点：一是提高蜘蛛(Spider)爬行效率，能在最短的时间内爬完整个页面，这样对收录质量有一定好处;二是由于能高效的爬行，就会受到蜘蛛(Spider)欢迎，这样对收录数量有很大好处。

而DIV+CSS布局基本上不会存在这样的问题，从技术角度来说，XHTML在控制样式时也不需要过多的嵌套。
这虽然没有得到确认，但还是建议使用Table布局的朋友们，在设计时尽可能的不要使用多层表格嵌套，SEOer(seo工作者们)们在文章中说明了这一点，相信他们也不是没有依据。
DIV+CSS的网页布局对SEO的好处三、对搜索引擎的排名
基于XTHML标准的DIV+CSS布局，一般在设计完成后会尽可能的完善到能通过W3C验证。截止目前没有搜索引擎表示排名规则会倾向于符合W3C标准的网站或页面，但事实证明使用XTHML架构的网站排名状况一般都不错。
DIV+CSS的网页布局对SEO的好处四、提高网页的访问速度
DIV+CSS布局较Table布局减少了页面代码，加载速度得到很大的提高，这在蜘蛛(Spider)爬行时是非常有利的。过多的页面代码可能造成爬行超时，蜘蛛(Spider)就会认为这个页面无法访问，影响收录及权重。
真正的SEOer(seo工作者们)不只是为了追求收录、排名，快速的响应速度是提高用户体验度的基础，这对整个搜索引擎优化及营销都是非常有利的。

换一个角度抛开DIV+CSS对SEO的有利影响.单独来讲这种div+css布局也是很有益的,可以说是实下是最流行的网页布局方式.可是加快我们网站的速度,便于管理与修改.当然div+css布局也有不完善的方面,比如说,他的css样式表与各种浏览器之间的不兼容问题.当然如果你是div+css高手的话相信这个不难吧! 参考技术A 不明白楼主要什么！ 参考技术B 这个是什么意思啊?你说清楚点啊~~~ 参考技术C 你要报告什么？ 参考技术D 没明白你说的意思
是用div+css作实验还是什么？