7-6.1实训项目案例(网页设计集中实践)
课题成果7-6.1 实训项目案例（网页设计集中实践）
网页设计集中实践方案（指导老师：黄仁花、李敏毅、周奕、罗海勇、张瑜平）
课程名称网页设计与网站建设
教学单位经济与管理学院
班级专业14电子商务本
实施时间第15周 -- 19周
教研室主任（签名）
教学副院长（签名）
教学单位盖章
实践教学科邮箱：xyxysjk@https://www.360docs.net/doc/e95693812.html, 填表日期：2015年9月25日
网页设计实训任务书
XXXXXX学院 电子信息学院 课程综合实训任务书 课程名称:_____网页设计与制作________ 学生姓名:________X'X'X___________ 学生学号:_____XXX__________ 专业班级:______X'X'X________ X'X'XX年X'X月X'X日 XXXXXX教务办公室制
说明 1、课程设计任务书由实训指导老师制定，具体任务内容、目标、要求及安排、评定标准由各专业教研室及指导老师共同制定。 2、任务书中具体内容可根据实际课程情况进行调整，但各要素必须齐全，并在实训前将任务书电子档发给学生。 3、学生实训完成后必须填写此任务书，其中具体设计过程及结果必须将设计过程用文字的形式详细填写清楚，并将最终作品附在此任务书中。 4、此任务最终由指导老师统一评定成绩后交教务办公室。
《网页设计与制作》课程综合实训组织方案 2011级软件专业 一、网页设计与制作课程实训目的 网站设计与制作是一门实践性很强的课程，本课程设计是学生完成本课程教学计划的一个重要的教学环节，是对学生综合运用所学的理论知识，解决实际问题能力的一次检验与测试。 通过本次课程设计，要求学生对网站规划、设计与制作有比较全面的认识，了解小型综合网站的开发步骤，熟练掌握网站的规划与建设的过程、方法、技巧，掌握网站建设行业的相关标准与制作规范，让学生经历一次开发应用的实际训练。从而达到提高学生的开发能力和动手能力的目的，培养学生严肃、认真、严谨的职业素养。 二、网页设计与制作课程实训具体内容 黄冈职业技术学院电子信息学院网站规划与设计 三、课程实训具体要求 1、了解网站的软、硬件平台，会发布和维护一个实际的网站，学会设计和制作网站，包括完成设计报告。 2、能够独立使用相关工具（Macromedia DreamWeaver、HTML、CSS、Adobe Photoshop、flash等）熟练制作网页。 3、尽量运用业界默认的网站开发规范，努力使自己的站点专业化。 4、主题为黄冈职业技术学院电子信息学院网站规划与设计。主题突出、鲜明。至少二层结构，页面总数不得少于6个。 5、必须使用CSS，整体布局不能使用table标签，主页下方写明自己详细信息（年级、专业、学号、姓名等）。 6、主页名称保存为index.html，路径保存在站点根目录下，图片保存在根目录下images 文件夹中。 7、课程设计前必须上交网站规划书电子档，课程设计结束后必须上交课程设计任务书及作品电子档。 8、设计好的站点必须经压缩之后再上传到任课老师指定位置，压缩后的文件大小不许超过10 兆（10M）。不经压缩上传作业，一律视为无效。 9、压缩后文件名格式要求：年级专业+学号+姓名，例如：XXX班00011 张三。 10、设计完毕后，准备5分钟左右的答辩说明，向课程设计评分小组介绍自己的作品主题、设计方法及作品特色。
网页设计与制作实训报告
《网页设计与制作》 实习报告 指导老师： 实习地点： 实习时间： 实习班级： 学生姓名：
一、实习目的 ①学会制作新闻发布系统。 ②学会制作在线调查系统。 ③熟悉购物网站的主要功能和栏目。 ④学会购物网站数据库表的创建和数据库连接的创建。 ⑤学会购物系统前台页面制作和后台管理制作。 二、实训内容 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"显
《网页设计与制作》实践环节指导书
《网页设计与制作》实践环节（技能）考核大纲 一、考核目标 本课程重点讲授了网页设计与制作的基础知识、基本理论和基本技能，是一门操作性极强的技能型应用课程。本课程通过实践使学生在了解理论和基本技能的基础上，熟练运用网页开发的主要工具软件Dreamweaver，掌握网页设计和制作的知识与能力，并灵活应用。 二、考核方式 本实践环节考核主要包括两部分内容：网站设计制作和编写设计报告。 考生结合个人工作需要或兴趣爱好，自选主题，设计制作一个主题网站，并根据设计过程撰写一篇不少于1500字的设计报告。 按照要求提交资料：网站源程序（电子版）和设计报告（打印版）。 网站源程序（电子版）---------以“姓名准考证号网页设计”命名文件夹与设计报告（打印版）同时递交。 三、考核内容的要求： 1.网站设计与制作要求： ①用工具Dreamweaver设计静态网站(HTML页面)； ②网站不少于2级，页面总数不少于6个； ③站点文件、文件夹的命名与组织要求规范； ④网页要求整合多种媒体（音频、视频、动画、图片、文字等）； ⑤要求有CSS的设计和使用； ⑥要求使用模板或库元素； ⑦要求网站无错误链接； ⑧要求掌握网站上传、发布的方法。 2.设计报告要求： 设计报告应该包括以下几个主要部分： ①网站的主题说明； ②网站的总体规划；
③各级网页风格说明； ④典型网页的设计过程及样例，必要时以代码和截图说明； ⑤网站发布过程说明（如果已发布到Internet网站上，需要提供网站网址）。 四、报告格式要求： 1、纸张字号等要求：A4纸单面打印；字号：四号；行距：1.5倍行距； 页边距上：2.5；下：2.5；左：3.2；右：3.2。 2、封面格式要求：见附件，封面打印时不得有页码。姓名、准考证号等信息应准确无误。 3、装订方式：左侧（三个订书钉）装订，不允许加装塑料封皮。 五、其他说明： 1、对于源程序出现抄袭或下载的情况，判0分。 2、设计报告严格按照封面格式要求（见下页的附件）制作。 3、考生要认真。将自考专业、准考证号等信息一定要填写正确。 4、雷同卷判0分。（情节严重者，视为作弊上报省考试院） 附件：“《网页设计与制作》实践环节（技能）考核”封面
网页设计实训报告范文
网页设计实训报告 范文 1 2020年4月19日
实训报告 题目： 实训课程名称：网页设计 系别： 专业 / 班级： 年级： 学号： 姓名： 指导老师： 1 2020年4月19日
4月27日 2 2020年4月19日
目录 1 实训目的........................................................................................... 错误!未定义书签。 2 实训内容........................................................................................... 错误!未定义书签。 2.1准备工作 ................................................................................. 错误!未定义书签。 2.2使用的技术 ............................................................................. 错误!未定义书签。 2.3设计制作要求 ......................................................................... 错误!未定义书签。 3 方案设计与实施步骤 ....................................................................... 错误!未定义书签。 4 实训中出现的问题、分析及解决方法 ............................................ 错误!未定义书签。 5.2日志 ......................................................................................... 错误!未定义书签。 5.3 教程视频 ................................................................................. 错误!未定义书签。 6 实训总结........................................................................................... 错误!未定义书签。 3 2020年4月19日
《网页设计与制作》实训项目大纲及实训方案.doc
本实训项目的目的与任务是使学生根据问题的要求，构思一个主题，并运用网页制作工具，制作和发布网页，并对此进行更新和维护，掌握网站发布的工作流程，了解域名申请、空间申请的方法，能在校园网及英特网上发布网页。 实训学时数：125（5周） 课外学时数：100 适用方向：办公自动化、电子商务 执笔者：王平露 编写日期：2006年4月 一、实训教学的目的与任务 本实训项目的目的与任务是使学生根据问题的要求，构思一个主题，并运用网页制作工具，制作和发布网页，并对此进行更新和维护，掌握网站发布的工作流程，了解域名申请、空间申请的方法，能在校园网及英特网上发布网页。通过设计、编辑和发布网页全过程的实际训练使学生对网页整体设计流程有一个深刻的认识，并且熟练掌握网页制作工具（Dreamweaver MX）的使用，初步掌握HTML、CSS语法格式，能借助手册看懂代码，能进行简单的代码改写工作，了解客户端脚本和服务端脚本区别，了解在网页上进行简单代码的嵌入与改写，会与其他工具结合使用以便实现更高效高质量的网页效果，进一步提高办公自动化效率和水平。 二、实训项目的基本要求及考核标准 基本要求： （一）网页内容要求： 1、主题内容：创意突出，体现校园园区精神文明建设体现本班级大学生风貌，学习气氛浓厚，作品内容健康。严禁发布反对政府、宣传迷信、传播色情、系统破坏、黑客教程等违法信息。
2、具体内容：标徽、标题、各链接页具体内容，站内搜索、计数器、留言系统、电子邮件地址、弹出窗口、漂浮广告、背景音乐、网页特效、友情链接、版权信息等。 （二）制作基本要求： 1、至少有10个页面，链接结构应有三层，下一层必须有返回上层的按钮或链接。有整体框架结构，导航栏，表格定位，布局合理，色彩搭配协调统一。 2、主页的文件名为：index.htm。文件名一般用英文小写字母。 3、网页中要有文本、图像、表格、交互与链接、层与动画、表单。 4、网页主要建立站内链接，尽量少建立外部链接，至少建立一个E-mail链接至你的邮箱。 5、要有flash控件、Frieworks图像，至少各出现一处,使用CSS样式； 6、为页面元素添加行为(调用Dreamweaver MX内置的脚本程序). 7、相关图片清晰，单张图片大小不超过200K （三）、网页性能要求： 1、每一张网页，显示分辨率以800*600状态为准，网页对不同浏览器兼容性较好； 2、在不考虑兼容性问题时，不出现乱码或错误的表格等内容； 3、结构清楚，便于浏览、查找。没有空链接或错误链接； 4、界面链接方便； （四）测试和网页发布要求： 1、测试链接和兼容性； 2、预览网页； 3、申请免费二级域名和免费空间；
Web网页设计实验报告
WEB系统开发 综合实验报告 题目红尘客栈网上订房页面 专业计算机科学与技术（信息技术及应用） 班级计信2班 学生蒋波涛 重庆交通大学 2013年
目录 一、设计目的 (3) 二、设计题目 (3) 三、结构设计 (3) 四、技术分析 (4) 五、设计过程 (7) 六、实验心得 (10) 七、实验总结 (11)
一、设计目的 在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet 应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利.但是,我们成天浏览的网站网页到底是如何制作的呢?我想这一点很多同学都没有去深究过.所以,这学期我选择了”web网页设计”这门课, 本课程的设计目的是通过实践使同学们经历网页制作的全过程. 通过设计达到掌握网页设计、制作的技巧。 了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。 熟练掌握Photoshop cs3、Dreamweaver cs等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。学会和团队配合，逐渐培养做一个完整项目的能力。 二、设计题目 《红尘客栈》 三、结构设计 选定主题，确定题目之后，在做整个网站之前对网站进行需求分析。首先，做好需求调研。调研方式主要是上网查阅资料，在图书馆里翻阅相关书籍。 然后，调研结束之后对整个网站进行功能描述，并对网站进行总体规划，接着逐步细化。 我们选做的主题是个人主页，并且选定题目为“红尘客栈”，其目的是做一个简单的网站，介绍酒店概况，提供一定的资讯信息。 四、技术分析 (一)建立布局 在这次的网页设计中用到大量的布局，所以怎么样建立布局是关键。Dreamweaver cs3是大多数人设计网页的称手兵器，也是众多入门者的捷径。特别是其在布局方面的出色表现，更受青睐。大家都知道，没有表格的帮助，很难组织出一个协调合理的页面。 1.点击“ALT+F6”键，进入布局模式，插入布局表格。建立一个大概的布局。 2.使用背景图片：选中该项，按浏览可以插入一幅准备好的图片作为表格的背景，因为图片是以平铺的形式作为表格背景，所以表格大小和图片尺寸都要控制好。 （二）网页中的图像
网页设计实训报告
湖南科技经贸职业学院计算机科学技术学院实训报告 实训课程：网页设计 班级：计网二班 学号：200903884 姓名：彭论 指导老师：王湘文 提交日期：2010-6-21
前言 至于我为什么选择酒店设计题材，因为本人就是想以后自己能办一个很品牌一点的酒店。 在选择好题目和网站的风格之后，我就进行了分工，希望能在最短的时间内做到最好的效果。接下来的步骤就是准备素材，搜集与主题相关的文字、图像、动画、音乐等资料。再是设计网站的内容结构、目录结构和链接结构，设计首页及其页面的版式结构。然后创建本地网站，建立网站的目录结构。制作首页、创建超级链接。最后就是测试与浏览网页。对于酒店网站的设计，我结合了国内外很多知名品牌酒店的网站页面的设计前沿。取其精华，去其糟粕，在网站内容上删减了很多的在外观上的美，整体讲究整体美和简洁美，对于本网站的设计凝聚了本人长达三个星期的时间，完成网站静态设计后，从总体上对网站动态上进行动态设计，希望本网站能在我们这个年纪的领域有一个很好的炫美。
目录 ?实训目的 (3) ?实训任务 (4) ?实训项目（网页设计思路及详细说明） (5) ?实训中遇到的问题与解决问题的方法 (6) ?实训心得与体会 (7)
一．实训目的 进一步熟悉和掌握网站建设的基本流程和技术规范； 巩固运用Dreamweaver网页制作软件制作网页、特别是制作动态网页的 知识； 巩固运用PhotoShop图像处理软件进行网页中图形制作和运用flash动画 制作软件设计网页中动画的知识； 巩固综合运用Dreamweaver、PhotoShop、flash三个软件完成网站建设任 务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站； 具备独立撰写实训报告等科技文件的基本能力； 在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流 的能力，培养创新能力和团队意识； 为今后从事网站开发、维护和管理奠定基础。
网页设计实训报告
电子商务网页设计与制作实训报告 班级：电商1302班 姓名:张涛 学号：0804130239 2015年1月7日
目录 一、网站基础识 (3) 1.网站与网页的关系 (3) 2.网站、域名、空间的关系 (3) 3.网站的制作方式 (3) 二、所做网页内容 (4) 1.女娲网站 (4) 2.休闲食品项目网站食品页面 (4) 三、所做网页详解 (4) 1.女娲网站所做工作 (4) 2.休闲食品项目网站所做工作 (5) 四、实训网站制作思路 (5) 1.女娲网站思路 (5) 2.休闲食品项目网站思路 (5) 五、实训网站详细制作过程 (5) 六、实训总结 (7) 七、.对课程及实训环节的建议 (8)
一、网站基础知识 1.网站与网页的关系 网站是一个整体，网页是一个个体，一个网站是由很多网页构建而成。网站和网页的关系就像家庭和家人一样。 网页与网站的区别简单的来说：网站是由网页集合而成的，而大家通过浏览器所看到的画面就是网页，网页说具体了是一个html文件，浏览器是是用来解读这份文件的。也可以这样说：网页是有许多html文件集合而成。至于要多少网页集合在一起才能称作网站，这可就没有规定了，即使只有一个网页也能被称为网站。 而我们想要制作一个网站，就需要单独编辑若干个html文件，然后通过“超链接”把它们连接在一起，这样一个属于自己的网站就制作出来了。总体来说就是网站有网页组成。 2.网站、域名、空间的关系 域名（Domain Name），是由一串用点分隔的名字组成的Internet上某一台计算机或计算机组的名称，用于在数据传输时标识计算机的电子方位网站空间英文名：Webhost。简单地讲，就是存放网站内容的空间，网站空间也称为虚拟主机空间，通常企业做网站都不会自己架服务器，而是选择以虚拟主机空间做为放置网站内容的网站空间。网站空间只能存放网站文件和资料，包括文字、文档、数据库、网站的页面、图片等文件的容量。 所以它们三个的关系是：网站先储存在网络空间中，访问者需要通过IP地址也就是域名来登录这个空间找到网站存放的地址。那么网站就能打开并能够向浏览者展示自己的能容了。 3.网站的制作方式 网站制作通俗的来说就是网站通过页面结构定位，合理布局，图片文字处理，程序设计，数据库设计等一系列工作的总和，也是将网站设计师的图片用HTML 方式展示出来，属于前台工程师的一项任务，前台工程师任务包括：网站设计、网站用户体验、网站JAVA效果、网站制作等工作。网站制作是易雅达网站策划师、网络程序员、网页设计师等岗位，应用各种网络程序开发技术和网页设计技术，为企事业单位、公司或个人在全球互联网上建设站点，并包含域名注册查询和主机托管等服务的总称。 一、申请域名[CN域名须审核]; 二、申请空间[通过接入商进行ICP备案]; 三、定位网站 四、分析网站功能和需求(网站策划) 五、网站风格设计; 六、网站代码制作; 七、测试网站;
最新 网页设计实习目的及意义-精品
在发展迅猛的今天，网页设计必须首先明确设计站点的目的和用户的需求，从而做出切实可行的设计方案。下面小编就为大家介绍网页设计实习目的及意义。 《网页设计》课程是一门实践性很强的专业课程，《网页设计》课程实习是这门课程的实践性教学环节、是学生提高动手能力、真正做到理论联系实际的一个重要环节。是《网页设计》课程不可缺少的实践部分。通过此实习，让学生进一步掌握网页设计技术、了解团队协作的基本方式，掌握商业静态网站从客户分析、策划、效果图绘制、切片与优化，首页制作、CSS定义、一级模板制作、二级模板制作、子页面制作、链接的创建、简单动画效果制作、测试与发布的整个流程。 (一)实习的目的 1.提高学生掌握设计过程的熟练程度，把握网页设计的方法和思路，更好地将技术与相结合。 2.将所学的基础理论、专业知识和基本技能综合运用于实践，提高实际能力和整体素质。 3.深化课程内容的掌握，将分散的知识点综合性的运用于一个整体的实例项目，培养学生综合运用和灵活运用所学知识的能力。 4.强化网页设计应用技能的练习。在所学内容的基础，鼓励创意的个性，培养学生的创新意识。 (二)实习的要求 1.熟悉商业网站的策划过程，理清作品创作的设计思路。 2.熟练掌握Dreamweaver软件的各项操作，能够制作复杂的静态页面。 3.熟练掌握运用PhotoShop软件绘制网页效果图方法，并能够合理对效果图进行切片和数据优化。 4.掌握FLASH时间轴动画的制作方法，能够为静态网页添加适当的动态元素。 拓展阅读 网页设计注意问题 当你在INTERNET这个信息的海洋中尽情遨游时，会发现许许多多内容丰富、创意新颖、设计独特的个人网页，不知道你见到这样漂亮可人的网页是否有点心动。一旦你具备了上网的条件，又萌发了制作主页的念头，那么就应该注意网页设计时应考虑哪些方面的问题，包括网站功能和以及访问者需要什
网页设计与制作实训报告
学生姓名：实习班级：指导老师：实习地点：实习时间：
一、实习目的 1．掌握企业网站主要功能栏目 2．掌握企业网站色彩搭配和风格创意 3．掌握网站设计的首页 4．掌握模板的创建 5．熟悉系统设计分析 6．掌握创建数据表 7．掌握创建数据库连接 8．掌握制作购物系统前台页面 9．掌握制作购物系统后台页面 二、实习内容 首先，修改计算机的设置，使之能正常浏览。修改默认网站的目录安全性，允许ISS控制密码，建立虚拟目录。安装横向区域重复。 其次，开始创建模板。新建moban.html，然后在里面插入表格，依次插入相应的图片及文字。然后利用模板做出相应的页面，最后在连接数据库做出新闻发布、新闻详细显示及添加页面。那么，要制作的就完成了。 再次，打开dreamwever，建立站点，打开Index.html，另存为Index.asp，插入4行1列的表格，将光标置入第1行，插入图像，在后面的表格输入相应的文字，在绑定面板添加记录
集Rs1。选中图像，展开Rs1，选中Image字段，绑定图像。在后几行绑定相应的文字，选中表格，选中服务器行为，创建横向区域重复。选中Rs1.shpname，单击服务器行为，选择转到详细页面。再添加记录集Rs2，将光标置入相应位置，绑定fenlei字段，单击服务器行为，选择重复区域。选中Rs2.fenlei，选择服务器行为的转到详细页面。再插入1行4列的表格，输入相应的文字，选中首页，选择记录集分页--移至第一条记录，后面的以此类推。商品分类展示页面至此做好。用同样的方法制作商品详细页面。 下面制作购物系统后台管理页面，打开Index.html，另存为denglu.asp，按照相应的方法将商品分类页面做好，将光标置入相应的位置，插入表单，在表单中再插入4行2列的表格，选中第1行单元格，合并单元格，在合并单元格中输入相应的文字。将光标置入第2行第1列单元格，输入相应的文字，在第2列插入表单—文本域，在文本框输入name，字符宽度设置为25，类型为单行。将光标置入第3行第1列，输入相应的文字，在第2列插入表单—文本域，在文本框输入password，字符宽度设置为25，类型为密码。将光标置入第4行第2列，插入表单按钮，改为登录，在插入一个表单按钮，改为重置。 选中表单，单击行为面板中的检查表单，将文本域name和password的值都勾选为必须的，创建记录集，单击服务器行为的用户身份验证—登录用户，如果登录成功，转到guanli.asp，
网页设计与制作实训报告
网页设计与制作实训报告 本人页教学实验设计与制作实训报告 本人制部门：计算机科学与技术同系 班级：计算机应用技术10-1组号：15组姓名：杨江郑传胜 胡登杰田鹏鹏 贵州师范大学商业高等专科学校九千科系CommercialCollegeOfGuiZhou 项目实训单 项目本人号3-2项目名称本人页模板设计实训学时2学时 【项目名称】：本人页模板设计实训其二【项目类型】：□认知 与验证型□综合与仿真型□设计与创新型三【实训目的】：文字 学使学生了解模板的基础知识，掌握模板设计制作的基本技能，具备 企业本人站模板设计制作战斗能力的能力，完成各本人组真实企业本 人站模板模块化东站四【实训环境】：windowsxp；dreamweaver8；fireworks8五【实训内容】：1 本人页模板设计：2 利用fireworks切割源图片；3 将从fireworks片区切割的区域依次放 置到示例的各单元格中；4 dreamweaver中所添加可本人本人区域； 5 利用模板件快速生成本人站页面；六【讨论本人录】站点： 忆梦站点组长：杨江组员：胡登杰郑传胜田鹏鹏分工：杨江 负责客运站定义超级连接表格胡登杰负责讨论本人录郑传胜 负责图片处理和切图田鹏鹏负责页面生成七【实训步骤】：本人 页模板设计：步骤，打开设计制作出的表格及实设计出的本人站样图 步骤二，利用fireworks切割源图片，使用按钮，选取被切割的地区，并选择菜单栏的件选项选择“导出”图像，保存为相应的五件名。步 骤三，将从fireworks片区切割的区域依次放置到示例的各单元格中，完成各图片的插入后，将件另存为本人页模板（“件”“另存为模板”）件，取名为moban.dwt。步骤四，在模板中“当前位置”及“正”
web网站设计实训报告(范文)1.doc
附录 1：设计报告封面 湖南娄底职业技术学院 web 网站设计 课程设计报告 设计题目：个人网站 系部：电子信息工程息 专业：网络技术 学生姓名：黄永凤 学号: 200902060109 起迄日期：年月日 ~ 年月日指导教师：罗金铃 教研室主任：
一.网站的需求分析 对于个人网站而言，一个好的网页会给人留下深刻的印象，那样才会提高网站的知名度才会增加 点击率。如果通过网站管理系统工作，就可以拓开以前传统的宣传思路，用户可以通过上网就能达到找到所需要材料的目的，并且可以给管理员留言以反馈意见。 二.系统实现所需要的软件 网页编辑排版Dreamweaver CS3、网页图像制作软件Photo CS2、网页动画制件软件Flash 、ACCESS 数据库、动态网页编程语言ASP 三、网站设计的思路 网站拓扑图构画 从开始想创建网站到最后的个人网站的上传发布是需要包含一个完整的工作流程。网站包括哪些栏目，采用什么样的制作结构，这些都是我们在制作网站前首先要确定的， 下面是我个人网站的结构图：
四、系统功能模块的实现过程 个人网站实现了留言、文章、相册、日志、注册、链接、调查、后台管理等诸多功能于一体的 网站。本人经过需求分析、和可行性的管理方式进行了前台设计与后台管理。通过数据库的创建与 连接实现了人机交互功能。 1个人首页功能模块功能的实现过程 个人首页主要放置主人的最新动态，导航条菜单包括首页、个人简历、个人相册、文字拾掇、 我的聊吧、给我留言、友情链接。给我留言，必须通过先登陆或先注册才能进行留言。底部插入个 人网站的版权信息，同时也加入了联系我们、后台管理、首页收藏、设为首页、版权声明。 （ 1） .个人首页导航功能实现介绍 个人首页导航有七个链接分别是：我的首页、个人简历、个人相册、文字拾掇、我的聊吧、给我留言、友情链接。它们都采用“行为”中“交换图像”。如图 3-1 所示。
网页设计及制作实习报告
网页设计及制作 【实习目的】 熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。通过网页设计理论联系实际操作, 巩固所学的知识, 提高处理问题的能力。充分学习网页设计实践中的操作理论, 提高自己网页设计水平, 并为能顺利与社会环境接轨做准备。 【实习时间】 2012年2月15日至2012年3月15日 【实习地点】 未来路锦江国际花园9栋501室 【实习单位】 郑州市托斯卡纳餐饮有限公司 【实习内容和过程】 实习内容: 我在托斯卡纳餐饮公司旗下的56°网络蛋糕店一个月的实习,我的工作就是负责设计整个网站的页面部分。为其一个月的实习, 使我第一次亲身感受到了所学知识与实际的应用, 作为一个网站美工除了要求网页三剑客,ps,这些必会的软件以外, 还要对Html用的很熟, 对ASP 或PHP或jsp要有初步的了解。通过这次实习,进一步巩固和深化所学的理论知识,为以后的工作打好基础。 以下是我做的一些实习过程中的经验总结: (1表达一定的艺术效果
一个成功的网站应该把网页设计得吸引人,同时又要传达设计思想和情感。 网页作为一种媒体, 它必须具有一定的艺术感染力, 一个平淡无奇、杂乱无章或 毫无美感的网页很难会有浏览者喜欢,更不要说让浏览者去注意它的内容了。(2使页面结构清晰可读性强 经常可以看到这样的页面, 上面堆砌了许多内容, 却没有考虑它的空间框架, 让人看了无法知晓哪些内容才是最具发言权的。没有流畅的视觉流程, 这是典型的没有注意到编排清晰度、可读性的表现。 (3实现不同的功能 在网络这条信息高速公路上,网页最主要的功能就是一种传递信息的手段。因此,它一切内容都是为了这个目的而服务,都是要围绕这个中心进行设计的。然而,要实现这个功能,网页的美工设计和内容都必须有针对性。所谓针对性, 就是指对不同类别的网页要求采用不同的美工艺术效果。 (4网页的内容 网页设计人员美化网页,增加网页设计的艺术感,都是为了网页设计的内容 服务的。一般来说,网页的几项基本内容:标题、网站标志、主体内容、导航、广 告栏等。 (5确定网站的类型 在设计网页之需要做大量的准备工作, 需要思考以下几个问题:1、网站的类型:站点属于新闻、娱乐、商务类的综合站点,还是个人主页; (6确定网站的风格 如果浏览者主要是年轻人,页面就要设计得基调明快,活泼富有朝气;如果针对的群体是政府工作者或科学工作者, 那么页面就要设计得严谨、严肃、理性、 科学;如果针对的群体是妇女儿童,页面则要设计得温馨、友爱、轻松;如果针对的群体是恋人或从事艺术工作的人,页面就要设计得浪漫并有艺术感
《网页设计与制作实训》指导书
《网页设计与制作实训》指导书 --以“五岳独尊泰山”为例 一、规划网站 1．策划网站主题 在着手设计网站之前，要确定好网站的主题，每个网站都应该具有一个明确的主题。本次所创建的网站是一个名山宣传类网站，主要以五岳独尊泰山为主题，包括泰山简介、泰山文化、泰山名吃、泰山地质、环境和神话传说等内容。 2．确定网站风格 确定好站点主题后，就要根据该主题选择站点的风格。由于本次所创建的网站是一个名山宣传类网站，要求结构清晰，能够展现出泰山的魅力所在。本网站的主要特点如下： （1）设计风格要大众化，为了提高浏览速度，精选图片，同时尽量减少图片的使用，更多地使用层、表格实现效果。 （2）背景颜色以灰色和白色为主，文字颜色以黑色为主、蓝色和红色为辅。 （3）文字内容丰富、知识性强，标题简洁明了，字体一般采用宋体，大小一般为14像素。 （4）首页的版式结构采用典型的“三”字型结构，首页如图1-1所示。 图1-1 首页设计浏览效果
二级页面采用与首页统一的风格设计。 该网站名称为“五岳独尊泰山”，所有网页的标题为“五岳独尊—泰山”，个人根据所定主题确定。英文名称为“MountTai”。 3．构思网站栏目结构 先在纸上绘制网站的栏目结构草图，经过反复推敲，最后确定完整的栏目和内容的层次结构。“五岳独尊泰山”的栏目结构如表1-1所示。 表1-1“五岳独尊泰山”的栏目结构 为了简化对网站的浏览过程，大部分网页通过栏目就能浏览内容页面，首页的主菜单包括9个菜单项：泰山简介、泰山文化、泰山名吃、泰山自然、泰山地质、神话传说、泰山景点、泰山美图、寄语泰山。 4．规划网站目录结构和链接结构 根据网站策划确定的栏目结构，创建站点目录，一个网站的目录结构要求层次清晰、井然有序，首页、栏目页、内容页区分明确，有利于日后的修改。“五岳独尊泰山”的目录结构，各文件夹的所存放文件类型如表1-2所示。 ※注意※ 文件夹和文件的名称建议不要使用中文名，因为中文名在HTML 文档中容易生成乱码，导致链接产生错误。 表1-2网站的目录结构及其存放的文件类型
网页设计实习总结范文3篇
编号：_____ 网页设计实习总结范文3篇 学校：_________ 教师：_________ ____年___月___日 （此文内容仅供参考，可自行修改） 第1 页共9 页
网页设计实习总结范文3篇 学校是一个小社会，步入高中就等于步入半个社会。我们不再是象牙塔里不能受风吹雨打的花朵，通过实习的磨练，我们深深地认识到社会实践是一笔财富。以下是网页设计实习总结范文 网页设计实习总结范文1 现在，计算机和网络已经深入到了我们生活中的方方面面，也已经成了生活中不可缺少的一部分，网络成了我们获取知识和信息的一种便捷工具，现在的网民也在不断的增多，所以，了解和学习网络知识是我们作为一名大学生迫切所需的， 我利用寒假的时间，对网页设计进行了初步的认识和了解，并基本掌握Dreamweaver的应用。 通过对网页设计书籍的翻阅，我学习到了一些关于建设网站和制作网页的知识，在实践查阅资料时，对flash也有所了解。我还了解了一些基础的网络技术。通过学习，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，他是、Flash、Fireworks等网页软件的综合应用。 下面阐述一下我在翻阅《Dreamweaver》时的一些关于网页设计的见解。在具体的制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。 首先，要确定网页设计的内容一个优秀的风站要有一个明确的主题。整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网 第 2 页共 9 页
网页设计与制作实训报告
《Dreamweaver网页设计与制作案例教程》 实训报告 专业：计算机网络技术 年级： 2013级 姓名： 学号： 辅导老师： 制作电子商务类网站首页 一、网站建设的前期准备工作 1、网站整体需求分析 网站整体需求主要包括以下几个方面： 1)网站建设背景及目标 2)网站建设现状分析 3)网站建设目标分解 4)网站建设资金及人员投入情况分析 2、确定网站风格 根据电子商务网站的特点，确定网站的整体风格，即网站的色彩和版式。网站风格是在网站整体需求分析的基础上，通过明确网站设计的目的和用户需求、访问者的特点等得出的结论。本实例是针对一个工业产品交易平台的网站，网站与用户交互性强，因此确定其主色调为暖色系的橘黄色给人以轻松愉快的浏览环境。如图是电子商务网站的LOGO。
3、网站素材搜集 明确网站主题和划分板块后，接着要为后续的网站建设搜集素材。若想让网站有声有色，能够吸引客户注意，就要尽量搜集文字、图片、音频、视频、动画等多媒体素材。对于一些通用素材，可以从网上搜集得到，也可以根据需求自行制作素材，比如，通过Photoshop图像处理软件对图像进行优化处理，使用Flash制作动画等。如图所示。 二、创建站点 1、网站建设的第一步是创建本地站点。 2、创建的站点信息将显示在“文件”面板中。如果需要对站点参数进行修改，可以单击“站点→管理站点”对站点进行重新设置。 三、网站主页制作 1.使用Div+CSS布局页面 使用Div+CSS实现页面布局，具体操作如下： 4）为AP Div元素设置CSS样式。由于网站首页和子页面采取相同的布局风格，因此样式表采用外部链接样式表。 5）选中创建的AP元素“container”，在右侧的“CSS样式”面板中单击鼠标右键，选择“新建”命令，打开“新建CSS规则”对话框，并作相应设置，如图所示。 6）单击确定按钮，弹出“#container的CSS规则定义”对话框，选
网页设计实训报告总结
三一文库（https://www.360docs.net/doc/e95693812.html,）/实习报告 网页设计实训报告总结 实习报告网页设计实训报告总结，供大家参考。 毕业后，我来到了社会这个汇集众多江河湖水的大海，感受到了独立生活的好处与艰辛，同时我自己也更深的理解了，家长和学校老师对我们的殷切希望，在社会实习的这段日子，我吃了些苦，受了些罪，可是整个人在肉体上和精神上却升华了很多，也比以前的变得更有自信了。现将我的实习情况汇报如下： 一、实习工作介绍 我所在的这家公司，是一家做网上招商的商业网站，公司接收各种厂家提供的信息，然后由网络的技术人员，将商家的信息做成网页广告，然后挂在我们的网站上，以此达到商业推广的目的，类似我们公司的网站在同行业还有u88、28招商网等。 我和其它几位同事做为网络部的技术人员，主要的工作就是接收美工人员的网站模板，将其通过photoshop切片，然后导入dreamweaver进行排版，（排版主要使用css+div），并进一步的加以制作，完善美化，如加入js代码，或透明flash，因为网页是用css+div进行排版的，所以在最后一步的时候，我们还需要
进行浏览器测试，因为css+div排版方式有一个的缺点就是：浏览器不兼容的问题，典型的如：ie与fireworks，因为各种浏览器使用的协议不同，所以会导致页面在最终浏览的时候有一些小问题，如：页面混乱，图片、文字之间的距离过大或过小，页面不美观等等，做为一个新人，我在有些方面的技术还很不成熟，所以在技术总监张伟的帮助下，解决了很多问题，所在我很感谢他，当每天我们做完网页后，都会在代码页面加入注释代码，在里面写上每个人姓名的汉语拼间和工作日期，这样方便月底做统计工作，公司领导会根据每个人的工作数量进行奖励，每做一个页面会有2块的提成，虽然少点，但是积少成多，也是很可观的。 二、初来公司的时候 （一）初级考试 初来公司的时候，我们经过了初期考试，培训，与最终考试三个阶段，在接到公司让我面试的电话后，我来到了xx公司，因为要干的是网页设计，所以要有一个小测验，技术总监要求我们在网上自找图片和文字，做一个简单的页面，要求是：什么样的页面都可以，考查的主要是面试者相关软件的操作能力与代码掌握的熟练成度，说实话，从毕业后，有一段时间没有写代码了，刚一上机，还有点生疏，但是凭借在学样扎实的学习功底，我很快就恢复了自己的英雄本色，将html代码写的很熟练，做了一个左右分栏的页面，没什么太大难度，技术总监看了以后，说不错，让我三天后参加培训，合格扣就可以正式上班了。
网页设计实训报告
实训报告 题目： 实训课程名称：网页设计系别： 专业 / 班级： 年级： 学号： 姓名： 指导老师： 2018年4月27日
目录 1 实训目的 (1) 2 实训内容 (1) 2.1准备工作 (2) 2.2使用的技术 (2) 2.3设计制作要求 (2) 3 方案设计与实施步骤 (2) 4 实训中出现的问题、分析及解决方法 (3) 5.2日志 (4) 5.3 教程视频 (4) 6 实训总结 (5)
1 实训目的 通过综合实训进一步巩固，深化和拓展学生的理论知识与专业技能。 (1)掌握规划网站的内容结构，目录结构,链接结构的方法。 (2)掌握页面的整体控制和头部内容设置的方法。 (3)熟练掌握网页页面布局的各种方法。 (4)熟练掌握在网页中输入,设置标题和正文文字的方法。 (5) 熟练掌握在网页中插入图象,flash动画和背景音乐的方法。 (6) 熟练建立各种形式的超级链接的方法。 (7)掌握表单网页制作方法。 (8) 掌握网页特效制作方法。 (9)掌握网站测试的方法。 2 实训内容 1．网站主题要求 结合个人工作需要及兴趣爱好，独立完成主题的选择。 2．网站内容要求 网站不少于2级，页面总数不少于10个；内容和素材避免雷同。 3．设计制作要求 4 设计静态网站(HTML页面)； 5 站点文件、文件夹的命名与组织要求规范； 6 每个网页要求有标题； 7 网页要求整合多种媒体（音频、视频、动画、图片、文字等）； 8 要求有CSS的设计和使用； 9 要求网站无错误链接；
2.1准备工作 前期做好网页的规划，设计好image view vied css 等目录，做好不 混乱易于维护 2.2使用的技术 html css html5 2.3设计制作要求 网页内容有内涵，图文并麻，跳转无问题，配合csss 进行开发，千万规划好项目的架构，易于维护。在网页中有图片，有视频，有图片，有动画。 3 方案设计与实施步骤 1、网站主题 我的网站的主旨在于从各个方面全面的介绍我自己，展示自己，包括我的个人资料、爱好。建立一个展示自我形象的平台。同时，网站里的每一个网页都有统一的风格，每一个网页的主题色彩都是浅灰色，用以展示自己性格的效果。最重要的是做出自己的风格，给浏览者好的欣赏感受。 2、网站材料 主要在网站上搜集所要的网页信息，包括图片、文字、相关的新闻。同时，查询相关的书籍、百度和素材光盘等方式收集所需的文字资料,图象资料,flash动画和网页特效等，用以得来更加具有说服力的页面。要想做好自己的网站，能够给浏览者好的欣赏感受，就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。精选自己收集的材料，作为自己制作网页的素材，这样就可以做好一个好的网站