当前位置:文档之家› 网页设计实习报告

网页设计实习报告

网页设计实习报告
网页设计实习报告

实习报告

实习性质:网页设计

学生姓名: XXXX

专业班级:计算机网络技术141平面方向指导教师:XXX XXX

实习时间:2015年11月2日至2015年11月6日实习地点:重庆工程职业技术学院计算机房

重庆工程职业技术学院

学生实习考核表

目录

1实习目的 (1)

2 实习概况 (1)

2.1 实习要求 (1)

2.2 实习时间 (1)

2.3实习环境 (1)

2.4 制作环境 (1)

3 实习内容 (2)

3.1制作项目分析 (2)

3.2制作设计项目制作 (2)

3.2.1绘制运动会网站低保真 (2)

3.2.2网站的颜色搭配 (3)

3.2.3网站的字体设计 (3)

3.2.4网站的布局设计 (3)

3.3网站页面介绍 (3)

3.3.1网站页面上部内容 (3)

3.3.2网站主题内容介绍 (4)

3.3.3网站页面底部内容 (6)

3.4网站整体内容展示 (6)

4 其余网站展示 (6)

4.1学校网站介绍 (6)

4.2工作室网站介绍 (7)

4.3专题网站介绍 (9)

4.4手机APP介绍 (10)

5实习心得: (12)

1实习目的

《网页设计》项目实习是教学中的一个重要教学环节,是学生学习过程中不可缺少的实际操作技能训练,也是对课程学习效果的检验。通过本课程设计的实习,进一步提高学生对网页设计以及ps软件的操作能力,学生其间应以对课程设计负责的态度,认真做好设计,拓展想象空间,努力创作出富有个性的设计作品。

2 实习概况

2.1 实习要求

1)总体设计要求绘制准确,设计信息传达准确,布局合理,构图富有创造性,

色彩搭配符合设计需要,风格不限。

2)课程设计成绩根据课程设计实习报告质量和考勤给予评定。

2.2 实习时间

2015年11月2日至2015年 11月6日,即第9周

2.3实习环境

实习单位:重庆工程职业技术学院

主要工作:运动会网站设计

2.4 制作环境

●操作系统(Windows7)

●制作工具(Dreamweaver)

3 实习内容

3.1制作项目分析

绘制运动会网站设计

1)根据作品要求,明确画布大小,并确定内容宽度。

2)根据作品需要,能正确勾画出网站的大概框架。

3)根据作品需要,能够进行细节的调整,如颜色、字体等。

4)简略撰写设计创意及记录实习制作过程。

5)写实习心得。

3.2制作设计项目制作

3.2.1绘制运动会网站低保真

图3.2. 1

3.2.2网站的颜色搭配

本网站主要采用的黑色和橙色,黑色为主打颜色,运用于背景,而背景上下用了两个渐变色块,让整体看起来并不那么深沉。运动会主要表现的事同学们的活力,则配色采用的事看起来活泼的橙色。使整个页面看起来活泼。而橙色在黑色背景中也能突出出来。导航条也采用的是渐变的块,是画面看起来更活跃,不单调。

3.2.3网站的字体设计

本网站的字体主要采用的是微软雅黑,内容的字用的是12号,标题的字用24号。主题采用了艺术字突出。

3.2.4网站的布局设计

本网站是运动会网站,主要是比赛的项目和做新的获奖情况,所以我分成了5个板块,上面一块用来放学校的标志和导航。左边放的是同学们关心的比赛安排,右边的上面用了一张大图摆放主题,右下分了两部分,右边用的是一个交互设计,放了几个按钮,这样最新的新闻及同学们的获奖情况就可以凭同学们自己的喜好点击,右下放的是一个视屏专区,方便同学们观看运动会的一些精彩画面。

3.3网站页面介绍

3.3.1网站页面上部内容

背景用的是一个由黑到灰的渐变色块,使画面看起来不那么单调,左边摆放的是学校的标志.

图3.3.1

导航条的背景橙色到浅色的渐变,使导航条看起来更具有视觉冲击感,文字用的是宋体四号字。

图3.3.2

整体效果如图所示:

图3.3.3

3.3.2网站主题内容介绍

中间的左边部分放的是运动会比赛项目,点击按钮可上下滑动。以橙色块为背景,在黑色背景中橙色很突出,也表现了运动会的活泼,比赛项目配有小图标,看起来更形象具体,在橙色背景中用的是白色的宋体12号,白色在橙色中也很突出。

图3.3. 4

中间的右边部分上面放的是一张学校打大图,图片可随时间自动切换,图片主要是运动会一些最精彩的画面。大图上放的是运动会的主题,标题采用的是艺术字,突出主题

图3.3. 5

右边的下面放的是一些校运动会的一些时事新闻,左边是几个块,点击块相关的信息就滑出。右边则是一个视屏专区,各个学院在运动会上的精彩表现,方便同学们查看。

图3.3. 6

运动会主题部分全景如下:

图3.3.7

3.3.3网站页面底部内容

