网页设计与制作个人网站模板(网页设计模板网站)

大家好，今天来为大家分享网页设计与制作个人网站模板的一些知识点，和网页设计模板网站的问题解析，大家要是都明白，那么可以忽略，如果不太清楚的话可以看看本篇文章，相信很大概率可以解决您的问题，接下来我们就一起来看看吧！

网页设计与制作

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

二、搜集材料

明确了网站的主题以后，你就要围绕主题开始搜集材料了。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

三、规划网站

一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。

四、选择合适的制作工具

尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，…可以根据需要灵活运用。

五、制作网页

这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

六、上传测试

网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。

七、推广宣传

网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

八、维护更新

网站要注意经常维护更新内容，保持内容的新鲜，才能够吸引住人

谁有网页设计与制作复习题答案主编是于巧娥

1.7习题

1.判断题

(1)网页又称Web页面是可以被浏览器访问的单个HTML超文本文件。(√)

(2)网站上动态的数据，必须要通过网站服务器的服务才能运作。(×)

(3)只要网页中显示出来的字体，计算机字库里一定有这样的字体。(×)

(4)网页中的图像越多越好。(×)

(5) HTML标记区分大小写。(×)

(6)文件的标题一般不会显示在文档窗口中，而以窗口的名称显示出来。(√)

(7)特殊字体最好以图片的形式在网页上出现。(√)

(8)为了方便，在建立网站目录时，可以将所有文件都放在根目录下。(×)

(9)文件夹、文件命名必须符合规则：最好不要使用中文，即要全部使用英文。(√)

(10)在完成对站点的发布以后，就可以结束对站点进行的更新和维护。(×)

2.填空题

(1) HTML语言，又称超文本标记语言，是英文Hyper Text Markup Language的缩写。

(2)我们通常将存储于Internet服务器上的站点和相关文档称之为远程站点。

(3)在HTML里，一个表格由<table>开始，由</table>结束。

(4) img表示图像的标记符，而属性src后面的引号中表示图像路径及文件名。

(5)根据源端点的不同，可以将超链接分为两种：超文本(Hypertext)和超链接(Hyperlink)。。

(6) Logo标志也叫网标，即网站的标志，就是网站的标志性图案。

(7)规划网站的目录结构，就是根据网站主题的需要，分类保存网站中的不同的资源。

(8)整个站点编辑制作完成后，最终需要在服务器上发布，但在此之前必须对站点进行测试。

(9)网站的链接结构是指页面之间相互链接的拓扑结构，它建立在目录结构基础之上。

(10)使用框架可以将浏览器分成多个区域，每个区域都是相对独立并可以显示的HTML文件。

3.操作题

(1)以“艺术天空”为主题做出网页设计的草案。

(2)规划自己个人网站的目录结构。

2.6习题

1.判断题

(1)与站点的删除操作不同，对文件或文件夹的删除操作，会从磁盘上真正地删除相应的文件或文件夹(√)

(2)“实时”视图。显示可编辑的、交互式的、基于浏览器的文档视图。(×)

(3)选择【窗口】|【属性】命令，可以打开【属性】面板。(√)

(4)文档标题。允许设计者为文档输入一个标题，它将显示在浏览器的地址栏中。。(×)

(5)在【文件】面板中添加或删除资源时，所做的更改会立即出现在【资源】面板中。(×)

(6)呈现 TTY媒体类型。显示页面在打印纸张上的显示方式。。(×)

(7)插入面板包含用于将图像、表格和媒体元素等各种类型的对象插入到文档中的按钮。(√)

(8) Spry包含一些用于构建 Spry页面的按钮，包括 Spry数据对象和 Widget。(√)

(9)属性面板是将所有的对象和属性加载到面板上。(×)

(10)选择【窗口】|【文件】菜单，或者单击键盘上的“F2”键，可以打开文件面板。。(×)

2.填空题

(1)作为业界领先的Web设计软件，Adobe Dreamweaver CS5是一款出众的可视HTML编辑器和代码编辑器。利用其可视化编辑功能，可以快速地创建页面而无需编写任何代码。

(2)在Dreamweaver CS5中，点击【查看】菜单，选择【工具栏】命令，在弹出的子菜单中即可选择相关的工具栏。

(3)“实时代码”视图显示浏览器用于执行该页面的实际代码，当您在“实时”视图中与该页面进行交互时，它可以动态变化。“实时代码”视图不可编辑。

(4)主页一般命名为 index.htm，而且必须存放在网站的根目录下。

(5)在创建站点选择路径时，最好选择某个文件夹作为站点，不要将站点根目录直接设置在根目录C或D下，否则与非站点文件之间容易混淆，从而造成不必要的麻烦。

(6) Dreamweaver建立的站点可以分为本地站点（Local Site）和远程站点（Remote Site）两种。

(7)选中一个资源，单击【添加到收藏夹】按钮，即可将自己喜欢的资源添加到收藏列表中。

