河北科技师范学院欧美学院
实习类型 教学实习 实习单位 河北科技师范学院欧美学院 实习起止时间年月年日指导教师 刘正林 所在院(系) 信息技术系 专业班级 网专1101 学生姓名 崔珺珺 学 号
一、 实习的基本概况
(一) 理论指导
根据实训内容自行确定
(二) 项目情况
项目名称:企业门户网站
开发环境:Windows XP
项目分工情况:
我的任务:制作企业门户网站框架
二、 实习过程或步骤
新建一个记事本文件,开始填写代码,我所做的是一家广告公司的主页面,所以题目的代码是这么写的:<title>XX广告公司欢迎您!</title> 一个公司的主页必须有其他的链接,因为成员比较少,所以我做的比较简单,我用了<style>这个代码,<style>
<!--
a {color:black;text-decoration:none}
a:hover{color:red;text-decoration:none}
--!>
</style>
这样,超链接的字体是黑色的,但鼠标指向它以后就是红色的。
从互联网下载一张名为1后缀为JPG的图片,“XX广告,行业的领头者”下一步编写代码,并且将该1.JPG放入主页所在的文件夹,代码部分如下:
<tr><td colspan="9"><img src="1.jpg" height="100" width="1200"></td></tr>但是由于知识浅薄,图片放上去不是非常协调。
对网页上半部分的框架表格进行处理,的对字体、字号进行设置,代码如下: <td>
<font size="3" face="楷体_gb2312">
<a href="index.htm">首页</a></font>
<td>
<font size="3" face="楷体_gb2312">
<a href="xxgk.htm">公司概况</a></font>
</td>
<td>
<font size="3" face="楷体_gb2312">
<a href="gljg.htm">公司机构</a></font>
</td>
<td>
<font size="3" face="楷体_gb2312">
<a href="yxsz.htm">职务设置</a></font>
</td>
<td>
<font size="3" face="楷体_gb2312">
<a href="jxky.htm">工作科研</a></font>
</td>
<td>
<font size="3" face="楷体_gb2312">
<a href="zsjy.htm">活动动态</a></font>
</td>
<td>
<font size="3" face="楷体_gb2312">
<a href="xsgz.htm">联系客服</a></font>
</td>
<td>
<font size="3" face="楷体_gb2312">
<a href="tsda.htm">图书资料</a></font>
</td>
<font size="3" face="楷体_gb2312">
<a href="xyfw.htm">客户服务</a></font>
</td>
</tr>
了解了一些代码的含义,比如<tr>一个表格可以分成很多行,用<tr>表示,比如<td>指的是每行又可以分成许多单元格。
为了使网页有简单的交互性在主页上设置了一个登录界面和按钮,代码如下<tr><td colspan="9">
<form action="1.html" method="get">
用户名:<input type="text" name="yourname">
密码:<input type="password" name="yourpassword">
<input type="submit" value="员工登陆">
</form>
</td>
我连接了一个新建名为1.HTML的网页,主要是自己弄不太懂有关数据库的知识,所以只能简单的编写,这样不论在用户名、密码输入什么,都能跳入第二个页面。
进行了左侧表格框架的设计编写,代码如下:
<tr height="200">
<td>
<font size="3" face="楷体_gb2312"><strong>服务导航</strong></font><p>
<a href="zwx.htm">管理层</a><p>
<a href="sxx.htm">财务室</a><p>
<a href="wyx.htm">设计部</a><p>
<a href="kjx.htm">后续处理</a><p>
<a href="glx.htm">服务接待</a><p>
<a href="wlx.htm">后勤供给</a><p>
<a href="hxx.htm">客户服务</a><p>
<a href="jsjx.htm">订单档案</a><p></td>
<td colspan="8" valign="top" align="center">人事公告</td></tr> 最后。进行了简单的后续处理修改。
三、 实习感受
(一) 成绩与收获
通过这次网页制作实习课程,我更加深入的了解了各种代码语言的作用,从互联网上学习了更多的知识。学习制作网页,必须先从学习HTML语言做起,弄清楚各种语言在制作网页中的重要作用,通过这次综合性实验,我已经可以灵活运用所学知识和技巧制作简单的网页。实验过程中,我尽量充分运用老师教过的知识,对所学知识有一定的巩固作用,为了做出更好的效果我也翻阅参考了其他的资料,学习到了更多网页处理的技巧,制作网页过程中我遇到了不少的问题,通过询问同学和查找资料都获得了 解决的办法,这次实践对我而言是一个不小的提升,在实践过程中学习巩固对知识能有更深的记忆。网页制作是一门很实用的学科,值得我们以后更深入的去学习。现在我掌握的制作知识还是太少,需要以后多与老师、同学们交流,自己在网络上也需要更加深入的挖掘有关知识。
(二) 问题与不足
对一些代码的作用不了解,乱加运用导致页面混乱,而且缺少独自处理错误与难题的能力,对于有些知识仅是一看就过,其实自己根本没有掌握,而且掌握了的也是一知半解,没有将知识加以用工,总是想做些什么但是真到了做的时候不会,还得去翻书。
河北`````````````学院
实习总结
实习类型 教学实习
实习单位 河北``````````````````````院
实习起止时间年月日至月日
指导教师 ```````````````` 所在院(系) 信息技术系
专业班级 `````````````班 学生姓名 ``````````` 学 号
一、 实习的基本概况
(一) 理论指导
通过该课程实习,使学生全面而系统地掌握网络编程开发的基本工作原理、原则和方法,使学生掌握网络编程规划、分析、设计、实施、测试、试运行及运行管理等各项开发阶段的工作原则、步骤和方法,熟悉面向对象方法的基本概念及技术,通过案例学习来扩大学生的知识面和提高未来应对不同类型网络编程开发的能力。培养学生观察问题、分析问题、解决问题和实际动手能力。通过本次设计使学生在实际环境中,使用软件开发工具,以获取实践经验。全面完成设计任务后,学生将设计一个实用的网络应用系统,从而更深入的理解网络编程的理论与实践知识。
(二) 实习过程或步骤
静态网页制作
1.开发工具: Dreamweaver Dreamweaver(简称DW)是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。 DREAMWEAVER,FLASH以及在DREAMWEAVER之后推出的针对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队),足见市场的反响和MACROMEDIA公司对它们的自信.说到DREAMWEAVER我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓,HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器),两者各有千秋.所见则所得网页编辑器的优点就是直观性,使用方便,容易上手,您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别.
2.网页文件的基本操作
a、创建、打开和保存网页文件
创建:文件----新建----创建。打开:文件---打开----选择欲打开的文
件。或者在右边的文件浮动面版中选择打开。保存:文件---保存或
另存为
b. 设置网页的页面属性修改---页面属性---然后设置(标题、背景、背景图像、文本等
c. 设置网页对象的颜色网页对象,如页面背景、文字、链接都经
常需要设置颜色。可在各自对应的属性面版中设置。
d. 网页文本的输入和属性设置
文本可键入、导入、粘帖
文字可设置字体、大小、颜色、格式等。
键入空格的方法:1、汉字输入法设置为全角方式,按空格键即可输入。
2、属性面版格式中:预先格式化的
换行:ENTER、SHIFT+ENTER
e. 网页图片的插入和属性设置
插入图片,在对话框中选择图片。(最好在建立站点时将欲用的图片素材复制到本地站点目录中)
插入图像占位符,在图片准备好后再加入图片。加入方法:1、双击图像占位符;2、点“属性面版”中的“指向文件”,拖到右边文件中要插入的文件处。
在图像属性面版中设置
f. 插入层
方法: 1、点击插入面版中的“描绘层”;2、在网页编辑器窗口中按住鼠标左键拖画出定位用的层;
3、可以随意移动层的位置;4、可在层中插入图像、文字等。
g. 插入表格,用表格定位
方法:
1、 先用鼠标点至欲插入表格的位置;
2、 点插入面版中的“表格”—“插入表格”;
3、 确定行数、列数后确定即将表格插入到选定位置了;
4、 可在表格中任何单元格里插入图像、文字等。
h. 建立超链接
方法: 1、选中要建立超链接的文字或图像;
2、点右键“创建链接”打开的窗口或在属性的链接栏里,填入链接的目标。(如: 本网站另一个网页,或外部网页如http://www.google.com,或电子邮件如:mailto:zdhwangji@21cn.com)
3、在页面属性里修改链接的属性: 修改--页面属性(链接、活动链接、访问过链接)
3. 操作步骤
3.1页面效果,导航设计
先将要用到的图片素材复制到My site文件夹里的images文件夹。
1、新建一个网页,并将新网页取名为exa.htm,保存在My site文件夹中;在网页编辑器窗口中,选择“修改”--“页面属性”命令,在“页面属性”对话框中设置标题为”应用实例2”, 背景图片为bg0040.gif;
2、在网页的顶部区域合适的位置上输入标题文字“汽车主页”,并选中这些文字。在属性面板中,选择格式中“标题1”;
3、在网页的中部区域合适的位置插入光标,选择菜单“插入”—“图像对
象”—“导航条”命令,此时的网页编辑窗口中,会弹出“插入导航条”对话框。
在“项目名称”文本框中设置第1个按钮的名称为a;在下面按钮4个状态的文本框中分别输入images文件夹中的a1.gif, a2.gif, a3.gif, a4.gif 4个文件的路径和名称;在“按下时,前往的URL”文本框中输入该按钮链接的对象名称和路径(因此实例站点中只有index.htm和exa2.htm两个网页文件,所以这里先填入index.htm来看看效果)。
选中“预先载入图象”和“使用表格”选项;选择“插入”下拉列表框中的水平方向设置导航条;
4、点“插入导航条”对话框最上面的“+”后,重复步骤3,可设置其他5个按钮(这里为简便,后五个按钮只对“状态图像”进行设置,其他三种图像不再设置了)
5、在网页合适的位置上插入3个用于图片定位的层,并在不同的层中插入images文件夹中的图片文件tu1.gif, tu2.gif, tu3.gif;
6、在网页的底部区域插入带图片wyfy.jpg的层,选中图片,在图片“属性”面板的“链接”文本框中,输入mailto:+EMAIL地址,建立电子邮件链接;
7、保存并预览网页,调整各方面属性及位置直至满意。
3.2框架集的使用
1.新建站点名为 “框架集应用”的站点;
2.“文件”--- “新建”--- 选“框架集”--- 选“左侧固定”--- “创建”,然后在弹出的“框架标签辅助功能属性”对话框中按“确定”。
3. “文件”--- “保存全部”:将框架集页面保存为index.htm,左侧框架页面保存为leftFrame.htm,右侧框架页面保存为rightFrame.htm。
4.在下面属性窗口中按如下进行设置,然后保存并按F12预览;
5.这里补充一点:建立了框架集页面之后,任何时候,在菜单“窗口”中选中“框架”,在右下侧会出现“框架”窗口,点击里面不同部分则可激活相应的框架页面;
4.其他设计效果
插入视频:
(1) “插入”----“媒体”-----“ActiveX”-----弹出窗口“确定”,双击页面编辑窗口中产生的图标,在打开的“选择Netscape插件文件”对话框中,选择要插入的视频文件,然后确定;把图标大小调整到合适。(2) 保存文件并预览。
(三) 实习收获与不足
在本次网页设计学习中,我不仅学到了很多关于网页设计方面的知识,也从中学会了关于网络、编程等方面的知识。在这个过程中,我通过上网查询看网页制作视频,学习了Dreamweaver等网页软件的应用,虽然在设计过程中也出现了很多的问题,但通过百度搜索和请教同学等方式,不断学习、反思、总结、提高,我的网页设计水平相对于开始阶段有了一个质的变化。
河北科技师范学院欧美学院
实习类型 教学实习 实习单位 河北科技师范学院欧美学院 实习起止时间年月年日指导教师 刘正林 所在院(系) 信息技术系 专业班级 网专1101 学生姓名 崔珺珺 学 号
一、 实习的基本概况
(一) 理论指导
根据实训内容自行确定
(二) 项目情况
项目名称:企业门户网站
开发环境:Windows XP
项目分工情况:
我的任务:制作企业门户网站框架
二、 实习过程或步骤
新建一个记事本文件,开始填写代码,我所做的是一家广告公司的主页面,所以题目的代码是这么写的:<title>XX广告公司欢迎您!</title> 一个公司的主页必须有其他的链接,因为成员比较少,所以我做的比较简单,我用了<style>这个代码,<style>
<!--
a {color:black;text-decoration:none}
a:hover{color:red;text-decoration:none}
--!>
</style>
这样,超链接的字体是黑色的,但鼠标指向它以后就是红色的。
从互联网下载一张名为1后缀为JPG的图片,“XX广告,行业的领头者”下一步编写代码,并且将该1.JPG放入主页所在的文件夹,代码部分如下:
<tr><td colspan="9"><img src="1.jpg" height="100" width="1200"></td></tr>但是由于知识浅薄,图片放上去不是非常协调。
对网页上半部分的框架表格进行处理,的对字体、字号进行设置,代码如下: <td>
<font size="3" face="楷体_gb2312">
<a href="index.htm">首页</a></font>
<td>
<font size="3" face="楷体_gb2312">
<a href="xxgk.htm">公司概况</a></font>
</td>
<td>
<font size="3" face="楷体_gb2312">
<a href="gljg.htm">公司机构</a></font>
</td>
<td>
<font size="3" face="楷体_gb2312">
<a href="yxsz.htm">职务设置</a></font>
</td>
<td>
<font size="3" face="楷体_gb2312">
<a href="jxky.htm">工作科研</a></font>
</td>
<td>
<font size="3" face="楷体_gb2312">
<a href="zsjy.htm">活动动态</a></font>
</td>
<td>
<font size="3" face="楷体_gb2312">
<a href="xsgz.htm">联系客服</a></font>
</td>
<td>
<font size="3" face="楷体_gb2312">
<a href="tsda.htm">图书资料</a></font>
</td>
<font size="3" face="楷体_gb2312">
<a href="xyfw.htm">客户服务</a></font>
</td>
</tr>
了解了一些代码的含义,比如<tr>一个表格可以分成很多行,用<tr>表示,比如<td>指的是每行又可以分成许多单元格。
为了使网页有简单的交互性在主页上设置了一个登录界面和按钮,代码如下<tr><td colspan="9">
<form action="1.html" method="get">
用户名:<input type="text" name="yourname">
密码:<input type="password" name="yourpassword">
<input type="submit" value="员工登陆">
</form>
</td>
我连接了一个新建名为1.HTML的网页,主要是自己弄不太懂有关数据库的知识,所以只能简单的编写,这样不论在用户名、密码输入什么,都能跳入第二个页面。
进行了左侧表格框架的设计编写,代码如下:
<tr height="200">
<td>
<font size="3" face="楷体_gb2312"><strong>服务导航</strong></font><p>
<a href="zwx.htm">管理层</a><p>
<a href="sxx.htm">财务室</a><p>
<a href="wyx.htm">设计部</a><p>
<a href="kjx.htm">后续处理</a><p>
<a href="glx.htm">服务接待</a><p>
<a href="wlx.htm">后勤供给</a><p>
<a href="hxx.htm">客户服务</a><p>
<a href="jsjx.htm">订单档案</a><p></td>
<td colspan="8" valign="top" align="center">人事公告</td></tr> 最后。进行了简单的后续处理修改。
三、 实习感受
(一) 成绩与收获
通过这次网页制作实习课程,我更加深入的了解了各种代码语言的作用,从互联网上学习了更多的知识。学习制作网页,必须先从学习HTML语言做起,弄清楚各种语言在制作网页中的重要作用,通过这次综合性实验,我已经可以灵活运用所学知识和技巧制作简单的网页。实验过程中,我尽量充分运用老师教过的知识,对所学知识有一定的巩固作用,为了做出更好的效果我也翻阅参考了其他的资料,学习到了更多网页处理的技巧,制作网页过程中我遇到了不少的问题,通过询问同学和查找资料都获得了 解决的办法,这次实践对我而言是一个不小的提升,在实践过程中学习巩固对知识能有更深的记忆。网页制作是一门很实用的学科,值得我们以后更深入的去学习。现在我掌握的制作知识还是太少,需要以后多与老师、同学们交流,自己在网络上也需要更加深入的挖掘有关知识。
(二) 问题与不足
对一些代码的作用不了解,乱加运用导致页面混乱,而且缺少独自处理错误与难题的能力,对于有些知识仅是一看就过,其实自己根本没有掌握,而且掌握了的也是一知半解,没有将知识加以用工,总是想做些什么但是真到了做的时候不会,还得去翻书。
河北科技师范学院欧美学院实习类型教学实习实习单位河北科技师范学院欧美学院实习起止时间年月年日指导教师刘正林所在院(系)信息技术系专…
钢筋混凝土结构课程设计说明书题目钢筋混凝土整体式单向板肋形楼盖设计基础工程一班谢世瀚111102143广东水利电力职业技术学院市政…
XXX学院实习报告系别年级专业(班级)学号姓名实习类别专业课程设计指导教师实习期间教务部XXXX年制专业课程设计周小结为期一周的专…
这次数据库课程设计做的还是很成功的,功能全部基本都实现了。在做的过程中出现过几次小问题,搞了很长时间才做通的。做完这次课设之后,回…
实习心得经过暑期的实习后,开学第一周我们又开始了在学校的实习生活。从开始时满富盛激情到最后汗水背后的复杂心情,点点滴滴无不令我回味…
20xx-20xx学年第一学期《道路工程CAD》题目:道路工程CAD设计心得设计时间:第14周班级:0723091班姓名:王海峰学…
“机械制造技术基础课程设计实习小结这次课程设计,由于理论知识的不足,再加上平时没有什么设计经验,一开始的时候有些手忙脚乱,不知从何…
实习心得经过暑期的实习后,开学第一周我们又开始了在学校的实习生活。从开始时满富盛激情到最后汗水背后的复杂心情,点点滴滴无不令我回味…
XXX学院实习报告系别年级专业(班级)学号姓名实习类别专业课程设计指导教师实习期间教务部XXXX年制专业课程设计周小结为期一周的专…
数电课程实习心得1、通过这次课程设计,加强了我们动手、思考和解决问题的能力。在整个设计过程中,我们通过这个方案包括设计了一套电路原…
Java项目开发实训总结设计人:浦江峰班级和班内序号:1132304112项目选题意义:在民营企业、中小型公司高速蓬勃发展的今天,…