底部背景也是一个渐变的块,与导航的相呼应,底部就是摆放的是版权内容。在黑色背景中使用的是白色的字,形成对比,视觉清晰。

图3.3.3

3.4网站整体内容展示

图3. 1

4 其余网站展示

4.1学校网站介绍

这个网站是一个学校网站,只要用的是比较清新的绿色,上面部分是学校的标志和一个搜索的框。接下来是导航,导航做了一个细微的处理,是导航看起来不至于死板。下面就是一张主图,左边摆的是学院机构,下面有个半透明的块写的是校训,接下来就是三个并排的块,左边摆放的是时事新闻,学校的最新动态。中间摆放的是学校的通知公告,下面有一排小图标,每个小图标都是一个内容,是一个交互设计。右边放的是学校的一些视屏,底部摆放的就是版权信息块。

图4 .1

4.2工作室网站介绍

工作室网站主要用的黑色为主打,顶部摆放的是工作室的标志,右边是导航,导航用的是一个光晕,点到哪个光晕就移动到哪,导航下是一条灰色的线,把内容与导航隔开,每个页面都有导航和标志,只是中间的内容变化。业务介绍页面运用的是一些小图标,把文字图片化,让人们看起来不是那么烦躁。

图4.2 1首页

图4.2 2业务介绍

图4.2 3联系我们

图4.2 4成员介绍

图4.2 5作品展示

4.3专题网站介绍

专题网站介绍的女装,主要采用的是黑色为主导,主图用的是一个梯形摆放标志和主题并介绍主题,中间内容用的是一个菱形块,主要运用的是咖啡色以及它的临近色,使整个页面字的色彩看起来不凌乱,看起来有统一性,重要的地方用红色突出底部用一个黑色的块,里面说的是活动的内容,内容用了一个咖啡色系列的渐变,看起来比全是白色更和谐。在与版权信息块之间用了一个灰色到黑色的渐变,使画面看起来不至于变化那么突兀,看起来节凑不间断。每个板块都配有图片,能让消费者更清楚的了解商品信息。

图4. 3

4.4手机APP介绍

页面主要用的是蓝色调。顶部左边是一个菜单栏,点击在左边划出信息,右边就是一个搜索栏,下面就是四个图标按钮下面就是最新的一些信息排列,下面的信息用的是一个蓝色的边框与住色调搭配。上面的主图是随时切换的最新动态。

5实习心得:

转眼一学期就要结束了,感觉自己就这样浑浑噩噩的过了,对于网页设计这一科我有特别深的感触,记得才开始上这一门课程的时候,听说并不难,而且平时老师对我们的又很好,当初老师说我们一学期只要完成6分作业就可以了,我就觉得应该会很简单。平时上课老师也让我们觉得很轻松,老师让我们平时要多练习多看才可以学好,直到这一周实训我才发现老师说的都是对的,发现自己原来真的很多都不会,思绪也是乱的。到星期二了原型都还没有过,心情都快低落到谷底了。

通过这次实训对这门课程的学习,做好网页,并不是一件容易的事,它包括网页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。所以我得出一下总结:

一、准备资料和挑选符合目的主题的合适素材做网页当然要收集、准备资料。在网上多转转,看到什么漂亮的网页,把它保存起来,作为以后自己设计主页时的参考。

二、规划好整个网站主页的设计应以醒目优先,应该令人一目了然,切勿堆砌太多不必要的细节,或使画面过于复杂。切记,页面给人的第一观感最为重要!在网上到处浏览网站的人很多,如果你的主页给人的第一印像没有吸引力,很难令他们深入观赏,而且他们恐怕再也不会访问你的网站了。

三、善用图片,增强艺术效果我记得老师说过网页的迷人之处之一,要算它上面能点缀许多漂亮的图片。精美的图片设计,可以使自己的网页增辉不少,令人过目不忘。图片的内容应有一定的实际作用,切忌虚饰浮夸,同时还要注意与文字的颜色搭配。最佳的图像集美观与资讯于一身。

四、善于借鉴他人主页制作中的设计技巧都能查看到该主页制作时所编写的绝大部分网页编程源代码。因此,如果想知道并掌握一些优秀的主页采用的设计技巧,试着将其源代码调出来仔细揣摩,并模仿着一步一步去实现。

通过此次实习让我明白我必须对学习重视起来必须要对自己负责,这次实习只是我们人生中一个奋斗的起点,我也相信自己一定会以更加饱满的热情和决心投入到未来的学习当中去,相信自己一定能交出更加满意的答卷。也感谢老师这学期来对我们的辛勤指导。

网页设计实训报告1000字

