网页设计基础-综合项目实践

web网页制作课程设计一、课程目标知识目标：1. 让学生掌握Web网页制作的基本概念，如HTML、CSS、JavaScript等；2. 使学生了解网页设计的基本原则，包括布局、色彩、字体等；3. 帮助学生掌握常用的网页制作工具和技术，如Dreamweaver、Sublime Text等。

技能目标：1. 培养学生独立完成网页设计与制作的能力，包括编写代码、调整布局、优化页面等；2. 提高学生解决实际问题的能力，如调试代码、优化网页性能等；3. 培养学生团队协作和沟通能力，能够与他人共同完成项目。

情感态度价值观目标：1. 培养学生对Web网页制作的兴趣，激发学生学习编程的热情；2. 培养学生认真负责、精益求精的工作态度，提高学生的审美观念；3. 引导学生关注互联网发展趋势，培养创新意识和探索精神。

课程性质：本课程为实践性较强的学科，注重培养学生的动手能力和实际操作技能。

学生特点：学生具备一定的计算机操作基础，对网页制作有一定了解，但对编程知识掌握较少。

教学要求：结合学生特点，采用案例教学、任务驱动等方法，注重理论与实践相结合，提高学生的实际操作能力。

在教学过程中，关注学生的个体差异，鼓励学生积极参与，充分调动学生的主观能动性。

通过课程学习，使学生能够独立完成网页设计与制作，为未来从事相关工作奠定基础。

二、教学内容1. 网页制作基础知识：包括HTML、CSS、JavaScript等基本概念，以及网页设计的基本原则和流程。

- 教材章节：第一章至第三章- 内容列举：HTML标签、属性、页面结构；CSS样式、选择器、布局；JavaScript语法、事件处理、DOM操作。

2. 网页制作工具与技术：介绍常用的网页制作工具和技术，如Dreamweaver、Sublime Text等。

- 教材章节：第四章- 内容列举：Dreamweaver界面与功能；Sublime Text基本操作、插件安装与使用。

3. 网页布局与设计：学习网页布局的基本原则，掌握常见的布局方式，提高页面设计能力。

国家开放大学网页设计综合实训报告书
2.相关技术说明（制作网站的相关技术有哪些，如何选定。

20分）
景是采用漂亮图片、简短新颖的文字来进行合理、整齐地页面布局和排版，很注重细节方面的设计，整体纯净、留白、简单明了且让人感觉干净舒服。

Logo设计每一个品牌或商标都有一个属于自己的logo，logo可以分为文字logo、图形logo、图像logo等。

LOGO的标准色、设计可能被应用的恰当的背景配色体系、反白、在清晰表现LOGO的前提下制订LOGO最小的显示尺寸，为LOGO制订一些特定条件下的配色，辅助色带等方便在制作BANNER等场合的应用。

另外应注意文字与图案边缘应清晰，字与图案不宜相交叠。

另外还可考虑LOGO竖排效果，考虑作为背景时的排列方式等，尺寸88*31这是互联网上最普遍的LOGO规格。

主页截图如下：
4.网站的发布（写出发布的步骤及相关截图。

10分）
在windows操作面板中，依次展开Internet l信息服务服务和 Framework 3.5.1中，如图所示选中这些服务。

二、添加网站
1、安装好IIS管理器后，在菜单的搜索栏目中搜索IIS，如图选择Inter信息服务（IIS）管理器，打开进入。

2、添加网站，选择配置
点击网站右击，选择添加网站，输入自定义网站名（一般都是项目的英文简称），选择物理路径（自己在电脑中保存的项目的发布路径），然后设置对应的端口号，端口号注意不可重复，例如8089等
三、浏览网站。

大学生网页设计实训报告网页设计与制作综合实训是教学过程中重要的实践性教学环节。

下面是小编收集的大学生网页设计实训报告，欢迎参考阅读!1.学习html语言和dreamweaver，frontpage等工具 .掌握在本地环境下运用asp技术实现一个简单的电子商务网站1.资料的搜集。

组长分配任务，大家从网站上搜集各种关于手机的资料。

.熟悉制作软件。

做网页主要用的工具便是dremweaver、photoshop、flash软件。

在这些软件我对dremweaver、photoshop相对比较熟悉，因为在平时上课是老师带领我们运用过。

所以我还可以正常的运用，但是出现的问题还是有很多。

有很多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面的缺点，它是我平时不够认真的具体表现。

.构建站点框架。

打开dremweaver后第一步便是新建站点设计主页及二级页面。

实现网页间的链接链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。

向静太网页插入动态效果在经济迅速发展的今天，internet显得更为重要它是人们发布信息与传递信息的重要渠道，为了与社会发展同步，为了让我们成为真正的技术性人才。

学校在本周为我们安排了维持三周的网页制作专用周是实习，让我们把平时所学知识运用到实习中做到真正的学以致用而不只是纸上谈兵。

通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足。

近三个星期的实训将要结束，其中的酸甜苦辣我会在今后的日子里不断地去咀嚼，去回味，去探索。

从制作网页过程中，我学到了新的美化网页的方法，运用了更多以前未运用的技巧。

这使我学到了更多的知识，并且为我自己在制作网页这方面积累了一些经验。

这些将是我人生中的一次重要的经历，将是我今后走上社会后的一笔巨大的财富。

这次实习的收获对我来说有不少，我自己感觉在知识、技能等方面都有了不少的收获。

网页设计中的ppi设置
基础篇Biblioteka 1.2.2 浏览器浏览器是指可以显示网页服务器或文件系统的HMTL内容，并让用户与这些文件 交互的一种软件。常用的浏览器有Chrome,IE，Safari，火狐，UC等。用户可以 根据自己的喜好及浏览器特性来选择使用。
从左至右分别是Chrome,IE，Safari，火狐，UC浏览器
IE浏览器比Chrome展示的内容略少，信息显示的更大；然后，细节上IE 浏览器下的字体较大且颜色为黑色、蓝色，广告区域的文字信息置于图 片之下，菜单栏高度较高；再然后，IE浏览器头部的高度略要低于 Chrome浏览器，这样会导致在浏览器容器内看到的一屏信息的高度会
更高。
不同浏览器的头部高度不一
基础篇
基础篇
3.增值服务收费 增值服务收费模式是指基础服务功能免费，高级服务功能收费。这种模式常见于一些社交 网站的会员制度及游戏网站中的道具。如在QQ本身免费，但是你要想享受更多服务就得付费升 级会员。
基础篇
4.直销模式 直销模式是利用互联网平台本身来卖自营商品，这种模式实际上就 是减少中间环节，把商品直接销售到用户手中。典型方式如当当网的自
基础篇
1.1.1 网站的基本概念
网页是以提供人机交流便利为目的的中间媒体。它是超文本标 记的语言格式（.html或.htm）,是一种可以在WWW（World Wide Web的缩写）网上传输，经由网址（URL）被浏览器识别并
翻译成页面显示出来的文件。
网站是由多个网页用超链接的方式组成的有机整体。网站被储 存在指定的网站空间（服务器或虚拟主机），通过域名（网址）进 行访问。一个网站至少包含一个网页，上不封顶。
聚美优品网，专注于女性化妆品正品折扣网店，具有强烈的产品特色和专业性。在 设计电子商务类网站时，要充分考虑到网站有高质量且丰富的内容，更新及时，网站