7、请指出下面正确的说法是:(C) (A)背景音乐标记符号通常插入在…之间 (B)可以在JavaScript语句之间插入背景音乐 (C)背景音乐最好使用MP3格式 (D)用SRC属性指明声音文件地址 8、下列哪些是视频文件。(BD) (A)jpg文件 (B)avi文件 (C)mov文件 (D)mpg文件 9、HTML是一种专门用来设计网站的计算机标记语言(T F) 10、网站模版是指网站内容的总体结构和(A) A.页面格式总体规划 B.网页制作规划个人网页制作实验报告 湖南文理学院芙蓉学院个人主页课程设计报告 课题: 个人主页课程设计 姓名:吴珊 学号: 09120155 同组姓名:李芳 专业班级:计算机科学与技术0901班 指导教师:任盛 设计时间: 2012年6月13日
目录 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
1、实验目的与要求 (1)自主选择主题实现一个关于主题的个人网站 (2)使用PS、Dreamweaver等软件对界面进行设置 (3)实现网页界面的美观、内容详尽丰富。 2、主题介绍 国家的历史有长有短,疆域有大有小,实力有强有弱,人口有多有少,民族构成、宗教信仰、政权性质和经济结构也有差异,故而各国的饮食文化是不一样的。 中国饮食文化是一种广视野、深层次、多角度、高品位的悠久区域文化;是中华各族人民在100多万年的生产和生活实践中,在食源开发、食具研制、食品调理、营养保健和饮食审美等方面创造、积累并影响周边国家和世界的物质财富及精神财富。 民以食为天,中华上下五千年美食文化更是源远流长。所以这次我们选择了“美食”作为主题。美食,顾名思义就是美味的食物,贵的有山珍海味,便宜的有街边小吃。但是不是所有人对美食的标准都是一样的,其实美食是不分贵贱的,只要是自己喜欢的,就可以称之为美食。吃前有期待、吃后有回味的东西。美食遭遇心情的时候,美食已不仅仅是简单的味觉感受,更是一种精神享受。中国美食体现了中华民族的饮食文化传统,有许多独特之处。由于风味多样,四季有别。导致各地的美食各有千秋。 系因地理、气候、习俗、特产的不同形成了不同的地方风味,美食菜系的划分单就汉族的饮食特点而言,目前有四大菜系、八大菜系、十大菜系之说,而且划分系类仍有继续增加的趋势。如果按四大菜系分:有川菜、粤菜、苏菜和鲁菜。也有分八大菜系的。其中各大菜系交相辉映,各有千秋,成为了中华民族珍贵的文化瑰宝! 本次的主题分为两大部分,新疆美食、湖南美食两个主要部分。通过这两个板块来介绍两个地方的美食,以突显南北两方的美食差异与特点。让大家通过我们这个网页,以我们的网页为窗口了解湖南美食,了解新疆美食,从而增强对我国的美食文化的了解。 湖南美食-----湖南菜特别讲究原料的入味,技法多样,有烧、炒、蒸、熏等方法,尤以“蒸”菜见长。最为精湛的是煨,原汁原味。且刀功精妙,形味兼美,菜肴千姿百态,变化无穷。 新疆美食-----新疆的主食是面条、馕和牛羊肉,菜以酸辣口味为主,洋葱、番茄、辣椒、土豆用大蒜头等是常用的蔬菜配料,当然也少不了孜然、辣椒粉、醋等调味料,所以新疆菜总是香喷喷、又酸又辣,特别开胃。总地来说,新疆各民族的人们都偏爱吃面食、奶制品、牛羊肉及各种瓜果.
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)从列表中选择要复制的站点名称,单击“复制”按钮。
使用HTML制作网页(精) 使用HTML制作网页 台州电大工程技术系钱莹 HTML(Hyper Text Mark-up Language )即超文本标记语言,是 WWW 的描述语言。HTML语言是由 HTML标记组成的描述性文本,HTML 标记可以说明文字、图形、动画、声音、表格、链接等。 HTML的结构包括头部 (Head)、主体 (Body) 两大部分。头部描述浏览器所需的信息,主体包含所要说明的具体内容。 通过使用HTML,我们可以制作出精美的页面,同时,它也是设计功能更强大的电子商务网站的基础。 通过本章节的学习,要求同学掌握Tab标签,字标题标签,文本,链接,图片,表格等各类HTML标记的使用规则,熟悉标记中各类属性的含义及使用方法。 在本章节的学习中,我们将围绕HTML标记学习,通过一个实际案例制作(台州旅游网主页),依次学习Tab标签,字标题标签,文本,链接,图片,表格等各类HTML标记;在对以上标签进行介绍同时,辅以实际案例制作,使学习过程中能够理论与实际相结合,提高教学效果。 台州旅游网 Tab标签 < html>< /html>其间为所有的页面元素代码 < head>< /head> 放置页面的一些属性,如meta等 < title>< /title>设定网页的标题 < body>< /body>整个页面的主体部分,可设定背景色,文本等 例:< body bgcolor="颜色代码" background="图片地址" onload="" text=""
link="" vlink="已访问后的颜色" alink="单击时的颜色"> HTML标记示例
台州旅游信息网 台州旅游信息网制作步骤一:熟悉(HTML,HEAD,TITLE,BODY)标记 步骤一程序 功能:通过示例,使学生对HTML标记功能产生直观印象。 重点: html标记必须成对使用,譬如 各标记的功能 标记的嵌套关系 2.字标题标签 < h1>< /h1>放标题1,2……表显示的大小 < h2>< /h2> · < h7>< /h7>网页设计与制作试题(HTML基础)有答案 1.HTML 文件必须使用htm 或者(B)作为文件扩展名。 A.doc B. html C. jsp D. aspx 2.HTMl是指(A)。 A.超文本标签语言 B. 汇编语言 C. 服务端端语言 D.脚本语言 3.WWW是(B)的意思。 A.网页B.万维网C.浏览器D.超文本传输协议 4.在网页中显示特殊字符,如果要输入“<”,应使用(D)。 A.lt; B.≪ C.< D.< 5.以下说法中,错误的是:(D)。 A.获取WWW服务时,需要使用浏览器作为客户端程序。 B.WWW服务和电子邮件服务是Internet提供的最常用的两种服务。 C.网站就是一系列逻辑上可以视为一个整体的页面的集合。 D.所有网页的扩展名都是.htm。 6.以下说法中,错误的是:(B)。 A.网页的本质就是HTML源代码。 B.网页就是主页。 C.使用“记事本”编辑网页时,通常应将其保存为.htm 或.html 后缀。 D.本地网站通常就是一个完整的文件夹。 7.浏览网页时,通常使用以下协议:(C)。 A.mailto B.FTP C.HTTP D.TCP/IP 8.在网页中显示特殊字符,如果要输入空格,应使用(D)。 A.nbsp; B.&Nbsp; C.  D. 9.以下软件中,不能直接用来编辑HTML 文件的是:(C)。 A.记事本B.FrontPage C.Flash D.Dreamweaver 10.以下有关HTML 标记符的属性的说法中,错误的是:(C)。 A.在HTML中,所有的属性都放置在开始标记符的尖括号里。 B.属性与HTML标记符的名称之间用空格分隔。 C.属性的值放在相应属性之后,用等号分隔;而不同的属性之间用分号分隔。 D.HTML 属性通常也不区分大小写。 二、填空题 1.如果要为网页指定黑色的背景颜色,应使用以下html语句:
。 2.上网浏览网页时,应使用_____浏览器____作为客户端程序。 3.TITLE 标记符应位于___head______标记符之间。 4.要设置网页在黑色背景下显示白色文字,应使用__语句。 5.要设置整个网页的背景颜色,应在body标记符中设置____bgcolor_____属性。 三、判断题 1.用H1标记符修饰的文字通常比用H6标记符修饰的要小。╳ 2.B标记符表示用粗体显示所包括的文字。√ 3.指定滚动字幕时,不允许其中嵌入图象。╳ 4.指定水平线粗细的属性是size。√ 5.指定水平线粗细的属性是width。╳网页设计与制作实验报告 网页设计与制作实验指导一览表 实验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 文本操作
HTML网页制作基础题试题与答案 HTML网页制作基础题 一、选择 1. 在一个框架的属性面板中,不能设置下面哪一项。( D )A.源文件B .边框颜色C.边框宽度D.滚动条 2. 下列哪一项表示的不是按钮。( C ) A.type="submit" B.type="reset" C.type="image" D .type="button" 3. 下面哪一个属性不是文本的标签属性?( A ) A.nbsp; B .align C .color D.face 4. 下面哪一项的电子邮件链接是正确的?( B ) A.https://www.doczj.com/doc/0e16331428.html, B .xxx@.net C.xxx@com D .xxx@https://www.doczj.com/doc/0e16331428.html, 5. 当链接指向下列哪一种文件时,不打开该文件,而是提供给浏览器下载。( C )A.ASP B.HTML C.ZIP D.CGI 6. 关于表格的描述正确的一项是。( D )A.在单元格内不能继续插入整个表格 B .可以同时选定不相邻的单元格C.粘贴表格时,不粘贴表格的内容 D .在网页中,水平方向可以并排多个独立的表格 7. 如果一个表格包括有 1 行4 列,表格的总宽度为“ 699”,间距为“ 5”,填充为“ 0”,边框为“ 3”,每列的宽度相同,那么应将单元格定制为多少像素宽。( D ) A.126 B.136 C.147 D.167 8. 关于文本对齐,源代码设置不正确的一项是:(A.居中对齐:
?
B.居右对齐: ?
C.居左对齐: ?
D.两端对齐: ?
9. 下面哪一项是换行符标签?(C) A. B . C . D. 10. 下列哪一项是在新窗口中打开网页文档。(B )A._self B ._blank C._top D._parent 11. 下面对JPEG格式描述不正确的一项是。( C ) A.照片、油画和一些细腻、讲求色彩浓淡的图片常采用JPEG格式 B.JPEG支持很高的压缩率,因此其图像的下载速度非常快C.最高只能以256 色显示的用户可能无法观看JPEG图像 D.采用JPEG格式对图片进行压缩后,还能再打开图片,然后对它重新整饰、编辑、压缩网页制作实验报告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.doczj.com/doc/0e16331428.html,。优点显而易见:漂亮吸引人 进入internet找到以上各种布局,并写出各种版面布局网站的域名和所采用的版面布局形式 找出使用大色块和抽象线条构图风格的网站(至少各2个);例:大色块主页 找出10个国内外著名企业或商务网站主页上的宣传标语或体现企业精神的代表性词句。 三、实验步骤与要求 1)新建一个记事本文件本在其中输入如下代码:
我的第一个网页 HTML代码4种范例——网页设计 范例1——Shopping_mall 效果图
HTML代码
无标题文档