网页设计实训报告1000字 篇一 实习目的:熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。培养我们利用计算机进行商务网页设计的基本思路和应用开发能力,提高我们的计算机文化素质。 网页是世界上最有价值的不动产之一。人们在这个不足0.1平米的空间内投资达数百万美元。网页对公司的影响比简单的电子商务增收方法大得多;网页也是公司对外的脸面。WEB站点就像一栋房子,它的每一个窗口都可以看成一扇门,人们可以沿着搜索引擎其他WEB站点的链接,绕过主页而进入WEB的深层。 一.网站的整体规划 1.讨论网站主题:因为自己对普罗旺斯很感兴趣,于是就想到要是一下为心中的仙境设计一个旅游网站。 2.定位网站CI形象:旅游网站最重要的就是是浏览者产生想去亲身体验一下的共鸣。于是在网页设计上面,根据普罗旺斯梦幻般的意境,我采用的是清新隽永的CI形象。使 浏览者有宾至如归的感受。 3.确定栏目和板块: 1]首先要考虑整个网页的长和宽,以及长度和宽度之间的比例。 2]其次就应该考虑导航条的设置了。 3]正文的框架设置(横向因素和纵向因素交错) 在浏览了很多精美的旅游网站之后,再结合自己的想法,我先在草纸上画出了大体的栏目和板块。 4.网站的整体风格和创意:建立一个浪漫的旅行网站,走映像派路线,目的务必使浏览者留下映像。 二.网页制作的前期策划与准备 1.资料的搜集:由于个人的爱好,我很早以前就收集了许多普罗旺斯的美图,这次就方便多了。接着就搜集了一些有梦幻效果的网页背景,FIASH源代码、小图标和一些GIF 的动画等。

2.熟悉制作工具软件: 主页制作的基本条件有: 硬件: 一台电脑(64MB以上内存,当然越大越好啦);可以拨号上网;如果你有条件的话,建议:配置扫描仪,这将大大方便图像和文字的输入;软件: HTML编辑软件:常用的有Frontpage、Hotdog等,本文重点介绍Dreamweaver; 图像处理软件:常用的有Photoshop、flash、Fireworks等; 文件上传软件:常用的有Cuteftp、WSftp等。 三.网页制作 真的是万事开头难啊,遇到了很多问题,比如:插入的图片不符合规格,一下子把其他内容的框架挤开;插入的层太多,大一点的就把小一点的给覆盖掉了;插入的FLASH不能产生效果。总之问题一箩筐。实践出真知,原来自己还有那么多欠缺的知识。于是回归本源,先把课本上的东西弄通再谈其他。然后又到图书管里借了几本网页制作方面的书籍来参考。 在对基本知识有了详细的了解之后,做起东西来就得心应手多了,知道引导页能过加映像之后,我决定为我的网页设计一个引导页。 然后是主页和二级页面的设置。要注意,网上只能使用JPG和GIF两种图象格式,其 他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但可以用图象软件进行转换,比如Office97的照片编辑器。把准备在主页上出现的图象放进相应的目录里后. 在一步一步的边学边做的过程中,看着心中的东西一点一点的出来,真的很有成就感。虽然自己的网页技术还差的远,但是回顾一下这周真的学到了很多的东西。 四.网页的调试 之前把作过的东西放到U盘里,发生过图片显示不出来的状况,还好即使找到了解救的方法,把源文件和WEB页面放到一起这样就算路径改变的话也不会影响页面的效果。 总结:在WWW上,不论你是资产上亿的大公司,还是捉襟见肘的穷学生,只要你建立了 自己的网页,你们的地位就是平等的。经过这周的相关学习,我了解到网页设计与制作是 一门庞大的工程。网站的反馈与评价网站要注意经常维护更新内容、保持内容的新鲜,不 要做好就放到服务器永远不变了,只有不断地补充、更新内容、才能够吸引浏览者.维护更新时可以充分利用Dreamweaver提供的模板和库技术,以提高工作效率.一个真正的网站,

网页设计与制作实训报告

《网页设计与制作》 实习报告 指导老师: 实习地点: 实习时间: 实习班级: 学生姓名:

一、实习目的 ①学会制作新闻发布系统。 ②学会制作在线调查系统。 ③熟悉购物网站的主要功能和栏目。 ④学会购物网站数据库表的创建和数据库连接的创建。 ⑤学会购物系统前台页面制作和后台管理制作。 二、实训内容 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"显

简单网页制作实验总结报告

《大学计算机基础》 实验报告 专业名称: 电子商务2班 学号: xxxxxxxxxxx 姓名: x x 指导教师: x x 2011年12月24日

目录 第一章网站主题设计说明 (1) 1.1 主题内容 (1) 1.2 设计思路 (1) 第二章网站内容设计 (2) 1.1 链接1标题 (2) 1.2 链接2标题 (2) 1.3 flash制作说明 (2) 第三章网站技术难点 (3) 第四章心得体会..................................... ..... ......................... (4)

第一章网站主题设计说明 1.1 主题内容 (1) 网站主题为“四季の花”,包括春夏秋冬四个季节的比较典型的花朵及有关花的诗句,色彩缤纷,十分艳丽夺目。 1.2 设计思路 (2) 大多网站都设计的关于音乐,影视,购物等非常热门的东西,本站设计的主题是花,能让人们在闲下来的时候看看花,品品诗歌,所以做有关花的网页是个不错的选择。同时,让人们分清楚春夏秋冬都各有什么典型的花。

