动态网站设计与制作
【摘要】随着网络日益深入社会生活,以电子商务网站作为对外的展示窗口,进行内外信息交流,已成为大众的迫切需要。网站信息管理系统是典型的信息管理系统(MIS),其开发主要包括后台数据库的建立和维护以及前端应用程序的开发两个方面。对于前者要求建立起数据一致性和完整性强、数据安全性好的数据库。而对于后者则要求应用程序功能完备,易使用等特点。使用MACROMEDIA公司的Dreamweaver MX制作页面,用ASP语言做连接数据库的程序,使用Access制作系统的数据库,做一个具有留言版、登入页面等信息网站。
【关键词】Dreamweaver 应用、信息管理系统、ASP(Active Sever Pages)
前言
近年来,网络技术得到迅速的发展,这就为信息资源的共享提供了技术上的可能.作为信息密集型的地理信息系统(GIS)上升到网络平台可谓适逢其时.但从目前的应用情况来看,除了国外极少的公司拥有网络版的GIS之外,在国内还处于试验研制的阶段.因此,尽快地研制出我国自主版权的网络GIS的原型和产品,并在技术手段上达到国际先进水平,是摆在我们面前的一项迫切的任务。
人类社会已开始进入信息社会,信息逐渐渗透到人们工作、生活、娱乐、商业、制造业、军事等各个领域,办公自动化、电子商务、网上购物、远程医疗、家庭上网、电子博物馆等概念逐渐变为现实,这一切都是依赖于计算机技术、通信技术、网络技术、信息技术的飞速发展,依赖于这些新技术在人们生活中的广泛应用。
1.系统开发所用工具的简介
1.1开发环境
Windows 98/2000/XP 操作系统的PC
1.2开发工具
DreamweaverMX、Frontpage2003以及图象处理工具Fireworks MX和Photoshop8.0。
Dreamweaver是当前最流行的网页设计软件,Dreamweaver不仅是一个专业的可视化网页创建编辑器,而且它还是一个出色的网站维护工具。用户可以通过它管理和维护已有的站点,从此不必在维护和管理方面花太多的力气,省下的时间可以考虑如何再修饰自己的网页。使用Dreamweaver,可以轻松随意地设计跨越平台、跨越浏览器的网页。
ASP 简介
在管理信息系统的开发应用中,Microsoft公司的ASP(Active Server Pages)被广为使用。ASP实际上是将标准的HTML文件拓展了一些附加特征,为编写人员提供了在服务器端运行脚本的环境,使编写人员可以利用VBScript和JavaScript或其他的第三方脚本语言来创建ASP,实现过去需要编写复杂的CGI 程序才能实现的有动态内容的网页,如计数器等。ASP提供了一些内置对象和组件,允许用户从浏览器中接收和发送信息。ASP可以和诸如SQL Server这样的数据库进行连接,进而完成数据的交换与更新。
2.动态网站主要设计工具及本站应用
2.1photoshop在本站中的应用
在众多图像处理软件中,Adobe公司推出的专门用于图形、图像处理的软件Photoshop以其强大的功能、集成度高、适用面广和操作简便而著称于世。本站在很多方面使用了PHOTOSHOP极其相关的技术:
首先,本站的整体样式是通过PHOTOSHOP设计出来,在PHOTOSHOP上形成网站整体的风格和样式,这样的关键是PHOTOSHOP在设计上有非常大的作用,这是其他软件很难媲美的,而且PHOTOSHOP软件还可以对所设计的网页进行切割,然后导出优化结果,这样的结果是HTML格式的,就可以很方便的导入到Dreamweaver MX进行进一步的编辑。
2.2本网站编写设计环境选择
为了完美的表现出网站的魅力和风采,在本网站编写环境选择上采用国际先进的网页、平面处理等工具及其动态网页语言。
2.3编程语言选择ASP(Active Sever Pages)
(ASP)是服务器端脚本编写环境,使用它可以创建和运行动态、交互的 Web 服务器应用程序。由于脚本在服务器上而不是在客户端运行,传送到浏览器上的Web 页是在 Web 服务器上生成的。所以不必担心浏览器能否处理脚本,这也是本旅游网站选择ASP的原因。
2.4数据库连接
ODBC(Open Database Connectivity)数据源中文译名为“开放数据连接”,是微软公司开发的一个数据库访问标准。它的两个用途分别是:
第一,使用ODBC技术,设计人员只需编写一个程序版本,就可以访问多种数据库,从而使程序具有更好的兼容性和适应性。
第二,有些应用程序需要访问某种数据库,但程序所在的计算机上并没有安装相应的数据库软件。如果为了使用某种数据库,可以安装相应的数据库软件,但有些数据库软件极其庞大,并且对计算机的硬件、软件配置有非常高的要求,即便能够安装,也会占用大量的系统资源。为此,ODBC提供了一批常用的数据库软件驱动程序,包括Microsoft Access的驱动程序。这样,计算机上即便没有安装Microsoft Access,但只要有了Microsoft Access的驱动程序,程序就可以访问数据库。
如果要在ASP程序中通过ADO对象访问数据库,必须先建立一个数据源(Data Source)。数据源包含了如何与一个数据提供者进行连接的信息。数据提供者可以是任何支持ODBC的数据库。数据源有三种类型:系统数据源、用户数据源和文件数据源。如果建立的数据源是系统数据源,则所有的用户都可以访问;如果是用户数据源,则只有指定用户可以访问;如果是文件数据源,则数据源信息将被存储在一个文件中,多个用户可以通过它来访问数据库。“网上书店”的ODBC 数据源是名为“db”的系统数据源。
数据源的配置流程为:“开始”→“设置”→控制面板→管理工具→数据源(ODBC)。当数据库参数设置完成,会弹出测试所建立的数据源是否成功,同时也列出了连接到Microsoft Access数据源的所有信息。
2.5网站运行环境选择IIS(Internet Information Server)
IIS 即Microsoft Internet Information Server 是运行Windows平台的
一款Web服务器,支持ASP的运行。本站的浏览需要IIS的支持。本旅游网站需要在IIS下才能正常运行。
2.6网站数据库选择Access
本旅游网站就是采用这个开发工具Microsoft Access开发数据库。
3.网站的主要功能和模块
任何一个网站,必须首先具有明确的目的和目标群体。网站是面对客户、供应商、消费者还是全部?主要目的是为了介绍企业、宣传某种产品还是为了试验电子商务?如果目的不是唯一的,还应该清楚的列出不同目的的轻重关系。建站包括类型的选择、内容功能的筹备、界面设计等各个方面都受到目的性的直接影响,因此目的性是一切原则的基础。
更新是网站的点睛之作,是吸引回头率的主要手段之一,也是一个主流网站所不可或缺的。在浏览者眼中,网站的生命力就体现在这里。
本网站浏览者可以查看景区。本网站主要由主页、江郎山景区、廿八都景区、浮盖山景区、历史人物故居、留言版等栏目组成。
以下具体介绍主要制作方法:
3.1新建站点
在 Dreamweaver 中建立站点,是进行网站开发的第二个关键步骤。这里所讲的建立站点,其实就是在 Dreamweaver 中定义站点、策划站点结构、部署开发环境。定义站点是为了更好地利用【文件】面板对站点文件进行管理,也是为减少一些错误的出现,如路径出错,链接出错等等。许多初学者开始做网页时,就只知道做单一网页,对文件的条理性、结构性不加以管理,没有对文件进行分类管理,使整个站点结构显得很乱;所以在开发之前应该认真策划好站点结构。打开 Dreamweaver MX 2004 软件,执行【站点】 | 【站点管理】命令,在弹出的【站点管理】对话框中选择【新建】,按新建站点的步骤逐步进行设置,最后保存完成制作。
3.2创建动态网站首页
(1)使用Dreamweaver MX制作首页模板
1)首先单击WindowsXP 的“开始”→“所有程序”→“Macromedia”→“Macromedia Dreamweaver MX”。
2)“文件”→“新建”然后弹出一个对话框点击创建即可。
图3-1
(2)网站的功能介绍
4.本网站前台功能介绍
4.1主页
主页index.asp 全图如下所示:
图4-1
这个主页使浏览者清楚了解到江山大概的人文景观。同时在主页中包含了江郎山、廿八都古镇、浮盖山石洞群、历史人物故居、及留言版这五个大块内容。
4.2江郎山
江郎山jls.asp 全图如下:
图4-2
主要功能:介绍江郎山的风土人情,传说的故事,江郎山、青龙虎山溪、伟人峰等景点。
4.3廿八都古镇
廿八都古镇nbd.asp全图如下:
图4-3
主要功能:介绍廿八都山歌和景点。
4.4浮盖堆石洞群
浮盖堆石洞群fgdsdq.asp全图如下:
图4-4
主要功能:对浮盖堆石洞群进行了详细的介绍,还有对浮盖山、枫岭关、炼石三叠和洞群景色一一作了说明。
4.5历史人物故居
历史人物故居lsrwgj.asp全图如下:
图4-5
主要功能:介绍戴笠老家和戴笠一生和戴笠家的各种机关。
4.6仙峡关
仙峡关 xxg.asp
图4-6
主要功能:介绍仙峡古道、月亮湖和仙峡关。
4.7留言版
(1)留言版
图4-7-1
主要功能:可以在此网站中注册用户并给这个网站留言,互相交流,提供意见。
(2)详细留言页面
目录 一引言 (3) 二建设的流程 (3) 三网页制作 (3) (一)制作步骤 (3) (二)常用参数 (4) (三)网页布局 (5) (四)网页色彩 (6) (五)细节的把握 (8) (六)常用工具介绍 (9) 四企业网页制作实例 (9) 五结束语 (10) 参考文献 (11) 致谢词 (12)
浅谈网页制作 XXX 指导教师:XXX (学院系级专业) 【摘要】网页设计作为用户界面交互设计的延伸,是在新的媒体和新的技术支持下实现一个全新的设计创作领域。设计创作网页应遵循其特有的特点和结构思路,具备实际可行性和外观的时尚。本论文讲述了建设的一般步骤,并结合丰富的色彩应用与网页设计理论,通过网页制作实例,阐述了网页设计的视觉效果和具体操作。 关键词网页色彩建设布局 Discusses about the homepage design XXX Instructor:XXX (Management Department of E-commerce in 200X) 【Abstract】The homepage design which is used to be the extending of user interface designing,it is realizes a brand-new design creation field in new media and under the new technical support. Design creation homepage should follow the homepage its unique background characteristic and the structure mentality,it has actual feasible and the outward appearance fashion. The article talk about the general step of
《网页设计与制作》 实习报告 指导老师: 实习地点: 实习时间: 实习班级: 学生姓名:
一、实习目的 ①学会制作新闻发布系统。 ②学会制作在线调查系统。 ③熟悉购物网站的主要功能和栏目。 ④学会购物网站数据库表的创建和数据库连接的创建。 ⑤学会购物系统前台页面制作和后台管理制作。 二、实训内容 1.创建数据库表 ①启动Microsoft Access ,执行“文件”——“新建”命令,打开“新建文件”面板,在面板中单击“空数据库”。 ②弹出“文件新建数据库”对话框,在对话框中选择数据库保存的路径,“文件名”文本框中输入shop。 ③单击“创建”按钮,在对话框中双击“使用设计器创建表”选项。 ④弹出“表1:表”对话框,在对话框中输入“字段名称”和字段所对应的“数据类型”,将shopID字段设置为主键。 ⑤执行“文件”——“保存”命令,弹出“另存为”对话框,在对话框的“表名称”文本框中输入products。 ⑥单击“确定”按钮,保存表。按以上步骤的方法,创建表fen和admin。 2.创建数据库连接 新建一个网页文件夹,打开IIS信息服务,创建IIS虚拟目录,在文件夹安全性把来宾用户的权限修改为完全控制,并导入数据库。 3.制作购物网系统页面 ①用index.html创建zhanshi.asp商品分类展示页,新建站点,导入shop.mdb数据库文件建立数据库连接。插入表格并插入图片、文字,创建记录集并在表格相应位置绑定数据。在服务器行为里为表格设置重复区域,创建记录集RS2并在左边的商品分类表格里绑定
数据,在服务器行为里为左侧的表格添加重复区域和转到详细页,制作记录集导航条。 ②用index.html创建xiangxi.asp商品详细信息页,首先创建记录集并制作左侧的商品分类表格,之后在中间区域插入表格,在表格中插入图片、文字,创建记录集RS2并将数据绑定在表格相应位置。 ③用index.html创建denglu.asp商品详细信息页,创建记录集并制作左侧的商品分类表格,在中间区域插入表单,在表单里插入表格,在表格里插入文字、文本域、表单按钮,并为表单设置检查表单。创建记录集RS2并在服务器行为里添加登录用户。 ④用index.html创建fenlei.asp添加商品分类页,插入表单,在表单里插入文字、文本域、表单按钮,创建记录集并在服务器行为里添加插入记录和限制对页的访问。再用index.html创建fenleiok.asp,在其中插入表格输入文字,并设置返回链接。 ⑤用index.html创建tianjia.asp添加商品页,创建记录集,用插入记录表单向导创建插入记录表单,在服务器行为里添加限制对页的访问。再用index.html创建tianjiaok.asp,在其中插入表格输入文字,并设置返回链接。 ⑥用index.html创建guanli.asp商品管理页,创建记录集并制作左侧的商品分类表格,在中间区域插入表格并插入文字,创建记录集RS2并在表格相应位置绑定数据,为该表格设置服务器行为的重复区域,制作修改和删除链接,制作记录集导航条。 ⑦用tianjia.asp创建xiugai.asp修改页面,创建记录集在对应的文本域中绑定数据,把服务器行为里的插入记录删除并添加更新记录。在服务器行为里添加限制对页的访问。再用index.html创建xiugaiok.asp,在其中插入表格输入文字,并设置返回链接。 ⑧用index.html创建shanchu.asp删除页面,插入表格并插入文字,建立记录集,在表格相应位置绑定数据,插入表单和表单按钮,创建服务器行为限制对页的访问和删除记录。再用index.html创建shanchuok.asp,在其中插入表格输入文字,并设置返回链接。 三、疑难解惑 ①网页不能正常打开,电脑用户权限没有修改,在文件夹安全性把来宾用户的权限修改为完全控制。 ②创建重复区域时,总显示相同的内容,仔细阅读教材,发现创建重复区域时要选中表格,而不是文字内容。 ③登陆页面不能登陆,把表格放入表单后,重新登录,问题解决。 ④创建添加商品页面时,无法显示商品分类。在插入记录表单时,应将feileiID"显
1.请列出三种TCP/IP网络中所使用的协议,并说明它们哪些类型的终端之间的,例如,网络管理站(SNMP)是用于中央网络管理站和网络之间的。 参考答案: (1)HTTP:超文本传输协议,用于WEB服务器和WEB客户机之间; (2)SMTP:简单邮件传送协议,用于邮件客户机和邮件服务器之间; (3)TELNET:远程登录协议,用于客户机与终端之间。 2.现给出一个网址如下:https://www.doczj.com/doc/9e3302812.html,/planetwide/select/selector.html,请你根据所学的URL分析该网址各个部分的含义。 参考答案: //前的http表示访问信息采用的是超文本传输协议,并且文件在WWW服务器上; https://www.doczj.com/doc/9e3302812.html,表明了WWW服务器的位置; planetwide/select/selector.html表明最终要访问的文件所在的位置。 3.访问类型即访问信息的链接方式,它决定了文件所在的位置,请问常用的链接方式有哪几种,并举出实例。(列出三种即可) 参考答案: (1)file:如file:\\D:\作业\作业\主页.htm(前面的file:\\一般可省略)就是打开本地D盘下的一个网页;(2)ftp:如ftp:\\https://www.doczj.com/doc/9e3302812.html,(此处也可输入IP地址); (3)http:如https://www.doczj.com/doc/9e3302812.html,/; (4)News:news:\\192.168.1.7可以查看IP地址192.168.1.7的可用新闻组; (5)telnet:telnet:\\192.168.1.7就可以运行远程登录IP地址192.168.1.7; 4.我们要进入紫霞的公众网,网址如下:telnet://https://www.doczj.com/doc/9e3302812.html,,请你实际操作进入该网站,并列出三种以上进入该TELNET网站的方法。 参考答案: (1)在浏览器中登录:启动INTERNET EXPLORER,在URL地址栏中输入“telnet://https://www.doczj.com/doc/9e3302812.html,”;(2)“开始”→“运行”→“输入telnet”→“确定”→在命令行输入“open https://www.doczj.com/doc/9e3302812.html,”命令并回车; (3)“开始”→“运行”→“输入cmd”→“确定”→在命令行输入“telnet https://www.doczj.com/doc/9e3302812.html,”命令并回车; (4)“开始”→“运行”→“输入c md”→“确定”→在命令行输入“telnet211.157.100.8”命令并回车。 5.如果远程登录失败,请问原因可能是什么? 参考答案: (1)计算机地址拼写错误(主机名或IP地址错误); (2)远程计算机暂时不能使用; (3)你所指定的计算机不在Internet上。 6.实践:启动INTERNET EXPLORER浏览器,修改其INTERNET选项,并观察其效果。 您的答案: 答:将https://www.doczj.com/doc/9e3302812.html, 设置为INTERNET选项的首页后,只要打开INTERNET EXPLORER 便直接登录到该网站的主页 1.个人网站有哪三种基本风格? 参考答案: (1)主题图形式; (2)信息发布式; (3)介于两者之间的风格。
毕业设计(论文) 专业:计算机及应用 考生姓名:付晓杰准考证号XXXXXXX 2014年7月20日
【中文摘要】 随着计算机技术和通信技术的飞速发展,信息化的浪潮席卷全球,互联网成为人们快速获取、发布和传递信息的重要渠道。作为占有全社会大约80%信息的政府,如何将海量的信息提供给有需求者,并且能够保证24小时随时查询和下载,在众多媒体中,政府网站是成本低廉和行之有效的方法。论文详细描述了一个基于ASP技术和ACCESS数据库系统的网站的开发过程。网站包括两个模块:新闻发布和互动交流。其中新闻发布系统包括组织机构、部门信息、政策法规、网站公告、后台管理等子模块。互动交流系统包括网上办事、互动交流、下载中心等子模块。主页面提供本网站的一个宏观样式,并让各模块与之配合联系,构成一个完整的网站系统。 【关键词】 政府网站 ASP 技术 ACCESS 数据库
【目录】 【前言】 (3) 【正文】 (3) 第一章概述 (4) 1.1网站建设背景 (4) 1.2网站建设意义 (4) 1.3开发工具简介 (5) 1.3.1.网页图像设计工具——Photoshop、Fireworks (5) 1.3.2.动画制作工具——Flash MX 2004 (5) 1.3.3.网页排版工具—— Macromedia Dreamweaver 8 (5) 第二章可行性分析 (6) 2.1B/S结构介绍 (6) 2.2ACCESS 数据库 (6) 2.3ASP 技术 (6) 第三章网站需求分析 (7) 3.1总体功能需求分析 (7) 3.1.1.功能需求 (7) 3.1.2.功能结构图 (7) 3.2网站具体功能模块需求分析 (8) 3.2.1.网站首页新闻发布等功能块 (8) 3.2.2.领导讲话功能 (8) 3.2.3.政务公开功能 (8) 3.2.5.政策法规功能 (9) 3.2.6.网上办事功能 (9) 3.2.7.互动交流功能 (9) 3.2.8.专题专栏功能 (9) 3.2.9.联系我们功能 (9) 3.2.10.友情链接功能 (9) 3.2.11.网站功能板块 (9) 3.2.12.网站结构图 ·······························································错误!未定义书签。 3.3网站版面规划 (11) 3.3.1.首页 (11) 3.3.2.子页 (11) 3.3.3.页头 (11) 3.3.4.页脚 (11) 3.4网站CI形象设计 (11) 3.4.1.主色调与色彩 (12) 3.4.2.标准字体 (12) 3.4.3.交互方式 (12) 3.5网站布局技术 (12) 3.5.1.表格布局 (12) 3.5.2.层叠样式表 (12) 3.5.3.网站首页界面 (12) 第四章数据库设计 (13)
Web考点 一、判断、单选(20*2’)、填空 1、Window对象表示一个浏览器窗口或一个框架,在JavaScript中,Window对象是全局对 象,所有的表达式都在的那个齐纳的环境中计算。就是说,要引用当前窗口根本不需要特殊的语法,可以把那个窗口的属性作为全局变量来声明。例如,可以只写document 和alert,不必写成window.document和window.alert()。 2、Document对象 每个载入浏览器的HTML文档都会成为Document对象。Document对象使我们可以从脚本中对HTML页面中的所有元素进行访问。 提示:Document对象是Window对象的一部分,可通过window.document属性对其进行访问。又代表了整个HTML文档,可以来访问网页中的页面中的所有元素。 Document.childNodes 包含着document.documentElement 3、JavaScript不可以增加类型(弱类型)。C#是强类型语言,声明变量要指定类型。 4、Html.CSS.DOM标准是由https://www.doczj.com/doc/9e3302812.html,指定的。 JavaScript标准是由Ecma制定的。 C#、https://www.doczj.com/doc/9e3302812.html,由微软制定的。 5、Hypertext transport protocol——HTTP协议。 超文本传送协议,是万维网(world wide web)交换信息的基础。它允许将超文本标记语言(HTML)文档从Web服务器传送到Web浏览器。HTTP允许输入任意类型的数据对象。正在传输的类型由Content-Type加以标记。 6、相对路径(Relative Path) (1)如何表示同级目录的文件 2.html和 3.html在同一个文件下,如果2.html链接到3.html,可以在2.html中这样写:同目录下文件间互相链接; ../代表一级上级目录路(间隔一个目录) ../../代表二级上级目录(间隔两个目录),比如4,html链接到1.html,可以在4,html中这样写:链接到上级目录的上级目录中的文件。 (2)如何表示下级目录文件 2.html和 3.html是1.html的下级目录中的文件,如果在1.html中链接到2.html,可以在1.html中这样写:链接到下级目录(first)中的文件; 如果在 1.html中链接到 4.html,可以在 1.html中这样写:链接到下级目录(first/second)中的文件。
《网页设计与制作》一体化教学总结与评价 高艳秋 一、课程在专业中的地位与作用 《网页设计与制作》课程是计算机专业、电子商务等专业的一门专业课程,是一门实践性很强的专业技术基础课程,又是一门主干课程,是为加强对学生技术应用能力的培养而开设的综合性课程,它涵盖了 HTML 语言、 Dreamweaver 、 photoshop 、 Flash 等相关知识,全面介绍 WEB 站点开发、设计、制作、维护等技术。通过本课程的学习,使学生掌握该软件的操作方法和操作技巧,学会运用其创建个人网站、具备一定的网站设计能力,学会网站的测试、维护、发布及推广等。通过实例的讲解,让学生掌握网页制作和网站开发的知识。从如何策划网站、收集网站资料、准备素材、各个页面的逻辑关系和链接的建立到网站动态系统的开发,如何申请空间和域名,如何上传网站以及网站测试、维护、发布及推广等。二、课程学习目标 通过本课程的学习,使学生掌握 HTML 语言的语法规则及文字、链接、列表、表格、表单、图像、多媒体、框架元素标签及属性,能设计出多窗口网页、动态网页;能熟练运用Dreamweaver 进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能;能熟练运用 photoshop 、进行图片处理,能熟练运用 Flash 制作网页动画;能维护、管理和设计 WEB 应用程序;能独立设计 WEB 站点。 1.通过综合实训进一步巩固、深化和扩展学生的理论知识与专业技能。 (1)掌握规划网站的内容结构、目录结构、链接结构的方法。 (2)熟练掌握网页制作软件Dreamweaver cs3的基本操作和使用技能。 (3)掌握页面的整体控制和头部内容设置的方法。 (4)熟练掌握网页页面布局的各种方法。 (5)熟练掌握在网页中输入、设置标题和正文文字的方法。 (6)熟练掌握在网页中插入图像、flash动画、背景音乐的方法。 (7)掌握建立各种形式超级链接的方法。 (8)掌握表单网页制作方法。 (9)掌握网页特效的制作方法。 (10)掌握网站测试的方法。 2.训练和培养学生获取信息和处理信息的能力,充分培养和提高学生的动手能力,学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、flash动画和网页特效等。
存档资料成绩: 课程设计报告书 课程名称网页设计与制作 题目设计个人网站主页 分院电信分院 专业班级电子商务 学号 学生姓名 指导教师 2011 年 6月 20日
课程设计评阅意见 评阅人__________职称________ 年月日
目录 第1章课程设计任务书 (1) 一、课程设计题目设计个人网站主页 (1) 二、课程设计工作: (1) 三、课程设计的内容要求: (1) 1、课程设计要求 (1) 2、课程设计内容 (1) 第2章课程设计目的 (3) 第3章课程设计内容 (4) 设计一选题的基本原则 (4) (1)选题应反映本专业的培养目标,符合专业综合训练的要求。 (4) (2)选题要有利于深化所学的专业知识和拓展所学的知识面。 (4) (3)选题的难易程度和工作量要适当,保证在规定的时间内,在教师的指导下,经过努力能够完成。 设计二选题范围 (4) 设计三选材 (4) 设计四正确运用DW和Ps (4) 设计五课程设计心得 (4) 第4章课程设计步骤 (5) 设计一查找相关资料 (5) 设计二利用Ps进行切片 (5) 设计三利用DW编辑 (6) 设计四利用DW的站点功能上传或用FTP工具上传站点 (8) 第5章课程设计心得 (10) 第6章参考文献 (11)
第1章课程设计任务书 专业电子商务班级(1)班姓名肖恢邦 一、课程设计题目设计个人网站主页 二、课程设计工作: 自 2011 年 6 月 12 日起至 2011 年 6月 20 日止 三、课程设计的内容要求: 1、课程设计要求 (1)通过课程设计把课堂上讲的内容融会贯通,掌握表格在网页布局中的特点及应用,掌握如何通过表格来布局一个完整的界面。学会使用Dreamweaver软件设计网页及Dreamweaver的表格功能进行网页布局。使整个网页页面清新自然,整体界面美观大方,简洁高效,使之达到界面动与静的搭配合理,动而不乱,静而不僵和谐效果。 2、课程设计内容 (1)设计一选题的基本原则。 (2)设计二选题范围。 (3)设计三选材。 (4)设计四正确运用DW和Ps。 (5)设计五课程设计心得。
网页设计与制作 实训报告 班级:多媒体152 姓名:张莉钧 学号: 指导老师:薛杨王淑惠 实训时间:6.20——6.24 一、实训目的: 1、进一步熟悉和掌握网站建设的基本流程和技术规范; 2、巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的知识; 3、巩固运用PS图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识; 4、巩固综合运用Dreamweaver、PS、flash三个软件完成网站建设任务的方法,能独立设计一个内容完整、图文并茂、技术运用得当的网站; 5、具备独立撰写实训报告基本能力; 6、在网页设计的实践中培养分析问题、解决问题的能力,培养协作、交流的能力,培养创新能力和团队意识; 7、紧紧围绕网页制作的流程:规划、设计、开发、发布、维护来进行网站的开发,制作出具有较高水准的静态网页。以此作为学生学习这门课程的阶段性总结,使学生复习、巩固所学过的理论,并予 以适当的深化,进一步训练学生的基本技能(如:搜集资料、整理数据、发现与分析问题、寻求解决问题的方案等),为今后从事网站开 发、维护和管理奠定基础 二、实训项目——特色美食餐厅网站设计 1、网站主题 我的网站的主旨在于从各个方面全面的介绍特色美食餐厅,包括它的菜品、餐厅的环境以及促销活动。另外,网站里还包括餐厅资料和联系方式,网站里的每一个网页都有统一的风格,每一个网页的主题色彩都是橙色和白色搭配,用以展示餐厅特色的效果。其实最重要的是要做出自己的风格,给浏览者好的欣赏感受。 2、网站材料 主要在网站上搜集所要的网页信息,包括图片、文字。同时,查 询相关的书籍、百度等方式收集所需的文字资料,图象资料,flash动画和网页特效等,用以得来更加具有说服力的页面。要想做好自己的网站,能够给浏览者好的欣感受,就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。精选自己收集的材料,作为自己制作网页的素材,这样就可以做好一个好的网站。 3、网站规划 我的网站共有7个主页面:首页、美食介绍、优惠活动、商品促销、宴会定制、会员中心和关于我们。每一个页面用统一的模块,以保证网站统一的页面风格。网页布局主要用框架和表格,用框架定位内容的大体结构,再用表格具体定位。位子的设计也是重要的一个部分,根据具体内容决定字体风格,相同的风格多次调用是CSS设计一个样式,以保证随时、准确的调用。 三、网页设计工具使用 1、Dreamweaver——我们使用它做网页的主要布局。 2、Photoshop——我们使用它做网页图片的处理以及logo的制作。
《网页设计与制作》期末考试试题 一、单项选择题(本大题共15小题,每小题2分,共30分) 1、目前在Internet上应用最为广泛的服务是( )。 A、FTP服务 B、WWW服务 C、Telnet服务 D、Gopher服务 2、域名系统DNS的含义是( )。 A、Direct Network System B、Domain Name Service C、Dynamic Network System D、Distributed Network Service 3、主机域名center. nbu. edu. cn由四个子域组成,其中( )子域代表国别代码。 A、center B、nbu C、edu D、cn 4、当阅读来自港澳台地区站点的页面文档时,应使用的正确文本编码格式是( )。 A、GB码 B、Unicode码 C、BIG5码 D、HZ码 5、当标记的TYPE属性值为( )时,代表一个可选多项的复选框。 A、TEXT B、PASSWORD C、RADIO D、CHECKBOX 6、为了标识一个HTML文件开始应该使用的HTML标记是( )。 A、