(8)布局。用于插入表格、表格元素、div标签、框架和 Spry Widget。还可以选择表格的两种视图：标准（默认）表格和扩展表格。

(9)在文件面板中，利用图右键弹出菜单或文件面板菜单可方便地添加、删除和重命名文件及文件夹。

(10)）在Dreamweaver CS5中，点击【查看】菜单，选择【工具栏】命令，在弹出的子菜单中即可选择相关的工具栏。

第三章习题答案

1.判断题：

（1）错

（2）错

（3）错

（4）错

（5）错

（6）错

（7）错

（8）对

（9）错

（10）错

二．填空题：

（1）超链接

（2）Ctrl Shift

（3）锚链接

（4）两

（5）.html

（6）属性面板

（7）gif jpg

（8）页面属性

（9）Flash播放器

（10）外观（CSS）

4.8习题答案

1．判断题（将判断的结果填入括号中。正确的填“√”，错误的填“×”）

(1)外部链接样式文件的扩展名是.css。（√）

(2)启用【CSS样式】面板的快捷键是Ctrl+F11。（×）

(3)如果要使用CSS将文本样式定义为粗体，需要设置Font-style属性。（×）

(4).text可能是自定义样式的名字。（√）

(5)外部CSS样式文件的引用时通过附加样式表来实现的。（√）

(6).Td1下面属于【类】选择器。（√）

(7)#TopTable属于【标签】选择器。（×）

(8)在文档窗口中单击鼠标右键，在弹出的快捷菜单中选择【CSS样式】|【新建】命令可以打开【新建CSS规则】对话框（√）

(9)通过定义CSS属性的方框分类，可以设置对象的边框效果。（×）

(10) CSS属性的【背景】分类中的Background-repeat属性值为repeat-y表示背景图像在水平方向上进行平铺。(×)

2．填空题

(1) CSS是“Cascading Style Sheet”的缩写，可译为“层叠样式表”或“级联样式表”。

(2) CSS样式表文件的扩展名为.css。

(3) CSS样式一般分为_内部链接_和外部链接式两种类型。外部链接样式应用于多个文档，且生成_.css_文件。

(4)应用外部链接式CSS时，打开【CSS样式】面板，单击【CSS样式】面板右下角的_附加样式表_按钮，此时将出现【链接外部样式表】对话框。

(5)删除某个样式时，在_CSS样式_面板中，选中要删除的样式。单击_CSS样式_面板右下角的_删除CSS规则_按钮，或是右键单击该样式，选择快捷菜单中的_删除___命令。

(6)超级链接有四种状态，分别是未访问、访问过、鼠标指向和正在访问。

(7)通过定义CSS属性的【边框】分类，可以设置对象的边框效果。

(8) CSS属性的【扩展】分类中的包括分页和视觉效果，可以控制鼠标指针形状、控制打印时强制分页位置及为对象应用特殊效果。

(9)要想通过CSS属性设置链接文本的修饰效果，应该选择CSS属性的【类型】分类。

(10)在链接外部样式表时，如果选择“链接”选项，则会在代码中生产<link>标签。

5.5习题

1．判断题

(1)√

(2)√

(3)×

(4)×

(5)√

(6)√

(7)√

(8)×

(9)×

(10)×

2．填空题

(1)【框架】属性面板中，选择【不能调整大小】项，将使访问者无法通过拖动框架边框在浏览器中调整框架大小。

(2)超链接的目标窗口指定为“ _self”，表示在当前框架中打开链接，同时替换该框架中的内容（默认方式）。

(3) Dreamweaver CS5中，表格属性面板中没有对表格边框颜色、表格背景颜色，背景图片等设置，如需进行这些设置，可以选择整个表格，在右键弹出菜单中选择【编辑标签】。

(4)表格属性面板中的填充是指表格的内部间距，即单元格的内容与单元格边界(四周)的距离。

(5)插入表格的快捷键是__ Ctrl+Alt+T _____。。

(6)选中要删除行或列的所有单元格，执行【编辑】|【清除】命令或按 Delete键，可以删除整行或整列。

(7)框架由两个部分组成：框架集和单个框架。

(8)如果看不到框架边框，则选择【查看】|【可视化助理】|【框架边框】，以使框架边框可见。

(9)要保存与一组框架关联的所有文件，则选择【文件】|【保存全部】。

(10) iframe标记又叫浮动帧标记，与框架相比，内嵌框架iframe更容易对网站的导航进行控制。

6.5习题

一、判断题

1、× 2、√ 3、√ 4、× 5、√ 6、√ 7、√ 8、√ 9、× 10、√

二、填空题

1、行为

2、 onClick onMouseOver

3、打开浏览器窗口弹出信息

4、鼠标指针位于选定元素上方时发生的事件

5、 onClick

6、【窗口】|【行为】命令

7、用于接收用户的动作而动态改变图像。

8、显示、隐藏或恢复一个或多个页面元素的默认可见性。

