11．在Dreamweaver MX中，要使在当前框架打开链接，目标窗口设置应该为( ) 〖A〗_blank 〖B〗_parent 〖C〗_self 〖D〗_top
12．HTML代码
表示【】
〖A〗添加一个图象〖B〗排列对齐一个图象
〖C〗设置围绕一个图像的边框的大小〖D〗加入一条水平线
13．常用的网页图像格式有( )和( ).
〖A〗gif，tiff 〖B〗tiff，jpg 〖C〗gif，jpg〖D〗tiff，png
14．有关框架与表格的说法正确的有（）。
〖A〗框架对整个窗口进行划分〖B〗每个框架都有自己独立网页文件
〖C〗表格比框架更有用〖D〗表格对页面区域进行划分
15．要使表格的边框不显示，应设置border的值是( )。
〖A〗1 〖B〗0〖C〗2 〖D〗3
16．以下标记符中，用于设置页面标题的是（）
〖A〗
〖B〗<caption> 〖C〗<head> 〖D〗<html></p><p>17．在HTML中，标记<pre>的作用是( )。</p><p>〖A〗标题标记〖B〗预排版标记〖C〗转行标记〖D〗文字效果标记18．在网页中，必须使用（）标记来完成超级链接。</p><p>〖A〗<a>…</a> 〖B〗<p>…</p>〖C〗<link>…</link>〖D〗<li>…</li> 19．CSS样式表不可能实现( )功能。</p><p>〖A〗将格式和结构分离〖B〗一个CSS文件控制多个网页</p><p>〖C〗控制图片的精确位置〖D〗兼容所有的浏览器</p><p>20．为了标识一个HTML文件应该使用的HTML标记是( )。</p><p>〖A〗<p><／p> 〖B〗<boby><／body></p><p>〖C〗<html><／html> 〖D〗<table><／table></p><p>21．以下创建mail链接的方法，正确的是( )</p><p>〖A〗<a href=”master@https://www.wendangku.net/doc/9a8205887.html,”>管理员</a></p><p>〖B〗<a href=”callto:master@https://www.wendangku.net/doc/9a8205887.html,”>管理员</a></p><p>〖C〗<a href=”mailto:master@https://www.wendangku.net/doc/9a8205887.html,”>管理员</a></p><p>〖D〗<a href=”Email:master@https://www.wendangku.net/doc/9a8205887.html,”>管理员</a></p><p>22．以下标记中，可用来产生滚动文字或图形的是（）。</p><p>〖A〗<Scroll> 〖B〗<Marquee>〖C〗<TextArea> 〖D〗<爱生活,爱猫扑> 23．能够设置成口令域的是【】</p><p>〖A〗只有单行文本域〖B〗只有多行文本域</p><p>〖C〗单行、多行文本域〖D〗多行“Textarea”标识</p><p>24．设置字体颜色（）</p><p>〖A〗<font color=#> 〖B〗<body text=#> 〖C〗<body vlink=#> 〖D〗<font size=#> 25．若要循环播放背景音乐bg.mid，以下用法中，正确的是（）。</p><p>〖A〗<bgsound src=”bg.mid” Loop=”1”></p><p>〖B〗<bgsound src=”bg.mid” Loop=True></p><p>〖C〗<sou nd src=”bg.mid” Loop=”True”></p><p>〖D〗<Embed src=”bg.mid” autostart=true></E mbed></p><p>26．可以不用发布就能在本地计算机上浏览的页面编写语言是（）。</p><p>〖A〗ASP 〖B〗HTML〖C〗PHP 〖D〗JSP</p><p>27．Html是指超文本连接标识语言。它主要告诉浏览器什么？（）〖A〗什么是网页〖B〗有哪些浏览资源</p><p>〖C〗资源存放的位置〖D〗网址是什么</p><p>28．若要在当前网页中定义一个独立类的样式myText,使具有该类样式的正文字体为”Arial”,字体大小为9pt,行间距为13.5pt,以下定义方法中，正确的是（）。</p><p>〖A〗<Style></p><p>.myText{Font-Familiy:Arial;Font-size:9pt;Line-Height:13.5pt}</p><p></style></p><p>〖B〗.myText{Font-Familiy:Arial;Font-size:9pt;Line-Height:13.5pt}</p><p>〖C〗<Style></p><!--/p2--><!--p3--><p>.myText{FontName:Arial;FontSize:9pt;LineHeight:13.5pt}</p><p></style></p><p>〖D〗<Style></p><p>. .myText{FontName:Arial;Font-ize:9pt;Line-eight:13.5pt}</p><p></style></p><p>29．若要在网页中插入样式表main.css,以下用法中，正确的是（）。</p><p>〖A〗<Link href=”main.css” type=text/css rel=stylesheet></p><p>〖B〗<Link Src=”main.css” type=text/css rel=stylesheet></p><p>〖C〗<Link href=”main.css” type=text/css></p><p>〖D〗<Includ e href=”main.css” type=text/css rel=stylesheet></p><p>30．下面几种颜色的表达方式所支持的浏览器范围最广( )</p><p>〖A〗十六进制颜色表示方式〖B〗关键字颜色表示方式</p><p>〖C〗（RRR，GGG，BBB）颜色表示方式〖D〗（R%，G%，B%）颜色表示方式</p><p>二、填空题（共30分）</p><p>1．HTML是一种描述性的___标记_____语言，主要用于组织网页的内容和控制输出格式。2．设置文档的可见部分开始标记符__<body>_______；结束标记符是__</body>_______。3．设置颜色可以用颜色的英文名称，也可用____#rrggbb_ _____。</p><p>4．创建一个HTML文档的开始标记符___<html>______；结束标记符是__</html>_______。5．要设置一条的水平线，应使用的HTML语句是___<hr>______。</p><p>6．设置文档标题以及其他不在WEB网页上显示的信息的开始标记符___<head>______；结束标记符是_</head>________。</p><p>7．为图片添加简要说明文字的属性是__alt______。</p><p>8. 表格的标签是<table></table> ，单元格的标签是<td></td> 。</p><p>9．设置文字的颜色为红色的标记格式是_____<font color=red>_ ____。</p><p>10．RGB方式表示的颜色都是由红、绿、蓝这3种基色调和而成。11．设定图片边框的属性是___border________。</p><p>12．浮动框架的标签是iframe 。</p><p>13．表格有3个基本组成部分：行、列和单元格。</p><p>14．在页面中实现滚动文字的标记是__<marquee>_____。</p><p>15．网页标题会显示在浏览器的标题栏中，则网页标题应写在开始标记符___<title>______和结束标记符_________之间。16．表格的宽度可以用百分比和像素两种单位来设置。
17．
….
是用来定义表格的一行_______；… | 是用来定义___表格的一列______；… | 是用来定义___表格的表头______。18．设置网页背景颜色为绿色的语句___
_____________。19. 用来输入密码的表单域是type=password 。
20．在网页中插入背景图案（文件的路径及名称为/img/bg.jpg）的语句是__
___________。21．严格来说，html 并不是一种编程语言，而只是一些能让浏览器看懂的标记。22．在页面中添加背景音乐bg.mid，循环播放3次的语句是______。
23．___超链接_______是网页与网页之间联系的纽带，也是网页的重要特色。
24．插入图片
标记符中的src英文单词是__source_______。
25．设定图片高度与宽度的属性是__height 和width_____________。
11.如果一个分为左右两个框架的框架组，要想使左侧的框架宽度不变，应该用__像素____单位来定制其宽度，而右侧框架则使用* 单位来定制。
26．____主页（首页）_______通常是用来作为网站的一个欢迎页面或是一个导航页面，是一个网站留给浏览者的最初印象，因而是非常重要的。
27．单元格垂直合并所用的属性是___Colspan____；单元格横向合并所用的属性是___rowspan________。
28．在网页中嵌入多媒体，如电影，声音等用到的标记是____ Embed ________。
三、问答题（共30分）
1．请用
<body>等标签写出显示“我的第一个网页”文件，标题栏显示“欢迎光临”。（10分）</p><p>2．请回答制作一个“个人网站”并发布的流程。（10分）</p><p>3．规划一个“个人网站”的首页，请画出栏目规划图示。（10分）</p><p>4．请回答网站开发的基本流程。（10分）</p><p>5．写出网页制作三剑客。（10分）</p><p>6．简要解释网页中的标签,指出页面的功能。（10分）</p><p><html></p><p><head></p><p><title>Title of pageThis is my first homepage.
This text is bold
网页设计与制作实例教程
网页设计与制作实例教程 习题答案 第1章网页与网站基础 一、选择题 1．A 2．B 3．C 4．C 5．A 二、判断题 1．√2．×3．√4．×5．√ 三、问答题 略 第2章网页规划设计 一、选择题 1．D 2．A 3．C 4．A 5．C 二、判断题 1．×2．×3．×4．√5．√ 三、问答题 1．答：网站需求分析一般包括三个阶段的内容：网站背景分析、总体需求分析、具体需求分析。（每个阶段可再详细描述。） 2．答：可从以下几个方面来阐述网站设计的原则：①日期、时间和数字；②欢迎词； ③弹出窗口和引导页面；④新闻和公告信息；⑤网址；⑥控件；⑦链接；⑧主页内容 3．答：打开新浪网首页，分析其布局类型。（答案略） 4．答：网页色彩搭配方法可从以下两个方面去阐述：①根据页面风格以及产品本身的诉求确定主色；②根据主色确定配色。 网页色彩搭配技巧可从以下几个方面去阐述：①用一种色彩；②用两种色彩；③用一个色系；④用黑色和一种色彩以及色彩搭配忌讳的方面。 5．答：打开当当网，具体分析其规划过程。（答案略） 第3章初识网页制作软件 一、选择题 1．C 2．C 3．B
二、填空题 1．代码、拆分、设计2．文件、资源、规则3．超级链接 三、操作题 略 第4章制作网页内容 一、选择题 1．D 2．B 3．A 4．D 5．ABD 6．D 7．B 8．D 9．A 10．A 二、判断题 1．√2．√3．×4．√5．√6．√7．√8．√9．×10．√三、操作题 略 第5章设置网页超级链接 一、选择题 1．D 2．D 3．A 4．D 5． C 二、判断题 1．×2．×3．×4．√5．× 第6章使用CSS样式美化网页 一、选择题 1．B 2．C 3．C 4．B 5．A 6．D 7．D 8．D 9．B 10．C 11．A 12．A 13．C 14．D 15．D 16．A 17．A 18．B 19．D 20．D 二、简答题 1．×2．×3．×4．×5．×6．×7．√8．×9．√10．√11．×12．×13．×14．√15．√16．√ 第7章规划布局网页 一、选择题 1．B 2．A 3．B 4．B 5．D 二、简答题
html实验报告
《企业网站开发》实验指导书 计算机科学与技术学院 2013-3
目录 实验一HTML语言标志 (1) 【实验目的】 (1) 【实验环境】 (1) 【实验重点及难点】 (1) 【实验内容】 (1) 实验二使用Dreamweaver创建本地站点 (2) 实验三网页编辑与超链接 (6) 【实验目的】 (6) 【实验环境】 (6) 【实验重点及难点】 (6) 【实验内容】 (6) 实验四网页图像的应用 (7) 实验五表格和布局表格 (10) 【实验目的】 (10) 【实验环境】 (10) 【实验重点及难点】 (10) 【实验内容】 (10) 实验六CSS样式的应用 (11) 【实验目的】 (11) 【实验环境】 (11) 【实验重点及难点】 (11) 【实验内容】 (11) 实验七层 (12) 实验八Dreamweaver的框架和行为 (13) 【实验目的】 (13) 【实验环境】 (13) 【实验重点及难点】 (13) 【实验内容】 (13) 实验九Dreamweaver的模版 (14) 【实验目的】 (14) 【实验环境】 (14) 【实验重点及难点】 (14) 【实验内容】 (14) 实验十Dreamweaver表单 (15) 【实验目的】 (15) 【实验环境】 (15) 【实验重点及难点】 (15) 【实验内容】 (15)
实验一HTML语言标志 【实验目的】 1．掌握
的标记，和<meta>标记； 2．掌握使用<body>标记设置网页背景颜色和文本颜色。学习使用分段标记 ；3．掌握使用<font>标记设置文字的属性； 4．掌握在网页中插入背景图片； 5．掌握在网页中插入水平线，并设置水平线的属性； 6．掌握在网页中插入背景音乐。 【实验环境】 Windows xp 【实验重点及难点】 掌握字体、水平线等常用标记。 【实验内容】 1、制作一个简单的网页sy1-1.htm，用记事本编辑，内容为个人简介信息。 要求： ●搜索关键字为“个人”“主页”“简介”，标题为我的个人简介。 ●背景为#33ccff,文本颜色为黑色，文本需分段表示。 2、过记事本编辑网页sy1-2.htm，内容为李白的诗“静夜思”。 要求：每行诗为一个段落，四行文字颜色不同，字体不同。 3、通过记事本编辑网页sy1-3.htm，实现如下页面。图片自选，插入背景音乐“故乡的云.mp3”。</p><h2>落地页设计：从概念到上线的5个过程</h2><p>上述专题突出的是镜架免费，以免费作为一个卖点来吸引用户眼球，对有需求配镜或者有意向配镜的用户制造一种吸引力，从而使用户继续往下浏览页面； 小米5的落地页主要突出的内容十余项黑科技和价格1999元起，发烧友的焦点在于黑科技，而小白用户更多的是根据小米的品牌参考1999的价格，两项都可以作为小米吸引用户的特点。 二、素材供给 页面的素材主要包括两个部分：文案内容和图片内容。 素材部分的提供占据着落地页设计中比较重要的一环，页面最后的成败有很大因素取决于素材的质量。 1. 文案内容： 文案内容是引导页面设计思路的重要部分，通常初步的文案就代表了页面的内容顺序及内容，然后在页面思路清晰后会配合设计做一些调整，包括标题、内容描述甚至字数限制； 2. 图片素材： 运营人员提供的图片素材往往不能达到设计师的预期，这个时候需要设计师去获取素材，产品经理可以提供一些帮助（这里推荐几个素材网站：站酷、花瓣、500px、eput）；尤其新项目出现的时候，这时可能国内甚至国外都没有相关参考，合适素材，产品经理要考虑以其他途径去获取素材了，寻找摄影师拍摄，建模师建模等（这里值得一提的是建模的素材往往比拍摄来的好得多，尤其是工业产品，工作后第一次发现工业设计的重要性，哈哈）；</p><p>可以看到上面这把刀的渲染效果图，相比实物拍摄图，材质更加逼真，而且打光的效果也比拍摄要来的好，重要的是成本比拍摄要便宜(通常一次摄影外包，可以做几个同类的建模了)。 三、页面思路的调整 页面设计的思路需要产品规划，如何提高用户的浏览量、留存时间、转化率都是产品要考虑的事情，虽然落地页的感性思维更重要，但是理性思维也必不可少，理性的逻辑可以使用户提高留存时间，更多的浏览页面的内容，从而提高页面的转化率，这个部分的验证是通过数据来评价的，但是产品对页面设计的思路要清晰：设计该页面的目的，然后把目标作为终点，连接起整个页面的模形块成一条线状思维，最终引导用户完成转化。当然这个操作的简单形式可以是这样的： 1. 假设自己就是用户：考虑下如果是自己想要完成整个过程的转化，你想从页面获取的信息是什么。根据自己的思维去构成几条线。 2. 验证真正的用户：这个时候可以考虑做一些中保真的页面去做调研，从身边的同事到朋友，然后获取他们的页面停留时间，有多少人完成了整个页面的转化，浏览页面时遇到的问题等等；然后从几条线中选择最佳方案去交给设计师完成。 四、跟进设计页面 和设计师的沟通需要用心，一定要让设计师觉得你和他是一起的，同理心很重要，千万不要让设计师觉得你是来监督他的，要知道设计师是在帮你做页面，有人说这是设计师的本职工作，这个时候我只会呵呵了，设计的好坏，用心与否完全靠设计师的心情了；当然我不反对恩威并施的方法，但是我更习惯和设计师做朋友，合作起来会更加顺畅舒服，而你的付出可能只是一杯奶茶，一顿饭（和对付程序员的套路是差不多的，哈哈，好像说漏了）。 当然以上是项目易做的情况，当遇到项目的难点或者难点的项目时，一个页面可能要做很久，这时</p><h2>个人网页制作实验报告</h2><p>湖南文理学院芙蓉学院个人主页课程设计报告 课题: 个人主页课程设计 姓名：吴珊 学号： 09120155 同组姓名：李芳 专业班级：计算机科学与技术0901班 指导教师：任盛 设计时间： 2012年6月13日</p><p>目录 1、实验目的与要求 (3) 2、主题介绍 (3) 3、工具的选择与介绍 (4) 3．1主要使用工具：Dreamweaver (4) 3．2图片处理软件：Photoshop (5) 4、网页设计实现的过程 (5) 4．1实验的分工 (5) 4．2主页的制作 (6) 4．3分页2制作（新疆美食）： (7) 5、个人网站截图 (9) 6、实验总结 (11) 7、参考文献 (11) 附录： (12) 附录一（主页部分代码，有删减）： (12) 附录二（分页2新疆美食部分代码，有删减）:------------------- 14</p><p>1、实验目的与要求 （1）自主选择主题实现一个关于主题的个人网站 （2）使用PS、Dreamweaver等软件对界面进行设置 （3）实现网页界面的美观、内容详尽丰富。 2、主题介绍 国家的历史有长有短，疆域有大有小，实力有强有弱，人口有多有少，民族构成、宗教信仰、政权性质和经济结构也有差异，故而各国的饮食文化是不一样的。 中国饮食文化是一种广视野、深层次、多角度、高品位的悠久区域文化；是中华各族人民在100多万年的生产和生活实践中，在食源开发、食具研制、食品调理、营养保健和饮食审美等方面创造、积累并影响周边国家和世界的物质财富及精神财富。 民以食为天，中华上下五千年美食文化更是源远流长。所以这次我们选择了“美食”作为主题。美食，顾名思义就是美味的食物，贵的有山珍海味，便宜的有街边小吃。但是不是所有人对美食的标准都是一样的，其实美食是不分贵贱的，只要是自己喜欢的，就可以称之为美食。吃前有期待、吃后有回味的东西。美食遭遇心情的时候，美食已不仅仅是简单的味觉感受，更是一种精神享受。中国美食体现了中华民族的饮食文化传统，有许多独特之处。由于风味多样，四季有别。导致各地的美食各有千秋。 系因地理、气候、习俗、特产的不同形成了不同的地方风味,美食菜系的划分单就汉族的饮食特点而言，目前有四大菜系、八大菜系、十大菜系之说，而且划分系类仍有继续增加的趋势。如果按四大菜系分：有川菜、粤菜、苏菜和鲁菜。也有分八大菜系的。其中各大菜系交相辉映，各有千秋，成为了中华民族珍贵的文化瑰宝！ 本次的主题分为两大部分，新疆美食、湖南美食两个主要部分。通过这两个板块来介绍两个地方的美食，以突显南北两方的美食差异与特点。让大家通过我们这个网页，以我们的网页为窗口了解湖南美食，了解新疆美食，从而增强对我国的美食文化的了解。 湖南美食-----湖南菜特别讲究原料的入味，技法多样，有烧、炒、蒸、熏等方法，尤以“蒸”菜见长。最为精湛的是煨，原汁原味。且刀功精妙，形味兼美，菜肴千姿百态，变化无穷。 新疆美食-----新疆的主食是面条、馕和牛羊肉，菜以酸辣口味为主，洋葱、番茄、辣椒、土豆用大蒜头等是常用的蔬菜配料，当然也少不了孜然、辣椒粉、醋等调味料，所以新疆菜总是香喷喷、又酸又辣，特别开胃。总地来说，新疆各民族的人们都偏爱吃面食、奶制品、牛羊肉及各种瓜果.</p><h2>唐诗宋词网页制作素材</h2><p>唐代(公元618-907年)是我国古典诗歌发展的全盛时期。唐诗是我国优秀的文学遗产之一，也是全世界文学宝库中的一颗灿烂的明珠。尽管离现在已有一千多年了，但许多诗篇还是为我们所广为流传。唐代的诗人特别多。李白、杜甫、白居易固然是世界闻名的伟大诗人，除他们之外，还有其他无数诗人，象满天的星斗一样。这些诗人，今天知名的就还有二千三百多人。他们的作品，保存在《全唐诗》中的也还有四万八千九百多首。唐诗的题材非常广泛。有是从侧面反映当时社会的阶级状况和阶级矛盾，揭露了封建社会的黑暗；有的歌颂正义战争，抒发爱国思想；有的描绘祖国河山的秀丽多娇；此外，还有抒写个人抱负和遭遇的，有表达儿女爱慕之情的，有诉说朋友交情、人生悲欢的等等。总之从自然现象、政治动态、劳动生活、社会风习，直到个人感受，都逃不过诗人敏锐的目光，成为他们写作是题材。在创作方法上，既有现实主义的流派，也有浪漫主义的流派，而许多伟大的作品，则又是这两种创作方法相结合的典范，形成了我国古典诗歌的优秀传统。 《蜀道难》、《行路难》、《梦游天姥吟留别》、《将进酒》 长恨歌唐诗宋词精选 唐诗┃唐五代词┃宋词┃宋诗 您可能知道“天生我材必有用，千金散尽还复来”是出自李白的《将进酒》，也可能知道“众里寻他千百度，蓦然回首那人却在灯火阑珊处”出自辛弃疾的青玉案元夕，但您知道“两情若是长久时，又岂在朝朝暮暮”是出自何处？“抽刀断水水更流，举杯消愁愁更愁”呢？本站精选唐宋时代著名诗词，许多大家耳熟能详的佳句。 唐诗 ·唐诗简介李白杜甫白居易李商隐 唐五代词 ·唐五代词简介 ·温庭筠 ·韦庄 ·李煜 宋词 ·宋词简介 ·晏殊 ·欧阳修 ·柳永 ·苏轼 ·秦观 ·李清照 ·岳飞 ·辛弃疾 宋诗 ·宋词简介 ·陆游 ·文天祥 《将进酒》</p><h2>html5,用户中心模板</h2><p>竭诚为您提供优质文档/双击可除 html5,用户中心模板 篇一：干货!全新的免费html5网页模版 干货！全新的免费html5网页模版 目前互联网上存在很多专业的高质量html5模版，并且是免费的，如果你熟悉编程的话，只需要研究一下它们的代码就可以学到很多便捷的操作和新的技术。在今天的文章当中我不是列出一长串可用模版的列表，而是精挑细选出高质量的响应式html5模版。更重要的是，它们都是免费的，所以我希望能有几个模版能满足的你的需求，能够运用于你的项目当中。 codester legend legend是一个基于twitterbootstrap的多功能响应式 单页模版。你可以用它来制作一个登录页，或者说是创意设计人员的线上作品展示网站，甚至于是构建一个商务主题站。 caprice liquidgem liquidgem利用css媒体查询和百分比布局给出了一个</p><p>完整的响应式设计。它还包括一个图片幻灯，一套完整的php 联系表单和一个工作示例页面。 mnml 一个轻量级的模版，用于html5/scss的响应式项目。 Varna 免费，开源，极简的响应式网站模版。 agency agency是基于twitterbootstrap建立的响应式html5商务模版。 century 拥有工作分类和音乐播放器的响应式html5模版。 mori-dark 极其简约的响应式博客模板。 篇二：20个优秀的响应式设计html5网站模板 20个优秀的响应式设计html5网站模板想索取更多相关资料请加qq：649085085或登录 ps;本文档由北大青鸟广安门收集自互联网，仅作分享之用。 有了这些，你根本不需要再进国内哪些模板网站，哪些站虽然模板数量很多，但是对于我们来说，时间是宝贵的，</p><h2>PS第6单元网页素材制作</h2><p>第六单元网页素材制作 任务一网页文字设计 一、提出任务 1．任务目标 在图层基本操作的基础上，讲解图层样式概念，重点使用图层样式生成图像效果。 2. 解决的问题 通过本章学习掌握图层样式的使用方法，明确图层样式与效果的关系，并能够合理进行图层样式的编辑并生成特效。 3. 知识要点 ?图层基本操作 ?图层样式 ?图层样式的编辑 二、教学目标 1. 知识目标 ⑴能够进行图层基本操作。 ⑵理解图层样式概念。 ⑶掌握图层样式的基本使用方法。 ⑷明确图层样式的编辑。 2. 能力目标 能够使用图层样式进行效果，进行图层样式的编辑。 3. 情感目标 通过使用图层样式生成图层特效。 三、教学分析与准备 1. 教学重点 ⑴能够进行图层基本操作。 ⑵理解图层样式概念。 ⑶掌握图层样式的基本使用方法。 ⑷明确图层样式的编辑。 2．教学难点 ⑴理解图层样式概念。 ⑵掌握图层样式的使用方法。 ⑶掌握图层样式的编辑。 ⑷使用图层样式生成图层特效。 3. 教学方法 任务驱动学习和协作学习、探究学习相结合 4. 课时安排 2课时 5. 教学环境 多媒体网络教室</p><p>键新建一个图像文件，设置其宽度为 像素，背景色为黑色，分辨率 英寸。选择【路径】调板，使用【钢笔工具】 绘制一个英文大写字母X形状的路径。 径】调板上的【将路径作为选区载入】按钮，将会生成形状的选区，切换到【图层】调板，新建图层 选择【样式】调板，载入【 使用【带投影的蓝色凝胶】样式，将【填充】设置 3.选择【文字工具】输入数字9，调整文字大小，并 所示。单击【图层】调板【添加图</p><p>再使用同样的方法，制作数字6，为该图层添加蒙版，选择【带投影的黄色凝胶】样式，并进一步编辑，制 作完成后的【图层】调板如图所示。 1．观察下图文字投影效果，通过编辑图层样式来实现。 2．通过编辑图层样式实现透明文字效果。 3．认真观察下图金属质感的文字效果，通过编辑图层样式来实现。</p><h2>网页制作基础教程</h2><p>网页制作基础教程 一、什么是HTML HTML（超文本标记语言）是网页中使用的语言，他能被网页浏览器（IE或Netscape）解释，从而显示出丰富多彩的信息（图片、文字、声音、影象、动画等）。 制作网页前首先要弄懂什么是HTML。 在IE中点击"查看"→"源文档"，就能看到该网页的HTML代码。下面是个网页文档（model.htm）的HTML代码： <html> <head> <title>这里是标题 第一段文字。
第二段文字。
【操作】请在记事本中输入以上代码，命名为test1.htm，存于D盘，然后双击打开看看。 标记一般是成对出现的，#FFFFFF表示使用的颜色是白色。 ...... ...之间是该网页的标题 charset=gb2312表示语言字符集信息是中文简体，如big5则是中文繁体。 ...之间是网页的正文内容 表示网页的背景色是白色，默认的文字颜色是白色。 ...
之间是h1号标题字 ...
之间是h2号标题字 ...之间的文字为红色 HTML是一套国际标准，其标记有几百种，您并无需全部了解他们，只要记住其中常用的十几种，就能够做出很漂亮的网页来。 常用的标记举例：《网页设计与制作》操作题
《网页设计与制作》操作题（一） 题目一： 根据图例要求，编辑给定网页，index.htm,jianli.htm,zuoping.htm,zuoyouming.htm，为指定网页添加文字，图片，超链接（导航超链接、邮件超链接），效果图如下。 （素材在“操作题（一）/题目一”文件夹下，简历文字在“简历.txt”、座右铭文字在“座右铭.doc”中），完成后上传教师机，文件名姓名+学号。 首页我的简历 我的作品座右铭 题目二： 使用表格构造布局网页，效果图如下： (素材在“操作题（一）/题目二”中，文字在“表格布局.txt”中)，完成后上传教师机，文件名姓名+学号。 题目三： 制作图片翻转的导航菜单，效果图如下： (素材在“操作题（一）/题目三”中) 完成后上传教师机，文件名姓名+学号。 《网页设计与制作》操作题（二） 题目一： 根据范例图片的效果，制作鼠标拖动图片到不同位置，实现拼图效果网页制作。 效果图如下，素材图片在“操作题（二）/题目一/images”目录下, 完成后上传教师机，文件名姓名+学号。 题目二： 使用表格、布局视图设计、制作网站《我的相册》，效果图如下，素材在“操作题（二）/题目二”目录下, 完成后上传教师机，文件名姓名+学号。 《我的相册》首页效果图 “四季”效果图 “万物”效果图 “外面的世界”链接网址： 《网页设计与制作》操作题（三） 题目一： 使用表格、布局视图设计、制作购物网站首页，效果图如下，素材在操作题（三）目录中, 完成后上传教师机，文件名姓名+学号。 题目二： 1、熟练使用搜索引擎查找所需素材并能够进行图片、文字、声音等素材的下载。 2、.学会分门别类地收集和整理素材。 3、学会图片格式转换和一般效果的处理。 Photoshop简单处理图片、软件"格式工厂”转换图片格式。 4、学会声音和视频的简单截取和格式转换等操作。 软件“视频编辑专家”对视频进行截取、分割、合并、格式转换等操作。 利用软件“GoldWAVE”对声音进行录制、截取、拼接、转换。
网页制作技术期末综合习题
网页制作技术期末综合习题 一、填空题 1．Dreamweaver MX有______种工作界面。 2．在站点中建立新的网页文件，其默认的文件扩展名为_________。 3．打开站点面板时，可执行__________菜单中的“站点”命令。 4．如果不想在段落间留有空行，可以按__________组合键。 5．为了让浏览者快速了解图像的概况，在Dreamweaver MX提供了设置__________的功能。 6．单元格内间距是指单元格内的对象与单元格__________之间的距离。 7．单元格间距是指单元格与__________之间的距离。 8．为了使所设计的表格在浏览网页时，不显示表格的边框，应把表格的边框宽度设为_______。 9．在表格的__________中可以插入另一个表格，这称为表格的嵌套。 10．表格的嵌套是指在一个表格中插入另一个表格，表格的平铺是指将不同的表格放置在网页的____________。 11．为了加快下载速度，尽量_______整个网页的内容放在一个大的表格中。 12．在_________视图中，可以使用拖动鼠标的方法在页面中绘制布局单元格。 13．在_________视图中，可以使用拖动鼠标的方法移动单元格的位置。 14．在Dreamweaver MX中，可以插入文本框的类型有单行文本框、多行文本框和__________。 15．在网页种插入文本框、单选框、多选框或跳转菜单时，要先插入空白的_________。 16．在表单中可以插入的按钮包括提交按钮、重置按钮和___________。 17．在包含框架的页面中，每个框架都显示一个________。 18．保存包含框架的页面时，如果页面中包含四个框架，要保存全部页面信息，共需要保存______个文件。每个文件的扩展名都为htm。 19．在保存框架文件时，框架的文件名必须以字母开头且________大小写。 20．浏览器在第一次装载文框架网页时，如果需要指定该框架所显示的网页文件，则要设置该框架的______________属性。21．如果链接的目标文件在本地站点中，可以使用绝对URL或相对URL，如果要链接站点以外的目标文件，则必须使用______________。 22．创建锚链接之前，必须在页面中失当的位置____________。 23．锚链接所起到的作用，就是在页面中起到________的作用，节约查找信息的时间。 24．建立与电子邮件的超链接时，在属性面板的链接文本框中输入__________+电子邮件地址。 25．在制作文本超链接时，建立了超链接德文本__________发生了变化，并且多了一条下划线。 26．使用_____________可以改变页面中建立超链接文本的显示属性。 27．使用_______________可以将格式与网页结构分离，同时可以控制多个网页稳当。 28．通过层可以非常精确地对页面中的________定位。 29．___________是指包含在另一个层中的层。 30．如果选中多个层，_______________的一个层调整柄一黑色突出显示，其他被选中层的调整柄以白色显示。 31．利用属性面板使多个层实现左对齐的操作时，选中多个层后应该在属性面板的_______文本框中输入数值。 32．默认情况下，层的__________值是按照层的创建顺序依次增加。该值大的层显示在层的上面。 33．用户与网页进行简单交互时，若不使用服务器端的应用程序，可以使用javascript脚本外还可以使用Dreamweaver MX 提供的__________功能。 34．使用时间轴面板可以设置各个____________的显示属性以及整个时间轴的播放顺序。 35．_____________是动画条中为对象设置位置、大小、颜色等属性的帧。 36．用鼠标拖动动画条，可以调整其在时间轴的位置，从而可以改变对象的持续时间。 52．在文档窗口中，用拖动弹出式菜单边框位置可以设置其相对于触发对象位置，用这种方法只能确定_______________的
Html设计实验报告
信息职业技术学院 《网页设计》实验报告（2010—2011学年第二学期） 班级： 姓名： 学号： 指导老师：
实验一认识Dreamweaver CS3 一、实验目的 1、熟悉Dreamweaver CS3环境。 2、了解HTML文件结构。 二、实验环境 计算机 三、实验容 创建站点有两种方式：使用向导有序地进行设置，或者通过在“管理站点”对话框中设置“高级”选项卡信息来创建。无论哪种方式，都要事先在本地磁盘上建立一个用来存放站点的文件夹，这个文件夹就是本地站点的根目录。下面介绍一下这两种方式的具体操作步骤。 1．使用向导建立站点 使用向导建立站点的步骤如下：（1）打开建立站点向导的方法有3种。 ①在进入Dreamweaver的起始页界面中选择“新建”→“Dreamweaver站点”命令，如图所示。 ②选择“站点”菜单中的“新建站点”命令。 ③选择“站点”菜单中的“管理站点”命令，打开如图所示的“管理站点”对话框，执行“新建”→“站点”命令。 起始页中新建站点“管理站点”对话框（2）打开“站点定义为”对话框，在“您打算为您的站点起什么名字？”文本框中输入站点名字，如travel。若已申请域名则可以在“您的站点的HTTP地址（URL）是什么？”文本框中填入申请的域名地址。如图所示。
设置站点名和URL地址 （3）单击“下一步”按钮，询问是否使用服务器技术，如图所示。若是静态站点则选中“否，我不想使用服务器技术”单选按钮，若是动态站点可以进一步设置使用哪一种服务器技术。 选择是否使用服务器技术 （4）单击“下一步”按钮，在“您将把文件存储在计算机上的什么位置？”文本框中直接输入站点根目录的路径，或者单击“浏览”按钮，选择文件夹目录。 （5）单击“下一步”按钮，在“您如何连接到远程服务器？”下拉列表框中选择一种连接到远程服务器的方式，这里选择“无”选项。 （6）单击“下一步”按钮，将显示前几步设置的总结信息，若需修改可单击“上一步”按钮返回重新设置，若确定设置则单击“完成”按钮。 站点创建完成后将在“文件”面板中显示出站点的结构和文件。 2．使用高级设置建立站点 使用高级设置建立站点的第一步同前，在如图所示的“站点定义为”对话框中切换到“高级”选项卡，如图所示。在左边的分类中选择“本地信息”选项，然后分别设置“站点名称”、“本地根文件夹”、“默认图像文件夹”、“HTTP地址”等信息。若有需要还可以在左边的分类中选择其他项目进行设置，完成以后单击“确定”按钮，即可创建站点。 对于已经创建好的站点，可以执行编辑、复制、删除、导出和导入等操作。 1．编辑站点 如果要重新设置站点的属性，可以执行以下步骤： （1）单击“站点”→“管理站点”选项。（2）从站点列表中选择要编辑的站点名称，单击“编辑”按钮。可以参考前面创建站点的方法重新设置站点属性。（3）编辑完毕后，单击“确定”按钮，返回到“管理站点”对话框，单击“完成”按钮。 2．复制站点 如果要创建多个结构相同或相似的站点，可以利用站点的复制功能，具体步骤如下： （1）单击“站点”→“管理站点”选项。 （2）从列表中选择要复制的站点名称，单击“复制”按钮。
网页制作(文化、生活网页)
一、实验软件：Photoshop，flash，dreamweaver以及网页设计有关书籍。 二、实验内容：制作两个网页（文化、生活）。 三、实验要求： 1、软件正确选择； 2、体现站点设计思路； 3、体现制作首页的布局工具和页面结构； 4、体现网页的基本元素； 5、能使用至少两种页面特效； 6、网站至少包含七个页面。 四：实验方案： （一）、确定网站主题： 1.文化； 2.生活。 （二）、收集材料： 主要在网站上搜集所要的网页信息，包括图片、文字、相关的新闻，同时，查询相关的图书、报纸、光盘、多媒体等，也可以得来更加有说服力的信息。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。 文化、生活素材：
（三）、规划网站： “生活”这个网页包含“衣、食、住、行”四个方面；“文化”这个网页包含“书法、音乐、乐器、水墨画、文字、文学”四个方面。网页布局主要用框架设计的，用层定位内容的大体结构，再用表格具体定位。位子的设计也是重要的一个部分，根据具体内容决定字体风格，相同的风格多次调用是，用css设计一个样式，以保证随时、准确的调用。另外，为了网页布局的协调，还可以加入flash动态图片，会达到更好的效果。 （四）、选择合适的制作工具： 做网页的首先工具当然为Dreamweaver，另外，为了处理网页中的其他元素，还可以使用Photoshop，flash等。 （五）、制作网页： 素材、风格、模板都设计好以后，下一步就是具体的制作网。 （一）：文化网页制作步骤：
网页设计与制作实验报告
网页设计与制作实验指导一览表 实验1 HTML语言 实训目的: 为了让学生能熟悉学习网页不可避免要接触的HTML语言，达到用该语言可以建立一个简单的网页的目的，同时了解建立站点是做网站必不可少的，要掌握建立站点的方法。 素材准备： 准备制作网页所需的文字素材、图像素材。 实验课时： 2学时 实验内容： 1.创建站点； 2.新建网页以及保存，重命名； 3.输入HTML语言。 实验步骤：
1.在E盘中新建本地根文件夹，命名为root，并在该文件夹中新建image 文件夹以存放网站中所要用到的图片。 2.定义站点：设置 "站点名称"，命名为 "mysite";设置本地根文件夹,指定 为E盘下的root文件夹;设置 "HTTP地址"为localhost。 3.创建与设置文档的页面属性：新建一个页面，保存名为“HTML基础” 的文档。 4.切换代码模式下，输入代码。 5.保存文件，预览文件效果。 实验过程注意事项: 1.在创建站点的过程中注意建立本地文件夹，文件夹命名最好为英文；网站 中所有的文件最好取名为英文；注意文件的路径； 2.所有的图片文件单独放在image文件夹内。 实验思考: 除了用HTML语言来做这个网页，还有没有其它的方法？ 书写实验报告要求: 根据最终所作的网页，写出实验报告。 页面效果图： 图1-1
实验2 初识Dreamweaver 实验目的： 为了让学生能熟练掌握Dreamweaver的安装与卸载，启动与退出，基本工作环境和设置，对Dreamweaver操作环境有一定了解。 素材准备： 准备好从网上下载的安装程序。 实验课时： 2学时 实验内容： 1.安装Dreamweaver： 2.Dreamweaver的启动与退出： 3.了解工具栏、菜单栏、标题栏等工作环境： 4.卸载Dreamweaver 实验步骤： 1.打开从网上下载的Dreamweaver程序，双击安装。 2.安装完成后输入注册号。 3.启动Dreamweaver，并查看工具栏、菜单栏、标题栏等工作环境。 4.退出Dreamweaver。 5.卸载Dreamweaver 实验过程注意事项： 1.安装过程完成后，要激活。 实验思考： 从“控制面板”里删除程序与从安装到的目录文件里删除有什么区别？ 书写实验报告要求： 写出本次实验报告。 实验3 文本操作
网制作综合实例
网页制作综合实例 16.1制作前的准备工作 首先在E盘上建立一个文件夹（如玫瑰信使），再在其下建立images文件夹和css文件夹。将“ch16/images”文件夹下的所有图像拷贝到“玫瑰信使/images”文件夹下。 建立站点和规划目录结构、指定默认图像文件夹 主页制作前的准备工作，有定义站点和设计网站结构的目录，还有就是要将网页设计制作中需要用到的所有图像素材整理好，最好是放在站点根目录中的一个文件夹中，如images。这样便于设计制作时的选取使用，也不易造成素材的混乱。如下图： 规划站点目录结构 为站点中使用的图像文件指定一个默认图像文件夹，如下图： 设置站点中的默认图像文件夹 在站点下建立一个主页文件index.html。 16.2设置页面属性及样式 16.2.1页面属性设置 1.在站点资源管理器的本地视窗中，选择并双击已经定义的首页面文件ch16\index.asp。 2．在打开的index.asp文件的文档窗口中，选择“修改”---“页面属性”菜单项，打开“页面属性”对话框。 设置网页标题为：“家庭百科” 设置背景图像为images/bj.gif 将“左边界”、“顶部边界”、“边界宽度”、“边界高度”项均设为5。 3．设置完成后，单击“确定”按钮，确定操作返回到index.asp文档窗口。 16.2.2定义CSS样式文件 定义body样式 1.在index.htm文档窗口中，依次单击“窗口”---“CSS样式”菜单项，打开“CSS样式”面板。选择 “新建CSS样式”菜单命令。 2.打开“新建CSS样式”对话框，“类型”选择“重定义HTML标签”，在“标签”框中选择或输入 body，“定义在”选择“（新建样式表文件）”。 3.单击“确定”按钮，在弹出的“保存样式表文件为”对话框中，选择样式文件保存的路径（站点下的 CSS文件夹），输入样式文件名（这里存为css）。 4.单击“保存”按钮，在出现的样式定义对话框中选择“类型”，在“字体”下拉列表框中选择“宋 体”;在“大小”下拉列表中选择“9”，后面的单位下拉列表框中选择“点数（pt）”度量单位。 5.单击“确定”按钮，便完成对body标记的定义
网页制作实验报告6个实验
目录 实验一网页设计基础实验 (2) 实验二HTML语言应用 (4) 实验三CSS样式表的应用---CSS的引用 (10) 实验四Dreamweaver的使用、个人网站的制作 (13) 实验五用框架、模板设计网页 (15) 实验六表单制作 (19)
实验一网页设计基础实验 一、实验目的 1．掌握网站设计的基本原则、网站及网页的基本风格与基本构图特点； 2．了解网页布局的形式。 3.用记事本编写一个简单的网页。 二、实验内容 1．上网访问实际若干电子商务网站，了解各网站的风格（主题图形形象、导航是否清晰，整体色调的搭配是否协调，主题是否突出等）。 2．在网上找出下列版面布局的结构形式： ⑴．“T”结构布局 1."T"结构布局。所谓"T"结构。就是指页面顶部为横条网站标志+广告条，下方左面为主菜单，右面显示内容的布局，因为菜单条背景教深，整体效果类似英文字母"T",所以我们称之为"T"形布局。这是网页设计中用的最广返的一种布局方式。这种布局的优点是页面结构清晰，主次分明。是初学者最容易上手的布局方法。缺点是规矩呆板，如果细节色彩上不注意，很容易让人"看之无味"。 2."口"型布局。这是一个象形的说法，就是页面一般上下各有一个广告条，左面是主菜单，右面放友情连接等，中间是主要内容。这种布局的优点是充分利用版面，信息量大(我的主页首页即属于这种布局)。缺点是页面拥挤，不够灵活。也有将四边空出，只用中间的窗口型设计，例如网易壁纸站。 3."三"型布局。这种布局多用于国外站点，国内用的不多。特点是页面上横向两条色块，将页面整体分割为四部分，色块中大多放广告条。 4.对称对比布局。顾名思义，采取左右或者上下对称的布局，一半深色，一半浅色，一般用于设计型站点。优点是视觉冲击力强，缺点是将两部分有机的结合比较困难。 5.POP布局。POP引自广告术语，就是指页面布局象一张宣传海报，以一张精美图片作为页面的设计中心。常用于时尚类站点，比如https://www.wendangku.net/doc/9a8205887.html,。优点显而易见：漂亮吸引人 进入internet找到以上各种布局，并写出各种版面布局网站的域名和所采用的版面布局形式 找出使用大色块和抽象线条构图风格的网站（至少各2个）；例：大色块主页 找出10个国内外著名企业或商务网站主页上的宣传标语或体现企业精神的代表性词句。 三、实验步骤与要求 1）新建一个记事本文件本在其中输入如下代码：
我的第一个网页 网页制作操作步骤之一
国家职业资格鉴定 《网页设计制作员》（中级/四级）试卷 注意事项： 1、在R盘新建一个考生文件夹，其文件夹名为：机号+网页设计制作员+考生准考证号最 后五位（例：01网页设计制作员90001），考生所做的结果必须保存在该考生文件夹内。 考试过程中应注意经常保存文件。 2、考试所需素材在S盘：\网页设计制作员素材文件夹内。 3、答题以试题文字要求为准，样张仅供参考。 4、试卷不得带走，否则考试成绩做无效处理。 一、设计制作网页内容文字和图表效果：共20分。（题库1.1.1试题单） 1. 在R:\ 01网页设计制作员90001目录下新建1.1.1文件夹。 2. 把素材库文件夹“网页设计制作员素材\1.1.1”内的“1.1.1.2文件夹”中的zc.htm和images文件夹复制到R:\ 01网页设计制作员90001文件夹中。打开素材库文件夹“网页设计制作员素材\1.1.1”内的样张“1.1.1.1.bmp”。 3. 用Dreamweaver8.0打开R盘（考生目录1.1.1文件夹下）的zc.htm文件， 2种打开文件的方式：1）打开Dreamwaever8.0软件，菜单里选择打开，选择zc.htm文件。 2）右击zc.htm文件，“使用Dreamweaver 8编辑”。 4. 在适当位置插入图片zc-1.gif,并在“替换”中键入“用户注册”（添加注释）；如下图： 5. 在用户注册后的两列中设置背景图片为zc-4.gif，如下图： 6. 在CSS浮动面板中新建CSS规则，名称自定（如ziti），单选按钮选“仅对该文档”（内部标签）；如下图：
在类型中选择 a）大小：12像素；b)行高：2倍行高； 7. 按样张填入表单对象、文字，并设置CSS样式。 8. 布局表格内适当位置添置按钮对象，值为“检查会员名是否…”，并设置表单对象的动作属性为无；如下图： 9. 布局表格内适当位置添置按钮对象，值为“同意以下服务条款…”，表单对象的动作属性为“提交”；如下图:
《网页制作》结课作业
湖南文理芙蓉学院个人主页课程报告 201703考试批次 《网页制作》结课作业 学生姓名学习中心 学号考号 专业年级层次 北京语言大学网络教育学院
《网页制作》结课作业 注意： 本学期所布置的结课作业，请同学一律按照以下要求执行： 一、学生必须预约才能在学生平台看见相关课程的“结课作业”按钮； 二、提交路径：个人平台首页--学习中的课程，点击该课程名称--点击“结课作业”--点击“浏览”按钮，选择要上传的文档后点击“提交作业”即可。 三、结课作业提交起止时间：2017年1月21日--3月20日。（届时平台自动关闭，逾期不予接收。） 四、提交的文档格式必须为word文档，截止日期前可多次提交，平台只保留最后一次提交的文档； 五、严格按照课程名称提交相应课程结课作业，提交错误的结课作业，按0分处理。 一、设计题目（请在以下网页设计作品中任选其一，最后整理一份网站设计与实现的报告即可，具体要求如下。总分100分） 1、制作个人主页 2、制作公司网站主页 3、制作环保网站网页 4、制作BBS注册网页 5、制作购物网站 6、制作班级主页 7、制作家乡介绍网页 8、制作汽车世界网页 9、制作销售书店网页 10、制作美食天下网页 二、网站设计与实现具体要求 1、设计题目： 选择一个你最感兴趣的主题，进行网站设计与开发，网站内容具有实用价值。 2、开发环境： 综合使用Dreamweaver CS、CSS、HTML、Flash CS、Fireworks CS、VBScrip（JAVAScript）等工具和语言，但动态网页制作不做硬性规定。 3、内容要求： ①内容不限，但要求主题思想明确； ②具体的设计所需素材，可在网上查找，但不得有严重侵权行为，一经发现按零分处理。 4、技术要求： ①选用Div、表格、框架、层等若干技术设计和布局网页；
网页制作教程,网页制作入门教程
选修课《网页设计》实践考核题 题目：设计一个个人网站 一、要求： 1．使用Dreamweave网页工具制作一个个人网站； 2．包含至少四个网页: 包括首页、个人简介、个人相册等（可随意设计），网页之间用超链接相连。 3．网页中要有图片和文字内容，用表格或框架进行页面布局； 4．添加至少两种行为，并为首页添加背景音乐。 5. 在网站中设计一个表单页面。 6. 首页必须包含页面标题，动态按钮导航栏。 下面我们大家统一一下软件版本，我用的是网页三剑客cs3版本的，大家可以去迅雷下载，因为我们要用到flash 建议大家也按装好flash 首先新建一个文件夹，文件夹的名字不能为汉字，做网站所有的路径都必须用字母或者数字， 不能用汉字，我们就用名字吧，譬如说名字张三，那文件夹名字就是zs，如图
打开Dreamweaver软件，得到图 做网页要新建站点，关于站点配置服务器什么的，这里不讲了，只讲建立站点。选择站点——新建站点。 我们建的文件夹就是站点根文件夹。 新建站点后得到这样一个界面 点选高级，得到界面
站点名称与我们建文件夹得名字相同，zs填进去就可以了 本地根文件夹就是我们新建的那个文件夹， http地址为http://localhost/zs 接下来选择左侧栏里远程信息 点击无后面的那个三角，选择本地网络，远端文件夹同样选择我们新建的那个文件夹
接下来点选左面菜单里的测试服务器， 点选访问后面那个三角，选择本地网络，测试服务器文件夹也为我们建好的文件夹zs，在url前缀后面加上zs 然后点击确定就可以了得到这样一个界面。 下面看老师的第一条要求，是要至少四个网页，那我们就做四个 单击新建，然后单击 接下来，选择
Html设计实验报告
山东信息职业技术学院 《网页设计》实验报告（2010—2011学年第二学期） 班级： 姓名： 学号： 指导老师：
实验一认识Dreamweaver CS3 一、实验目的 1、熟悉Dreamweaver CS3环境。 2、了解HTML文件结构。 二、实验环境 计算机 三、实验内容 创建站点有两种方式：使用向导有序地进行设置，或者通过在“管理站点”对话框中设置“高级”选项卡信息来创建。无论哪种方式，都要事先在本地磁盘上建立一个用来存放站点的文件夹，这个文件夹就是本地站点的根目录。下面介绍一下这两种方式的具体操作步骤。 1．使用向导建立站点 使用向导建立站点的步骤如下：（1）打开建立站点向导的方法有3种。 ①在进入Dreamweaver的起始页界面中选择“新建”→“Dreamweaver站点”命令，如图所示。 ②选择“站点”菜单中的“新建站点”命令。 ③选择“站点”菜单中的“管理站点”命令，打开如图所示的“管理站点”对话框，执行“新建”→“站点”命令。 起始页中新建站点“管理站点”对话框（2）打开“站点定义为”对话框，在“您打算为您的站点起什么名字”文本框中输入站点名字，如travel。若已申请域名则可以在“您的站点的HTTP地址（URL）是什么”文本框中填入申请的域名地址。如图所示。 设置站点名和URL地址
（3）单击“下一步”按钮，询问是否使用服务器技术，如图所示。若是静态站点则选中“否，我不想使用服务器技术”单选按钮，若是动态站点可以进一步设置使用哪一种服务器技术。 选择是否使用服务器技术 （4）单击“下一步”按钮，在“您将把文件存储在计算机上的什么位置”文本框中直接输入站点根目录的路径，或者单击“浏览”按钮，选择文件夹目录。 （5）单击“下一步”按钮，在“您如何连接到远程服务器”下拉列表框中选择一种连接到远程服务器的方式，这里选择“无”选项。 （6）单击“下一步”按钮，将显示前几步设置的总结信息，若需修改可单击“上一步”按钮返回重新设置，若确定设置则单击“完成”按钮。 站点创建完成后将在“文件”面板中显示出站点的结构和文件。 2．使用高级设置建立站点 使用高级设置建立站点的第一步同前，在如图所示的“站点定义为”对话框中切换到“高级”选项卡，如图所示。在左边的分类中选择“本地信息”选项，然后分别设置“站点名称”、“本地根文件夹”、“默认图像文件夹”、“HTTP地址”等信息。若有需要还可以在左边的分类中选择其他项目进行设置，完成以后单击“确定”按钮，即可创建站点。 对于已经创建好的站点，可以执行编辑、复制、删除、导出和导入等操作。 1．编辑站点 如果要重新设置站点的属性，可以执行以下步骤： （1）单击“站点”→“管理站点”选项。（2）从站点列表中选择要编辑的站点名称，单击“编辑”按钮。可以参考前面创建站点的方法重新设置站点属性。（3）编辑完毕后，单击“确定”按钮，返回到“管理站点”对话框，单击“完成”按钮。 2．复制站点 如果要创建多个结构相同或相似的站点，可以利用站点的复制功能，具体步骤如下： （1）单击“站点”→“管理站点”选项。 （2）从列表中选择要复制的站点名称，单击“复制”按钮。 （3）若要对复制的站点进行编辑，可以从站点列表中选中新复制的站点，单击“编辑”按钮，编辑完成返回到“管理站点”对话框，单击“完成”按钮。