第二章网站内容设计 1.1链接1标题:春の花 春天是生命的季节,在这个季节里,万物复苏。所以就找了虞美人,桃花,牡丹,以及海棠花来作为春天的代表。同时配有与这些花有关的诗句。 1.2 链接2标题:夏の花 夏天充满了激情与阳光,我找了兰花,荷花,百合花等来代表这个季节,色彩艳丽,十分醒目夺人。 1.3 链接3标题:秋の花 大丽花,菊花,月季和牡丹花都竞相出现在本网页,色彩缤纷,赏心悦目。 1.4 链接4标题:冬の花 蝴蝶兰,水仙,迎春花,梅花是冬季的代表,他们刻画了一副傲立冬天的坚强的姿态。

Web网页设计实验报告

WEB系统开发 综合实验报告 题目红尘客栈网上订房页面 专业计算机科学与技术(信息技术及应用) 班级计信2班 学生蒋波涛 重庆交通大学 2013年

目录 一、设计目的 (3) 二、设计题目 (3) 三、结构设计 (3) 四、技术分析 (4) 五、设计过程 (7) 六、实验心得 (10) 七、实验总结 (11)

一、设计目的 在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet 应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利.但是,我们成天浏览的网站网页到底是如何制作的呢?我想这一点很多同学都没有去深究过.所以,这学期我选择了”web网页设计”这门课, 本课程的设计目的是通过实践使同学们经历网页制作的全过程. 通过设计达到掌握网页设计、制作的技巧。 了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求,给出网页设计方案,可以按要求,利用合适图文素材设计制作符合要求的网页设计作品。 熟练掌握Photoshop cs3、Dreamweaver cs等软件的的操作和应用。增强动手实践能力,进一步加强自身综合素质。学会和团队配合,逐渐培养做一个完整项目的能力。 二、设计题目 《红尘客栈》 三、结构设计 选定主题,确定题目之后,在做整个网站之前对网站进行需求分析。首先,做好需求调研。调研方式主要是上网查阅资料,在图书馆里翻阅相关书籍。 然后,调研结束之后对整个网站进行功能描述,并对网站进行总体规划,接着逐步细化。 我们选做的主题是个人主页,并且选定题目为“红尘客栈”,其目的是做一个简单的网站,介绍酒店概况,提供一定的资讯信息。 四、技术分析 (一)建立布局 在这次的网页设计中用到大量的布局,所以怎么样建立布局是关键。Dreamweaver cs3是大多数人设计网页的称手兵器,也是众多入门者的捷径。特别是其在布局方面的出色表现,更受青睐。大家都知道,没有表格的帮助,很难组织出一个协调合理的页面。 1.点击“ALT+F6”键,进入布局模式,插入布局表格。建立一个大概的布局。 2.使用背景图片:选中该项,按浏览可以插入一幅准备好的图片作为表格的背景,因为图片是以平铺的形式作为表格背景,所以表格大小和图片尺寸都要控制好。 (二)网页中的图像

网页设计实训报告范文

网页设计实训报告 范文 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日

网页设计实训报告

电子商务网页设计与制作实训报告 班级:电商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备案]; 三、定位网站 四、分析网站功能和需求(网站策划) 五、网站风格设计; 六、网站代码制作; 七、测试网站;

网页设计的实习报告范文_实习报告.doc

网页设计的实习报告范文_实习报告 一实验目的 1.学习HTML语言和dreamweaver,FrontPage等工具 2.掌握在本地环境下运用ASP技术实现一个简单的电子商务网站 二实验的方法和原理 三实验过程 1、资料的搜集。 组长分配任务,大家从网站上搜集各种关于手机的资料。 2、熟悉制作软件。 做网页主要用的工具便是Dremweaver、Photoshop、Flash软件。在这些软件我对Dremweaver、Photoshop相对比较熟悉,因为在平时上课是老师带领我们运用过。所以我还可以正常的运用,但是出现的问题还是有很多。有很多不懂如何操作,只有通过在次去看书才能够了解,这也体现了我学习方面的缺点,它是我平时不够认真的具体表现。 3、构建站点框架。

打开Dremweaver后第一步便是新建站点 4、设计主页及二级页面。 5、实现网页间的链接 链接的过程其实很简单,主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。 6、向静太网页插入动态效果 四实验心得 在经济迅速发展的今天,Internet显得更为重要它是人们发布信息与传递信息的重要渠道,为了与社会发展同步,为了让我们成为真正的技术性人才。学校在本周为我们安排了维持三周的网页制作专用周是实习,让我们把平时所学知识运用到实习中做到真正的学以致用而不只是纸上谈兵。通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足。 近三个星期的实训将要结束,其中的酸甜苦辣我会在今后的日子里不断地去咀嚼,去回味,去探索。从制作网页过程中,我学到了新的美化网页的方法,运用了更多以前未运用的技巧。这使我学到了更多的知识,并且为我自己在制作网页这方面积累了

