《网页制作07122.doc》由会员分享，可在线阅读，更多相关《网页制作07122.doc（8页珍藏版）》请在金锄头文库上搜索。
1、沈阳理工大学课程实践（论文）摘 要Dreamweaver软件是时下流行的网页设计、网站开发的可视化开发工具，因其功能强大、操作简便，对ASP、PHP、JSP、数据库等动态网站开发工具提供支持而闻名，其用户之多、应用之广，在所有的网站开发工作中堪称之最。本网页制作作品是根据自己对网上购物的喜爱制作了星星购物网站，通过一些商品、图片素材制作网页，以实现网页制作的实际操作技巧。目 录1 前言11.1 作业背景11.2 选题说明11.2.1 基本思路11.2.2 作业目标12 制作因由23 设计构思23.1 整体构思23.1.1 制作星星购物主页23.1.2 具体所运用到的网页制作的知识点23.2 取
2、材24 制作过程的简单描述24.1 输入素材，制作画面基本构成24.2 输入文字进行编辑34.3 给网页添加图像34.4 插入音乐插件和相关产品信息34.5 创建超链接45整体调整45.1 整体查看45.2 出现的问题和解决4结束语5参考文献62沈阳理工大学课程实践（论文）1 前言1.1 作业背景1掌握网页设计的相关理论知识，运用成熟的流行技术，熟练使用网页设计工具。2根据自己的兴趣爱好设计一个网站，具体要求如下：站点必须有主题，站点内容与主题相关，整个站点的网页数不少于5个，站点中使用图片数不少于10个，主页上最少有8个链接，其中必须包含5个以上站内链接。其余网页可以根据自己的思路和兴趣自行
3、设计。3网页尽量实现结构、表现、行为的分离。4撰写课程实践（论文）格式请参阅相应的模板，正文部分主要包括：网站规划、主页及各级页面的设计与制作、有待改进的方面。1.2 选题说明为了对所学知识的巩固和掌握，并且对所学知识的灵活运用，又考虑到作品的实用性，所以决定运用Dreamweaver制作一个网上购物主页，其中推荐的产品可以更加生动形象的表现出想表达的东西。其中所蕴含的网页制作基本知识以及个人的创意想法可以通过网页表达出来，从而带给网上购物者深刻的印象。 1.2.1 基本思路基本思路:制作网上购物主页星星购物主页，其中有创建超链接的使用。 1.2.2 作业目标作品目标：能够了解HTML语言结构
4、与语法,了解网页设计的总体规划,网页结构划分与实现、网页模板设计与应用及网站设计实例。能够掌握构建网页框架的基本操作和框架集的属性等等。2 制作因由我比较喜欢了解网上购物的网站，希望此次通过制作网页与他人分享网上购物。并且学到网页制作技术与设计构思，并能够掌握构建网页框架的基本操作和框架集的属性。掌握网页动画的设计技巧，并将其应用于网页。3 设计构思3.1 整体构思3.1.1 制作星星购物主页在网上寻找一些适合的素材，运用设计版面，编写代码，运用框架集等方法制作符合个人爱好的购物主页。3.1.2 具体所运用到的网页制作的知识点创建站点、创建网页对象、创建超链接、设置框架集等。3.2 取材根据整
5、体构思选择图片，例如： 4 制作过程的简单描述4.1 输入素材，制作画面基本构成（1）打开DreamweaverCs5的应用软件，选择【站点】新建站点并且为之命名。 （2）对网页的页面属性等进行设置。（3）背景通过创建代码生成。（4）插入图片素材进行排版设计。4.2 输入文字进行编辑把文字进行编辑，而对其进行细节编辑则要使用到属性面板中的文本工具进行编辑。而其他的一些文字运用同样的方法进行编辑。有的文字出现了一些移动的效果这是使用图片来产生的。直接输入文本：在网页文档中，将鼠标定位在需要添加文本的位置，切换输入法即可进行文本的输入。或者从其他文本中复制文本。也可使用Dreamweavercs5
6、中的“文件”，选择“导入”word文档。4.3 给网页添加图像单击“插入”，选择“图像”在对话框中选择要插入的图片，并将图片保存在站点中的文件夹中，命名为“img”然后，对插入的图像进行修改，如调整大小、位置、明暗度和对齐，设置垂直、水平边距等。 如果插入的图像有不需要的部分，选中裁切图像后，单击属性面板中的相应按钮，图像将出现阴影边框，将鼠标移到图像上单击并拖动何时大小后释放鼠标，完成裁切范围的设置。最后再单击相应按钮，阴影部分的图像将被裁切。4.4 插入音乐插件和相关产品信息在站点文件夹下新建文件夹，命名为“music”单击“插入”，选择“媒体”中的“插件”，单击，出现选择文件对话框选择m
7、usic文件夹，选择需要添加的音乐：等一分钟，单击“选择”按钮。 相关产品信息，如： 直降30！大功率，大容量，飞利浦电熨斗 让熨烫衣服变得简单快乐！直降30元！1450 瓦及强劲的蒸汽，180 毫升水箱，令熨烫更迅速！星星价：￥179.00 索尼（SONY)VPL-EX120 商务型投影机什么叫超值！看送的演示器！星星价：￥4499.004.5 创建超链接在网页中选择需要创建超链接的文本，单击右键，选择“创建连接”弹出选择文件对话框，在对话框中找到需要链接的文件，单击“确定”关闭“选择文件”对话框。保存网页，并在浏览器中浏览，当将鼠标移到超链接文本时鼠标光标变为手型，表示连接已创建成功。图片
8、的连接方法与文本差不多。例： 在超链接之前需要找到你要链接的相关内容。 选择插入菜单的超链接的命令，在文件列表框选择页面1.htm文件，注意在URL文本框中显示了该文件的地址。单击确定按钮。超链接就制作成功了。我切换到预览模式（单击预览按钮），但我把鼠标指向主页时鼠标变成手形，单击它，就可以切换到主页了。 如果是链接的网页需要对网页进行保存，这样才在以后的打开网页时信息不会丢失。5 整体调整5.1 整体查看首先保存文件，然后单击“预览”按钮，选择“预览在IEplore”5.2 出现的问题和解决通过整体的查看后，发现创建连接不全面，单击按钮后到下个页面后无法通过其他按钮回到原来页面时，重新建立超
9、连接。 需要将网页之间通过文本和图片一一创建超链接，比较耗费时间，需要耐心一一连接，链接完成即可。结束语通过这个课程实践使我对Dreamweaver有了更深入的了解，掌握了网页设计的基础应用，能够灵活应用div盒子及框架的构建。能够了解HTML语言结构与语法,了解网页设计的总体规划,网页结构划分与实现、网页模板设计与应用及网站设计实例。能够掌握构建网页框架的基本操作和框架集的属性。而且，在制作课设时，我也感到好多好的素材我都无法使用以及大多知识的匮乏。于是，我要好好的学习使用它对未来的专业课程做一个好的铺垫。在这个过程中，增加了我对网页制作学习的兴趣，增强了我的自信心，为以后专业课程的学习，奠定一个良好的基础。参考文献1 编著：温谦赵伟胡静李占波；网页制作综合技术教程；第1版；人民邮电出版社；2000年2 编著：谭贞军 刘斌 等；Dreamweaver+Flash+Photoshop网页制作从入门到精通；第1版；清华大学出版社；2008年
