网页制作课程设计

《网页制作课程设计》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、长治职业技术学院摘要本网站主要是运用Dreamweaver8.0制作，在可视化的环境下创建和编辑Web站点，综合PhotoshopCS3进行创意和设计。通过网页展示个人主页、日志、相册、个人档等一系列内容。关键词DreamweaverPhotoshop个人网站超链接13长治职业技术学院第一章可行性与需求分析1.1开发背景㈠五十多年来，计算机的发展经历了以下五个重要阶段。①大型机阶段②小型机阶段③微型机阶段④客户机/服务器阶段⑤互联网阶段㈡计算机的应用①科学计算②事务处理③过程控制④辅助工程⑤人工智能⑥网络应用⑦多媒体的应用

2、㈢网络的应用①数据传送②资源共享③提高计算机的可靠性和可用性④易于进行分布式处理㈣Internet的应用①电子邮件E-mail②远程登录Telnet③文件传输④FTP⑤WWW服务1.2性能需求Dreamweaver8.0要求的运行环境（1）CPUP3-800（2）内存256MB（3）硬盘剩余空间1.8GB（4）显示器分辨率1024×768（5）16位视频卡。（6）软件WINDOWS2000/XP当前的开发环境（硬件、软件）（1）CPUAMDArhlon(tm)64×2dualCoreProcessorTK-57（2）内存1

3、GB（3）硬盘剩余空间20GB（4）显示器分辨率1280×800（5）显示卡ATIRedeonX1250（6）32位视频卡（7）软件WINDOWSXP1.3Dreamweaver8.0的特点：⒈将世界一流水平的“设计“和“代码”编辑器合二为一在设计窗口中精简源代码使用户能够按工作的需要定制自己的且户界面⒉．跨济浏览器的有效性检查⒊．使用内置的图形编辑程序让开发更加节时间⒋功能更多的CSS支持⒌所有传输的文件完全加密，并阻止越权存取你的信息、文件内容、用户名和口令⒍图片处理功能：图片亮度和对比度的调节、图片的锐化的效果1.4

4、网站设计的步骤：①规划网站；13长治职业技术学院②建立站点及制作页面；③注册域名、租用空间；④上传；推广及维护1.5网站总体结构设计功能模块图（层次图）个人主页主页日志相册个人档留言板1.6可行性分析技术（软、硬件具备）经济（制作简单的个人站点，不需要资金投入）社会（网站内容符合国家法律法规的要求，使用的各种素材不涉及版权问题）结论：可以开发13长治职业技术学院第二章规划网站2.1建站的目的即主题:想交朋友的你，已经积累了网页设计方面的技巧，现在想设计一个人网页，将这些技巧和自己较好的构想展现给大家，供朋友们参考。网站主要

5、是以学习网站创建和技术交流为主。性质就是无偿服务性的个人网站。有了网站的主题和性质后，就可以确定该网站的标题“我的个人主页”或“个人风采”，让大家一看就知道网站的主题内容是什么，一清二楚。2.2网站的浏览对象：Ⅰ对象：想交朋友的群体Ⅱ网站的风格：深色忧郁Ⅲ网站特点:颜色:以黑色为主调2.3网站的总体设计：⑴内容分类:主页、日志、相册、个人档、留言板⑵各个页面的主题内容:主页：有自己简介照片等日志：有网络美文相册：有个人照片个人档：有姓名、性别、年龄、生日、星座、爱好等留言板：供网友留言、⑶网页的布局图（手绘）个人主页导航条

6、文字图片⑷准备的素材：背景图片：网络下载13长治职业技术学院第三章站点的建立及页面制作1.站点建立⑴打开：“窗口”下的“新建站点”⑵按“下一步⑶单击“下一步”⑷单击“下一步”（出现“你如何连接到远程服务器”时选择“无”）⑸单击完成⑴⑵⑶⑷⑸13长治职业技术学院2.各个页面的制作页面图㈠首页的页面：制作过程:1创建一个一个新的文件2添加背景图片字体为行文楷体字号363添加表格制作导航栏使整体美观大方主页的设定：点击“index.html”文件，右击“设为首页”㈡日志的页面：制作过程1添加背景图片2文字的添加字号24字体行文楷

7、体字体颜色是黄色3调整整体的布局使其美观㈢相册的页面：13长治职业技术学院制作过程1添加背景图片和我的图片2布局整体㈣个人档的页面：制作过程1添加背景图片和文字2整体布局㈤留言板的页面：13长治职业技术学院制作过程：1添加背景图片和文字2加入文本域和按钮（工具栏下的“插入”--“表单”--文本域和按钮3布局整体13长治职业技术学院第四章注册域名、租用免费空间一、搜索一个提供免费空间的网页二、注册会员13长治职业技术学院第五章上传发布上传工具：FTP工具、FlashFXPFTP上传过程：申请空间后，用FTP软件上传！比如Cu

8、teFtp，网页做好了，接下来最重要的就是上传网页啦！也只有上传网页到网络上，其他的网友才能浏览得您的网页，而且，上传之后，也才能发现，您设计的网页是否有问题。上传的方式有千百种，这里我介绍最常用的一种，至于其他的上传方式，只有靠自己去理解啦！1.首先来解释一下，什么叫做『上传』（已经知道的就快快跳过去