网页设计实训报告总结

三一文库(https://www.doczj.com/doc/a117015949.html,)/实习报告 网页设计实训报告总结 实习报告网页设计实训报告总结,供大家参考。 毕业后,我来到了社会这个汇集众多江河湖水的大海,感受到了独立生活的好处与艰辛,同时我自己也更深的理解了,家长和学校老师对我们的殷切希望,在社会实习的这段日子,我吃了些苦,受了些罪,可是整个人在肉体上和精神上却升华了很多,也比以前的变得更有自信了。现将我的实习情况汇报如下: 一、实习工作介绍 我所在的这家公司,是一家做网上招商的商业网站,公司接收各种厂家提供的信息,然后由网络的技术人员,将商家的信息做成网页广告,然后挂在我们的网站上,以此达到商业推广的目的,类似我们公司的网站在同行业还有u88、28招商网等。 我和其它几位同事做为网络部的技术人员,主要的工作就是接收美工人员的网站模板,将其通过photoshop切片,然后导入dreamweaver进行排版,(排版主要使用css+div),并进一步的加以制作,完善美化,如加入js代码,或透明flash,因为网页是用css+div进行排版的,所以在最后一步的时候,我们还需要

进行浏览器测试,因为css+div排版方式有一个的缺点就是:浏览器不兼容的问题,典型的如:ie与fireworks,因为各种浏览器使用的协议不同,所以会导致页面在最终浏览的时候有一些小问题,如:页面混乱,图片、文字之间的距离过大或过小,页面不美观等等,做为一个新人,我在有些方面的技术还很不成熟,所以在技术总监张伟的帮助下,解决了很多问题,所在我很感谢他,当每天我们做完网页后,都会在代码页面加入注释代码,在里面写上每个人姓名的汉语拼间和工作日期,这样方便月底做统计工作,公司领导会根据每个人的工作数量进行奖励,每做一个页面会有2块的提成,虽然少点,但是积少成多,也是很可观的。 二、初来公司的时候 (一)初级考试 初来公司的时候,我们经过了初期考试,培训,与最终考试三个阶段,在接到公司让我面试的电话后,我来到了xx公司,因为要干的是网页设计,所以要有一个小测验,技术总监要求我们在网上自找图片和文字,做一个简单的页面,要求是:什么样的页面都可以,考查的主要是面试者相关软件的操作能力与代码掌握的熟练成度,说实话,从毕业后,有一段时间没有写代码了,刚一上机,还有点生疏,但是凭借在学样扎实的学习功底,我很快就恢复了自己的英雄本色,将html代码写的很熟练,做了一个左右分栏的页面,没什么太大难度,技术总监看了以后,说不错,让我三天后参加培训,合格扣就可以正式上班了。

web网站设计实训报告(范文)1.doc

附录 1:设计报告封面 湖南娄底职业技术学院 web 网站设计 课程设计报告 设计题目:个人网站 系部:电子信息工程息 专业:网络技术 学生姓名:黄永凤 学号: 200902060109 起迄日期:年月日 ~ 年月日指导教师:罗金铃 教研室主任:

一.网站的需求分析 对于个人网站而言,一个好的网页会给人留下深刻的印象,那样才会提高网站的知名度才会增加 点击率。如果通过网站管理系统工作,就可以拓开以前传统的宣传思路,用户可以通过上网就能达到找到所需要材料的目的,并且可以给管理员留言以反馈意见。 二.系统实现所需要的软件 网页编辑排版Dreamweaver CS3、网页图像制作软件Photo CS2、网页动画制件软件Flash 、ACCESS 数据库、动态网页编程语言ASP 三、网站设计的思路 网站拓扑图构画 从开始想创建网站到最后的个人网站的上传发布是需要包含一个完整的工作流程。网站包括哪些栏目,采用什么样的制作结构,这些都是我们在制作网站前首先要确定的, 下面是我个人网站的结构图:

四、系统功能模块的实现过程 个人网站实现了留言、文章、相册、日志、注册、链接、调查、后台管理等诸多功能于一体的 网站。本人经过需求分析、和可行性的管理方式进行了前台设计与后台管理。通过数据库的创建与 连接实现了人机交互功能。 1个人首页功能模块功能的实现过程 个人首页主要放置主人的最新动态,导航条菜单包括首页、个人简历、个人相册、文字拾掇、 我的聊吧、给我留言、友情链接。给我留言,必须通过先登陆或先注册才能进行留言。底部插入个 人网站的版权信息,同时也加入了联系我们、后台管理、首页收藏、设为首页、版权声明。 ( 1) .个人首页导航功能实现介绍 个人首页导航有七个链接分别是:我的首页、个人简历、个人相册、文字拾掇、我的聊吧、给我留言、友情链接。它们都采用“行为”中“交换图像”。如图 3-1 所示。

网页设计与制作总结

网页设计与制作 实训报告 班级:多媒体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的制作。

(完整版)网页制作实习总结

网页制作实习总结 网页设计与制作的实训是锻炼我们实践能力的重要环节,是对我们实际工作能力的具体训练和考察过程。以下是网页制作实习总结,欢迎阅览! 网页制作实习总结一 网页设计与制作的实训是锻炼我们实践能力的重要环节,是对我们实际工作能力的具体训练和考察过程。随着科学技术发展的日新月异,网页设计制作已经成为当今计算机应用中空前活跃的领域,在生活中可以说得是无处不在。因此作为二十一世纪的大学来说掌握网页设计制作的技术能力是十分重要的。 这次实训,老师要求我们为自己家乡的一个公司做一个网站。我是来自浙江衢州,衢州作为一座文化历史名城,拥有众多的旅游风景点,所以我选择了为我家乡的旅游网亿游网做一个网站。 首先我要做的就是要选择好题目和网站的风格,之后我就分步骤准备在制作网站前所要做好的准备工作。我浏览了衢州旅游网的一些特点,借鉴这些网站的优秀之处,不好的地方在自己的网站上加以改良,从而使自己的网站更加美观。 做好这些准备工作之后我希望能在最短的时间内做

到最好的效果。接下来的步骤就是准备素材,搜集与主题相关的文字、图像、动画、音乐等资料。在准备素材的过程中我用到了dreamweaver、photoshop等工具。再是设计网站的内容结构、目录结构和链接结构,设计首页及其页面的版式结构。然后创建本地网站,建立网站的目录结构。制作首页、二级子页、内容页,创建超级链接。最后就是测试与浏览网页,如果还有什么不理想的地方再改进再预览,如此反复,最后达到最好效果! 在设计的过程中遇到的问题,可以说是困难重重,这毕竟是第一次独自设计网站、制作网站,难免会遇到过各种各样的问题,同时在设计的过程中发现了自己的不足之处,对以前所学过的知识理解得不够深刻,掌握得不够牢固,比如说拖动层的设置,时间轴与层的显示与隐藏的综合应用,在CSS的具体应用还不是和很熟练,没有能完全达到自己预期的效果,还好通过老师的细心指导才能达到最终效果通过这次网页设计与制作实训,一定把以前所学过的知识重新温 回顾这次课程设计,至今我仍感慨颇多。的却。从选题到开始制作,从理论到实践,在实训两周的日子里,可以说得是苦多于甜,但是可以学到很多很多的的东西,同时不仅可以巩固了以前所学过的知识,而且学到了很多在书本上所没有学到过的知识。通过这次课程设计使

网页设计实训报告

湖南科技经贸职业学院计算机科学技术学院实训报告 实训课程:网页设计 班级:计网二班 学号:200903884 姓名:彭论 指导老师:王湘文 提交日期:2010-6-21

前言 至于我为什么选择酒店设计题材,因为本人就是想以后自己能办一个很品牌一点的酒店。 在选择好题目和网站的风格之后,我就进行了分工,希望能在最短的时间内做到最好的效果。接下来的步骤就是准备素材,搜集与主题相关的文字、图像、动画、音乐等资料。再是设计网站的内容结构、目录结构和链接结构,设计首页及其页面的版式结构。然后创建本地网站,建立网站的目录结构。制作首页、创建超级链接。最后就是测试与浏览网页。对于酒店网站的设计,我结合了国内外很多知名品牌酒店的网站页面的设计前沿。取其精华,去其糟粕,在网站内容上删减了很多的在外观上的美,整体讲究整体美和简洁美,对于本网站的设计凝聚了本人长达三个星期的时间,完成网站静态设计后,从总体上对网站动态上进行动态设计,希望本网站能在我们这个年纪的领域有一个很好的炫美。

目录 ?实训目的 (3) ?实训任务 (4) ?实训项目(网页设计思路及详细说明) (5) ?实训中遇到的问题与解决问题的方法 (6) ?实训心得与体会 (7)

一.实训目的 进一步熟悉和掌握网站建设的基本流程和技术规范; 巩固运用Dreamweaver网页制作软件制作网页、特别是制作动态网页的 知识; 巩固运用PhotoShop图像处理软件进行网页中图形制作和运用flash动画 制作软件设计网页中动画的知识; 巩固综合运用Dreamweaver、PhotoShop、flash三个软件完成网站建设任 务的方法,能独立设计一个内容完整、图文并茂、技术运用得当的网站; 具备独立撰写实训报告等科技文件的基本能力; 在网页设计的实践中培养分析问题、解决问题的能力,培养协作、交流 的能力,培养创新能力和团队意识; 为今后从事网站开发、维护和管理奠定基础。

网页设计毕业实习报告

网页设计毕业实习报告 篇一网页是世界上最有价值的不动产之一。人们在这个不足平米的空间内投资达数百万美元。网页对公司的影响比简单的电子商务增收方法大得多;网页也是公司对外的脸面。WEB站点就像一栋房子,它的每一个窗口都可以看成一扇门,人们可以沿着搜索引擎其他WEB站点的链接,绕过主页而进入WEB的深层。 一.网站的整体规划 1.讨论网站主题:因为自己对普罗旺斯很感兴趣,于是就想到要是一下为心中的仙境设计一个旅游网站。 2.定位网站CI形象:旅游网站最重要的就是是浏览者产生想去亲身体验一下的共鸣。于是在网页设计上面,根据普罗旺斯梦幻般的意境,我采用的是清新隽永的CI形象。使浏览者有宾至如归的感受。 3.确定栏目和板块: 1]首先要考虑整个网页的长和宽,以及长度和宽度之间的比例。 2]其次就应该考虑导航条的设置了。 3]正文的框架设置 (横向因素和纵向因素交错) 在浏览了很多精美的旅游网站之后,再结合自己的想法,我先在草纸上画出了大体的栏目和板块。 4.网站的整体风格和创意:建立一个浪漫的旅行网站,

