下载文档原格式
1.网站和网页有什么区别？网站是有独立域名、独立存放空间的内容集合，这些内容可能是网页，也可能是程序或其他文件，不一定要有很多网页，主要有独立域名和空间，那怕只有一个页面也叫网站。
网页是网站的组成部分。
有了很多网页没有独立的域名和空间也只能说是网页，例如blog、挂在别人那里的个人主页，企业建站系统里的企业页面，多用户商城里的商户……尽管有很多页面，功能也齐全，但都不能叫网站。
2.网页按表现形式分类有哪两种？动态和静态3.网页颜色设计基本原则是什么？颜色对比度越强可读性越强不要使用互补色珍惜使用的颜色4.常用颜色的十六进制描述一种方式是以定义好的颜色名称表示，具体的颜色名称针对不同的浏览器也有所不同。
另一种方式通过一个以“#”开头的6位十六进制数值表示一种颜色。
6位数字分为3组，每组两位，依次表示红、绿、蓝三种颜色的强度。
在RGB 颜色模式颜色由表明代表多少各成份红色绿色和蓝色应该包括在它。
每个可能与极小值(没有颜色) 不同对最大值(充分的强度) 。
当所有颜色是在最低值被显示的颜色然后将是黑的。
并且当所有颜色是在他们的最大值然后被显示的颜色将是白色的。
但是一个缠扰不清的方面在RGB 颜色模式是所有这些颜色可能代表以各种各样的方法。
颜色科学描述颜色在范围0.0 到1.0 (极小值对最大值) 。
颜色惯例的多数采取这些价值代表颜色变异。
例如 1.0 0.0 0.0 代表充分的强度红色。
代表颜色价值其它方法是由使用百分比从0% 到100% (极小值对最大值) 。
这同一样以上说的方法改变从范围0.0 到1.0 简单地倍增数字与100 。
颜色价值可能并且代表作为数字范围从0 到255 。
这类型数字代表由计算机程序设计者广泛实施存放各颜色价值在一个8位字节。
充分的强度红色代表作为255 0 0 。
同样范围 0 到255 和十六进制数在这个范围通常被写以一个固定的两位数格式代表它并且代表在十六进制在某些情况下前缀(象#) 。
用户使用网页常用操作方法在Web页面上进行常见操作时，用户经常使用以下方法：1. 点击：点击是最基本和常见的操作之一。
用户可以通过鼠标左键点击页面上的链接、按钮、图像和其他可交互元素来执行相应的操作。
点击可用于导航到其他页面、提交表单、展开菜单、打开弹出窗口等。
2. 滚动：当页面内容超出屏幕可见区域时，用户可以通过滚动页面来浏览额外的内容。
滚动操作可以通过鼠标滚轮、拖动滚动条、触摸屏幕上的滚动手势或键盘的上下箭头键来完成。
3. 输入：用户可以通过键盘输入或使用表单元素来输入信息，如文本框、下拉列表、单选按钮、复选框等。
用户可以输入文本、选择选项、勾选复选框等。
4. 拖放：拖放操作可以让用户将元素从一个位置拖动到另一个位置。
用户可以通过鼠标点击并拖动可拖动元素，然后在目标位置释放鼠标来完成拖放操作。
这个操作常用于移动文件、调整页面布局、改变元素顺序等。
5. 跳转：用户可以通过在浏览器地址栏中输入URL或通过点击页面上的链接来跳转到其他页面。
在浏览器中输入URL后按下回车键，浏览器即会加载并显示新页面。
6. 刷新：刷新操作可以重新加载当前页面。
用户可以通过点击浏览器工具栏中的刷新按钮、使用快捷键（如F5键）或右键点击页面并选择"刷新"来刷新页面。
7. 返回：返回操作可以让用户返回到之前浏览过的页面。
用户可以通过点击浏览器工具栏中的"后退"按钮、使用快捷键（如Alt+左箭头键）或右键点击页面并选择"返回"来执行返回操作。
8. 前进：前进操作可以让用户返回到刚才后退过的页面。
用户可以通过点击浏览器工具栏中的"前进"按钮、使用快捷键（如Alt+右箭头键）或右键点击页面并选择"前进"来执行前进操作。
9. 放大/缩小：用户可以通过放大或缩小页面来改变页面上元素的大小。
放大/缩小操作可以通过浏览器工具栏中的放大镜图标、使用快捷键（如Ctrl+加号或Ctrl+减号）或使用鼠标滚轮上下滚动来完成。
网页编辑词条网页网页概述网页(web page)，是网站中的一「页」，通常是HTML格式（文件扩展名为.html或.htm 或.asp或.aspx或.php或.jsp等）。
网页通常用图像档来提供图画。
网页要使用网页浏览器来阅读。
网页是构成网站的基本元素，是承载各种网站应用的平台。
通俗的说，您的网站就是由网页组成的。
如果您只有域名和虚拟主机而没有制作任何网页的话，您的客户仍旧无法访问您的网站。
所谓网站(Website)，就是指在网际网路（因特网）上，根据一定的规则，使用HTML 等工具制作的用於展示特定内容的相关网页的集合。
简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯（信息），或者利用网站来提供相关的网路服务（网络服务）。
人们可以通过网页浏览器来访问网站，获取自己需要的资讯（信息）或者享受网路服务什么是网页?现在在你眼前，出现在显示器上的这个“东西”，就是一个网页。
网页实际是一个文件，它存放在世界某个角落的的某一台计算机中，而这台计算机必须是与互联网相连的。
网页经由网址（ URL ）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。
构成网页的元素:文字与图片是构成一个网页的两个最基本的元素。
你可以简单的理解为：文字，就是网页的内容，图片，就是网页的美观。
除此之外，网页的元素还包括动画、音乐、程序等等。
在网页上点击鼠标右键，选择菜单中的“查看源文件”，就可以通过记事本看到网页的实际内容。
可以看到，网页实际上只是一个纯文本文件，它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述（例如字体、颜色、大小），而浏览器则对这些标记进行解释并生成页面，于是就得到你现在所看到的画面。
为什么在源文件看不到任何图片？网页文件中存放的只是图片的链接位置，而图片文件与网页文件是互相独立存放的，甚至可以不在同一台计算机上。
网页分析模板一、网页基本信息。
1. 网页标题：2. 网页链接：3. 网页描述：4. 网页关键词：二、网页内容分析。
1. 网页整体布局。
网页采用了什么样的布局方式？是单栏、双栏还是其他形式？整体风格是简洁明了还是繁杂混乱？布局是否合理，是否符合用户习惯？2. 网页配色。
网页的主色调是什么？是否符合网页所要表达的内容和氛围？配色是否和谐统一？是否对用户造成视觉疲劳？3. 网页字体。
网页所采用的字体是什么？字体大小是否合适？是否存在字体过小或过大的情况？字体颜色是否与背景相搭配？4. 网页图片。
网页中是否包含图片？图片质量如何？是否清晰美观？图片大小是否合适？是否存在加载缓慢的情况？5. 网页导航。
网页导航设置是否合理？是否清晰易懂？是否能够快速找到所需信息？导航链接是否完整有效？6. 网页内容。
网页所包含的内容是否丰富多样？内容是否具有吸引力和独特性？是否存在错别字、语法错误等问题？7. 网页互动。
网页是否设置了互动功能，如留言评论、分享转发等？用户互动性如何？是否能够促进用户参与和互动？8. 网页加载速度。
网页加载速度如何？是否存在加载缓慢的情况？是否对用户体验造成影响？9. 网页适配性。
网页在不同设备上的显示效果如何？是否存在适配不良的情况？是否支持响应式布局？三、网页优化建议。
1. 提升网页加载速度。
对网页进行压缩、优化图片大小、减少HTTP请求等方式来提升网页加载速度。
2. 优化网页布局。
根据用户习惯和阅读习惯，优化网页布局，使其更加清晰易懂。
3. 优化网页配色。
根据网页所要表达的内容和氛围，优化网页配色，使其更加和谐统一。
4. 优化网页字体。
选择合适的字体，并控制字体大小，使其更加符合用户阅读习惯。
5. 优化网页导航。
优化网页导航设置，使其更加清晰易懂，方便用户快速找到所需信息。
6. 优化网页互动。
加强网页互动功能的设置，促进用户参与和互动。
7. 提升网页适配性。
优化网页的适配性，确保在不同设备上都能够有良好的显示效果。
第2章动态网站概述万维网（Web）是因特网最广泛的应用之一。
万维网通过超文本传输协议（Hypertext Transfer Protocol，HTTP）向用户提供多媒体信息，这些信息通常以网页为基本存储和传输单元。
作为网页的存储单元，网页文档通常存放在因特网服务提供商的服务器中，提供网页服务的服务器称为Web服务器，Web服务器中一系列相关网页文档的集合称为Web站点（Web Site），即所谓网站。
2.1 Web应用概述Web应用是一种客户机/服务器模式的应用，包括Web服务器与Web客户端两个部分。
Web服务器通过专门的服务程序向客户提供信息服务，这些信息网页为单位，存储在Web 服务器中；Web客户端则是通过浏览器从Web服务器读取网页，从中获得信息。
Web服务器既是指提供Web服务的计算机，也用来指专门向客户提供Web信息服务的软件。
目前使用最广泛的作为软件的Web服务器，一个是运行于Windows平台的IIS （Internet Information Server），微软将它称之为Internet信息服务；另一个是可以在多个平台上运行的Apache。
Web客户端也称本地机，是客户用于访问因特网的平台。
当前用户最广泛的浏览器是微软公司的IE（Internet Explorer），此外，还有傲游（Maxthon）、火狐(Mozilla Firefox)、Opera、Safari等。
HTTP是浏览器和服务器通过因特网进行相互通信的协议。
HTTP规范由Word Wide Web Consortium(W3C)和Internet Engineering Task Force (IETF)进行编制。
HTTP是一种客户端/服务器协议，由请求和响应构成。
客户端浏览器向一个特定的URL发送HTTP请求，URL对应的宿主服务器则向浏览器发回HTTP响应。
2.1.1 静态网页与静态网站早期Web应用提供的网页只是由静态文档所构成，这些文档由超文本标记语言（Hypertext Markup Language ，HTML）写成。
网页协议是什么网页协议，又称为网络协议，是指在网络通信中，用于规定数据传输格式、传输方式、传输速率、传输控制等方面的一系列规则和标准。
它是网络通信的基础，是保证网络通信顺利进行的重要手段。
在互联网时代，网页协议更是扮演着至关重要的角色，它直接影响着我们在互联网上的浏览、交流、交易等一系列活动。
本文将从网页协议的定义、作用、常见类型等方面进行探讨，希望能够为大家对网页协议有更清晰的认识。
首先，网页协议的定义。
网页协议是指在网络通信中，用于规定数据传输格式、传输方式、传输速率、传输控制等方面的一系列规则和标准。
它是网络通信的基础，是保证网络通信顺利进行的重要手段。
简单来说，网页协议就是规定了网络通信中各种数据交换的规则和标准，确保数据能够准确、高效地传输。
其次，网页协议的作用。
网页协议在互联网中起着至关重要的作用，它保证了网页的正常访问和交流。
比如，HTTP协议（超文本传输协议）是最常见的网页协议之一，它规定了浏览器和服务器之间传输超文本的规则，是网页浏览的基础。
此外，HTTPS协议（超文本传输安全协议）则是在HTTP的基础上增加了安全性的协议，用于保护网页通信安全。
还有FTP协议（文件传输协议）、SMTP协议（简单邮件传输协议）等，它们都在不同的领域发挥着重要作用，保证了网络通信的顺利进行。
再次，网页协议的常见类型。
除了上文提到的HTTP、HTTPS、FTP、SMTP等常见网页协议外，还有许多其他类型的网页协议。
比如，TCP/IP协议是互联网传输控制协议/因特网协议，它是互联网的核心协议，规定了数据在互联网中的传输方式和控制规则。
另外，还有DNS协议（域名系统）、IP协议（互联网协议）、POP3协议（邮局协议3）等，它们都在网络通信中发挥着重要作用。
总之，网页协议是保证网络通信顺利进行的重要手段，它规定了网络通信中各种数据交换的规则和标准，保证了网页的正常访问和交流。
在互联网时代，网页协议的重要性不言而喻，它直接影响着我们在互联网上的浏览、交流、交易等一系列活动。
大型作业任务书设计题目：百居易房屋超市网站首页设计要求：1.按照网站开发的方法步骤进行网站设计与制作，并编写相应文档；2.要求设计的网站主题鲜明，内容丰富，布局合理，界面美观，但界面和风格在满足具体的基本要求下可增加自己的创意，发挥自己的创造能力；3.将以上设计整理编写出《大型作业说明书》，字数不少于8000字；4.按期完成大型作业任务，时间为１周。
班级：计算机应用0802学号：0601080225姓名：周坤平指导教师：梁俊娟2010年9月8日摘要通过本课程安排的实训项目，让学生掌握设计静态网页的基础知识和基本方法，对网页设计的流程有一个全面的认识和了解，并能够独立利用DreamWeaver设计制作出完美的个人网站或商务网站.Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
随着互联网的家喻户晓，HTML技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码编辑器），两者各有千秋。
所见则所得网页编辑器的优点就是直观性，使用方便，容易上手，您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别。
通过本课程安排的实训项目，让学生掌握设计静态网页的基础知识和基本方法，对网页设计的流程有一个全面的认识和了解，并能够独立利用DreamWeaver设计制作出完美的个人网站或商务网站，一个可视化的网页设计和网站管理工具，支持最新的Web 技术，包含HTML检查、HTML格式控制、HTML格式化选项、HomeSite/BBEdit捆绑、可视化网页设计、图像编辑、全局查找替换、全FTP 功能、处理Flash和Shockwave等富媒体格式和动态HTML、基于团队的Web创作。
前言Macromedia公司推出的Dreamweaver网页制作软件可以说是众多网页制作软件中的佼佼者。
作为一款专业的网页制作工具，Dreamweaver具有可视化编辑界面和强大的所见即所得网页编辑功能，它不仅可以制作网页，而且为设计和开发站点提供了良好的操作平台，集网页制作与网站管理于一身。
用户只需稍稍能看懂HTML语言，就可以应用Dreamweaver制作出跨平台、跨浏览器的精彩网页。
Dreamweaver在多媒体方面颇有建树的Macromedia公司推出的可视化网页制作工具，它与Flash、Fireworks合在一起被称为网页制作三剑客，这三个软件相辅相承，是制作网页的最佳选择。
其中，Dreamweaver主要用来制作网页文件，制作出来的网页兼容性比较好，制作效率也很高，Flash用来制作精美的网页动画，而Fireworks用来处理网页中的图形。
Dreamweave字面意思为“梦幻编织”，这一软件有着不断变化的丰富内涵和经久不衰的设计思维，它能充分展现你的创意，实现你的想法，锻炼你的能力.目录1 网站需求分析 (1)1.1 百居易房屋超市网站结构 (1)1.1.1 站点组织结构 (1)1.1.2 站点目录结构 (1)2百居易房屋超市网站制作步骤及最终效果图 (2)2. 1 首页 (2)2.2 部分二级页面 (6)总结 (10)参考文献 (11)1 网站需求分析1.1 百居易房屋超市网站结构1.1.1 站点组织结构1.1.2 站点目录结构首页新闻热区 购房计算器 房屋信息 置业锦囊 二手房中心 百姓家常2百居易房屋超市网站制作步骤及最终效果图2. 1 首页制作步骤1、打开Dreamweaver软件界面，执行“站点/新建站点”，在打开的未命名站点1站点定义为对话框，切换到高级面板，将站点名称设为“百居易”；单击本地根文件夹后的，在弹出对话框中选择正确的路径。
2、新建一个网页，并保存在同一级文件夹下。
3、在页面属性中将其背景图片设为pic/bg1-2.gif，在常用面板上单击表格按钮，插入一个2列1行的表格1。
在第1列中插入一个22行1列的表格2，将最后两行背景颜色改为红色。
4、在第2列中插入一个3行1列表格3。
在第1行中插入一个2列1行的表格4。
光标置于第1行中，单击常用面板中的图像按钮，插入pic/logo.GIF图片。
5、在第2列中插入一个2行1列的表格5，并将第1行拆分为2列，在每个单元格中插入相应图片。
在第2行插入相应图片后，选中图片，在属性面板上单击矩形热点工具，依照图片上大小绘制多个热点。
6、在表格3的第2行插入一个3列1行的表格6，在表格6第1列插入一个6行1列的表格7，在表格7的第1、3、5单元格中插入相应图片，将光标放在表格7的第2行中，在代码编辑区域输入相关代码，改变第2行的对齐方式水平方向为：居中对齐；在表格7的第4行插入一个1行1列的表格8，改变表格7第4行的对齐方式水平方向为：居中对齐；同样在表格7的第6行插入一个8行1列的表格9，在表格9中插入对应图片。
7、在表格6的第2列插入一个5行1列的表格10，在表格10的第1行中插入一个2列1行的表格11，将表格11的第1列拆分为2行，在第1行插入图片pic/house2.gif，在第2行的代码编辑区域中输入相关代码。
8、在表格11的第2列中插入一个2行1行列的表格12，在表格12的第1行插入一个1行2列的表格13，在表格13的第1列插入图片pic/p_01.gif，在第2列插入图片pic/bang.gif，第2列的对齐方式为水平：居中对齐；将表格13的背景颜色设为#F7DEDE。
9、在表格12的第2行中插入一个9行3列的表格14，在表格14中插入对应文字。
10、在表格10的第2行插入图片pic/line.gif;在表格10的第3行插入一个2行1列表格15，在表格15第1行插入图片pic/fangwu.gif;在第2行插入一个17行6列的表格16，在表格16中输入相关内容。
11、在表格10的第4行中插入图片pic/line.gif;在表格10的第5行中插入一个2行1列的表格17，在表格17第1行插入图片pic/jinnang.gif，并输入相关文字；在表格17第2行中插入一个13行2列的表格18，并在表格18中输入法相关内容。
12、在表格6中插入一个5行1列的表格19，将表格19的背景图片设为bg.gif；在表格19的第1行中插入一个2行1列的表格20；在表格20的第1行中插入图片pic/so.gif。
13、光标放在表格20的第2行中，单击表单面板中表单域，在表单域中插入一个10行1列的表格21，在表格21的第1、2行中插入单选按钮并输入相关文字，在第3、4行中插入列表表单。
在第5、6中，输入文字。
在第7、8行中插入文本字段。
在第9、10中，输入文字。
14、在表格19第2行中插入图片pic/line_1.gif；在表格19第3中插入一个8行2列的表格22，在表格22第1行的2列合并成一个单元格，并插入图片pic/esf.gif。
在表格22的其他单元格中输入文字。
15、在表格19第3行中插入图片pic/line_1.gif；在表格19第5行中插入一个3行1列的表格23，在第1行中插入图片pic/bbs.gif；在表格23的第2行中输入文字并对其进行项目列表编辑。
16、在表格3的第3行输入文字和版权符号。
并将背景颜色设为#CC0000。
17、在布局面板中单击绘制AP Div按钮，在页面中绘制一个AP元素。
在其中插入一个图片；拖动AP元素到时间轴上，设定运动时间和关键帧来控制AP元素的运动。
18、预览并再次保存。
19、最终效果图：2.2 部分二级页面1、Ctrl+N打开新建面板，选择空模板中的HTML模板的无，单击创建按钮。
保存在对应文件夹下。
2、在页面了插入一个5行1列的表格1，在表格1的第1行中插入一个2行1列的表格2，在表格2的第1行中插入一个2列1行的表格3，在表格3的第1列中插入图片pic/logo.GIF。
3、在表格3和第2列中插入一个2行1列的表格4。
在表格4的第1行拆分为2列，在第1、2列中分别插入图片。
4、在表格4第2行中插入图片后，使用热点工具，创建超级链接。
5、在表格2的第2行插入图片，将第3行的背景图片设为pic/yellow.gif6、在表格2的第4行插入一个2列1行的表格5，在表格5的第1列中执行“插入记录/模板对象/可编辑区域”插入一个可编辑区域。
7、在表格5的第2列中插入图片right-backgroup.gif。
8、使用模板创建三个子网页，并编辑。
9、第一个子网页效果图：9、第二个子网页的最终效果图：10、第三个子网页的最终效果图：11、第四个子网页的最终效果图：总结经过一个假期的休息，对网页制作的练习有松弛，这次的实训使我又找到了以前对网页的感觉。
在这次练习中我遇到了很多问题。
比如在开始制作网页时，突然间不知该如何去做，因此我先放下这，去温习一下课本。
还有就是在插入表格时，经常会出现，明明在页面上排好版了，预览时，整个或局部地方会出现差错。
刚开始时，很是烦恼，后来发现只要细细认真调整就能找到问题就能解决。
还有就是关于浮动图片代码我一直在寻找就是没找到，在这里希望老师能帮帮我。
经过这次练习，我找到了很多不足之处和要提高的地方。
也发现了Dreamweaver中还有很多需要我去学习，比如在HTML 语言、结构。
才发现要想设计出好的网页，还要多去看看。
这次练习使我对Dreamweaver更感兴趣，而且我从中获益非浅，既知道自己的不足之处，以后会更容易更努力去学习。
参考文献[1]池同柱主编，网页设计与制作案例教程，北京：机械工业出版社，2009.7[2]吴东伟Dreamweaver网页制作基础练习+典型案例。
北京：清华大学出版社，2007.[3]庆秋辉，网页制作教程与上机实训。
北京：机械工业出版社，2006.。