9、选定的对象出现在浏览器上时发生的事件

10、择【插入】|【Spry】命令，在弹出的菜单中选择【工具提示】即可。

7. 7习题

答案：

1．判断题

(1)当将模板应用于网页后，编辑区域与锁定区域的内容都可以修改。(×)

(2)可选区域是可编辑区域。(√)

(3)模板文件的扩展名为.html。(×)

(4)在创建模板页前，必须先建立本地站点。(√)

(5)删除库文件后，已经插入到文档中的库项目内容不会被删除。(×)

(6)站点中的库文件都保存在站点目录里的Library文件夹中。(√)

(7)将模板生成的网页脱离原来的模板后，网页就成为普通的网页。(√)

(8)在更新模板时，如果有模板生成的网页处于打开状态，则不能更新该网页。(×)

(9)插入到网页中的库项目是不可编辑的。(√)

(10)表格也可以作为库项目。(√)

2．填空题

(1)模板可分为____可编辑区域___和_不可编辑区域______两部分。

(2)模板文件被保存在指定的__Templates____文件夹中。

(3)当新创建一个模板时，Dreamweaver cs5默认把所有区域记为___锁定____。

(4)在编辑模板时，可以修改___可编辑区域_____区域，也可以修改__不可编辑区域______区域。

(5)如果需要对使用模板创建的网页中的锁定区域和可编辑区域都进行修改，必须先____设定可编辑区域___。

(6) Dreamweavercs5将库项目存放在本地根文件夹的___Library____文件夹中。

(7)通常，添加到页面中的库项目是__不能被_____编辑的。

(8)通过修改库项目可以实现对多网页的___更新____。

(9)库文件的后缀名为___.lbi____。

(10)在网页中，凡是位于___body____之间的HTML元素都可以作为库项目。

3．操作题

(1)创建一个本地站点，在其中创建一个模板，内容自定，至少包含两个可编辑区域。

(2)打开一个网页文档，在其中创建库项目。

8.5习题

1、判断题

（1）对（2）错（3）错（4）错（5）错（6）错（7）对（8）对（9）对（10）对

2、填空题

（1）两，HTML源代码，脚本，程序

（2）HTML标签

( 3)收集信息，显示信息

（4）每一个对象，唯一的，一个名值对

（5）插入表单对象，表单对象

（6）创建表单域

（7）服务器，请求信息

（8）JSP、PHP或ASP

（9）一个表单域和若干个表单元素

（10）动态

第九章习题答案

1.判断题：

（1）错

（2）对

（3）对

（4）对

（5）错

（6）错

（7）错

（8）对

（9）错

（10）错

二．填空题：

（1）浏览器

（2）Localhost

（3）Web服务器软件

（4）\Inetpub\wwwroot

（5）ADO

（6）Ctrl+Shift+F10

（7）记录集

（8）数据源名

（9）

（10）记录导航条

阐述网页设计与制作的基本原则与流程

1、网站的主题定位制作网站首先要考虑网站主题。好的网站不仅应该有美感、个性、创意，更要有质量。网站的内容是最重要的因素，空洞的网站对人没有任何吸引力。

(1)网站的题材目前网站的题材主要有：新闻、体育、聊天、即时信息、ICQ、社区、邮件列表、计算机技术、网站开发、娱乐、旅行、参考、资讯、求职、家庭、教育、生活、时尚、电子商务以及一些体现个人特色和爱好的网站。

(2)定位题材的建议主题最好是你最擅长并且最有兴趣的东西;主题要小而精;题材不要太滥或者目标太高;体现自己的个性。

(3)网站的名称

2、资料搜集互联网的强大就是它丰富的资源，可以搜集尽可能多的资料，并根据一定的规则进行整理。还要精心设计一些别人没有的东西，已体现自己的个性。

3、结构设计

(1)栏目和版块网站的结构设计其实也就是合理的设计网站的栏目和版块。首先应突出主题;其次应该有个网站指南或更新列表之类的栏目;接着要有一个与读者交流的栏目;最后最好有个说明性的栏目，以方便网友。

(2)目录的结构设计目录的结构设计要注意以下几点：按栏目内容建立子目录;在每个主目录下都建立独立的images目录;目录的层次不要太深;避免使用中文目录;尽量使用意义明确的目录。

4、形象设计

(1)网站的标志：即设计网站的Logo。

(2)网站的标准色彩

(3)网站的标准字体

(4)网站的宣传标语

5、主页设计

6、其他页面设计

7、站点规划

(1)用文件夹来保存文档

(2)使用合理的文件名称

(3)使用模板和库

(4)使用ALT

8、定义站点

9、首页制作页面属性设置;表格设计;填写内容;添加链接和交互;添加其它内容。

10、测试

11、申请域名和空间

12、站点文件上传

13、站点的宣传

文章到此结束，如果本次分享的网页设计与制作个人网站模板和网页设计模板网站的问题解决了您的问题，那么我们由衷的感到高兴！