走映像派路线,目的务必使浏览者留下映像。 二.网页制作的前期策划与准备 1.资料的搜集:由于个人的爱好,我很早以前就收集了许多普罗旺斯的美图,这次就方便多了。接着就搜集了一些有梦幻效果的网页背景,FIASH源代码、小图标和一些GIF 的动画等。 2.熟悉制作工具软件: 主页制作的基本条件有: 硬件: 一台电脑(64MB以上内存,当然越大越好啦);可以拨号上网;如果你有条件的话,建议:配置扫描仪,这将大大方便图像和文字的输入;软件: HTML编辑软件:常用的有Frontpage、Hotdog等,本文重点介绍 Dreamweaver; 图像处理软件:常用的有Photoshop、flash、Fireworks 等; 文件上传软件:常用的有Cuteftp、WSftp等。 三.网页制作 真的是万事开头难啊,遇到了很多问题,比如:插入的图片不符合规格,一下子把其他内容的框架挤开;插入的层太多,大一点的就把小一点的给覆盖掉了;插入的 FLASH不

网页设计实训总结心得6篇

网页设计实训总结心得6篇 网页设计实训总结心得6篇 photoshop等软件的功能和应用。不但如此,更增加了同学间的友谊,陪养了彼此间的团结。 在这期间,每一天老师都会发一些素材和实训给我们,首先是网页素材的准备,在网上查看一些网页背景和背景颜色搭配,让我了解到网页的颜色不能多过3种色彩。接下来的几天再结合自己的网页来进行策划,在做首页之前,先用图纸把网页的结构画出来,内容和结构都想清楚用fireorks把网页设计出来,再切割图片,把它们导成html格式在dreameaver中进行进一步的编辑。 我们的网站主要是围绕宿舍而展开的一串活动、人物等,宿舍给我们一种很温馨、很快乐的感觉,所以我们决定将这次的网页名叫funnroom。主题确定好了,那么分工出就明确了,我们组有三个人,两个人负责找素材,另一个美术好的就负责网页的页面设计,但是我们始终不是学美术方面的,所以色彩方面搭配的不是很好,后来采用了色彩比较清新自然的绿色来作为首页的主色调,让人第一眼看上去就有难忘的感觉。而从第二页开始就采用粉色为主色调,让人可以感受到我们的主题,因为首页和其它的颜色不一样,所以我们就把首页当作是过渡页,第二页开始才是网页的为了增加网页的新鲜感和活泼感,还适当在添加一些透明flash和一些网页特效。在这实训的时间里面,我们分工合作,共同努力,对网页反复调试和修改,特别是对于fireorks软件不那么熟悉,有很多的实例都要看过老师的演示才会明白,不过这也恰恰让我学到更多。虽然中途难不免会有因为意见的

不合而发生一些小小的争吵,但我觉得不影响我们的网页设计,反而会因为这些不同的意见而重新学到更多的知识。 网页设计实训总结心得体会范文3 通过这次实训对这门课程的学习,做好网页,并不是一件容易的事,它包括网页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。所以我得出一下总结: 一、准备资料和挑选符合目的主题的合适素材 做网页当然要收集、准备资料。在网上多转转,看到什么漂亮的网页,把它保存起来,作为以后自己设计主页时的另外,还包括搜集美化主页可能要用到的各种材料,如背景、小动画图标等等。可以在硬盘上建一个文件夹,下分图片、声音、动画等文件夹,养成上网时看到有创意、新鲜的图像,就按鼠标右键存入你硬盘相应文件夹的习惯,时间一长就拥有了一个可观的图库,等做网页时随手拈来或加以修改就成你自己的东西了。 二、规划好整个网站 主页的设计应以醒目优先,应该令人一目了然,切勿堆砌太多不必要的细节,或使画面过于复杂。切记,页面给人的第一观感最为重要!在网上到处浏览网站的人很多,如果你的主页给人的第一印像没有吸引力,很难令他们深入观赏,而且他们恐怕再也不会访问你的网站了。 三、善用图片,增强艺术效果 我记得老师说过网页的迷人之处之一,要算它上面能点缀许多漂亮的图片。精美的图片设计,可以使自己的网页增辉不少,令人过目

网页设计与制作实训报告

《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规则定义”对话框,选

web网站设计实训报告(范文)1

附录1:设计报告封面 湖南娄底职业技术学院 web网站设计 课程设计报告 设计题目:个人网站 系部:电子信息工程息 专业:网络技术 学生姓名:黄永凤 学号: 200902060109 起迄日期:年月日~ 年月日指导教师:罗金铃 教研室主任:

一.网站的需求分析 对于个人网站而言,一个好的网页会给人留下深刻的印象,那样才会提高网站的知名度才会增加点击率。如果通过网站管理系统工作,就可以拓开以前传统的宣传思路,用户可以通过上网就能达到找到所需要材料的目的,并且可以给管理员留言以反馈意见。 二.系统实现所需要的软件 网页编辑排版Dreamweaver CS3、网页图像制作软件Photo CS2、网页动画制件软件Flash、ACCESS数据库、动态网页编程语言ASP 三、网站设计的思路 网站拓扑图构画 从开始想创建网站到最后的个人网站的上传发布是需要包含一个完整的工作流程。网站包括哪些栏目,采用什么样的制作结构,这些都是我们在制作网站前首先要确定的, 下面是我个人网站的结构图:

四、系统功能模块的实现过程 个人网站实现了留言、文章、相册、日志、注册、链接、调查、后台管理等诸多功能于一体的网站。本人经过需求分析、和可行性的管理方式进行了前台设计与后台管理。通过数据库的创建与连接实现了人机交互功能。 1个人首页功能模块功能的实现过程 个人首页主要放置主人的最新动态,导航条菜单包括首页、个人简历、个人相册、文字拾掇、我的聊吧、给我留言、友情链接。给我留言,必须通过先登陆或先注册才能进行留言。底部插入个人网站的版权信息,同时也加入了联系我们、后台管理、首页收藏、设为首页、版权声明。 (1).个人首页导航功能实现介绍 个人首页导航有七个链接分别是:我的首页、个人简历、个人相册、文字拾掇、我的聊吧、给我留言、友情链接。它们都采用“行为”中“交换图像”。如图3-1所示。

网页设计实训报告

实训报告 题目: 实训课程名称:网页设计系别: 专业 / 班级: 年级: 学号: 姓名: 指导老师: 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动画和网页特效等,用以得来更加具有说服力的页面。要想做好自己的网站,能够给浏览者好的欣赏感受,就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。精选自己收集的材料,作为自己制作网页的素材,这样就可以做好一个好的网站

网页设计实训报告

网页设计 课程设计报告 设计题目: 专业: 学生姓名: 学号: 起迄日期: 指导教师:

目录

第一部分:实训目的 21世纪是一~~~~~~~~~~~~~~~~~~~~~~~~~~。 第二部分:实训准备 通过一个学期的web网页设计课程的学习,我终于明白我们浏览的每个漂亮的网页是怎么做出来的,我也想自己亲手来做自己的个人网站。在做个人网站之前,我做以下准备:理清自己的思绪,想清楚自己的网站设计,做模板,找素材,进行站点的规划和素材、资料的收集,要按照制作网站的步骤一步一步来完成。 第三部分:实训要求 1、主题鲜明、内容充实;颜色清新、舒适、结构合理; 2、导航清楚、栏目合理、层次分明、使用方便 3、设计8至15个页面。内含:用户注册,登录系统,留言系统、统计在线人数,设为首页、加为收藏等动态网页内容。 第四部分:个人网站的总体规划和步骤 1.设计的思路 ! 2.网站的意义

3. 网站的总体风格。 4. 网站的分析与设计 设计一个个人网站,主要需要考虑两个方面的因素: 1.速度:反应出用户访问网站页面的速度。主页是经常被访问的页面,最好把每页的风格统一起来,例如:导航部分最好放在每页相同的位置,便于在每个页面中的跳转。 2.布局:是个人网站具有吸引力的根本所在,它主要说的是信息显示的视觉效果。 5.规划站点 站点规划是设计站点前的一个重要步骤。合理地规划站点对以后站点的设计甚至网站的制作会有事半功倍的效果。 5.1导航草图的制作有利于理清思路,避免在制作网站的过程中乱了方寸。如图4-1所示就是个人粉色网站的初始导航草图。

图4-1 导航图 在导航草图中,网站首页下面有6个二级网页。各网页主要内容如下: 首页:总述。 我的简介:个人资料。 相册:包括了我自己的相册,家人相册、朋友相册、明星相 册和漫画图片。 留言板: 是访问我的朋友其中可以写上姓名、联系方式和 对我的网站的看法。让朋友给我留言,增进彼此的了解与交流。 日记:是用框架素材的,有我的作品,最新自己日记,我收 藏的文章,动画效果,文字飘动,供访问者观赏。 相册 留言 板 日记 我的 简介 首页 首页 我的音乐

相关主题
文本预览
相关文档 最新文档